/*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ***! \********************************************************************************************************************************************************************************************************************************************************/ .mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.34375em) scale(0.75);transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.34374em) scale(0.75);transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);-ms-transform:translateY(-1.28125em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);-ms-transform:translateY(-1.28124em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);-ms-transform:translateY(-1.28123em) scale(0.75);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.28122em) scale(0.75);transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.28121em) scale(0.75);transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.2812em) scale(0.75);transform:translateY(-1.2812em) scale(0.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-0.59375em) scale(0.75);transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-0.59374em) scale(0.75);transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.59375em) scale(0.75);transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.59374em) scale(0.75);transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-0.0625em}.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){-webkit-transform:translateZ(0);transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;-webkit-transition:opacity,-webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity,-webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);-webkit-transform:scale(0);transform:scale(0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}@-webkit-keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-start{/*!*/}@-webkit-keyframes cdk-text-field-autofill-end{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-start 0s 1ms;animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){-webkit-animation:cdk-text-field-autofill-end 0s 1ms;animation:cdk-text-field-autofill-end 0s 1ms}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;height:0 !important}.mat-focus-indicator{position:relative}.mat-mdc-focus-indicator{position:relative}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option{color:rgba(0,0,0,.87)}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox::after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0{-webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1{-webkit-box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2{-webkit-box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3{-webkit-box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4{-webkit-box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5{-webkit-box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6{-webkit-box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7{-webkit-box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12);box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8{-webkit-box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9{-webkit-box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12);box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10{-webkit-box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12);box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11{-webkit-box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12);box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12{-webkit-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12);box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13{-webkit-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12);box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14{-webkit-box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12);box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15{-webkit-box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12);box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16{-webkit-box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17{-webkit-box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12);box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18{-webkit-box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12);box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19{-webkit-box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12);box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20{-webkit-box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12);box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21{-webkit-box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12);box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22{-webkit-box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12);box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23{-webkit-box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12);box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24{-webkit-box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel:not([class*=mat-elevation-z]){-webkit-box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.mat-badge-content{color:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge{position:relative}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;-webkit-transition:-webkit-transform 200ms ease-in-out;transition:-webkit-transform 200ms ease-in-out;transition:transform 200ms ease-in-out;transition:transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;-webkit-transform:scale(0.6);transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{-webkit-transition:none;transition:none}.mat-badge-content.mat-badge-active{-webkit-transform:none;transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-bottom-sheet-container{-webkit-box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:transparent}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){-webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not([class*=mat-elevation-z]){-webkit-box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){-webkit-box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){-webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){-webkit-box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){-webkit-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12);box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){-webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone,.mat-button-toggle-group{-webkit-box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{-webkit-box-shadow:none;box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px rgba(0,0,0,.12)}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){-webkit-box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){-webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-card-subtitle{color:rgba(0,0,0,.54)}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa !important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.54)}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{-webkit-box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip::after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-calendar-arrow{border-top-color:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header{color:rgba(0,0,0,.38)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:transparent}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, rgba(63, 81, 181, 0.2)), color-stop(50%, rgba(249, 171, 0, 0.2)));background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:-webkit-gradient(linear, right top, left top, color-stop(50%, rgba(63, 81, 181, 0.2)), color-stop(50%, rgba(249, 171, 0, 0.2)));background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-calendar-body-today.mat-calendar-body-selected{-webkit-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff}.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}.mat-datepicker-content{-webkit-box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 64, 129, 0.2)), color-stop(50%, rgba(249, 171, 0, 0.2)));background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:-webkit-gradient(linear, right top, left top, color-stop(50%, rgba(255, 64, 129, 0.2)), color-stop(50%, rgba(249, 171, 0, 0.2)));background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{-webkit-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, rgba(244, 67, 54, 0.2)), color-stop(50%, rgba(249, 171, 0, 0.2)));background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:-webkit-gradient(linear, right top, left top, color-stop(50%, rgba(244, 67, 54, 0.2)), color-stop(50%, rgba(249, 171, 0, 0.2)));background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{-webkit-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}.mat-datepicker-content-touch{-webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-datepicker-toggle-active{color:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-dialog-container{-webkit-box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){-webkit-box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label{color:rgba(0,0,0,.6)}.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ff4081}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.42)), color-stop(33%, rgba(0, 0, 0, 0.42)), color-stop(0%, transparent));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.42)), color-stop(33%, rgba(0, 0, 0, 0.42)), color-stop(0%, transparent));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#3f51b5}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-item-disabled{background-color:#eee}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){-webkit-box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-menu-item{background:transparent;color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled]::after,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-item-submenu-trigger::after{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#c5cae9}.mat-progress-bar-buffer{background-color:#c5cae9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#ff80ab}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#ff80ab}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){-webkit-box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){-webkit-box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{-webkit-box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-primary .mat-slider-track-fill,.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-accent .mat-slider-track-fill,.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-warn .mat-slider-track-fill,.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover{background-color:rgba(0,0,0,.04)}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-] .mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;-webkit-box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-simple-snackbar-action{color:#ff4081} /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/bootstrap/dist/css/bootstrap.css ***! \***************************************************************************************************************************************************************************************************************************************/ /*! * Bootstrap v4.6.0 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } } .row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-4 > * { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-sm-4 > * { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-sm-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-sm-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-sm-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-sm-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-sm-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-sm-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-sm-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-sm-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-sm-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-sm-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-sm-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-sm-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-sm-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-sm-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-md-4 > * { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-md-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-md-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-md-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-md-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-md-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-md-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-md-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-md-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-md-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-md-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-md-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-md-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-md-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-md-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-lg-4 > * { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-lg-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-lg-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-lg-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-lg-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-lg-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-lg-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-lg-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-lg-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-lg-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-lg-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-lg-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-lg-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-lg-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-lg-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-xl-4 > * { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-xl-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-xl-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-xl-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-xl-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-xl-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-xl-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-xl-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-xl-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-xl-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-xl-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-xl-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-xl-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-xl-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-xl-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { -webkit-transition: none; transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .valid-tooltip, .form-row > [class*="col-"] > .valid-tooltip { left: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*="col-"] > .invalid-tooltip { left: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { -webkit-transition: none; transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0069d9; border-color: #0062cc; -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .form-control:nth-last-child(n + 3), .input-group.has-validation > .custom-select:nth-last-child(n + 3), .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-prepend, .input-group-append { display: -ms-flexbox; display: -webkit-box; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; color-adjust: exact; } .custom-control-inline { display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50% / 50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { -webkit-transition: none; transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; -webkit-transform: translateX(0.75rem); transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { -webkit-transition: none; transition: none; } } .nav { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill > .nav-link, .nav-fill .nav-item { -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50% / 100% 100% no-repeat; } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -ms-flex-flow: row nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -ms-flex-flow: row nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -ms-flex-flow: row nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { -ms-flex-flow: row nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -ms-flex-flow: row nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { -ms-flex: 1 0 0%; -webkit-box-flex: 1; flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .card-group > .card { -ms-flex: 1 0 0%; -webkit-box-flex: 1; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; grid-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: -ms-flexbox; display: -webkit-box; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { -webkit-transition: none; transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: -ms-flexbox; display: -webkit-box; display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { -webkit-transition: none; transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .media { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .media-body { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; } .list-group { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { -ms-flex-preferred-size: 350px; flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { display: -ms-flexbox; display: -webkit-box; display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform 0.6s ease-in-out; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { -webkit-transition: none; transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { -webkit-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transform: none; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; -webkit-transition: opacity 0s 0.6s; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { -webkit-transition: none; transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { -webkit-transition: none; transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50% / 100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { -webkit-box-sizing: content-box; box-sizing: content-box; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { -webkit-transition: none; transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: .75s linear infinite spinner-grow; animation: .75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /*# sourceMappingURL=bootstrap.css.map */ /*!*****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/roboto-fontface/css/roboto/roboto-fontface.css ***! \*****************************************************************************************************************************************************************************************************************************************************/ @font-face { font-family: 'Roboto'; src: url('Roboto-Thin.eot'); src: local('Roboto Thin'), local('Roboto-Thin'), url('Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('Roboto-Thin.woff2') format('woff2'), url('Roboto-Thin.woff') format('woff'), url('Roboto-Thin.ttf') format('truetype'), url('Roboto-Thin.svg#Roboto') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Roboto-Thin'; src: url('Roboto-Thin.eot'); src: local('Roboto Thin'), local('Roboto-Thin'), url('Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('Roboto-Thin.woff2') format('woff2'), url('Roboto-Thin.woff') format('woff'), url('Roboto-Thin.ttf') format('truetype'), url('Roboto-Thin.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-ThinItalic.eot'); src: local('Roboto ThinItalic'), local('Roboto-ThinItalic'), url('Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'), url('Roboto-ThinItalic.woff2') format('woff2'), url('Roboto-ThinItalic.woff') format('woff'), url('Roboto-ThinItalic.ttf') format('truetype'), url('Roboto-ThinItalic.svg#Roboto') format('svg'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Roboto-ThinItalic'; src: url('Roboto-ThinItalic.eot'); src: local('Roboto ThinItalic'), local('Roboto-ThinItalic'), url('Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'), url('Roboto-ThinItalic.woff2') format('woff2'), url('Roboto-ThinItalic.woff') format('woff'), url('Roboto-ThinItalic.ttf') format('truetype'), url('Roboto-ThinItalic.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-Light.eot'); src: local('Roboto Light'), local('Roboto-Light'), url('Roboto-Light.eot?#iefix') format('embedded-opentype'), url('Roboto-Light.woff2') format('woff2'), url('Roboto-Light.woff') format('woff'), url('Roboto-Light.ttf') format('truetype'), url('Roboto-Light.svg#Roboto') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto-Light'; src: url('Roboto-Light.eot'); src: local('Roboto Light'), local('Roboto-Light'), url('Roboto-Light.eot?#iefix') format('embedded-opentype'), url('Roboto-Light.woff2') format('woff2'), url('Roboto-Light.woff') format('woff'), url('Roboto-Light.ttf') format('truetype'), url('Roboto-Light.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-LightItalic.eot'); src: local('Roboto LightItalic'), local('Roboto-LightItalic'), url('Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('Roboto-LightItalic.woff2') format('woff2'), url('Roboto-LightItalic.woff') format('woff'), url('Roboto-LightItalic.ttf') format('truetype'), url('Roboto-LightItalic.svg#Roboto') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto-LightItalic'; src: url('Roboto-LightItalic.eot'); src: local('Roboto LightItalic'), local('Roboto-LightItalic'), url('Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('Roboto-LightItalic.woff2') format('woff2'), url('Roboto-LightItalic.woff') format('woff'), url('Roboto-LightItalic.ttf') format('truetype'), url('Roboto-LightItalic.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-Regular.eot'); src: local('Roboto Regular'), local('Roboto-Regular'), url('Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('Roboto-Regular.woff2') format('woff2'), url('Roboto-Regular.woff') format('woff'), url('Roboto-Regular.ttf') format('truetype'), url('Roboto-Regular.svg#Roboto') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto-Regular'; src: url('Roboto-Regular.eot'); src: local('Roboto Regular'), local('Roboto-Regular'), url('Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('Roboto-Regular.woff2') format('woff2'), url('Roboto-Regular.woff') format('woff'), url('Roboto-Regular.ttf') format('truetype'), url('Roboto-Regular.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-RegularItalic.eot'); src: local('Roboto RegularItalic'), local('Roboto-RegularItalic'), url('Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'), url('Roboto-RegularItalic.woff2') format('woff2'), url('Roboto-RegularItalic.woff') format('woff'), url('Roboto-RegularItalic.ttf') format('truetype'), url('Roboto-RegularItalic.svg#Roboto') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Roboto-RegularItalic'; src: url('Roboto-RegularItalic.eot'); src: local('Roboto RegularItalic'), local('Roboto-RegularItalic'), url('Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'), url('Roboto-RegularItalic.woff2') format('woff2'), url('Roboto-RegularItalic.woff') format('woff'), url('Roboto-RegularItalic.ttf') format('truetype'), url('Roboto-RegularItalic.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-Medium.eot'); src: local('Roboto Medium'), local('Roboto-Medium'), url('Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('Roboto-Medium.woff2') format('woff2'), url('Roboto-Medium.woff') format('woff'), url('Roboto-Medium.ttf') format('truetype'), url('Roboto-Medium.svg#Roboto') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto-Medium'; src: url('Roboto-Medium.eot'); src: local('Roboto Medium'), local('Roboto-Medium'), url('Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('Roboto-Medium.woff2') format('woff2'), url('Roboto-Medium.woff') format('woff'), url('Roboto-Medium.ttf') format('truetype'), url('Roboto-Medium.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-MediumItalic.eot'); src: local('Roboto MediumItalic'), local('Roboto-MediumItalic'), url('Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), url('Roboto-MediumItalic.woff2') format('woff2'), url('Roboto-MediumItalic.woff') format('woff'), url('Roboto-MediumItalic.ttf') format('truetype'), url('Roboto-MediumItalic.svg#Roboto') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Roboto-MediumItalic'; src: url('Roboto-MediumItalic.eot'); src: local('Roboto MediumItalic'), local('Roboto-MediumItalic'), url('Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), url('Roboto-MediumItalic.woff2') format('woff2'), url('Roboto-MediumItalic.woff') format('woff'), url('Roboto-MediumItalic.ttf') format('truetype'), url('Roboto-MediumItalic.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-Bold.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('Roboto-Bold.woff2') format('woff2'), url('Roboto-Bold.woff') format('woff'), url('Roboto-Bold.ttf') format('truetype'), url('Roboto-Bold.svg#Roboto') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto-Bold'; src: url('Roboto-Bold.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('Roboto-Bold.woff2') format('woff2'), url('Roboto-Bold.woff') format('woff'), url('Roboto-Bold.ttf') format('truetype'), url('Roboto-Bold.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-BoldItalic.eot'); src: local('Roboto BoldItalic'), local('Roboto-BoldItalic'), url('Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), url('Roboto-BoldItalic.woff2') format('woff2'), url('Roboto-BoldItalic.woff') format('woff'), url('Roboto-BoldItalic.ttf') format('truetype'), url('Roboto-BoldItalic.svg#Roboto') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Roboto-BoldItalic'; src: url('Roboto-BoldItalic.eot'); src: local('Roboto BoldItalic'), local('Roboto-BoldItalic'), url('Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), url('Roboto-BoldItalic.woff2') format('woff2'), url('Roboto-BoldItalic.woff') format('woff'), url('Roboto-BoldItalic.ttf') format('truetype'), url('Roboto-BoldItalic.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-Black.eot'); src: local('Roboto Black'), local('Roboto-Black'), url('Roboto-Black.eot?#iefix') format('embedded-opentype'), url('Roboto-Black.woff2') format('woff2'), url('Roboto-Black.woff') format('woff'), url('Roboto-Black.ttf') format('truetype'), url('Roboto-Black.svg#Roboto') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Roboto-Black'; src: url('Roboto-Black.eot'); src: local('Roboto Black'), local('Roboto-Black'), url('Roboto-Black.eot?#iefix') format('embedded-opentype'), url('Roboto-Black.woff2') format('woff2'), url('Roboto-Black.woff') format('woff'), url('Roboto-Black.ttf') format('truetype'), url('Roboto-Black.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-BlackItalic.eot'); src: local('Roboto BlackItalic'), local('Roboto-BlackItalic'), url('Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), url('Roboto-BlackItalic.woff2') format('woff2'), url('Roboto-BlackItalic.woff') format('woff'), url('Roboto-BlackItalic.ttf') format('truetype'), url('Roboto-BlackItalic.svg#Roboto') format('svg'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Roboto-BlackItalic'; src: url('Roboto-BlackItalic.eot'); src: local('Roboto BlackItalic'), local('Roboto-BlackItalic'), url('Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), url('Roboto-BlackItalic.woff2') format('woff2'), url('Roboto-BlackItalic.woff') format('woff'), url('Roboto-BlackItalic.ttf') format('truetype'), url('Roboto-BlackItalic.svg#Roboto') format('svg'); } /*!************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/@fortawesome/fontawesome-free/css/all.css ***! \************************************************************************************************************************************************************************************************************************************************/ /*! * Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-balance-scale:before { content: "\f24e"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-handshake:before { content: "\f2b5"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-haykal:before { content: "\f666"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-nintendo-switch:before { content: "\f418"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; font-display: auto; src: url('fa-brands-400.eot'); src: url('fa-brands-400.eot?#iefix') format("embedded-opentype"), url('fa-brands-400.woff2') format("woff2"), url('fa-brands-400.woff') format("woff"), url('fa-brands-400.ttf') format("truetype"), url('fa-brands-400.svg#fontawesome') format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: auto; src: url('fa-regular-400.eot'); src: url('fa-regular-400.eot?#iefix') format("embedded-opentype"), url('fa-regular-400.woff2') format("woff2"), url('fa-regular-400.woff') format("woff"), url('fa-regular-400.ttf') format("truetype"), url('fa-regular-400.svg#fontawesome') format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto; src: url('fa-solid-900.eot'); src: url('fa-solid-900.eot?#iefix') format("embedded-opentype"), url('fa-solid-900.woff2') format("woff2"), url('fa-solid-900.woff') format("woff"), url('fa-solid-900.ttf') format("truetype"), url('fa-solid-900.svg#fontawesome') format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /*!**************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/pace-js/templates/pace-theme-flash.tmpl.css ***! \**************************************************************************************************************************************************************************************************************************************************/ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: `args.color || "#29d"`; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; -webkit-box-shadow: 0 0 10px `args.color || '#29d'`, 0 0 5px `args.color || '#29d'`; box-shadow: 0 0 10px `args.color || '#29d'`, 0 0 5px `args.color || '#29d'`; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: `args.color || '#29d'`; border-left-color: `args.color || '#29d'`; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); transform: rotate(360deg); } } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/app/@theme/styles/styles.scss ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* Declare variables before making them global. dart-sass doesn't allow to declare variable with !global. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /* * Import media mixins into global style sheet. * Not sure why this works here but not in styles.scss. */ /* * This application is designed for desktop use. * - Default screen size is 1024px or larger (HD displays). * Default styling expects 1024px or larger displays, and media queries may be * used for specific smaller sizes as defined below. * In the context of this application: * - Small (sm): x <= 768px * - Medium (md): 769px < x <= 1024px * - Large (lg): 1025px < x <= 1440px * - If not specified, default styles assume > 1024px */ /* * Select the specific screen size */ /* * Select up to the specified screen size */ /* * Select custom screen size */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1000; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } /** * In case when Nebular Layout custom scroll `withScroll` mode is enabled * we need to disable default CDK scroll blocker (@link NbBlockScrollStrategyAdapter) on HTML element * so that it won't add additional positioning. */ .nb-global-scrollblock { position: static; width: auto; overflow: hidden; } /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /* * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /*! * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /*! * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* * Normalization of HTML elements, manually forked from Normalize.css to remove * styles targeting irrelevant browsers while applying new styles. * * Normalize is licensed MIT. https://github.com/necolas/normalize.css */ html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } html, body { margin: 0; padding: 0; } /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /*! * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ .visually-hidden { /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* Declare variables before making them global. dart-sass doesn't allow to declare variable with !global. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /* * Import media mixins into global style sheet. * Not sure why this works here but not in styles.scss. */ /* * This application is designed for desktop use. * - Default screen size is 1024px or larger (HD displays). * Default styling expects 1024px or larger displays, and media queries may be * used for specific smaller sizes as defined below. * In the context of this application: * - Small (sm): x <= 768px * - Medium (md): 769px < x <= 1024px * - Large (lg): 1025px < x <= 1440px * - If not specified, default styles assume > 1024px */ /* * Select the specific screen size */ /* * Select up to the specified screen size */ /* * Select custom screen size */ /* * This application is designed for desktop use. * - Default screen size is 1024px or larger (HD displays). * Default styling expects 1024px or larger displays, and media queries may be * used for specific smaller sizes as defined below. * In the context of this application: * - Small (sm): x <= 768px * - Medium (md): 769px < x <= 1024px * - Large (lg): 1025px < x <= 1440px * - If not specified, default styles assume > 1024px */ /* * Select the specific screen size */ /* * Select up to the specified screen size */ /* * Select custom screen size */ nb-popover .arrow { display: none !important; } nb-popover.nb-overlay-left .arrow { display: inline !important; right: -23px !important; } .nb-theme-default nb-layout .scrollable-container { scrollbar-face-color: #dfe4f0; scrollbar-track-color: #f7f9fc; } .nb-theme-default nb-layout .scrollable-container::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-layout .scrollable-container::-webkit-scrollbar-thumb { background: #dfe4f0; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-layout .scrollable-container::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-default nb-layout.with-scroll .scrollable-container { overflow: auto; height: 100vh; display: block; } @media (max-width: 767.98px) { .nb-theme-default nb-layout.with-scroll .scrollable-container { overflow-y: scroll; -webkit-overflow-scrolling: touch; } } .nb-theme-default .layout { min-width: 300px; } .nb-theme-default nb-layout.window-mode { background: #edf1f7; display: block; } .nb-theme-default nb-layout.window-mode .scrollable-container { max-width: "2560px"; margin: 0 auto; } .nb-theme-default nb-layout.window-mode .layout nb-layout-header { max-width: "2560px"; margin-left: auto; margin-right: auto; width: 100%; } .nb-theme-default nb-layout.window-mode .layout nb-layout-header nav { max-width: "2560px"; margin: 0 auto; } @media screen and (min-width: 2560px20px) { .nb-theme-default nb-layout.window-mode { padding-top: 1.1875rem; } .nb-theme-default nb-layout.window-mode nb-layout-header.fixed { top: 1.1875rem; } .nb-theme-default nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 1.1875rem - 64px); top: calc(1.1875rem + 64px); } .nb-theme-default nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 2560px) / 2); } .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 2560px) / 2); } .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(64px + 1.1875rem); } .nb-theme-default nb-layout.window-mode .scrollable-container { height: calc(100vh - 1.1875rem); -webkit-box-shadow: none; box-shadow: none; } .nb-theme-default nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 1.1875rem); } } @media screen and (min-width: 2560px150px) { .nb-theme-default nb-layout.window-mode { padding-top: 2.375rem; } .nb-theme-default nb-layout.window-mode nb-layout-header.fixed { top: 2.375rem; } .nb-theme-default nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 2.375rem - 64px); top: calc(2.375rem + 64px); } .nb-theme-default nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 2560px) / 2); } .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 2560px) / 2); } .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(64px + 2.375rem); } .nb-theme-default nb-layout.window-mode .scrollable-container { height: calc(100vh - 2.375rem); -webkit-box-shadow: none; box-shadow: none; } .nb-theme-default nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 2.375rem); } } @media screen and (min-width: 2560px300px) { .nb-theme-default nb-layout.window-mode { padding-top: 4.75rem; } .nb-theme-default nb-layout.window-mode nb-layout-header.fixed { top: 4.75rem; } .nb-theme-default nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 4.75rem - 64px); top: calc(4.75rem + 64px); } .nb-theme-default nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 2560px) / 2); } .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 2560px) / 2); } .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(64px + 4.75rem); } .nb-theme-default nb-layout.window-mode .scrollable-container { height: calc(100vh - 4.75rem); -webkit-box-shadow: none; box-shadow: none; } .nb-theme-default nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 4.75rem); } } .nb-theme-default nb-layout .layout { background-color: #edf1f7; color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; min-height: 100vh; } .nb-theme-default nb-layout .layout .layout-container nb-sidebar.fixed, .nb-theme-default nb-layout .layout .layout-container nb-sidebar .main-container-fixed { top: 64px; } .nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer { -webkit-box-shadow: none; box-shadow: none; } .nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer nav { background-color: #171d33; border-top: 1px solid #edf1f7; color: white; font-family: Open Sans, sans-serif; font-size: 10px; font-weight: 400; line-height: 16px; padding: 0 10px; } .nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer nav a { color: #eb7d21; } .nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer nav a:focus, .nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer nav a:active, .nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer nav a:hover { color: #eb7d21; } .nb-theme-default nb-layout .layout .layout-container .content.center { width: 900px; -webkit-box-flex: 0 !important; -ms-flex: 0 100 900px !important; flex: 0 100 900px !important; } .nb-theme-default nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 2.25rem 2.25rem 0.75rem; } @media (max-width: 991.98px) { .nb-theme-default nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 1.5rem 1.5rem 0.5rem; } } @media (max-width: 767.98px) { .nb-theme-default nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 1rem 1rem 0; } } .nb-theme-default nb-layout-header { background-color: white; color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default nb-layout-header nav { color: #2a344f; -webkit-box-shadow: 0 4px 16px 0 rgba(0, 13, 64, 0.05); box-shadow: 0 4px 16px 0 rgba(0, 13, 64, 0.05); height: 64px; padding: 0; } .nb-theme-default nb-layout-header nav a { color: #2a344f; } .nb-theme-default nb-layout-header nav a:focus, .nb-theme-default nb-layout-header nav a:active, .nb-theme-default nb-layout-header nav a:hover { color: #2a344f; } .nb-theme-default nb-layout-header ~ .layout-container { min-height: calc(100vh - 64px); } .nb-theme-default nb-layout-header.fixed ~ .layout-container { padding-top: 64px; min-height: 100vh; } .nb-theme-default nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container { height: calc(100vh - 64px); } .nb-theme-default nb-layout.with-subheader nb-sidebar .main-container { -webkit-box-shadow: none; box-shadow: none; } .nb-theme-default nb-sidebar { background-color: #131729; -webkit-box-shadow: none; box-shadow: none; color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; width: 220px; } .nb-theme-default nb-sidebar .main-container { height: 100vh; width: 220px; } .nb-theme-default nb-sidebar .scrollable { padding: 0; position: relative; -webkit-transform: translate3d(0, 0, 0); scrollbar-face-color: #dfe4f0; scrollbar-track-color: #f7f9fc; } @media (max-width: 767.98px) { .nb-theme-default nb-sidebar .scrollable { overflow-y: scroll; -webkit-overflow-scrolling: touch; } } .nb-theme-default nb-sidebar .scrollable::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-sidebar .scrollable::-webkit-scrollbar-thumb { background: #dfe4f0; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-sidebar .scrollable::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-default nb-sidebar.collapsed { width: 0; padding: 0; } .nb-theme-default nb-sidebar.collapsed .main-container { width: 0; padding: 0; } .nb-theme-default nb-sidebar.collapsed .scrollable { width: 0; padding: 0; overflow: hidden; } .nb-theme-default nb-sidebar.collapsed nb-sidebar-header, .nb-theme-default nb-sidebar.collapsed nb-sidebar-footer { width: 0; padding: 0; overflow: hidden; } .nb-theme-default nb-sidebar.compacted { width: 64px; } .nb-theme-default nb-sidebar.compacted .main-container { width: 64px; } .nb-theme-default nb-sidebar.compacted nb-menu { width: 64px; } .nb-theme-default nb-sidebar.compacted nb-menu .menu-item a.active { position: relative; } .nb-theme-default nb-sidebar.compacted nb-menu .menu-item a.active::before { position: absolute; content: ""; top: 0; height: 100%; width: 4px; background: #fe9339; } [dir=ltr] .nb-theme-default nb-sidebar.compacted nb-menu .menu-item a.active::before { left: 0; } [dir=rtl] .nb-theme-default nb-sidebar.compacted nb-menu .menu-item a.active::before { right: 0; } .nb-theme-default nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a span, .nb-theme-default nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a nb-badge, .nb-theme-default nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a .expand-state { display: none; } .nb-theme-default nb-sidebar.compacted nb-menu .menu-items > .menu-item { -webkit-transition: border-color 1s ease; transition: border-color 1s ease; } .nb-theme-default nb-sidebar.compacted nb-menu .menu-items > .menu-item.menu-group { display: block; color: transparent; width: 0; padding: 0; overflow: hidden; } .nb-theme-default nb-sidebar.compacted nb-menu .menu-items > .menu-item i { margin-right: 0; } .nb-theme-default nb-sidebar.compacted nb-menu .menu-items > .menu-item a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nb-theme-default nb-sidebar.compacted nb-menu .menu-items > .menu-item > .expanded { display: none; } .nb-theme-default nb-sidebar.compacted.left.fixed ~ .content { margin-left: 64px; } .nb-theme-default nb-sidebar.compacted.fixed.right ~ .content { margin-left: 0; margin-right: 64px; } .nb-theme-default nb-sidebar.compacted.left.fixed ~ .content.center { padding-left: 64px; } .nb-theme-default nb-sidebar.compacted.fixed.right ~ .content.center { padding-left: 0; padding-right: 64px; } [dir=ltr] .nb-theme-default nb-sidebar.compacted.start.fixed ~ .content { margin-left: 64px; } [dir=rtl] .nb-theme-default nb-sidebar.compacted.start.fixed ~ .content { margin-right: 64px; } [dir=ltr] .nb-theme-default nb-sidebar.compacted.fixed.end ~ .content { margin-right: 64px; } [dir=rtl] .nb-theme-default nb-sidebar.compacted.fixed.end ~ .content { margin-left: 64px; } [dir=ltr] .nb-theme-default nb-sidebar.compacted.start.fixed ~ .content.center { padding-left: 64px; } [dir=rtl] .nb-theme-default nb-sidebar.compacted.start.fixed ~ .content.center { padding-right: 64px; } [dir=ltr] .nb-theme-default nb-sidebar.compacted.fixed.end ~ .content.center { padding-right: 64px; } [dir=rtl] .nb-theme-default nb-sidebar.compacted.fixed.end ~ .content.center { padding-left: 64px; } .nb-theme-default nb-sidebar.fixed.left.collapsed + .content, .nb-theme-default nb-sidebar.fixed.start.collapsed + .content { margin-left: 0; } .nb-theme-default nb-sidebar.fixed.right.collapsed + .content, .nb-theme-default nb-sidebar.fixed.end.collapsed + .content { margin-right: 0; } .nb-theme-default nb-sidebar.expanded { width: 220px; } .nb-theme-default nb-sidebar.expanded > .scrollable { width: 220px; } .nb-theme-default nb-sidebar nb-sidebar-header { padding: 0; height: 3.5rem; } .nb-theme-default nb-sidebar nb-sidebar-footer { padding: 0; height: 3.5rem; } .nb-theme-default nb-sidebar nb-menu { margin: 0 -0 -0; } .nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic, .nb-theme-default nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle], .nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:hover, .nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, .nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:active, .nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic, .nb-theme-default nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle], .nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:hover, .nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus, .nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:active { color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, .nb-theme-default nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle]:focus, .nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active), .nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus, .nb-theme-default nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle]:focus, .nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active) { -webkit-box-shadow: none; box-shadow: none; } [dir=ltr] .nb-theme-default nb-calendar-pageable-navigation { margin-left: auto; } [dir=rtl] .nb-theme-default nb-calendar-pageable-navigation { margin-right: auto; } .nb-theme-default nb-calendar-picker { display: block; padding-top: 0.25rem; padding-bottom: 0.625rem; } [dir=ltr] .nb-theme-default nb-calendar-picker { padding-right: 0.625rem; padding-left: 0.625rem; } [dir=rtl] .nb-theme-default nb-calendar-picker { padding-right: 0.625rem; padding-left: 0.625rem; } .nb-theme-default nb-calendar-days-names { background: transparent; border-top: 1px solid #edf1f7; border-bottom: 1px solid #edf1f7; } [dir=ltr] .nb-theme-default nb-calendar-days-names { padding-left: 0.625rem; padding-right: 0.625rem; } [dir=rtl] .nb-theme-default nb-calendar-days-names { padding-left: 0.625rem; padding-right: 0.625rem; } .nb-theme-default nb-calendar-days-names .day { width: 2.75rem; height: 2.75rem; color: #9fa9bd; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-calendar-days-names .day.holiday { color: #9fa9bd; } .nb-theme-default nb-calendar-days-names.size-large .day { width: 3rem; height: 3rem; } .nb-theme-default nb-calendar-week-numbers { background: transparent; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; color: #9fa9bd; padding-bottom: 0.625rem; } .nb-theme-default nb-calendar-week-numbers .sign-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-top: 1px solid #edf1f7; border-bottom: 1px solid #edf1f7; margin-bottom: 0.25rem; } .nb-theme-default nb-calendar-week-numbers .sign, .nb-theme-default nb-calendar-week-numbers .week-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.75rem; width: 2.75rem; } .nb-theme-default nb-calendar-week-numbers.size-large .sign, .nb-theme-default nb-calendar-week-numbers.size-large .week-number { height: 3rem; width: 3rem; } [dir=ltr] .nb-theme-default nb-calendar-day-picker nb-calendar-week-numbers { border-right: 1px solid #edf1f7; } [dir=rtl] .nb-theme-default nb-calendar-day-picker nb-calendar-week-numbers { border-left: 1px solid #edf1f7; } .nb-theme-default nb-calendar-picker .day-cell { width: 2.75rem; height: 2.75rem; } .nb-theme-default nb-calendar-picker .day-cell.size-large { width: 3rem; height: 3rem; } .nb-theme-default nb-calendar-picker .month-cell { width: 4.8125rem; height: 2.75rem; } .nb-theme-default nb-calendar-picker .month-cell.size-large { width: 5.25rem; height: 3rem; } .nb-theme-default nb-calendar-picker .year-cell { width: 4.8125rem; height: 2.75rem; } .nb-theme-default nb-calendar-picker .year-cell.size-large { width: 5.25rem; height: 3rem; } .nb-theme-default nb-calendar-picker .cell-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; border-radius: 0.25rem; } .nb-theme-default nb-calendar-picker .day-cell, .nb-theme-default nb-calendar-picker .month-cell, .nb-theme-default nb-calendar-picker .year-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; color: #2a344f; text-transform: uppercase; cursor: pointer; } .nb-theme-default nb-calendar-picker .day-cell, .nb-theme-default nb-calendar-picker .day-cell .cell-content, .nb-theme-default nb-calendar-picker .month-cell, .nb-theme-default nb-calendar-picker .month-cell .cell-content, .nb-theme-default nb-calendar-picker .year-cell, .nb-theme-default nb-calendar-picker .year-cell .cell-content { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: background-color, border-color, color; transition-property: background-color, border-color, color; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .nb-theme-default nb-calendar-picker .day-cell.empty, .nb-theme-default nb-calendar-picker .day-cell.disabled, .nb-theme-default nb-calendar-picker .month-cell.empty, .nb-theme-default nb-calendar-picker .month-cell.disabled, .nb-theme-default nb-calendar-picker .year-cell.empty, .nb-theme-default nb-calendar-picker .year-cell.disabled { cursor: default; } .nb-theme-default nb-calendar-picker .day-cell.bounding-month, .nb-theme-default nb-calendar-picker .month-cell.bounding-month, .nb-theme-default nb-calendar-picker .year-cell.bounding-month { color: #9fa9bd; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty):hover .cell-content, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty):hover .cell-content, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty):hover .cell-content { background-color: #f7f9fc; border-color: #f7f9fc; color: #2a344f; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty):active .cell-content, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty):active .cell-content, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty):active .cell-content { background-color: #d93f27; border-color: #d93f27; color: white; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content { background-color: rgba(51, 102, 255, 0.08); border: 1px solid #fe9339; color: #2a344f; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:hover, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:hover, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:active, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:active, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:active { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content { background-color: #fe9339; border-color: #fe9339; color: white; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:hover, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:hover, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:hover { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:active, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:active, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:active { background-color: #d93f27; border-color: #d93f27; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected { background-color: #fe9339; border-radius: 0.25rem; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; color: white; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:hover, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:hover, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:hover { background-color: rgba(255, 255, 255, 0.16); border-color: transparent; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:focus, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:focus, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:focus { background-color: rgba(255, 255, 255, 0.24); border-color: transparent; } .nb-theme-default nb-calendar-picker .day-cell.disabled, .nb-theme-default nb-calendar-picker .month-cell.disabled, .nb-theme-default nb-calendar-picker .year-cell.disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-calendar-picker .day-cell.disabled.today .cell-content, .nb-theme-default nb-calendar-picker .month-cell.disabled.today .cell-content, .nb-theme-default nb-calendar-picker .year-cell.disabled.today .cell-content { border: 1px solid #dfe4f0; } .nb-theme-default nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty) { background-color: #fe9339; border-radius: 0; } [dir=ltr] .nb-theme-default nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } [dir=rtl] .nb-theme-default nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=ltr] .nb-theme-default nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=rtl] .nb-theme-default nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .nb-theme-default nb-base-calendar nb-card { background-color: white; border: 0.0625rem solid #dfe4f0; -webkit-box-shadow: none; box-shadow: none; margin: 0; width: 20.625rem; overflow: hidden; } .nb-theme-default nb-base-calendar nb-card-body { padding: 0; } .nb-theme-default nb-base-calendar .calendar-navigation { border: none; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.625rem 0.25rem; color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-default nb-base-calendar:not(.has-navigation) nb-calendar-week-numbers .sign-container, .nb-theme-default nb-base-calendar:not(.has-navigation) nb-calendar-days-names { border-top: 0; } .nb-theme-default nb-base-calendar.has-week-number nb-card { width: calc(20.625rem + 2.75rem + 1px); } .nb-theme-default nb-base-calendar.has-week-number .month-cell, .nb-theme-default nb-base-calendar.has-week-number .year-cell { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .nb-theme-default nb-base-calendar.size-large nb-card { width: 22.375rem; } .nb-theme-default nb-base-calendar.size-large.has-week-number nb-card { width: calc(22.375rem + 3rem + 1px); } .nb-theme-default nb-card { background-color: white; border: 0.0625rem solid #dfe4f0; border-radius: 0.25rem; -webkit-box-shadow: none; box-shadow: none; color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; margin-bottom: 1.875rem; scrollbar-face-color: #dfe4f0; scrollbar-track-color: #f7f9fc; } .nb-theme-default nb-card::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-card::-webkit-scrollbar-thumb { background: #dfe4f0; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-card::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-default nb-card.size-tiny { height: 13.5rem; } .nb-theme-default nb-card.size-small { height: 21.1875rem; } .nb-theme-default nb-card.size-medium { height: 28.875rem; } .nb-theme-default nb-card.size-large { height: 36.5625rem; } .nb-theme-default nb-card.size-giant { height: 44.25rem; } .nb-theme-default nb-card.status-basic nb-card-header { background-color: #f7f9fc; border-bottom-width: 0; border-bottom-color: #f7f9fc; color: #2a344f; } .nb-theme-default nb-card.status-basic nb-card-header a, .nb-theme-default nb-card.status-basic nb-card-header a:hover { color: #2a344f; } .nb-theme-default nb-card.status-primary nb-card-header { background-color: #fe9339; border-bottom-width: 0; border-bottom-color: #fe9339; color: white; } .nb-theme-default nb-card.status-primary nb-card-header a, .nb-theme-default nb-card.status-primary nb-card-header a:hover { color: white; } .nb-theme-default nb-card.status-success nb-card-header { background-color: #00b383; border-bottom-width: 0; border-bottom-color: #00b383; color: white; } .nb-theme-default nb-card.status-success nb-card-header a, .nb-theme-default nb-card.status-success nb-card-header a:hover { color: white; } .nb-theme-default nb-card.status-warning nb-card-header { background-color: #e6c813; border-bottom-width: 0; border-bottom-color: #e6c813; color: white; } .nb-theme-default nb-card.status-warning nb-card-header a, .nb-theme-default nb-card.status-warning nb-card-header a:hover { color: white; } .nb-theme-default nb-card.status-danger nb-card-header { background-color: #ef0000; border-bottom-width: 0; border-bottom-color: #ef0000; color: white; } .nb-theme-default nb-card.status-danger nb-card-header a, .nb-theme-default nb-card.status-danger nb-card-header a:hover { color: white; } .nb-theme-default nb-card.status-info nb-card-header { background-color: #339ce7; border-bottom-width: 0; border-bottom-color: #339ce7; color: white; } .nb-theme-default nb-card.status-info nb-card-header a, .nb-theme-default nb-card.status-info nb-card-header a:hover { color: white; } .nb-theme-default nb-card.status-control nb-card-header { background-color: white; border-bottom-width: 0; border-bottom-color: white; color: #2a344f; } .nb-theme-default nb-card.status-control nb-card-header a, .nb-theme-default nb-card.status-control nb-card-header a:hover { color: #2a344f; } .nb-theme-default nb-card.accent-basic { border-top-color: #f7f9fc; } .nb-theme-default nb-card.accent-primary { border-top-color: #fe9339; } .nb-theme-default nb-card.accent-success { border-top-color: #00b383; } .nb-theme-default nb-card.accent-warning { border-top-color: #e6c813; } .nb-theme-default nb-card.accent-danger { border-top-color: #ef0000; } .nb-theme-default nb-card.accent-info { border-top-color: #339ce7; } .nb-theme-default nb-card.accent-control { border-top-color: white; } .nb-theme-default nb-card.accent { border-top-style: solid; border-top-width: 0.25rem; } .nb-theme-default nb-card.accent nb-card-header { border-radius: 0; } .nb-theme-default nb-card-body { -webkit-box-flex: 1; flex: 1; -ms-flex: 1 1 auto; overflow: auto; padding: 1rem 1.5rem; position: relative; scrollbar-face-color: #dfe4f0; scrollbar-track-color: #f7f9fc; } .nb-theme-default nb-card-body::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-card-body::-webkit-scrollbar-thumb { background: #dfe4f0; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-card-body::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-default nb-card-footer { padding: 1rem 1.5rem; border-top: 1px solid #edf1f7; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .nb-theme-default nb-card-header { padding: 1rem 1.5rem; border-bottom: 1px solid #edf1f7; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-card-header h1 { margin: 0; } .nb-theme-default nb-card-header h2 { margin: 0; } .nb-theme-default nb-card-header h3 { margin: 0; } .nb-theme-default nb-card-header h4 { margin: 0; } .nb-theme-default nb-card-header h5 { margin: 0; } .nb-theme-default nb-card-header h6 { margin: 0; } .nb-theme-default nb-reveal-card { -webkit-box-shadow: none; box-shadow: none; margin-bottom: 1.875rem; } .nb-theme-default .second-card-container { height: 100%; border-radius: 0.25rem; } .nb-theme-default .reveal-button { line-height: 1.25rem; padding: 1rem 1.5rem; } .nb-theme-default .flip-button { line-height: 1.25rem; margin-bottom: 1.875rem; padding: 1rem 1.5rem; } [dir=ltr] .nb-theme-default .flipcard-body .front-container { margin-right: -100%; } [dir=rtl] .nb-theme-default .flipcard-body .front-container { margin-left: -100%; } .nb-theme-default nb-tabset { background-color: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .nb-theme-default nb-tabset .tabset { border-bottom: 1px solid #edf1f7; } .nb-theme-default nb-tabset .tab-link { background-color: transparent; cursor: pointer; padding: 1rem 2rem; color: #9fa9bd; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; text-transform: uppercase; } .nb-theme-default nb-tabset .tab-link::before { background-color: transparent; height: 0.25rem; } .nb-theme-default nb-tabset nb-badge.dot-mode.position-left { left: 0.75rem; } .nb-theme-default nb-tabset nb-badge.dot-mode.position-right { right: 0.75rem; } [dir=ltr] .nb-theme-default nb-tabset nb-badge.dot-mode.position-start { left: 0.75rem; } [dir=rtl] .nb-theme-default nb-tabset nb-badge.dot-mode.position-start { right: 0.75rem; } [dir=ltr] .nb-theme-default nb-tabset nb-badge.dot-mode.position-end { right: 0.75rem; } [dir=rtl] .nb-theme-default nb-tabset nb-badge.dot-mode.position-end { left: 0.75rem; } .nb-theme-default nb-tabset .tab.active .tab-link { background-color: transparent; color: #fe9339; } .nb-theme-default nb-tabset .tab.active .tab-link::before { background-color: #fe9339; } .nb-theme-default nb-tabset .tab:focus .tab-link { background-color: transparent; color: #d93f27; } .nb-theme-default nb-tabset .tab:focus .tab-link::before { background-color: #d93f27; } .nb-theme-default nb-tabset .tab:hover .tab-link { color: #eb7d21; background-color: transparent; } .nb-theme-default nb-tabset .tab:hover .tab-link::before { background-color: #eb7d21; } .nb-theme-default nb-tabset .tab.disabled { cursor: default; pointer-events: none; } .nb-theme-default nb-tabset .tab.disabled .tab-link { background-color: transparent; color: rgba(143, 155, 179, 0.48); cursor: default; pointer-events: none; } .nb-theme-default nb-tabset .tab.disabled .tab-link::before { background-color: transparent; } @media screen and (max-width: 36rem) { .nb-theme-default nb-tabset .tab.responsive .tab-text { display: none; } } .nb-theme-default nb-tabset nb-tab { background-color: transparent; color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 1rem 2rem; scrollbar-face-color: #dfe4f0; scrollbar-track-color: #f7f9fc; } .nb-theme-default nb-tabset nb-tab::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-tabset nb-tab::-webkit-scrollbar-thumb { background: #dfe4f0; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-tabset nb-tab::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-default nb-route-tabset { scrollbar-face-color: #dfe4f0; scrollbar-track-color: #f7f9fc; background-color: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .nb-theme-default nb-route-tabset::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-route-tabset::-webkit-scrollbar-thumb { background: #dfe4f0; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-route-tabset::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-default nb-route-tabset .route-tabset { border-bottom: 1px solid #edf1f7; } .nb-theme-default nb-route-tabset .tab-link { background-color: transparent; cursor: pointer; padding: 1rem 2rem; color: #9fa9bd; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; text-transform: uppercase; } .nb-theme-default nb-route-tabset .tab-link::before { background-color: transparent; height: 0.25rem; } .nb-theme-default nb-route-tabset .route-tab.active .tab-link { background-color: transparent; color: #fe9339; } .nb-theme-default nb-route-tabset .route-tab.active .tab-link::before { background-color: #fe9339; } .nb-theme-default nb-route-tabset .route-tab:focus .tab-link { background-color: transparent; color: #d93f27; } .nb-theme-default nb-route-tabset .route-tab:focus .tab-link::before { background-color: #d93f27; } .nb-theme-default nb-route-tabset .route-tab:hover .tab-link { background-color: transparent; color: #eb7d21; } .nb-theme-default nb-route-tabset .route-tab:hover .tab-link::before { background-color: #eb7d21; } .nb-theme-default nb-route-tabset .route-tab.disabled { cursor: default; pointer-events: none; } .nb-theme-default nb-route-tabset .route-tab.disabled .tab-link { background-color: transparent; color: rgba(143, 155, 179, 0.48); cursor: default; pointer-events: none; } .nb-theme-default nb-route-tabset .route-tab.disabled .tab-link::before { background-color: transparent; } @media screen and (max-width: 36rem) { .nb-theme-default nb-route-tabset .route-tab.responsive .tab-text { display: none; } } .nb-theme-default nb-menu { background-color: transparent; } .nb-theme-default nb-menu ul.menu-items { margin: 0; padding: 0; } .nb-theme-default nb-menu .menu-group, .nb-theme-default nb-menu .menu-item a { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.75rem 1rem; } .nb-theme-default nb-menu .menu-group, .nb-theme-default nb-menu .menu-group nb-icon.menu-icon { color: #9fa9bd; } .nb-theme-default nb-menu .menu-item a { color: #2a344f; border-radius: 0; } .nb-theme-default nb-menu .menu-item a.active { background-color: transparent; color: #fe9339; } .nb-theme-default nb-menu .menu-item a.active .menu-icon { color: #fe9339; } .nb-theme-default nb-menu .menu-item a:hover { background-color: transparent; color: #eb7d21; cursor: pointer; } .nb-theme-default nb-menu .menu-item a:hover .menu-icon { color: #eb7d21; } .nb-theme-default nb-menu .menu-item .menu-icon { color: #9fa9bd; font-size: 1.25rem; margin: 0 0.5rem 0 0; width: 1em; text-align: center; } .nb-theme-default nb-menu .menu-item .expand-state { color: #9fa9bd; } .nb-theme-default nb-menu .menu-item { border-bottom: 1px solid #edf1f7; } .nb-theme-default nb-menu .menu-item:first-child { border-top: none; } .nb-theme-default nb-menu .menu-item:last-child { border-bottom: none; } .nb-theme-default nb-menu .menu-item .menu-item:first-child { border-top: 1px solid #edf1f7; } .nb-theme-default nb-menu .menu-item > .menu-items { background-color: transparent; margin: 0; padding: 0 1.25rem; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item { background: transparent; color: #2a344f; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a { border-color: transparent; border-style: solid; border-width: 0; padding: 0.75rem 1rem; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a.active { background-color: transparent; border-color: #fe9339; color: #fe9339; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a.active .menu-icon { color: #fe9339; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a:hover { background-color: transparent; border-color: transparent; color: #eb7d21; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a:hover .menu-icon { color: #eb7d21; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a.active:hover { background-color: transparent; border-color: #eb7d21; color: #eb7d21; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a.active:hover .menu-icon { color: #eb7d21; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-group, .nb-theme-default nb-menu .menu-item > .menu-items > .menu-group nb-icon.menu-icon { color: #9fa9bd; } .nb-theme-default nb-user .user-picture { background-color: transparent; border: 1px solid #edf1f7; } .nb-theme-default nb-user .initials { color: #2a344f; font-family: Open Sans, sans-serif; font-weight: 400; } .nb-theme-default nb-user .user-name { color: #2a344f; font-family: Open Sans, sans-serif; font-weight: 400; } .nb-theme-default nb-user .user-title { color: #2a344f; font-family: Open Sans, sans-serif; font-weight: 400; } .nb-theme-default nb-user.size-tiny .user-picture { height: 1.25rem; width: 1.25rem; } .nb-theme-default nb-user.size-tiny .initials { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default nb-user.size-tiny .user-name { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default nb-user.size-tiny .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default nb-user.size-small .user-picture { height: 1.5rem; width: 1.5rem; } .nb-theme-default nb-user.size-small .initials { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default nb-user.size-small .user-name { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default nb-user.size-small .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default nb-user.size-medium .user-picture { height: 2.5rem; width: 2.5rem; } .nb-theme-default nb-user.size-medium .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-default nb-user.size-medium .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-default nb-user.size-medium .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default nb-user.size-large .user-picture { height: 3.25rem; width: 3.25rem; } .nb-theme-default nb-user.size-large .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-default nb-user.size-large .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-default nb-user.size-large .user-title { font-size: 0.8125rem; line-height: 1.125rem; } .nb-theme-default nb-user.size-giant .user-picture { height: 4rem; width: 4rem; } .nb-theme-default nb-user.size-giant .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-default nb-user.size-giant .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-default nb-user.size-giant .user-title { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-default nb-user.shape-rectangle .user-picture { border-radius: 0.5rem; } .nb-theme-default nb-user.shape-semi-round .user-picture { border-radius: 0.75rem; } .nb-theme-default nb-user.shape-round .user-picture { border-radius: 50%; } .nb-theme-default nb-actions { background-color: transparent; color: #2a344f; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 1rem; } .nb-theme-default nb-actions.size-tiny nb-action { font-size: 0.625rem; height: 1rem; padding: 0 1.25rem; } .nb-theme-default nb-actions.size-tiny nb-action nb-icon { font-size: 1rem; } .nb-theme-default nb-actions.size-small nb-action { font-size: 0.75rem; height: 1.5rem; padding: 0 1.25rem; } .nb-theme-default nb-actions.size-small nb-action nb-icon { font-size: 1.5rem; } .nb-theme-default nb-actions.size-medium nb-action { font-size: 0.875rem; height: 2.25rem; padding: 0 1.25rem; } .nb-theme-default nb-actions.size-medium nb-action nb-icon { font-size: 2.25rem; } .nb-theme-default nb-actions.size-large nb-action { font-size: 1rem; height: 3.5rem; padding: 0 1.25rem; } .nb-theme-default nb-actions.size-large nb-action nb-icon { font-size: 3.5rem; } .nb-theme-default nb-actions.size-giant nb-action { font-size: 1.125rem; height: 4rem; padding: 0 1.25rem; } .nb-theme-default nb-actions.size-giant nb-action nb-icon { font-size: 4rem; } [dir=ltr] .nb-theme-default nb-action { border-left: 1px solid #edf1f7; } [dir=rtl] .nb-theme-default nb-action { border-right: 1px solid #edf1f7; } [dir=ltr] .nb-theme-default nb-action:first-child { border-left: none !important; } [dir=rtl] .nb-theme-default nb-action:first-child { border-right: none !important; } .nb-theme-default nb-action nb-icon { color: #9fa9bd; } .nb-theme-default nb-action.disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-action.disabled nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-search-field .close-button { z-index: 1; } .nb-theme-default nb-search-field .search { background: white; } .nb-theme-default nb-search-field .search span.info { color: #9fa9bd; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-search-field .search input { border-bottom: 1px solid #edf1f7; color: #2a344f; font-family: Open Sans, sans-serif; font-size: 2.25rem; font-weight: 700; line-height: 3rem; } .nb-theme-default nb-search-field .search input::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-default nb-search-field .search input::-moz-placeholder { color: #9fa9bd; } .nb-theme-default nb-search-field .search input:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default nb-search-field .search input::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default nb-search-field .search input::placeholder { color: #9fa9bd; } .nb-theme-default nb-search-field .search input::-ms-clear { display: none; } .nb-theme-default nb-search-field.rotate-layout { opacity: 0; background: white; } .nb-theme-default nb-search-field.modal-zoomin .search::before, .nb-theme-default nb-search-field.modal-zoomin .search::after { border: 1.5rem solid #fe9339; } .nb-theme-default nb-search-field.modal-half .form-wrapper { background: white; } .nb-theme-default nb-search-field.modal-half .search::before { background: #fe9339; } .nb-theme-default nb-search-field.modal-drop .form-content::after { background: #edf1f7; } .nb-theme-default nb-search-field.modal-drop .search::before { background: white; } .nb-theme-default nb-search-field.curtain .search::after { background: white; } .nb-theme-default nb-search-field.curtain .search { background: white; } .nb-theme-default nb-search-field.column-curtain::before { background: white; } .nb-theme-default nb-search-field.column-curtain::after { background: transparent; } .nb-theme-default nb-search-field.column-curtain.show::after { background: #fe9339; } .nb-theme-default .nb-spinner-container { position: relative; } .nb-theme-default nb-spinner .message { color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-default nb-spinner.status-basic { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-default nb-spinner.status-basic .spin-circle { border-top-color: #9fa9bd; border-right-color: transparent; border-bottom-color: #9fa9bd; border-left-color: #9fa9bd; } .nb-theme-default nb-spinner.status-primary { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-default nb-spinner.status-primary .spin-circle { border-top-color: #fe9339; border-right-color: transparent; border-bottom-color: #fe9339; border-left-color: #fe9339; } .nb-theme-default nb-spinner.status-success { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-default nb-spinner.status-success .spin-circle { border-top-color: #00b383; border-right-color: transparent; border-bottom-color: #00b383; border-left-color: #00b383; } .nb-theme-default nb-spinner.status-warning { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-default nb-spinner.status-warning .spin-circle { border-top-color: #e6c813; border-right-color: transparent; border-bottom-color: #e6c813; border-left-color: #e6c813; } .nb-theme-default nb-spinner.status-danger { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-default nb-spinner.status-danger .spin-circle { border-top-color: #ef0000; border-right-color: transparent; border-bottom-color: #ef0000; border-left-color: #ef0000; } .nb-theme-default nb-spinner.status-info { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-default nb-spinner.status-info .spin-circle { border-top-color: #339ce7; border-right-color: transparent; border-bottom-color: #339ce7; border-left-color: #339ce7; } .nb-theme-default nb-spinner.status-control { background-color: rgba(255, 255, 255, 0.16); } .nb-theme-default nb-spinner.status-control .spin-circle { border-top-color: white; border-right-color: transparent; border-bottom-color: white; border-left-color: white; } .nb-theme-default nb-spinner.size-tiny { font-size: 1rem; } .nb-theme-default nb-spinner.size-small { font-size: 1.25rem; } .nb-theme-default nb-spinner.size-medium { font-size: 1.5rem; } .nb-theme-default nb-spinner.size-large { font-size: 1.75rem; } .nb-theme-default nb-spinner.size-giant { font-size: 2rem; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 40% { -webkit-transform: rotate(230deg); transform: rotate(230deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 40% { -webkit-transform: rotate(230deg); transform: rotate(230deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .nb-theme-default .nb-timepicker-container { width: 20rem; height: 26.1875rem; } .nb-theme-default .nb-timepicker-container .list-item { color: #2a344f; font-size: 0.9375rem; font-family: Open Sans, sans-serif; height: 2.75rem; line-height: 1.5rem; font-weight: 600; } .nb-theme-default .nb-timepicker-container .list-item:first-child { border-top: none; } .nb-theme-default .nb-timepicker-container .list-item:hover { background-color: #f7f9fc; color: #2a344f; } .nb-theme-default .nb-timepicker-container .list-item:focus { background-color: #dfe4f0; color: #2a344f; } .nb-theme-default .nb-timepicker-container .list-item.selected { background-color: #fe9339; color: white; } .nb-theme-default .nb-timepicker-container .values-list { scrollbar-face-color: #dfe4f0; scrollbar-track-color: #f7f9fc; } [dir=ltr] .nb-theme-default .nb-timepicker-container .values-list:not(:last-of-type) { border-right: 0.0625rem solid #dfe4f0; } [dir=rtl] .nb-theme-default .nb-timepicker-container .values-list:not(:last-of-type) { border-left: 0.0625rem solid #dfe4f0; } .nb-theme-default .nb-timepicker-container .values-list::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default .nb-timepicker-container .values-list::-webkit-scrollbar-thumb { background: #dfe4f0; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default .nb-timepicker-container .values-list::-webkit-scrollbar-track { background: #f7f9fc; } [dir=ltr] .nb-theme-default .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) { margin-right: -0.3125rem; } [dir=rtl] .nb-theme-default .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) { margin-left: -0.3125rem; } .nb-theme-default .nb-timepicker-container .header-cell { color: #9fa9bd; font-size: 0.9375rem; font-family: Open Sans, sans-serif; height: 2.75rem; line-height: 1.5rem; font-weight: 600; } [dir=ltr] .nb-theme-default .nb-timepicker-container .header-cell:not(:last-child) { border-right: 0.0625rem solid #dfe4f0; } [dir=rtl] .nb-theme-default .nb-timepicker-container .header-cell:not(:last-child) { border-left: 0.0625rem solid #dfe4f0; } .nb-theme-default .nb-timepicker-container .column-header { border-bottom: 0.0625rem solid #dfe4f0; } [dir=ltr] .nb-theme-default .nb-timepicker-container .actions-footer { padding-left: 0.625rem; } [dir=rtl] .nb-theme-default .nb-timepicker-container .actions-footer { padding-right: 0.625rem; } .nb-theme-default nb-checkbox .label { padding: 0; } .nb-theme-default nb-checkbox .custom-checkbox { width: 1.25rem; height: 1.25rem; border-style: solid; border-width: 1px; border-radius: 3px; position: relative; } .nb-theme-default nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox { -webkit-box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox:not(:hover):not(:active) { -webkit-box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16), inset 0 0 0 100vmax rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16), inset 0 0 0 100vmax rgba(143, 155, 179, 0.16); } .nb-theme-default nb-checkbox .native-input:focus:checked + .custom-checkbox { -webkit-box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default nb-checkbox nb-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50%; } .nb-theme-default nb-checkbox .text { font-family: Open Sans, sans-serif; font-size: 13px; font-weight: 500; line-height: 24px; } [dir=ltr] .nb-theme-default nb-checkbox .text:not(:empty) { padding-left: 0.6875rem; } [dir=rtl] .nb-theme-default nb-checkbox .text:not(:empty) { padding-right: 0.6875rem; } .nb-theme-default nb-checkbox.status-basic .custom-checkbox { background-color: rgba(143, 155, 179, 0.08); border-color: #9fa9bd; } .nb-theme-default nb-checkbox.status-basic .text { color: #2a344f; } .nb-theme-default nb-checkbox.status-basic .custom-checkbox.checked { background-color: #fe9339; border-color: #fe9339; } .nb-theme-default nb-checkbox.status-basic .custom-checkbox.checked nb-icon { color: white; } .nb-theme-default nb-checkbox.status-basic .custom-checkbox.indeterminate { background-color: #fe9339; border-color: #fe9339; } .nb-theme-default nb-checkbox.status-basic .custom-checkbox.indeterminate nb-icon { color: white; } .nb-theme-default nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox { background-color: rgba(143, 155, 179, 0.24); border-color: #9fa9bd; } .nb-theme-default nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.checked { background-color: #d93f27; border-color: #b52b1b; } .nb-theme-default nb-checkbox.status-basic .custom-checkbox:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; } .nb-theme-default nb-checkbox.status-basic .custom-checkbox:hover.indeterminate, .nb-theme-default nb-checkbox.status-basic .custom-checkbox:hover.checked { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-default nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox { background-color: rgba(143, 155, 179, 0.24); border-color: #9fa9bd; } .nb-theme-default nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.checked { background-color: #d93f27; border-color: #d93f27; } .nb-theme-default nb-checkbox.status-basic .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-checkbox.status-basic .native-input:disabled + .custom-checkbox nb-icon { color: white; } .nb-theme-default nb-checkbox.status-basic .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-basic .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-default nb-checkbox.status-basic .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-primary .custom-checkbox { background-color: rgba(51, 102, 255, 0.08); border-color: #fe9339; } .nb-theme-default nb-checkbox.status-primary .text { color: #2a344f; } .nb-theme-default nb-checkbox.status-primary .custom-checkbox.checked { background-color: #fe9339; border-color: #fe9339; } .nb-theme-default nb-checkbox.status-primary .custom-checkbox.checked nb-icon { color: white; } .nb-theme-default nb-checkbox.status-primary .custom-checkbox.indeterminate { background-color: #fe9339; border-color: #fe9339; } .nb-theme-default nb-checkbox.status-primary .custom-checkbox.indeterminate nb-icon { color: white; } .nb-theme-default nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-default nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.checked { background-color: #d93f27; border-color: #b52b1b; } .nb-theme-default nb-checkbox.status-primary .custom-checkbox:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; } .nb-theme-default nb-checkbox.status-primary .custom-checkbox:hover.indeterminate, .nb-theme-default nb-checkbox.status-primary .custom-checkbox:hover.checked { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-default nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-default nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.checked { background-color: #d93f27; border-color: #d93f27; } .nb-theme-default nb-checkbox.status-primary .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-checkbox.status-primary .native-input:disabled + .custom-checkbox nb-icon { color: white; } .nb-theme-default nb-checkbox.status-primary .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-primary .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-default nb-checkbox.status-primary .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-success .custom-checkbox { background-color: rgba(0, 214, 143, 0.08); border-color: #00b383; } .nb-theme-default nb-checkbox.status-success .text { color: #2a344f; } .nb-theme-default nb-checkbox.status-success .custom-checkbox.checked { background-color: #00b383; border-color: #00b383; } .nb-theme-default nb-checkbox.status-success .custom-checkbox.checked nb-icon { color: white; } .nb-theme-default nb-checkbox.status-success .custom-checkbox.indeterminate { background-color: #00b383; border-color: #00b383; } .nb-theme-default nb-checkbox.status-success .custom-checkbox.indeterminate nb-icon { color: white; } .nb-theme-default nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; } .nb-theme-default nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.checked { background-color: #009975; border-color: #008066; } .nb-theme-default nb-checkbox.status-success .custom-checkbox:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00b383; } .nb-theme-default nb-checkbox.status-success .custom-checkbox:hover.indeterminate, .nb-theme-default nb-checkbox.status-success .custom-checkbox:hover.checked { background-color: #28d1a4; border-color: #28d1a4; } .nb-theme-default nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; } .nb-theme-default nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.checked { background-color: #009975; border-color: #009975; } .nb-theme-default nb-checkbox.status-success .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-checkbox.status-success .native-input:disabled + .custom-checkbox nb-icon { color: white; } .nb-theme-default nb-checkbox.status-success .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-success .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-default nb-checkbox.status-success .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-warning .custom-checkbox { background-color: rgba(255, 170, 0, 0.08); border-color: #e6c813; } .nb-theme-default nb-checkbox.status-warning .text { color: #2a344f; } .nb-theme-default nb-checkbox.status-warning .custom-checkbox.checked { background-color: #e6c813; border-color: #e6c813; } .nb-theme-default nb-checkbox.status-warning .custom-checkbox.checked nb-icon { color: white; } .nb-theme-default nb-checkbox.status-warning .custom-checkbox.indeterminate { background-color: #e6c813; border-color: #e6c813; } .nb-theme-default nb-checkbox.status-warning .custom-checkbox.indeterminate nb-icon { color: white; } .nb-theme-default nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; } .nb-theme-default nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.checked { background-color: #c5a80d; border-color: #a58a09; } .nb-theme-default nb-checkbox.status-warning .custom-checkbox:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #e6c813; } .nb-theme-default nb-checkbox.status-warning .custom-checkbox:hover.indeterminate, .nb-theme-default nb-checkbox.status-warning .custom-checkbox:hover.checked { background-color: #f0da4a; border-color: #f0da4a; } .nb-theme-default nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; } .nb-theme-default nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.checked { background-color: #c5a80d; border-color: #c5a80d; } .nb-theme-default nb-checkbox.status-warning .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-checkbox.status-warning .native-input:disabled + .custom-checkbox nb-icon { color: white; } .nb-theme-default nb-checkbox.status-warning .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-warning .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-default nb-checkbox.status-warning .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-danger .custom-checkbox { background-color: rgba(255, 61, 113, 0.08); border-color: #ef0000; } .nb-theme-default nb-checkbox.status-danger .text { color: #2a344f; } .nb-theme-default nb-checkbox.status-danger .custom-checkbox.checked { background-color: #ef0000; border-color: #ef0000; } .nb-theme-default nb-checkbox.status-danger .custom-checkbox.checked nb-icon { color: white; } .nb-theme-default nb-checkbox.status-danger .custom-checkbox.indeterminate { background-color: #ef0000; border-color: #ef0000; } .nb-theme-default nb-checkbox.status-danger .custom-checkbox.indeterminate nb-icon { color: white; } .nb-theme-default nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; } .nb-theme-default nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.checked { background-color: #cd0011; border-color: #ac001d; } .nb-theme-default nb-checkbox.status-danger .custom-checkbox:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ef0000; } .nb-theme-default nb-checkbox.status-danger .custom-checkbox:hover.indeterminate, .nb-theme-default nb-checkbox.status-danger .custom-checkbox:hover.checked { background-color: #f54d3d; border-color: #f54d3d; } .nb-theme-default nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; } .nb-theme-default nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.checked { background-color: #cd0011; border-color: #cd0011; } .nb-theme-default nb-checkbox.status-danger .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-checkbox.status-danger .native-input:disabled + .custom-checkbox nb-icon { color: white; } .nb-theme-default nb-checkbox.status-danger .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-danger .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-default nb-checkbox.status-danger .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-info .custom-checkbox { background-color: rgba(0, 149, 255, 0.08); border-color: #339ce7; } .nb-theme-default nb-checkbox.status-info .text { color: #2a344f; } .nb-theme-default nb-checkbox.status-info .custom-checkbox.checked { background-color: #339ce7; border-color: #339ce7; } .nb-theme-default nb-checkbox.status-info .custom-checkbox.checked nb-icon { color: white; } .nb-theme-default nb-checkbox.status-info .custom-checkbox.indeterminate { background-color: #339ce7; border-color: #339ce7; } .nb-theme-default nb-checkbox.status-info .custom-checkbox.indeterminate nb-icon { color: white; } .nb-theme-default nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; } .nb-theme-default nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.checked { background-color: #257ac6; border-color: #195ba6; } .nb-theme-default nb-checkbox.status-info .custom-checkbox:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #339ce7; } .nb-theme-default nb-checkbox.status-info .custom-checkbox:hover.indeterminate, .nb-theme-default nb-checkbox.status-info .custom-checkbox:hover.checked { background-color: #63bef0; border-color: #63bef0; } .nb-theme-default nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; } .nb-theme-default nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.checked { background-color: #257ac6; border-color: #257ac6; } .nb-theme-default nb-checkbox.status-info .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-checkbox.status-info .native-input:disabled + .custom-checkbox nb-icon { color: white; } .nb-theme-default nb-checkbox.status-info .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-info .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-default nb-checkbox.status-info .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-control .custom-checkbox { background-color: rgba(255, 255, 255, 0.08); border-color: white; } .nb-theme-default nb-checkbox.status-control .text { color: white; } .nb-theme-default nb-checkbox.status-control .custom-checkbox.checked { background-color: white; border-color: white; } .nb-theme-default nb-checkbox.status-control .custom-checkbox.checked nb-icon { color: #2a344f; } .nb-theme-default nb-checkbox.status-control .custom-checkbox.indeterminate { background-color: white; border-color: white; } .nb-theme-default nb-checkbox.status-control .custom-checkbox.indeterminate nb-icon { color: #2a344f; } .nb-theme-default nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-default nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.checked { background-color: #edf1f7; border-color: #c5ccdb; } .nb-theme-default nb-checkbox.status-control .custom-checkbox:hover { background-color: rgba(255, 255, 255, 0.16); border-color: white; } .nb-theme-default nb-checkbox.status-control .custom-checkbox:hover.indeterminate, .nb-theme-default nb-checkbox.status-control .custom-checkbox:hover.checked { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-default nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.checked { background-color: #edf1f7; border-color: #edf1f7; } .nb-theme-default nb-checkbox.status-control .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-checkbox.status-control .native-input:disabled + .custom-checkbox nb-icon { color: white; } .nb-theme-default nb-checkbox.status-control .native-input:disabled ~ .text { color: white; } .nb-theme-default nb-checkbox.status-control .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-default nb-checkbox.status-control .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle .toggle { height: 1.875rem; width: 3.125rem; border-width: 1px; border-style: solid; border-radius: 100px; cursor: pointer; /* We need to set initial positions as Angular animations won't work in IE11 if positions have no initial value. Setting it in SCSS as we don't have access to theme variables from TS. */ } [dir=ltr] .nb-theme-default nb-toggle .toggle.checked .toggle-switcher { left: calc(100% - 1.75rem - 1px - 1px); } [dir=ltr] .nb-theme-default nb-toggle .toggle:not(.checked) .toggle-switcher { right: 0; } [dir=rtl] .nb-theme-default nb-toggle .toggle.checked .toggle-switcher { right: calc(100% - 1.75rem - 1px - 1px); } [dir=rtl] .nb-theme-default nb-toggle .toggle:not(.checked) .toggle-switcher { left: 0; } .nb-theme-default nb-toggle .native-input:enabled:focus + .toggle { -webkit-box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default nb-toggle .native-input:disabled + .toggle { cursor: default; } .nb-theme-default nb-toggle .toggle-switcher { width: 1.75rem; height: 1.75rem; } .nb-theme-default nb-toggle .toggle-switcher nb-icon { height: 0.75rem; width: 0.75rem; } .nb-theme-default nb-toggle .text { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-toggle.status-basic .text { color: #2a344f; } .nb-theme-default nb-toggle.status-basic .toggle { background-color: rgba(143, 155, 179, 0.08); border-color: #9fa9bd; } .nb-theme-default nb-toggle.status-basic .toggle.checked { background-color: #fe9339; border-color: #fe9339; } .nb-theme-default nb-toggle.status-basic .native-input:enabled:focus + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-default nb-toggle.status-basic .native-input:enabled:focus + .toggle.checked { background-color: #d93f27; border-color: #b52b1b; } .nb-theme-default nb-toggle.status-basic .native-input:enabled:active + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-default nb-toggle.status-basic .native-input:enabled:active + .toggle.checked { background-color: #d93f27; border-color: #d93f27; } .nb-theme-default nb-toggle.status-basic .native-input:enabled + .toggle:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; } .nb-theme-default nb-toggle.status-basic .native-input:enabled + .toggle:hover.checked { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-default nb-toggle.status-basic .toggle-switcher { background-color: white; } .nb-theme-default nb-toggle.status-basic .toggle-switcher nb-icon { color: #fe9339; } .nb-theme-default nb-toggle.status-basic .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher nb-icon { color: white; } .nb-theme-default nb-toggle.status-basic .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle.status-primary .text { color: #2a344f; } .nb-theme-default nb-toggle.status-primary .toggle { background-color: rgba(51, 102, 255, 0.08); border-color: #fe9339; } .nb-theme-default nb-toggle.status-primary .toggle.checked { background-color: #fe9339; border-color: #fe9339; } .nb-theme-default nb-toggle.status-primary .native-input:enabled:focus + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-default nb-toggle.status-primary .native-input:enabled:focus + .toggle.checked { background-color: #d93f27; border-color: #b52b1b; } .nb-theme-default nb-toggle.status-primary .native-input:enabled:active + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-default nb-toggle.status-primary .native-input:enabled:active + .toggle.checked { background-color: #d93f27; border-color: #d93f27; } .nb-theme-default nb-toggle.status-primary .native-input:enabled + .toggle:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; } .nb-theme-default nb-toggle.status-primary .native-input:enabled + .toggle:hover.checked { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-default nb-toggle.status-primary .toggle-switcher { background-color: white; } .nb-theme-default nb-toggle.status-primary .toggle-switcher nb-icon { color: #fe9339; } .nb-theme-default nb-toggle.status-primary .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher nb-icon { color: white; } .nb-theme-default nb-toggle.status-primary .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle.status-success .text { color: #2a344f; } .nb-theme-default nb-toggle.status-success .toggle { background-color: rgba(0, 214, 143, 0.08); border-color: #00b383; } .nb-theme-default nb-toggle.status-success .toggle.checked { background-color: #00b383; border-color: #00b383; } .nb-theme-default nb-toggle.status-success .native-input:enabled:focus + .toggle { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; } .nb-theme-default nb-toggle.status-success .native-input:enabled:focus + .toggle.checked { background-color: #009975; border-color: #008066; } .nb-theme-default nb-toggle.status-success .native-input:enabled:active + .toggle { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; } .nb-theme-default nb-toggle.status-success .native-input:enabled:active + .toggle.checked { background-color: #009975; border-color: #009975; } .nb-theme-default nb-toggle.status-success .native-input:enabled + .toggle:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00b383; } .nb-theme-default nb-toggle.status-success .native-input:enabled + .toggle:hover.checked { background-color: #28d1a4; border-color: #28d1a4; } .nb-theme-default nb-toggle.status-success .toggle-switcher { background-color: white; } .nb-theme-default nb-toggle.status-success .toggle-switcher nb-icon { color: #00b383; } .nb-theme-default nb-toggle.status-success .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher nb-icon { color: white; } .nb-theme-default nb-toggle.status-success .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle.status-warning .text { color: #2a344f; } .nb-theme-default nb-toggle.status-warning .toggle { background-color: rgba(255, 170, 0, 0.08); border-color: #e6c813; } .nb-theme-default nb-toggle.status-warning .toggle.checked { background-color: #e6c813; border-color: #e6c813; } .nb-theme-default nb-toggle.status-warning .native-input:enabled:focus + .toggle { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; } .nb-theme-default nb-toggle.status-warning .native-input:enabled:focus + .toggle.checked { background-color: #c5a80d; border-color: #a58a09; } .nb-theme-default nb-toggle.status-warning .native-input:enabled:active + .toggle { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; } .nb-theme-default nb-toggle.status-warning .native-input:enabled:active + .toggle.checked { background-color: #c5a80d; border-color: #c5a80d; } .nb-theme-default nb-toggle.status-warning .native-input:enabled + .toggle:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #e6c813; } .nb-theme-default nb-toggle.status-warning .native-input:enabled + .toggle:hover.checked { background-color: #f0da4a; border-color: #f0da4a; } .nb-theme-default nb-toggle.status-warning .toggle-switcher { background-color: white; } .nb-theme-default nb-toggle.status-warning .toggle-switcher nb-icon { color: #e6c813; } .nb-theme-default nb-toggle.status-warning .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher nb-icon { color: white; } .nb-theme-default nb-toggle.status-warning .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle.status-danger .text { color: #2a344f; } .nb-theme-default nb-toggle.status-danger .toggle { background-color: rgba(255, 61, 113, 0.08); border-color: #ef0000; } .nb-theme-default nb-toggle.status-danger .toggle.checked { background-color: #ef0000; border-color: #ef0000; } .nb-theme-default nb-toggle.status-danger .native-input:enabled:focus + .toggle { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; } .nb-theme-default nb-toggle.status-danger .native-input:enabled:focus + .toggle.checked { background-color: #cd0011; border-color: #ac001d; } .nb-theme-default nb-toggle.status-danger .native-input:enabled:active + .toggle { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; } .nb-theme-default nb-toggle.status-danger .native-input:enabled:active + .toggle.checked { background-color: #cd0011; border-color: #cd0011; } .nb-theme-default nb-toggle.status-danger .native-input:enabled + .toggle:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ef0000; } .nb-theme-default nb-toggle.status-danger .native-input:enabled + .toggle:hover.checked { background-color: #f54d3d; border-color: #f54d3d; } .nb-theme-default nb-toggle.status-danger .toggle-switcher { background-color: white; } .nb-theme-default nb-toggle.status-danger .toggle-switcher nb-icon { color: #ef0000; } .nb-theme-default nb-toggle.status-danger .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher nb-icon { color: white; } .nb-theme-default nb-toggle.status-danger .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle.status-info .text { color: #2a344f; } .nb-theme-default nb-toggle.status-info .toggle { background-color: rgba(0, 149, 255, 0.08); border-color: #339ce7; } .nb-theme-default nb-toggle.status-info .toggle.checked { background-color: #339ce7; border-color: #339ce7; } .nb-theme-default nb-toggle.status-info .native-input:enabled:focus + .toggle { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; } .nb-theme-default nb-toggle.status-info .native-input:enabled:focus + .toggle.checked { background-color: #257ac6; border-color: #195ba6; } .nb-theme-default nb-toggle.status-info .native-input:enabled:active + .toggle { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; } .nb-theme-default nb-toggle.status-info .native-input:enabled:active + .toggle.checked { background-color: #257ac6; border-color: #257ac6; } .nb-theme-default nb-toggle.status-info .native-input:enabled + .toggle:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #339ce7; } .nb-theme-default nb-toggle.status-info .native-input:enabled + .toggle:hover.checked { background-color: #63bef0; border-color: #63bef0; } .nb-theme-default nb-toggle.status-info .toggle-switcher { background-color: white; } .nb-theme-default nb-toggle.status-info .toggle-switcher nb-icon { color: #339ce7; } .nb-theme-default nb-toggle.status-info .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher nb-icon { color: white; } .nb-theme-default nb-toggle.status-info .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle.status-control .text { color: white; } .nb-theme-default nb-toggle.status-control .toggle { background-color: rgba(255, 255, 255, 0.08); border-color: white; } .nb-theme-default nb-toggle.status-control .toggle.checked { background-color: rgba(255, 255, 255, 0.08); border-color: white; } .nb-theme-default nb-toggle.status-control .native-input:enabled:focus + .toggle { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-default nb-toggle.status-control .native-input:enabled:focus + .toggle.checked { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-default nb-toggle.status-control .native-input:enabled:active + .toggle { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-default nb-toggle.status-control .native-input:enabled:active + .toggle.checked { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-default nb-toggle.status-control .native-input:enabled + .toggle:hover { background-color: rgba(255, 255, 255, 0.16); border-color: white; } .nb-theme-default nb-toggle.status-control .native-input:enabled + .toggle:hover.checked { background-color: rgba(255, 255, 255, 0.16); border-color: white; } .nb-theme-default nb-toggle.status-control .toggle-switcher { background-color: white; } .nb-theme-default nb-toggle.status-control .toggle-switcher nb-icon { color: #2a344f; } .nb-theme-default nb-toggle.status-control .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher nb-icon { color: white; } .nb-theme-default nb-toggle.status-control .native-input:disabled ~ .text { color: white; } .nb-theme-default nb-progress-bar .progress-container { border-radius: 4px; } .nb-theme-default nb-progress-bar .progress-value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: Open Sans, sans-serif; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transition-property: width, background-color; transition-property: width, background-color; } .nb-theme-default nb-progress-bar.size-tiny .progress-container { height: 8px; } .nb-theme-default nb-progress-bar.size-tiny .progress-value { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-progress-bar.size-small .progress-container { height: 1.25rem; } .nb-theme-default nb-progress-bar.size-small .progress-value { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-progress-bar.size-medium .progress-container { height: 1.375rem; } .nb-theme-default nb-progress-bar.size-medium .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-progress-bar.size-large .progress-container { height: 1.5rem; } .nb-theme-default nb-progress-bar.size-large .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-progress-bar.size-giant .progress-container { height: 1.75rem; } .nb-theme-default nb-progress-bar.size-giant .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-progress-bar.status-basic .progress-container { background-color: #f7f9fc; } .nb-theme-default nb-progress-bar.status-basic .progress-value { background-color: #dfe4f0; color: #2a344f; } .nb-theme-default nb-progress-bar.status-primary .progress-container { background-color: #edf1f7; } .nb-theme-default nb-progress-bar.status-primary .progress-value { background-color: #fe9339; color: white; } .nb-theme-default nb-progress-bar.status-success .progress-container { background-color: #edf1f7; } .nb-theme-default nb-progress-bar.status-success .progress-value { background-color: #00b383; color: white; } .nb-theme-default nb-progress-bar.status-warning .progress-container { background-color: #edf1f7; } .nb-theme-default nb-progress-bar.status-warning .progress-value { background-color: #e6c813; color: white; } .nb-theme-default nb-progress-bar.status-danger .progress-container { background-color: #edf1f7; } .nb-theme-default nb-progress-bar.status-danger .progress-value { background-color: #ef0000; color: white; } .nb-theme-default nb-progress-bar.status-info .progress-container { background-color: #edf1f7; } .nb-theme-default nb-progress-bar.status-info .progress-value { background-color: #339ce7; color: white; } .nb-theme-default nb-progress-bar.status-control .progress-container { background-color: #edf1f7; } .nb-theme-default nb-progress-bar.status-control .progress-value { background-color: white; color: #2a344f; } .nb-theme-default nb-badge { border-radius: 0.25rem; font-family: Open Sans, sans-serif; font-size: 0.625rem; font-weight: 700; line-height: 0.75rem; padding: 0.25rem 0.4rem; } .nb-theme-default nb-badge.dot-mode { padding: 0.3rem; border-radius: 0.5rem; } .nb-theme-default nb-badge.status-basic { color: #2a344f; background-color: #f7f9fc; } .nb-theme-default nb-badge.status-primary { color: white; background-color: #fe9339; } .nb-theme-default nb-badge.status-success { color: white; background-color: #00b383; } .nb-theme-default nb-badge.status-warning { color: white; background-color: #e6c813; } .nb-theme-default nb-badge.status-danger { color: white; background-color: #ef0000; } .nb-theme-default nb-badge.status-info { color: white; background-color: #339ce7; } .nb-theme-default nb-badge.status-control { color: #2a344f; background-color: white; } .nb-theme-default nb-stepper.horizontal .header .step { width: 2rem; margin: 0 1rem; } .nb-theme-default nb-stepper.horizontal .header .connector { margin: 1rem; } .nb-theme-default nb-stepper.vertical .header .connector { margin: 1rem; } .nb-theme-default nb-stepper .header .connector { background-color: #edf1f7; } .nb-theme-default nb-stepper .header .connector-past { background-color: #fe9339; } .nb-theme-default nb-stepper .header .label-index { border-radius: 50%; border-color: #dfe4f0; border-style: solid; border-width: 1px; width: 2rem; height: 2rem; } .nb-theme-default nb-stepper .header .step { color: #9fa9bd; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default nb-stepper .header .step.label-index { border-color: #dfe4f0; } .nb-theme-default nb-stepper .header .step.selected { color: #d93f27; } .nb-theme-default nb-stepper .header .step.selected .label-index { border-color: #d93f27; } .nb-theme-default nb-stepper .header .step.completed { color: #fe9339; } .nb-theme-default nb-stepper .header .step.completed .label-index { background-color: #fe9339; border-color: #fe9339; color: white; } .nb-theme-default nb-stepper .step-content { padding: 1.25rem; } .nb-theme-default nb-alert { border-radius: 0.25rem; -webkit-box-shadow: none; box-shadow: none; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 1rem 1.125rem; margin-bottom: 1.5rem; scrollbar-face-color: #dfe4f0; scrollbar-track-color: #f7f9fc; } .nb-theme-default nb-alert::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-alert::-webkit-scrollbar-thumb { background: #dfe4f0; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-alert::-webkit-scrollbar-track { background: #f7f9fc; } [dir=ltr] .nb-theme-default nb-alert.closable { padding-right: 3rem; } [dir=rtl] .nb-theme-default nb-alert.closable { padding-left: 3rem; } .nb-theme-default nb-alert .close { padding: 1rem 1.125rem; font-size: 1.5rem; line-height: 1; cursor: pointer; font-family: monospace; } .nb-theme-default nb-alert.size-tiny { height: 4.5rem; } .nb-theme-default nb-alert.size-small { height: 5.75rem; } .nb-theme-default nb-alert.size-medium { height: 7rem; } .nb-theme-default nb-alert.size-large { height: 8.25rem; } .nb-theme-default nb-alert.size-giant { height: 9.5rem; } .nb-theme-default nb-alert.status-basic { color: #2a344f; background-color: #f7f9fc; } .nb-theme-default nb-alert.status-basic a, .nb-theme-default nb-alert.status-basic a:hover { color: #2a344f; } .nb-theme-default nb-alert.accent-basic { border-top: 0.25rem solid #edf1f7; } .nb-theme-default nb-alert.outline-basic { border: 1px solid #c5ccdb; } .nb-theme-default nb-alert.status-primary { color: white; background-color: #fe9339; } .nb-theme-default nb-alert.status-primary a, .nb-theme-default nb-alert.status-primary a:hover { color: white; } .nb-theme-default nb-alert.accent-primary { border-top: 0.25rem solid #fe9339; } .nb-theme-default nb-alert.outline-primary { border: 1px solid #b52b1b; } .nb-theme-default nb-alert.status-success { color: white; background-color: #00b383; } .nb-theme-default nb-alert.status-success a, .nb-theme-default nb-alert.status-success a:hover { color: white; } .nb-theme-default nb-alert.accent-success { border-top: 0.25rem solid #00b383; } .nb-theme-default nb-alert.outline-success { border: 1px solid #008066; } .nb-theme-default nb-alert.status-warning { color: white; background-color: #e6c813; } .nb-theme-default nb-alert.status-warning a, .nb-theme-default nb-alert.status-warning a:hover { color: white; } .nb-theme-default nb-alert.accent-warning { border-top: 0.25rem solid #e6c813; } .nb-theme-default nb-alert.outline-warning { border: 1px solid #a58a09; } .nb-theme-default nb-alert.status-danger { color: white; background-color: #ef0000; } .nb-theme-default nb-alert.status-danger a, .nb-theme-default nb-alert.status-danger a:hover { color: white; } .nb-theme-default nb-alert.accent-danger { border-top: 0.25rem solid #ef0000; } .nb-theme-default nb-alert.outline-danger { border: 1px solid #ac001d; } .nb-theme-default nb-alert.status-info { color: white; background-color: #339ce7; } .nb-theme-default nb-alert.status-info a, .nb-theme-default nb-alert.status-info a:hover { color: white; } .nb-theme-default nb-alert.accent-info { border-top: 0.25rem solid #339ce7; } .nb-theme-default nb-alert.outline-info { border: 1px solid #195ba6; } .nb-theme-default nb-alert.status-control { color: #2a344f; background-color: white; } .nb-theme-default nb-alert.status-control a, .nb-theme-default nb-alert.status-control a:hover { color: #2a344f; } .nb-theme-default nb-alert.accent-control { border-top: 0.25rem solid white; } .nb-theme-default nb-alert.outline-control { border: 1px solid #c5ccdb; } .nb-theme-default nb-chat { background-color: white; border: none; border-radius: 0.25rem; -webkit-box-shadow: none; box-shadow: none; color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default nb-chat nb-icon { font-size: inherit; } .nb-theme-default nb-chat .header { border-bottom: 1px solid #edf1f7; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; padding: 1rem 1.25rem; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-chat .scrollable { overflow: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; scrollbar-face-color: #dfe4f0; scrollbar-track-color: #f7f9fc; } .nb-theme-default nb-chat .scrollable::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-chat .scrollable::-webkit-scrollbar-thumb { background: #dfe4f0; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-chat .scrollable::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-default nb-chat .messages { padding: 1rem 1.25rem; overflow-y: auto; overflow-x: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nb-theme-default nb-chat .no-messages { text-align: center; } .nb-theme-default nb-chat.size-tiny { height: 13.5rem; } .nb-theme-default nb-chat.size-small { height: 21rem; } .nb-theme-default nb-chat.size-medium { height: 28.5rem; } .nb-theme-default nb-chat.size-large { height: 36rem; } .nb-theme-default nb-chat.size-giant { height: 43.5rem; } .nb-theme-default nb-chat.status-basic .header { background-color: white; color: #2a344f; } .nb-theme-default nb-chat.status-primary .header { background-color: #fe9339; color: white; } .nb-theme-default nb-chat.status-success .header { background-color: #00b383; color: white; } .nb-theme-default nb-chat.status-warning .header { background-color: #e6c813; color: white; } .nb-theme-default nb-chat.status-danger .header { background-color: #ef0000; color: white; } .nb-theme-default nb-chat.status-info .header { background-color: #339ce7; color: white; } .nb-theme-default nb-chat.status-control .header { background-color: white; color: #2a344f; } .nb-theme-default nb-chat-message { margin-bottom: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .nb-theme-default nb-chat-message .message { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .nb-theme-default nb-chat-message .avatar { display: block; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; background: #c5ccdb; background-position: center; background-size: cover; background-repeat: no-repeat; width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; font-size: 0.875rem; color: white; } .nb-theme-default nb-chat-message nb-chat-message-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nb-theme-default nb-chat-message nb-chat-message-text .sender { font-size: 0.875rem; color: #9fa9bd; margin-top: 0; margin-bottom: 0.5rem; } .nb-theme-default nb-chat-message nb-chat-message-text p { word-break: break-word; white-space: pre-wrap; max-width: 100%; margin-top: 0; margin-bottom: 0; } .nb-theme-default nb-chat-message nb-chat-message-text .text { padding: 1rem; border-radius: 0.5rem; } .nb-theme-default nb-chat-message nb-chat-message-file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nb-theme-default nb-chat-message nb-chat-message-file a { color: #9fa9bd; background: transparent; font-size: 4rem; text-align: center; border: 1px solid #9fa9bd; width: 10rem; height: 10rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 0.5rem; } .nb-theme-default nb-chat-message nb-chat-message-file a:hover, .nb-theme-default nb-chat-message nb-chat-message-file a:focus { text-decoration: none; color: #9fa9bd; } .nb-theme-default nb-chat-message nb-chat-message-file a div { background-size: cover; width: 100%; height: 100%; } .nb-theme-default nb-chat-message nb-chat-message-file nb-chat-message-text { display: block; margin-bottom: 0.5rem; } .nb-theme-default nb-chat-message nb-chat-message-file .message-content-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nb-theme-default nb-chat-message nb-chat-message-file .message-content-group a { margin-bottom: 1rem; width: 5rem; height: 5rem; } [dir=ltr] .nb-theme-default nb-chat-message nb-chat-message-file .message-content-group a { margin-right: 1rem; } [dir=rtl] .nb-theme-default nb-chat-message nb-chat-message-file .message-content-group a { margin-left: 1rem; } .nb-theme-default nb-chat-message nb-chat-message-quote p.quote { font-style: italic; font-size: 0.875rem; background: #f7f9fc; color: #9fa9bd; padding: 1rem; border-radius: 0.5rem; margin-top: 0; margin-bottom: 0.5rem; } .nb-theme-default nb-chat-message nb-chat-message-quote .sender { font-size: 0.875rem; color: #9fa9bd; margin-bottom: 0.5rem; } [dir=ltr] .nb-theme-default nb-chat-message.not-reply .message { margin-left: 0.5rem; } [dir=rtl] .nb-theme-default nb-chat-message.not-reply .message { margin-right: 0.5rem; } [dir=ltr] .nb-theme-default nb-chat-message.not-reply .message { margin-right: 3rem; } [dir=rtl] .nb-theme-default nb-chat-message.not-reply .message { margin-left: 3rem; } .nb-theme-default nb-chat-message.not-reply nb-chat-message-text { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .nb-theme-default nb-chat-message.not-reply nb-chat-message-text .text { background: #fe9339; color: white; } [dir=ltr] .nb-theme-default nb-chat-message.not-reply nb-chat-message-text .text { border-top-left-radius: 0; } [dir=rtl] .nb-theme-default nb-chat-message.not-reply nb-chat-message-text .text { border-top-right-radius: 0; } .nb-theme-default nb-chat-message.not-reply nb-chat-message-file { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .nb-theme-default nb-chat-message.reply { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .nb-theme-default nb-chat-message.reply .message { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-left: 0; } [dir=ltr] .nb-theme-default nb-chat-message.reply .message { margin-right: 0.5rem; } [dir=rtl] .nb-theme-default nb-chat-message.reply .message { margin-left: 0.5rem; } [dir=ltr] .nb-theme-default nb-chat-message.reply .message { margin-left: 3rem; } [dir=rtl] .nb-theme-default nb-chat-message.reply .message { margin-right: 3rem; } .nb-theme-default nb-chat-message.reply nb-chat-message-text { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } [dir=ltr] .nb-theme-default nb-chat-message.reply nb-chat-message-text .sender { text-align: right; } [dir=rtl] .nb-theme-default nb-chat-message.reply nb-chat-message-text .sender { text-align: left; } .nb-theme-default nb-chat-message.reply nb-chat-message-text .text { background: #f7f9fc; color: #2a344f; } [dir=ltr] .nb-theme-default nb-chat-message.reply nb-chat-message-text .text { border-top-right-radius: 0; } [dir=rtl] .nb-theme-default nb-chat-message.reply nb-chat-message-text .text { border-top-left-radius: 0; } .nb-theme-default nb-chat-message.reply nb-chat-message-file { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .nb-theme-default nb-chat-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 1rem 1.25rem; border-top: 1px solid #edf1f7; } .nb-theme-default nb-chat-form .message-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; } .nb-theme-default nb-chat-form input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .nb-theme-default nb-chat-form input.with-button { border-bottom-right-radius: 0; border-top-right-radius: 0; } [dir=ltr] .nb-theme-default nb-chat-form input.with-button { border-bottom-right-radius: 0; } [dir=ltr] .nb-theme-default nb-chat-form input.with-button { border-top-right-radius: 0; } [dir=rtl] .nb-theme-default nb-chat-form input.with-button { border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-default nb-chat-form input.with-button { border-top-left-radius: 0; } .nb-theme-default nb-chat-form .send-button nb-icon { font-size: 1.5rem; } [dir=ltr] .nb-theme-default nb-chat-form .send-button { border-bottom-left-radius: 0; border-top-left-radius: 0; } [dir=rtl] .nb-theme-default nb-chat-form .send-button { border-bottom-right-radius: 0; border-top-right-radius: 0; } .nb-theme-default nb-chat-form .dropped-files { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nb-theme-default nb-chat-form .dropped-files div { background-size: cover; width: 3rem; height: 3rem; border-radius: 0.5rem; margin-bottom: 0.5rem; border: 1px solid currentColor; text-align: center; font-size: 2rem; position: relative; } [dir=ltr] .nb-theme-default nb-chat-form .dropped-files div { margin-right: 0.5rem; } [dir=rtl] .nb-theme-default nb-chat-form .dropped-files div { margin-left: 0.5rem; } .nb-theme-default nb-chat-form .dropped-files div .remove { position: absolute; right: -0.5rem; top: -0.875rem; font-size: 0.875rem; line-height: 1; cursor: pointer; } .nb-theme-default nb-chat-form .dropped-files div nb-icon { width: 65%; height: 100%; } .nb-theme-default .nb-custom-message { display: inline-block; padding: 1rem 1.25rem; margin-top: 0.5rem; border-radius: 0.5rem; } .nb-theme-default .nb-custom-message-full-width { width: 100%; } .nb-theme-default .nb-custom-message-no-space { margin-top: 0; } .nb-theme-default .nb-custom-message-not-reply { background: #fe9339; color: white; } [dir=ltr] .nb-theme-default .nb-custom-message-not-reply { border-top-left-radius: 0; } [dir=rtl] .nb-theme-default .nb-custom-message-not-reply { border-top-right-radius: 0; } .nb-theme-default .nb-custom-message-not-reply a, .nb-theme-default .nb-custom-message-not-reply a:hover, .nb-theme-default .nb-custom-message-not-reply a:focus { color: white; } .nb-theme-default .nb-custom-message-reply { background: #f7f9fc; color: #2a344f; } [dir=ltr] .nb-theme-default .nb-custom-message-reply { border-top-right-radius: 0; } [dir=rtl] .nb-theme-default .nb-custom-message-reply { border-top-left-radius: 0; } .nb-theme-default nb-accordion { display: block; -webkit-box-shadow: none; box-shadow: none; border-radius: none; } .nb-theme-default nb-accordion-item-header { position: relative; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #edf1f7; color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 1.25rem; } .nb-theme-default nb-accordion-item-header h1 { margin: 0; } .nb-theme-default nb-accordion-item-header h2 { margin: 0; } .nb-theme-default nb-accordion-item-header h3 { margin: 0; } .nb-theme-default nb-accordion-item-header h4 { margin: 0; } .nb-theme-default nb-accordion-item-header h5 { margin: 0; } .nb-theme-default nb-accordion-item-header h6 { margin: 0; } .nb-theme-default nb-accordion-item-header .expansion-indicator { position: absolute; } [dir=ltr] .nb-theme-default nb-accordion-item-header .expansion-indicator { right: 1rem; } [dir=rtl] .nb-theme-default nb-accordion-item-header .expansion-indicator { left: 1rem; } .nb-theme-default nb-accordion-item { background-color: white; color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default nb-accordion-item.disabled nb-accordion-item-header { color: rgba(143, 155, 179, 0.48); cursor: default; } .nb-theme-default nb-accordion-item:first-child { border-top-left-radius: none; border-top-right-radius: none; } .nb-theme-default nb-accordion-item:last-child { border-bottom-left-radius: none; border-bottom-right-radius: none; } .nb-theme-default nb-accordion-item:last-child.collapsed nb-accordion-item-header { border-bottom: none; } .nb-theme-default nb-accordion-item:not(.collapsed) + nb-accordion-item nb-accordion-item-header { border-top-color: #edf1f7; border-top-style: solid; border-top-width: 1px; } .nb-theme-default nb-accordion-item-body .item-body { -webkit-box-flex: 1; flex: 1; -ms-flex: 1 1 auto; overflow: auto; padding: 1.25rem; position: relative; } .nb-theme-default [nbButton], .nb-theme-default [nbButtonToggle] { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-family: Open Sans, sans-serif; font-weight: 700; } .nb-theme-default [nbButton]:hover, .nb-theme-default [nbButtonToggle]:hover, .nb-theme-default [nbButton]:focus, .nb-theme-default [nbButtonToggle]:focus { text-decoration: none; } .nb-theme-default [nbButton].full-width, .nb-theme-default .full-width[nbButtonToggle] { width: 100%; } .nb-theme-default [nbButton] nb-icon, .nb-theme-default [nbButtonToggle] nb-icon { vertical-align: top; } .nb-theme-default [nbButton].nb-transition, .nb-theme-default .nb-transition[nbButtonToggle] { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: background-color, border-color, color, -webkit-box-shadow; transition-property: background-color, border-color, color, -webkit-box-shadow; transition-property: background-color, border-color, box-shadow, color; transition-property: background-color, border-color, box-shadow, color, -webkit-box-shadow; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .nb-theme-default [nbButton]:focus, .nb-theme-default [nbButtonToggle]:focus { position: relative; outline: none; -webkit-box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton][disabled], .nb-theme-default [disabled][nbButtonToggle], .nb-theme-default [nbButton].btn-disabled, .nb-theme-default .btn-disabled[nbButtonToggle] { cursor: default; } .nb-theme-default [nbButton].size-tiny, .nb-theme-default .size-tiny[nbButtonToggle] { font-size: 0.625rem; line-height: 0.75rem; } .nb-theme-default [nbButton].size-tiny nb-icon, .nb-theme-default .size-tiny[nbButtonToggle] nb-icon { font-size: 0.625rem; height: 0.75rem; width: 0.75rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-default [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-default .size-tiny.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-right: 0.375rem; } [dir=rtl] .nb-theme-default [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-default .size-tiny.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-left: 0.375rem; } [dir=ltr] .nb-theme-default [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-default .size-tiny.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-left: 0.375rem; } [dir=rtl] .nb-theme-default [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-default .size-tiny.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-right: 0.375rem; } .nb-theme-default [nbButton].size-tiny.icon-start.icon-end.appearance-filled, .nb-theme-default .size-tiny.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-default [nbButton].size-tiny.icon-start.icon-end.appearance-outline, .nb-theme-default .size-tiny.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-default [nbButton].size-tiny.icon-start.icon-end.appearance-ghost, .nb-theme-default .size-tiny.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-default [nbButton].size-tiny.icon-start.icon-end.appearance-hero, .nb-theme-default .size-tiny.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.5rem 0.375rem; } .nb-theme-default [nbButton].size-small, .nb-theme-default .size-small[nbButtonToggle] { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default [nbButton].size-small nb-icon, .nb-theme-default .size-small[nbButtonToggle] nb-icon { font-size: 0.75rem; height: 1rem; width: 1rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-default [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-default .size-small.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-right: 0.375rem; } [dir=rtl] .nb-theme-default [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-default .size-small.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-left: 0.375rem; } [dir=ltr] .nb-theme-default [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-default .size-small.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-left: 0.375rem; } [dir=rtl] .nb-theme-default [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-default .size-small.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-right: 0.375rem; } .nb-theme-default [nbButton].size-small.icon-start.icon-end.appearance-filled, .nb-theme-default .size-small.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-default [nbButton].size-small.icon-start.icon-end.appearance-outline, .nb-theme-default .size-small.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-default [nbButton].size-small.icon-start.icon-end.appearance-ghost, .nb-theme-default .size-small.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-default [nbButton].size-small.icon-start.icon-end.appearance-hero, .nb-theme-default .size-small.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.5625rem 0.5rem; } .nb-theme-default [nbButton].size-medium, .nb-theme-default .size-medium[nbButtonToggle] { font-size: 0.875rem; line-height: 1rem; } .nb-theme-default [nbButton].size-medium nb-icon, .nb-theme-default .size-medium[nbButtonToggle] nb-icon { font-size: 0.875rem; height: 1.25rem; width: 1.25rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-default [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-default .size-medium.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-right: 0.5rem; } [dir=rtl] .nb-theme-default [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-default .size-medium.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-left: 0.5rem; } [dir=ltr] .nb-theme-default [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-default .size-medium.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-left: 0.5rem; } [dir=rtl] .nb-theme-default [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-default .size-medium.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-right: 0.5rem; } .nb-theme-default [nbButton].size-medium.icon-start.icon-end.appearance-filled, .nb-theme-default .size-medium.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-default [nbButton].size-medium.icon-start.icon-end.appearance-outline, .nb-theme-default .size-medium.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-default [nbButton].size-medium.icon-start.icon-end.appearance-ghost, .nb-theme-default .size-medium.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-default [nbButton].size-medium.icon-start.icon-end.appearance-hero, .nb-theme-default .size-medium.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.75rem 0.5625rem; } .nb-theme-default [nbButton].size-large, .nb-theme-default .size-large[nbButtonToggle] { font-size: 1rem; line-height: 1.25rem; } .nb-theme-default [nbButton].size-large nb-icon, .nb-theme-default .size-large[nbButtonToggle] nb-icon { font-size: 1rem; height: 1.5rem; width: 1.5rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-default [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-default .size-large.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-right: 0.75rem; } [dir=rtl] .nb-theme-default [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-default .size-large.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-left: 0.75rem; } [dir=ltr] .nb-theme-default [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-default .size-large.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-left: 0.75rem; } [dir=rtl] .nb-theme-default [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-default .size-large.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-right: 0.75rem; } .nb-theme-default [nbButton].size-large.icon-start.icon-end.appearance-filled, .nb-theme-default .size-large.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-default [nbButton].size-large.icon-start.icon-end.appearance-outline, .nb-theme-default .size-large.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-default [nbButton].size-large.icon-start.icon-end.appearance-ghost, .nb-theme-default .size-large.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-default [nbButton].size-large.icon-start.icon-end.appearance-hero, .nb-theme-default .size-large.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.875rem 0.6875rem; } .nb-theme-default [nbButton].size-giant, .nb-theme-default .size-giant[nbButtonToggle] { font-size: 1.125rem; line-height: 1.5rem; } .nb-theme-default [nbButton].size-giant nb-icon, .nb-theme-default .size-giant[nbButtonToggle] nb-icon { font-size: 1.125rem; height: 1.5rem; width: 1.5rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-default [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-default .size-giant.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-right: 0.75rem; } [dir=rtl] .nb-theme-default [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-default .size-giant.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-left: 0.75rem; } [dir=ltr] .nb-theme-default [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-default .size-giant.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-left: 0.75rem; } [dir=rtl] .nb-theme-default [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-default .size-giant.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-right: 0.75rem; } .nb-theme-default [nbButton].size-giant.icon-start.icon-end.appearance-filled, .nb-theme-default .size-giant.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-default [nbButton].size-giant.icon-start.icon-end.appearance-outline, .nb-theme-default .size-giant.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-default [nbButton].size-giant.icon-start.icon-end.appearance-ghost, .nb-theme-default .size-giant.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-default [nbButton].size-giant.icon-start.icon-end.appearance-hero, .nb-theme-default .size-giant.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 1.0625rem 1rem; } .nb-theme-default [nbButton].shape-rectangle, .nb-theme-default .shape-rectangle[nbButtonToggle] { border-radius: 0.25rem; } .nb-theme-default [nbButton].shape-semi-round, .nb-theme-default .shape-semi-round[nbButtonToggle] { border-radius: 0.75rem; } .nb-theme-default [nbButton].shape-round, .nb-theme-default .shape-round[nbButtonToggle] { border-radius: 1.5rem; } .nb-theme-default a[nbButton], .nb-theme-default a[nbButtonToggle] { text-decoration: none; } .nb-theme-default [nbButton].appearance-filled, .nb-theme-default .appearance-filled[nbButtonToggle] { border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-default [nbButton].appearance-filled.size-tiny, .nb-theme-default .appearance-filled.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-default [nbButton].appearance-filled.size-small, .nb-theme-default .appearance-filled.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-default [nbButton].appearance-filled.size-medium, .nb-theme-default .appearance-filled.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-default [nbButton].appearance-filled.size-large, .nb-theme-default .appearance-filled.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-default [nbButton].appearance-filled.size-giant, .nb-theme-default .appearance-filled.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-default [nbButton].appearance-filled.status-basic, .nb-theme-default .appearance-filled.status-basic[nbButtonToggle] { background-color: #edf1f7; border-color: #edf1f7; color: #2a344f; } .nb-theme-default [nbButton].appearance-filled.status-basic:focus, .nb-theme-default .appearance-filled.status-basic[nbButtonToggle]:focus { background-color: #dfe4f0; border-color: #c5ccdb; } .nb-theme-default [nbButton].appearance-filled.status-basic:hover, .nb-theme-default .appearance-filled.status-basic[nbButtonToggle]:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default [nbButton].appearance-filled.status-basic:active, .nb-theme-default .appearance-filled.status-basic[nbButtonToggle]:active { background-color: #dfe4f0; border-color: #dfe4f0; } .nb-theme-default [nbButton].appearance-filled.status-basic[disabled], .nb-theme-default .appearance-filled.status-basic[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-filled.status-basic.btn-disabled, .nb-theme-default .appearance-filled.status-basic.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-filled.status-primary, .nb-theme-default .appearance-filled.status-primary[nbButtonToggle] { background-color: #fe9339; border-color: #fe9339; color: white; } .nb-theme-default [nbButton].appearance-filled.status-primary:focus, .nb-theme-default .appearance-filled.status-primary[nbButtonToggle]:focus { background-color: #d93f27; border-color: #b52b1b; } .nb-theme-default [nbButton].appearance-filled.status-primary:hover, .nb-theme-default .appearance-filled.status-primary[nbButtonToggle]:hover { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-default [nbButton].appearance-filled.status-primary:active, .nb-theme-default .appearance-filled.status-primary[nbButtonToggle]:active { background-color: #d93f27; border-color: #d93f27; } .nb-theme-default [nbButton].appearance-filled.status-primary[disabled], .nb-theme-default .appearance-filled.status-primary[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-filled.status-primary.btn-disabled, .nb-theme-default .appearance-filled.status-primary.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-filled.status-success, .nb-theme-default .appearance-filled.status-success[nbButtonToggle] { background-color: #00b383; border-color: #00b383; color: white; } .nb-theme-default [nbButton].appearance-filled.status-success:focus, .nb-theme-default .appearance-filled.status-success[nbButtonToggle]:focus { background-color: #009975; border-color: #008066; } .nb-theme-default [nbButton].appearance-filled.status-success:hover, .nb-theme-default .appearance-filled.status-success[nbButtonToggle]:hover { background-color: #28d1a4; border-color: #28d1a4; } .nb-theme-default [nbButton].appearance-filled.status-success:active, .nb-theme-default .appearance-filled.status-success[nbButtonToggle]:active { background-color: #009975; border-color: #009975; } .nb-theme-default [nbButton].appearance-filled.status-success[disabled], .nb-theme-default .appearance-filled.status-success[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-filled.status-success.btn-disabled, .nb-theme-default .appearance-filled.status-success.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-filled.status-warning, .nb-theme-default .appearance-filled.status-warning[nbButtonToggle] { background-color: #e6c813; border-color: #e6c813; color: white; } .nb-theme-default [nbButton].appearance-filled.status-warning:focus, .nb-theme-default .appearance-filled.status-warning[nbButtonToggle]:focus { background-color: #c5a80d; border-color: #a58a09; } .nb-theme-default [nbButton].appearance-filled.status-warning:hover, .nb-theme-default .appearance-filled.status-warning[nbButtonToggle]:hover { background-color: #f0da4a; border-color: #f0da4a; } .nb-theme-default [nbButton].appearance-filled.status-warning:active, .nb-theme-default .appearance-filled.status-warning[nbButtonToggle]:active { background-color: #c5a80d; border-color: #c5a80d; } .nb-theme-default [nbButton].appearance-filled.status-warning[disabled], .nb-theme-default .appearance-filled.status-warning[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-filled.status-warning.btn-disabled, .nb-theme-default .appearance-filled.status-warning.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-filled.status-danger, .nb-theme-default .appearance-filled.status-danger[nbButtonToggle] { background-color: #ef0000; border-color: #ef0000; color: white; } .nb-theme-default [nbButton].appearance-filled.status-danger:focus, .nb-theme-default .appearance-filled.status-danger[nbButtonToggle]:focus { background-color: #cd0011; border-color: #ac001d; } .nb-theme-default [nbButton].appearance-filled.status-danger:hover, .nb-theme-default .appearance-filled.status-danger[nbButtonToggle]:hover { background-color: #f54d3d; border-color: #f54d3d; } .nb-theme-default [nbButton].appearance-filled.status-danger:active, .nb-theme-default .appearance-filled.status-danger[nbButtonToggle]:active { background-color: #cd0011; border-color: #cd0011; } .nb-theme-default [nbButton].appearance-filled.status-danger[disabled], .nb-theme-default .appearance-filled.status-danger[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-filled.status-danger.btn-disabled, .nb-theme-default .appearance-filled.status-danger.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-filled.status-info, .nb-theme-default .appearance-filled.status-info[nbButtonToggle] { background-color: #339ce7; border-color: #339ce7; color: white; } .nb-theme-default [nbButton].appearance-filled.status-info:focus, .nb-theme-default .appearance-filled.status-info[nbButtonToggle]:focus { background-color: #257ac6; border-color: #195ba6; } .nb-theme-default [nbButton].appearance-filled.status-info:hover, .nb-theme-default .appearance-filled.status-info[nbButtonToggle]:hover { background-color: #63bef0; border-color: #63bef0; } .nb-theme-default [nbButton].appearance-filled.status-info:active, .nb-theme-default .appearance-filled.status-info[nbButtonToggle]:active { background-color: #257ac6; border-color: #257ac6; } .nb-theme-default [nbButton].appearance-filled.status-info[disabled], .nb-theme-default .appearance-filled.status-info[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-filled.status-info.btn-disabled, .nb-theme-default .appearance-filled.status-info.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-filled.status-control, .nb-theme-default .appearance-filled.status-control[nbButtonToggle] { background-color: white; border-color: white; color: #2a344f; } .nb-theme-default [nbButton].appearance-filled.status-control:focus, .nb-theme-default .appearance-filled.status-control[nbButtonToggle]:focus { background-color: #edf1f7; border-color: #c5ccdb; } .nb-theme-default [nbButton].appearance-filled.status-control:hover, .nb-theme-default .appearance-filled.status-control[nbButtonToggle]:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default [nbButton].appearance-filled.status-control:active, .nb-theme-default .appearance-filled.status-control[nbButtonToggle]:active { background-color: #edf1f7; border-color: #edf1f7; } .nb-theme-default [nbButton].appearance-filled.status-control[disabled], .nb-theme-default .appearance-filled.status-control[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-filled.status-control.btn-disabled, .nb-theme-default .appearance-filled.status-control.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-outline, .nb-theme-default .appearance-outline[nbButtonToggle] { border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-default [nbButton].appearance-outline:focus, .nb-theme-default .appearance-outline[nbButtonToggle]:focus { -webkit-box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-outline:focus:not(:hover):not(:active), .nb-theme-default .appearance-outline[nbButtonToggle]:focus:not(:hover):not(:active) { -webkit-box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16), inset 0 0 0 100vmax rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16), inset 0 0 0 100vmax rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-outline.size-tiny, .nb-theme-default .appearance-outline.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-default [nbButton].appearance-outline.size-small, .nb-theme-default .appearance-outline.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-default [nbButton].appearance-outline.size-medium, .nb-theme-default .appearance-outline.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-default [nbButton].appearance-outline.size-large, .nb-theme-default .appearance-outline.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-default [nbButton].appearance-outline.size-giant, .nb-theme-default .appearance-outline.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-default [nbButton].appearance-outline.status-basic, .nb-theme-default .appearance-outline.status-basic[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-default [nbButton].appearance-outline.status-basic:focus, .nb-theme-default .appearance-outline.status-basic[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.24); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-default [nbButton].appearance-outline.status-basic:hover, .nb-theme-default .appearance-outline.status-basic[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.16); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-default [nbButton].appearance-outline.status-basic:active, .nb-theme-default .appearance-outline.status-basic[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.24); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-default [nbButton].appearance-outline.status-basic[disabled], .nb-theme-default .appearance-outline.status-basic[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-outline.status-basic.btn-disabled, .nb-theme-default .appearance-outline.status-basic.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-outline.status-primary, .nb-theme-default .appearance-outline.status-primary[nbButtonToggle] { background-color: rgba(51, 102, 255, 0.08); border-color: #fe9339; color: #fe9339; } .nb-theme-default [nbButton].appearance-outline.status-primary:focus, .nb-theme-default .appearance-outline.status-primary[nbButtonToggle]:focus { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; color: #fe9339; } .nb-theme-default [nbButton].appearance-outline.status-primary:hover, .nb-theme-default .appearance-outline.status-primary[nbButtonToggle]:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; color: #fe9339; } .nb-theme-default [nbButton].appearance-outline.status-primary:active, .nb-theme-default .appearance-outline.status-primary[nbButtonToggle]:active { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; color: #fe9339; } .nb-theme-default [nbButton].appearance-outline.status-primary[disabled], .nb-theme-default .appearance-outline.status-primary[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-outline.status-primary.btn-disabled, .nb-theme-default .appearance-outline.status-primary.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-outline.status-success, .nb-theme-default .appearance-outline.status-success[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.08); border-color: #00b383; color: #00b383; } .nb-theme-default [nbButton].appearance-outline.status-success:focus, .nb-theme-default .appearance-outline.status-success[nbButtonToggle]:focus { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; color: #00b383; } .nb-theme-default [nbButton].appearance-outline.status-success:hover, .nb-theme-default .appearance-outline.status-success[nbButtonToggle]:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00b383; color: #00b383; } .nb-theme-default [nbButton].appearance-outline.status-success:active, .nb-theme-default .appearance-outline.status-success[nbButtonToggle]:active { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; color: #00b383; } .nb-theme-default [nbButton].appearance-outline.status-success[disabled], .nb-theme-default .appearance-outline.status-success[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-outline.status-success.btn-disabled, .nb-theme-default .appearance-outline.status-success.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-outline.status-warning, .nb-theme-default .appearance-outline.status-warning[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.08); border-color: #e6c813; color: #e6c813; } .nb-theme-default [nbButton].appearance-outline.status-warning:focus, .nb-theme-default .appearance-outline.status-warning[nbButtonToggle]:focus { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; color: #e6c813; } .nb-theme-default [nbButton].appearance-outline.status-warning:hover, .nb-theme-default .appearance-outline.status-warning[nbButtonToggle]:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #e6c813; color: #e6c813; } .nb-theme-default [nbButton].appearance-outline.status-warning:active, .nb-theme-default .appearance-outline.status-warning[nbButtonToggle]:active { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; color: #e6c813; } .nb-theme-default [nbButton].appearance-outline.status-warning[disabled], .nb-theme-default .appearance-outline.status-warning[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-outline.status-warning.btn-disabled, .nb-theme-default .appearance-outline.status-warning.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-outline.status-danger, .nb-theme-default .appearance-outline.status-danger[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.08); border-color: #ef0000; color: #ef0000; } .nb-theme-default [nbButton].appearance-outline.status-danger:focus, .nb-theme-default .appearance-outline.status-danger[nbButtonToggle]:focus { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; color: #ef0000; } .nb-theme-default [nbButton].appearance-outline.status-danger:hover, .nb-theme-default .appearance-outline.status-danger[nbButtonToggle]:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ef0000; color: #ef0000; } .nb-theme-default [nbButton].appearance-outline.status-danger:active, .nb-theme-default .appearance-outline.status-danger[nbButtonToggle]:active { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; color: #ef0000; } .nb-theme-default [nbButton].appearance-outline.status-danger[disabled], .nb-theme-default .appearance-outline.status-danger[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-outline.status-danger.btn-disabled, .nb-theme-default .appearance-outline.status-danger.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-outline.status-info, .nb-theme-default .appearance-outline.status-info[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.08); border-color: #339ce7; color: #339ce7; } .nb-theme-default [nbButton].appearance-outline.status-info:focus, .nb-theme-default .appearance-outline.status-info[nbButtonToggle]:focus { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; color: #339ce7; } .nb-theme-default [nbButton].appearance-outline.status-info:hover, .nb-theme-default .appearance-outline.status-info[nbButtonToggle]:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #339ce7; color: #339ce7; } .nb-theme-default [nbButton].appearance-outline.status-info:active, .nb-theme-default .appearance-outline.status-info[nbButtonToggle]:active { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; color: #339ce7; } .nb-theme-default [nbButton].appearance-outline.status-info[disabled], .nb-theme-default .appearance-outline.status-info[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-outline.status-info.btn-disabled, .nb-theme-default .appearance-outline.status-info.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-outline.status-control, .nb-theme-default .appearance-outline.status-control[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.08); border-color: white; color: white; } .nb-theme-default [nbButton].appearance-outline.status-control:focus, .nb-theme-default .appearance-outline.status-control[nbButtonToggle]:focus { background-color: rgba(255, 255, 255, 0.24); border-color: white; color: white; } .nb-theme-default [nbButton].appearance-outline.status-control:hover, .nb-theme-default .appearance-outline.status-control[nbButtonToggle]:hover { background-color: rgba(255, 255, 255, 0.16); border-color: white; color: white; } .nb-theme-default [nbButton].appearance-outline.status-control:active, .nb-theme-default .appearance-outline.status-control[nbButtonToggle]:active { background-color: rgba(255, 255, 255, 0.24); border-color: white; color: white; } .nb-theme-default [nbButton].appearance-outline.status-control[disabled], .nb-theme-default .appearance-outline.status-control[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-outline.status-control.btn-disabled, .nb-theme-default .appearance-outline.status-control.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-ghost, .nb-theme-default .appearance-ghost[nbButtonToggle] { background-color: transparent; border-color: transparent; border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-default [nbButton].appearance-ghost:focus, .nb-theme-default .appearance-ghost[nbButtonToggle]:focus { -webkit-box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-ghost:focus:not(:hover):not(:active), .nb-theme-default .appearance-ghost[nbButtonToggle]:focus:not(:hover):not(:active) { -webkit-box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16), inset 0 0 0 100vmax rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16), inset 0 0 0 100vmax rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-ghost.size-tiny, .nb-theme-default .appearance-ghost.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-default [nbButton].appearance-ghost.size-small, .nb-theme-default .appearance-ghost.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-default [nbButton].appearance-ghost.size-medium, .nb-theme-default .appearance-ghost.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-default [nbButton].appearance-ghost.size-large, .nb-theme-default .appearance-ghost.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-default [nbButton].appearance-ghost.size-giant, .nb-theme-default .appearance-ghost.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-default [nbButton].appearance-ghost.status-basic, .nb-theme-default .appearance-ghost.status-basic[nbButtonToggle] { color: #9fa9bd; } .nb-theme-default [nbButton].appearance-ghost.status-basic:focus, .nb-theme-default .appearance-ghost.status-basic[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #9fa9bd; } .nb-theme-default [nbButton].appearance-ghost.status-basic:hover, .nb-theme-default .appearance-ghost.status-basic[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #9fa9bd; } .nb-theme-default [nbButton].appearance-ghost.status-basic:active, .nb-theme-default .appearance-ghost.status-basic[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #9fa9bd; } .nb-theme-default [nbButton].appearance-ghost.status-basic[disabled], .nb-theme-default .appearance-ghost.status-basic[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-ghost.status-basic.btn-disabled, .nb-theme-default .appearance-ghost.status-basic.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-ghost.status-primary, .nb-theme-default .appearance-ghost.status-primary[nbButtonToggle] { color: #fe9339; } .nb-theme-default [nbButton].appearance-ghost.status-primary:focus, .nb-theme-default .appearance-ghost.status-primary[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #fe9339; } .nb-theme-default [nbButton].appearance-ghost.status-primary:hover, .nb-theme-default .appearance-ghost.status-primary[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #fe9339; } .nb-theme-default [nbButton].appearance-ghost.status-primary:active, .nb-theme-default .appearance-ghost.status-primary[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #fe9339; } .nb-theme-default [nbButton].appearance-ghost.status-primary[disabled], .nb-theme-default .appearance-ghost.status-primary[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-ghost.status-primary.btn-disabled, .nb-theme-default .appearance-ghost.status-primary.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-ghost.status-success, .nb-theme-default .appearance-ghost.status-success[nbButtonToggle] { color: #00b383; } .nb-theme-default [nbButton].appearance-ghost.status-success:focus, .nb-theme-default .appearance-ghost.status-success[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #00b383; } .nb-theme-default [nbButton].appearance-ghost.status-success:hover, .nb-theme-default .appearance-ghost.status-success[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #00b383; } .nb-theme-default [nbButton].appearance-ghost.status-success:active, .nb-theme-default .appearance-ghost.status-success[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #00b383; } .nb-theme-default [nbButton].appearance-ghost.status-success[disabled], .nb-theme-default .appearance-ghost.status-success[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-ghost.status-success.btn-disabled, .nb-theme-default .appearance-ghost.status-success.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-ghost.status-warning, .nb-theme-default .appearance-ghost.status-warning[nbButtonToggle] { color: #e6c813; } .nb-theme-default [nbButton].appearance-ghost.status-warning:focus, .nb-theme-default .appearance-ghost.status-warning[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #e6c813; } .nb-theme-default [nbButton].appearance-ghost.status-warning:hover, .nb-theme-default .appearance-ghost.status-warning[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #e6c813; } .nb-theme-default [nbButton].appearance-ghost.status-warning:active, .nb-theme-default .appearance-ghost.status-warning[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #e6c813; } .nb-theme-default [nbButton].appearance-ghost.status-warning[disabled], .nb-theme-default .appearance-ghost.status-warning[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-ghost.status-warning.btn-disabled, .nb-theme-default .appearance-ghost.status-warning.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-ghost.status-danger, .nb-theme-default .appearance-ghost.status-danger[nbButtonToggle] { color: #ef0000; } .nb-theme-default [nbButton].appearance-ghost.status-danger:focus, .nb-theme-default .appearance-ghost.status-danger[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #ef0000; } .nb-theme-default [nbButton].appearance-ghost.status-danger:hover, .nb-theme-default .appearance-ghost.status-danger[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #ef0000; } .nb-theme-default [nbButton].appearance-ghost.status-danger:active, .nb-theme-default .appearance-ghost.status-danger[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #ef0000; } .nb-theme-default [nbButton].appearance-ghost.status-danger[disabled], .nb-theme-default .appearance-ghost.status-danger[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-ghost.status-danger.btn-disabled, .nb-theme-default .appearance-ghost.status-danger.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-ghost.status-info, .nb-theme-default .appearance-ghost.status-info[nbButtonToggle] { color: #339ce7; } .nb-theme-default [nbButton].appearance-ghost.status-info:focus, .nb-theme-default .appearance-ghost.status-info[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #339ce7; } .nb-theme-default [nbButton].appearance-ghost.status-info:hover, .nb-theme-default .appearance-ghost.status-info[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #339ce7; } .nb-theme-default [nbButton].appearance-ghost.status-info:active, .nb-theme-default .appearance-ghost.status-info[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #339ce7; } .nb-theme-default [nbButton].appearance-ghost.status-info[disabled], .nb-theme-default .appearance-ghost.status-info[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-ghost.status-info.btn-disabled, .nb-theme-default .appearance-ghost.status-info.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-ghost.status-control, .nb-theme-default .appearance-ghost.status-control[nbButtonToggle] { color: white; } .nb-theme-default [nbButton].appearance-ghost.status-control:focus, .nb-theme-default .appearance-ghost.status-control[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: white; } .nb-theme-default [nbButton].appearance-ghost.status-control:hover, .nb-theme-default .appearance-ghost.status-control[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: white; } .nb-theme-default [nbButton].appearance-ghost.status-control:active, .nb-theme-default .appearance-ghost.status-control[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: white; } .nb-theme-default [nbButton].appearance-ghost.status-control[disabled], .nb-theme-default .appearance-ghost.status-control[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-ghost.status-control.btn-disabled, .nb-theme-default .appearance-ghost.status-control.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero, .nb-theme-default .appearance-hero[nbButtonToggle] { text-shadow: none; text-transform: uppercase; } .nb-theme-default [nbButton].appearance-hero.size-tiny, .nb-theme-default .appearance-hero.size-tiny[nbButtonToggle] { padding: 0.375rem 0.6875rem; } .nb-theme-default [nbButton].appearance-hero.size-small, .nb-theme-default .appearance-hero.size-small[nbButtonToggle] { padding: 0.5rem 0.9375rem; } .nb-theme-default [nbButton].appearance-hero.size-medium, .nb-theme-default .appearance-hero.size-medium[nbButtonToggle] { padding: 0.75rem 1.1875rem; } .nb-theme-default [nbButton].appearance-hero.size-large, .nb-theme-default .appearance-hero.size-large[nbButtonToggle] { padding: 0.875rem 1.1875rem; } .nb-theme-default [nbButton].appearance-hero.size-giant, .nb-theme-default .appearance-hero.size-giant[nbButtonToggle] { padding: 1rem 1.4375rem; } .nb-theme-default [nbButton].appearance-hero.status-basic, .nb-theme-default .appearance-hero.status-basic[nbButtonToggle] { background-image: -webkit-gradient(linear, left top, right top, from(#f7f9fc), to(#edf1f7)); background-image: linear-gradient(to right, #f7f9fc, #edf1f7); border: none; -webkit-box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent; box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent; color: #9fa9bd; } .nb-theme-default [nbButton].appearance-hero.status-basic:focus, .nb-theme-default .appearance-hero.status-basic[nbButtonToggle]:focus { background-image: -webkit-gradient(linear, left top, right top, from(#edf1f7), to(#dfe4f0)); background-image: linear-gradient(to right, #edf1f7, #dfe4f0); -webkit-box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-hero.status-basic:hover, .nb-theme-default .appearance-hero.status-basic[nbButtonToggle]:hover { background-image: -webkit-gradient(linear, left top, right top, from(white), to(#f7f9fc)); background-image: linear-gradient(to right, white, #f7f9fc); } .nb-theme-default [nbButton].appearance-hero.status-basic:active, .nb-theme-default .appearance-hero.status-basic[nbButtonToggle]:active { background-image: -webkit-gradient(linear, left top, right top, from(#edf1f7), to(#dfe4f0)); background-image: linear-gradient(to right, #edf1f7, #dfe4f0); } .nb-theme-default [nbButton].appearance-hero.status-basic[disabled], .nb-theme-default .appearance-hero.status-basic[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-hero.status-basic.btn-disabled, .nb-theme-default .appearance-hero.status-basic.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero.status-basic.button-pulse, .nb-theme-default .appearance-hero.status-basic.button-pulse[nbButtonToggle] { -webkit-animation: button-hero-basic-pulse 0.75s infinite alternate; animation: button-hero-basic-pulse 0.75s infinite alternate; } @-webkit-keyframes button-hero-basic-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #f7f9fc; box-shadow: 0 0 1rem 0 #f7f9fc; opacity: 0.8; } } @keyframes button-hero-basic-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #f7f9fc; box-shadow: 0 0 1rem 0 #f7f9fc; opacity: 0.8; } } .nb-theme-default [nbButton].appearance-hero.status-primary, .nb-theme-default .appearance-hero.status-primary[nbButtonToggle] { background-image: -webkit-gradient(linear, left top, right top, from(#eb7d21), to(#fe9339)); background-image: linear-gradient(to right, #eb7d21, #fe9339); border: none; -webkit-box-shadow: 0 0 0 0 #d93f27, 0 0 0 0 #b52b1b, 0 0 transparent; box-shadow: 0 0 0 0 #d93f27, 0 0 0 0 #b52b1b, 0 0 transparent; color: white; } .nb-theme-default [nbButton].appearance-hero.status-primary:focus, .nb-theme-default .appearance-hero.status-primary[nbButtonToggle]:focus { background-image: -webkit-gradient(linear, left top, right top, from(#fe9339), to(#d93f27)); background-image: linear-gradient(to right, #fe9339, #d93f27); -webkit-box-shadow: 0 0 0 0 #d93f27, 0 0 0 0 #b52b1b, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0 #d93f27, 0 0 0 0 #b52b1b, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-hero.status-primary:hover, .nb-theme-default .appearance-hero.status-primary[nbButtonToggle]:hover { background-image: -webkit-gradient(linear, left top, right top, from(#ffbe87), to(#eb7d21)); background-image: linear-gradient(to right, #ffbe87, #eb7d21); } .nb-theme-default [nbButton].appearance-hero.status-primary:active, .nb-theme-default .appearance-hero.status-primary[nbButtonToggle]:active { background-image: -webkit-gradient(linear, left top, right top, from(#fe9339), to(#d93f27)); background-image: linear-gradient(to right, #fe9339, #d93f27); } .nb-theme-default [nbButton].appearance-hero.status-primary[disabled], .nb-theme-default .appearance-hero.status-primary[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-hero.status-primary.btn-disabled, .nb-theme-default .appearance-hero.status-primary.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero.status-primary.button-pulse, .nb-theme-default .appearance-hero.status-primary.button-pulse[nbButtonToggle] { -webkit-animation: button-hero-primary-pulse 0.75s infinite alternate; animation: button-hero-primary-pulse 0.75s infinite alternate; } @-webkit-keyframes button-hero-primary-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #eb7d21; box-shadow: 0 0 1rem 0 #eb7d21; opacity: 0.8; } } @keyframes button-hero-primary-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #eb7d21; box-shadow: 0 0 1rem 0 #eb7d21; opacity: 0.8; } } .nb-theme-default [nbButton].appearance-hero.status-success, .nb-theme-default .appearance-hero.status-success[nbButtonToggle] { background-image: -webkit-gradient(linear, left top, right top, from(#28d1a4), to(#00b383)); background-image: linear-gradient(to right, #28d1a4, #00b383); border: none; -webkit-box-shadow: 0 0 0 0 #009975, 0 0 0 0 #008066, 0 0 transparent; box-shadow: 0 0 0 0 #009975, 0 0 0 0 #008066, 0 0 transparent; color: white; } .nb-theme-default [nbButton].appearance-hero.status-success:focus, .nb-theme-default .appearance-hero.status-success[nbButtonToggle]:focus { background-image: -webkit-gradient(linear, left top, right top, from(#00b383), to(#009975)); background-image: linear-gradient(to right, #00b383, #009975); -webkit-box-shadow: 0 0 0 0 #009975, 0 0 0 0 #008066, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0 #009975, 0 0 0 0 #008066, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-hero.status-success:hover, .nb-theme-default .appearance-hero.status-success[nbButtonToggle]:hover { background-image: -webkit-gradient(linear, left top, right top, from(#8bf7da), to(#28d1a4)); background-image: linear-gradient(to right, #8bf7da, #28d1a4); } .nb-theme-default [nbButton].appearance-hero.status-success:active, .nb-theme-default .appearance-hero.status-success[nbButtonToggle]:active { background-image: -webkit-gradient(linear, left top, right top, from(#00b383), to(#009975)); background-image: linear-gradient(to right, #00b383, #009975); } .nb-theme-default [nbButton].appearance-hero.status-success[disabled], .nb-theme-default .appearance-hero.status-success[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-hero.status-success.btn-disabled, .nb-theme-default .appearance-hero.status-success.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero.status-success.button-pulse, .nb-theme-default .appearance-hero.status-success.button-pulse[nbButtonToggle] { -webkit-animation: button-hero-success-pulse 0.75s infinite alternate; animation: button-hero-success-pulse 0.75s infinite alternate; } @-webkit-keyframes button-hero-success-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #28d1a4; box-shadow: 0 0 1rem 0 #28d1a4; opacity: 0.8; } } @keyframes button-hero-success-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #28d1a4; box-shadow: 0 0 1rem 0 #28d1a4; opacity: 0.8; } } .nb-theme-default [nbButton].appearance-hero.status-warning, .nb-theme-default .appearance-hero.status-warning[nbButtonToggle] { background-image: -webkit-gradient(linear, left top, right top, from(#f0da4a), to(#e6c813)); background-image: linear-gradient(to right, #f0da4a, #e6c813); border: none; -webkit-box-shadow: 0 0 0 0 #c5a80d, 0 0 0 0 #a58a09, 0 0 transparent; box-shadow: 0 0 0 0 #c5a80d, 0 0 0 0 #a58a09, 0 0 transparent; color: white; } .nb-theme-default [nbButton].appearance-hero.status-warning:focus, .nb-theme-default .appearance-hero.status-warning[nbButtonToggle]:focus { background-image: -webkit-gradient(linear, left top, right top, from(#e6c813), to(#c5a80d)); background-image: linear-gradient(to right, #e6c813, #c5a80d); -webkit-box-shadow: 0 0 0 0 #c5a80d, 0 0 0 0 #a58a09, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0 #c5a80d, 0 0 0 0 #a58a09, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-hero.status-warning:hover, .nb-theme-default .appearance-hero.status-warning[nbButtonToggle]:hover { background-image: -webkit-gradient(linear, left top, right top, from(#f7e86f), to(#f0da4a)); background-image: linear-gradient(to right, #f7e86f, #f0da4a); } .nb-theme-default [nbButton].appearance-hero.status-warning:active, .nb-theme-default .appearance-hero.status-warning[nbButtonToggle]:active { background-image: -webkit-gradient(linear, left top, right top, from(#e6c813), to(#c5a80d)); background-image: linear-gradient(to right, #e6c813, #c5a80d); } .nb-theme-default [nbButton].appearance-hero.status-warning[disabled], .nb-theme-default .appearance-hero.status-warning[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-hero.status-warning.btn-disabled, .nb-theme-default .appearance-hero.status-warning.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero.status-warning.button-pulse, .nb-theme-default .appearance-hero.status-warning.button-pulse[nbButtonToggle] { -webkit-animation: button-hero-warning-pulse 0.75s infinite alternate; animation: button-hero-warning-pulse 0.75s infinite alternate; } @-webkit-keyframes button-hero-warning-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #f0da4a; box-shadow: 0 0 1rem 0 #f0da4a; opacity: 0.8; } } @keyframes button-hero-warning-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #f0da4a; box-shadow: 0 0 1rem 0 #f0da4a; opacity: 0.8; } } .nb-theme-default [nbButton].appearance-hero.status-danger, .nb-theme-default .appearance-hero.status-danger[nbButtonToggle] { background-image: -webkit-gradient(linear, left top, right top, from(#f54d3d), to(#ef0000)); background-image: linear-gradient(to right, #f54d3d, #ef0000); border: none; -webkit-box-shadow: 0 0 0 0 #cd0011, 0 0 0 0 #ac001d, 0 0 transparent; box-shadow: 0 0 0 0 #cd0011, 0 0 0 0 #ac001d, 0 0 transparent; color: white; } .nb-theme-default [nbButton].appearance-hero.status-danger:focus, .nb-theme-default .appearance-hero.status-danger[nbButtonToggle]:focus { background-image: -webkit-gradient(linear, left top, right top, from(#ef0000), to(#cd0011)); background-image: linear-gradient(to right, #ef0000, #cd0011); -webkit-box-shadow: 0 0 0 0 #cd0011, 0 0 0 0 #ac001d, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0 #cd0011, 0 0 0 0 #ac001d, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-hero.status-danger:hover, .nb-theme-default .appearance-hero.status-danger[nbButtonToggle]:hover { background-image: -webkit-gradient(linear, left top, right top, from(#fa7e64), to(#f54d3d)); background-image: linear-gradient(to right, #fa7e64, #f54d3d); } .nb-theme-default [nbButton].appearance-hero.status-danger:active, .nb-theme-default .appearance-hero.status-danger[nbButtonToggle]:active { background-image: -webkit-gradient(linear, left top, right top, from(#ef0000), to(#cd0011)); background-image: linear-gradient(to right, #ef0000, #cd0011); } .nb-theme-default [nbButton].appearance-hero.status-danger[disabled], .nb-theme-default .appearance-hero.status-danger[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-hero.status-danger.btn-disabled, .nb-theme-default .appearance-hero.status-danger.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero.status-danger.button-pulse, .nb-theme-default .appearance-hero.status-danger.button-pulse[nbButtonToggle] { -webkit-animation: button-hero-danger-pulse 0.75s infinite alternate; animation: button-hero-danger-pulse 0.75s infinite alternate; } @-webkit-keyframes button-hero-danger-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #f54d3d; box-shadow: 0 0 1rem 0 #f54d3d; opacity: 0.8; } } @keyframes button-hero-danger-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #f54d3d; box-shadow: 0 0 1rem 0 #f54d3d; opacity: 0.8; } } .nb-theme-default [nbButton].appearance-hero.status-info, .nb-theme-default .appearance-hero.status-info[nbButtonToggle] { background-image: -webkit-gradient(linear, left top, right top, from(#63bef0), to(#339ce7)); background-image: linear-gradient(to right, #63bef0, #339ce7); border: none; -webkit-box-shadow: 0 0 0 0 #257ac6, 0 0 0 0 #195ba6, 0 0 transparent; box-shadow: 0 0 0 0 #257ac6, 0 0 0 0 #195ba6, 0 0 transparent; color: white; } .nb-theme-default [nbButton].appearance-hero.status-info:focus, .nb-theme-default .appearance-hero.status-info[nbButtonToggle]:focus { background-image: -webkit-gradient(linear, left top, right top, from(#339ce7), to(#257ac6)); background-image: linear-gradient(to right, #339ce7, #257ac6); -webkit-box-shadow: 0 0 0 0 #257ac6, 0 0 0 0 #195ba6, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0 #257ac6, 0 0 0 0 #195ba6, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-hero.status-info:hover, .nb-theme-default .appearance-hero.status-info[nbButtonToggle]:hover { background-image: -webkit-gradient(linear, left top, right top, from(#83d4f7), to(#63bef0)); background-image: linear-gradient(to right, #83d4f7, #63bef0); } .nb-theme-default [nbButton].appearance-hero.status-info:active, .nb-theme-default .appearance-hero.status-info[nbButtonToggle]:active { background-image: -webkit-gradient(linear, left top, right top, from(#339ce7), to(#257ac6)); background-image: linear-gradient(to right, #339ce7, #257ac6); } .nb-theme-default [nbButton].appearance-hero.status-info[disabled], .nb-theme-default .appearance-hero.status-info[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-hero.status-info.btn-disabled, .nb-theme-default .appearance-hero.status-info.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero.status-info.button-pulse, .nb-theme-default .appearance-hero.status-info.button-pulse[nbButtonToggle] { -webkit-animation: button-hero-info-pulse 0.75s infinite alternate; animation: button-hero-info-pulse 0.75s infinite alternate; } @-webkit-keyframes button-hero-info-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #63bef0; box-shadow: 0 0 1rem 0 #63bef0; opacity: 0.8; } } @keyframes button-hero-info-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #63bef0; box-shadow: 0 0 1rem 0 #63bef0; opacity: 0.8; } } .nb-theme-default [nbButton].appearance-hero.status-control, .nb-theme-default .appearance-hero.status-control[nbButtonToggle] { background-image: -webkit-gradient(linear, left top, right top, from(white), to(white)); background-image: linear-gradient(to right, white, white); border: none; -webkit-box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent; box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent; color: #2a344f; } .nb-theme-default [nbButton].appearance-hero.status-control:focus, .nb-theme-default .appearance-hero.status-control[nbButtonToggle]:focus { background-image: -webkit-gradient(linear, left top, right top, from(#f7f9fc), to(#edf1f7)); background-image: linear-gradient(to right, #f7f9fc, #edf1f7); -webkit-box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-hero.status-control:hover, .nb-theme-default .appearance-hero.status-control[nbButtonToggle]:hover { background-image: -webkit-gradient(linear, left top, right top, from(white), to(#f7f9fc)); background-image: linear-gradient(to right, white, #f7f9fc); } .nb-theme-default [nbButton].appearance-hero.status-control:active, .nb-theme-default .appearance-hero.status-control[nbButtonToggle]:active { background-image: -webkit-gradient(linear, left top, right top, from(#f7f9fc), to(#edf1f7)); background-image: linear-gradient(to right, #f7f9fc, #edf1f7); } .nb-theme-default [nbButton].appearance-hero.status-control[disabled], .nb-theme-default .appearance-hero.status-control[disabled][nbButtonToggle], .nb-theme-default [nbButton].appearance-hero.status-control.btn-disabled, .nb-theme-default .appearance-hero.status-control.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero.status-control.button-pulse, .nb-theme-default .appearance-hero.status-control.button-pulse[nbButtonToggle] { -webkit-animation: button-hero-control-pulse 0.75s infinite alternate; animation: button-hero-control-pulse 0.75s infinite alternate; } @-webkit-keyframes button-hero-control-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 white; box-shadow: 0 0 1rem 0 white; opacity: 0.8; } } @keyframes button-hero-control-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 white; box-shadow: 0 0 1rem 0 white; opacity: 0.8; } } .nb-theme-default nb-button-group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } [dir=ltr] .nb-theme-default nb-button-group [nbButton]:first-child:not(:last-child), [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle]:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir=ltr] .nb-theme-default nb-button-group [nbButton]:last-child:not(:first-child), [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle]:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-default nb-button-group [nbButton]:first-child:not(:last-child), [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle]:first-child:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-default nb-button-group [nbButton]:last-child:not(:first-child), [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle]:last-child:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .nb-theme-default nb-button-group [nbButton]:not(:first-child):not(:last-child), .nb-theme-default nb-button-group [nbButtonToggle]:not(:first-child):not(:last-child) { border-radius: 0; } .nb-theme-default nb-button-group [nbButton].appearance-filled, .nb-theme-default nb-button-group [nbButton].appearance-ghost, .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled, .nb-theme-default nb-button-group [nbButtonToggle].appearance-ghost { border-color: transparent; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #c5ccdb; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #c5ccdb; } .nb-theme-default nb-button-group [nbButton].appearance-filled.status-basic, .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-basic { color: #9fa9bd; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #d93f27; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #d93f27; } .nb-theme-default nb-button-group [nbButton].appearance-filled.status-primary, .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-primary { color: white; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #009975; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #009975; } .nb-theme-default nb-button-group [nbButton].appearance-filled.status-success, .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-success { color: white; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #c5a80d; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #c5a80d; } .nb-theme-default nb-button-group [nbButton].appearance-filled.status-warning, .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-warning { color: white; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #cd0011; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #cd0011; } .nb-theme-default nb-button-group [nbButton].appearance-filled.status-danger, .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-danger { color: white; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #257ac6; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #257ac6; } .nb-theme-default nb-button-group [nbButton].appearance-filled.status-info, .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-info { color: white; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #edf1f7; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #edf1f7; } .nb-theme-default nb-button-group [nbButton].appearance-filled.status-control, .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-control { color: #2a344f; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #c5ccdb; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #c5ccdb; } .nb-theme-default nb-list-item { border-bottom: 1px solid #edf1f7; color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 1rem; } .nb-theme-default nb-list-item:first-child { border-top: 1px solid #edf1f7; } .nb-theme-default [nbInput] { border-style: solid; border-width: 1px; font-family: Open Sans, sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .nb-theme-default [nbInput].nb-transition { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: border, background-color, color, -webkit-box-shadow; transition-property: border, background-color, color, -webkit-box-shadow; transition-property: border, background-color, color, box-shadow; transition-property: border, background-color, color, box-shadow, -webkit-box-shadow; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .nb-theme-default [nbInput]::-webkit-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default [nbInput]::-moz-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default [nbInput]:-ms-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default [nbInput]::-ms-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default [nbInput]::placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default [nbInput]:focus { outline: none; } .nb-theme-default [nbInput].input-full-width { width: 100%; } .nb-theme-default [nbInput].status-basic { background-color: #f7f9fc; border-color: #dfe4f0; color: #2a344f; } .nb-theme-default [nbInput].status-basic::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-basic::-moz-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-basic:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-basic::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-basic::placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-basic:focus { background-color: white; border-color: #fe9339; } .nb-theme-default [nbInput].status-basic:hover { background-color: #edf1f7; border-color: #dfe4f0; } .nb-theme-default [nbInput].status-basic:disabled { background-color: #f7f9fc; border-color: #dfe4f0; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-basic:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-basic:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-basic:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-basic:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-basic:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-primary { background-color: #f7f9fc; border-color: #fe9339; color: #2a344f; } .nb-theme-default [nbInput].status-primary::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-primary::-moz-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-primary:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-primary::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-primary::placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-primary:focus { background-color: white; border-color: #b52b1b; } .nb-theme-default [nbInput].status-primary:hover { background-color: #edf1f7; border-color: #eb7d21; } .nb-theme-default [nbInput].status-primary:disabled { background-color: #f7f9fc; border-color: #dfe4f0; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-primary:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-primary:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-primary:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-primary:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-primary:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-success { background-color: #f7f9fc; border-color: #00b383; color: #2a344f; } .nb-theme-default [nbInput].status-success::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-success::-moz-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-success:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-success::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-success::placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-success:focus { background-color: white; border-color: #008066; } .nb-theme-default [nbInput].status-success:hover { background-color: #edf1f7; border-color: #28d1a4; } .nb-theme-default [nbInput].status-success:disabled { background-color: #f7f9fc; border-color: #dfe4f0; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-success:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-success:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-success:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-success:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-success:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-warning { background-color: #f7f9fc; border-color: #e6c813; color: #2a344f; } .nb-theme-default [nbInput].status-warning::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-warning::-moz-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-warning:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-warning::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-warning::placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-warning:focus { background-color: white; border-color: #a58a09; } .nb-theme-default [nbInput].status-warning:hover { background-color: #edf1f7; border-color: #f0da4a; } .nb-theme-default [nbInput].status-warning:disabled { background-color: #f7f9fc; border-color: #dfe4f0; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-warning:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-warning:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-warning:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-warning:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-warning:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-danger { background-color: #f7f9fc; border-color: #ef0000; color: #2a344f; } .nb-theme-default [nbInput].status-danger::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-danger::-moz-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-danger:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-danger::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-danger::placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-danger:focus { background-color: white; border-color: #ac001d; } .nb-theme-default [nbInput].status-danger:hover { background-color: #edf1f7; border-color: #f54d3d; } .nb-theme-default [nbInput].status-danger:disabled { background-color: #f7f9fc; border-color: #dfe4f0; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-danger:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-danger:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-danger:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-danger:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-danger:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-info { background-color: #f7f9fc; border-color: #339ce7; color: #2a344f; } .nb-theme-default [nbInput].status-info::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-info::-moz-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-info:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-info::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-info::placeholder { color: #9fa9bd; } .nb-theme-default [nbInput].status-info:focus { background-color: white; border-color: #195ba6; } .nb-theme-default [nbInput].status-info:hover { background-color: #edf1f7; border-color: #63bef0; } .nb-theme-default [nbInput].status-info:disabled { background-color: #f7f9fc; border-color: #dfe4f0; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-info:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-info:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-info:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-info:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-info:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-control { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); color: white; } .nb-theme-default [nbInput].status-control::-webkit-input-placeholder { color: white; } .nb-theme-default [nbInput].status-control::-moz-placeholder { color: white; } .nb-theme-default [nbInput].status-control:-ms-input-placeholder { color: white; } .nb-theme-default [nbInput].status-control::-ms-input-placeholder { color: white; } .nb-theme-default [nbInput].status-control::placeholder { color: white; } .nb-theme-default [nbInput].status-control:focus { background-color: rgba(255, 255, 255, 0.4); border-color: white; } .nb-theme-default [nbInput].status-control:hover { background-color: rgba(255, 255, 255, 0.32); border-color: white; } .nb-theme-default [nbInput].status-control:disabled { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: white; } .nb-theme-default [nbInput].status-control:disabled::-webkit-input-placeholder { color: white; } .nb-theme-default [nbInput].status-control:disabled::-moz-placeholder { color: white; } .nb-theme-default [nbInput].status-control:disabled:-ms-input-placeholder { color: white; } .nb-theme-default [nbInput].status-control:disabled::-ms-input-placeholder { color: white; } .nb-theme-default [nbInput].status-control:disabled::placeholder { color: white; } .nb-theme-default [nbInput].size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.1875rem 1rem; } .nb-theme-default [nbInput].size-tiny:not(.input-full-width) { max-width: 20rem; } .nb-theme-default [nbInput].size-tiny::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-tiny::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-tiny:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-tiny::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-tiny::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 1rem; } .nb-theme-default [nbInput].size-small:not(.input-full-width) { max-width: 20rem; } .nb-theme-default [nbInput].size-small::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-small::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-small:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-small::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-small::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.4375rem 1rem; } .nb-theme-default [nbInput].size-medium:not(.input-full-width) { max-width: 20rem; } .nb-theme-default [nbInput].size-medium::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-medium::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-medium:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-medium::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-medium::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.6875rem 1rem; } .nb-theme-default [nbInput].size-large:not(.input-full-width) { max-width: 30rem; } .nb-theme-default [nbInput].size-large::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-large::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-large:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-large::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-large::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.9375rem 1rem; } .nb-theme-default [nbInput].size-giant:not(.input-full-width) { max-width: 30rem; } .nb-theme-default [nbInput].size-giant::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-giant::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-giant:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-giant::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-giant::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].shape-rectangle { border-radius: 0.25rem; } .nb-theme-default [nbInput].shape-semi-round { border-radius: 0.75rem; } .nb-theme-default [nbInput].shape-round { border-radius: 1.5rem; } .nb-theme-default nb-form-field [nbInput] { width: 100%; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-tiny { padding-left: 1.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-tiny { padding-right: 1.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-tiny { padding-right: 1.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-tiny { padding-left: 1.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-small { padding-left: 2rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-small { padding-right: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-small { padding-right: 2rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-small { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-medium { padding-left: 2.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-medium { padding-right: 2.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-medium { padding-right: 2.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-medium { padding-left: 2.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-large { padding-left: 3rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-large { padding-right: 3rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-large { padding-right: 3rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-large { padding-left: 3rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-giant { padding-left: 3.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-giant { padding-right: 3.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-giant { padding-right: 3.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-giant { padding-left: 3.5rem; } .nb-theme-default .overlay-backdrop { background: rgba(0, 0, 0, 0.35); } .nb-theme-default .cdk-overlay-container { z-index: 1040; } .nb-theme-default nb-popover { border: 1px solid none; border-radius: 4px; background: white; -webkit-box-shadow: none; box-shadow: none; color: #0d1c2e; } .nb-theme-default nb-popover .primitive-overlay { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 2rem; } .nb-theme-default nb-popover .arrow { border-left: 0.6875rem solid transparent; border-right: 0.6875rem solid transparent; border-bottom: 0.6875rem solid none; } .nb-theme-default nb-popover .arrow::after { position: absolute; content: " "; width: 0; height: 0; top: 3px; left: calc(50% - 0.6875rem); border-left: 0.6875rem solid transparent; border-right: 0.6875rem solid transparent; border-bottom: 0.6875rem solid white; -webkit-clip-path: inset(0 0 2px); clip-path: inset(0 0 2px); } .nb-theme-default nb-popover.nb-overlay-bottom .arrow { top: calc(-1 * 0.6875rem + 1px); left: calc(50% - 0.6875rem); } .nb-theme-default nb-popover.nb-overlay-bottom-start .arrow { top: calc(-1 * 0.6875rem + 1px); } [dir=ltr] .nb-theme-default nb-popover.nb-overlay-bottom-start .arrow { right: 0.6875rem; } [dir=rtl] .nb-theme-default nb-popover.nb-overlay-bottom-start .arrow { left: 0.6875rem; } .nb-theme-default nb-popover.nb-overlay-bottom-end .arrow { top: calc(-1 * 0.6875rem + 1px); } [dir=ltr] .nb-theme-default nb-popover.nb-overlay-bottom-end .arrow { left: 0.6875rem; } [dir=rtl] .nb-theme-default nb-popover.nb-overlay-bottom-end .arrow { right: 0.6875rem; } .nb-theme-default nb-popover.nb-overlay-left .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: calc(50% - 0.34375rem); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .nb-theme-default nb-popover.nb-overlay-start-top .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); bottom: 0.6875rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .nb-theme-default nb-popover.nb-overlay-start-bottom .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: 0.6875rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .nb-theme-default nb-popover.nb-overlay-top .arrow { bottom: calc(-1 * 0.6875rem + 1px); left: calc(50% - 0.6875rem); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .nb-theme-default nb-popover.nb-overlay-top-start .arrow { bottom: calc(-1 * 0.6875rem + 1px); -webkit-transform: rotate(180deg); transform: rotate(180deg); } [dir=ltr] .nb-theme-default nb-popover.nb-overlay-top-start .arrow { right: 0.6875rem; } [dir=rtl] .nb-theme-default nb-popover.nb-overlay-top-start .arrow { left: 0.6875rem; } .nb-theme-default nb-popover.nb-overlay-top-end .arrow { bottom: calc(-1 * 0.6875rem + 1px); -webkit-transform: rotate(180deg); transform: rotate(180deg); } [dir=ltr] .nb-theme-default nb-popover.nb-overlay-top-end .arrow { left: 0.6875rem; } [dir=rtl] .nb-theme-default nb-popover.nb-overlay-top-end .arrow { right: 0.6875rem; } .nb-theme-default nb-popover.nb-overlay-right .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: calc(50% - 0.34375rem); -webkit-transform: rotate(270deg); transform: rotate(270deg); } .nb-theme-default nb-popover.nb-overlay-end-top .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); bottom: 0.6875rem; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .nb-theme-default nb-popover.nb-overlay-end-bottom .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: 0.6875rem; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .nb-theme-default .context-menu-host { /* Fixes click not being bubbled to the body in Safari. https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html */ cursor: pointer; } .nb-theme-default nb-context-menu { background-color: white; border-color: transparent; border-style: solid; border-width: 0; border-radius: 0.25rem; -webkit-box-shadow: none; box-shadow: none; min-width: 10rem; max-width: 15rem; } .nb-theme-default nb-context-menu nb-menu { border-radius: 0.25rem; overflow: hidden; text-align: center; } .nb-theme-default nb-select .select-button { min-width: 13rem; cursor: pointer; font-family: Open Sans, sans-serif; } .nb-theme-default nb-select .select-button.placeholder { font-family: Open Sans, sans-serif; } .nb-theme-default nb-select .select-button:focus { outline: none; } .nb-theme-default nb-select .select-button[disabled] { cursor: default; } .nb-theme-default nb-select.size-tiny .select-button { font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-default nb-select.size-tiny .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-default nb-select.size-tiny .select-button.empty::before { content: " "; display: block; height: 1rem; } .nb-theme-default nb-select.size-tiny:not(.full-width) { max-width: 20rem; } .nb-theme-default nb-select.size-small .select-button { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-select.size-small .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-default nb-select.size-small .select-button.empty::before { content: " "; display: block; height: 1.5rem; } .nb-theme-default nb-select.size-small:not(.full-width) { max-width: 20rem; } .nb-theme-default nb-select.size-medium .select-button { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-select.size-medium .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-default nb-select.size-medium .select-button.empty::before { content: " "; display: block; height: 1.5rem; } .nb-theme-default nb-select.size-medium:not(.full-width) { max-width: 20rem; } .nb-theme-default nb-select.size-large .select-button { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-select.size-large .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-default nb-select.size-large .select-button.empty::before { content: " "; display: block; height: 1.5rem; } .nb-theme-default nb-select.size-large:not(.full-width) { max-width: 30rem; } .nb-theme-default nb-select.size-giant .select-button { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } .nb-theme-default nb-select.size-giant .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-default nb-select.size-giant .select-button.empty::before { content: " "; display: block; height: 1.5rem; } .nb-theme-default nb-select.size-giant:not(.full-width) { max-width: 30rem; } .nb-theme-default nb-select.shape-rectangle .select-button { border-radius: 0.25rem; } .nb-theme-default nb-select.shape-semi-round .select-button { border-radius: 0.75rem; } .nb-theme-default nb-select.shape-round .select-button { border-radius: 1.5rem; } .nb-theme-default nb-select.appearance-outline .select-button { border-style: solid; border-width: 1px; } .nb-theme-default nb-select.appearance-outline .select-button.top { border-top-style: solid; border-top-width: 1px; } .nb-theme-default nb-select.appearance-outline .select-button.bottom { border-bottom-style: solid; border-bottom-width: 1px; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button { background-color: #f7f9fc; border-color: #dfe4f0; color: #2a344f; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button.placeholder { color: #9fa9bd; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button nb-icon { color: #9fa9bd; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button:focus { background-color: white; border-color: #fe9339; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button:hover { background-color: #edf1f7; border-color: #dfe4f0; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #dfe4f0; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-outline.status-basic .select-button.bottom, .nb-theme-default nb-select.appearance-outline.status-basic .select-button.top { border-color: #dfe4f0; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button.top { border-top-color: #dfe4f0; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button.bottom { border-bottom-color: #dfe4f0; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button { background-color: #f7f9fc; border-color: #fe9339; color: #2a344f; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button.placeholder { color: #9fa9bd; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button nb-icon { color: #9fa9bd; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button:focus { background-color: white; border-color: #d93f27; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button:hover { background-color: #edf1f7; border-color: #eb7d21; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #dfe4f0; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-outline.status-primary .select-button.bottom, .nb-theme-default nb-select.appearance-outline.status-primary .select-button.top { border-color: #fe9339; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button.top { border-top-color: #fe9339; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button.bottom { border-bottom-color: #fe9339; } .nb-theme-default nb-select.appearance-outline.status-success .select-button { background-color: #f7f9fc; border-color: #00b383; color: #2a344f; } .nb-theme-default nb-select.appearance-outline.status-success .select-button.placeholder { color: #9fa9bd; } .nb-theme-default nb-select.appearance-outline.status-success .select-button nb-icon { color: #9fa9bd; } .nb-theme-default nb-select.appearance-outline.status-success .select-button:focus { background-color: white; border-color: #009975; } .nb-theme-default nb-select.appearance-outline.status-success .select-button:hover { background-color: #edf1f7; border-color: #28d1a4; } .nb-theme-default nb-select.appearance-outline.status-success .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #dfe4f0; } .nb-theme-default nb-select.appearance-outline.status-success .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-outline.status-success .select-button.bottom, .nb-theme-default nb-select.appearance-outline.status-success .select-button.top { border-color: #00b383; } .nb-theme-default nb-select.appearance-outline.status-success .select-button.top { border-top-color: #00b383; } .nb-theme-default nb-select.appearance-outline.status-success .select-button.bottom { border-bottom-color: #00b383; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button { background-color: #f7f9fc; border-color: #e6c813; color: #2a344f; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button.placeholder { color: #9fa9bd; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button nb-icon { color: #9fa9bd; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button:focus { background-color: white; border-color: #c5a80d; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button:hover { background-color: #edf1f7; border-color: #f0da4a; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #dfe4f0; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-outline.status-warning .select-button.bottom, .nb-theme-default nb-select.appearance-outline.status-warning .select-button.top { border-color: #e6c813; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button.top { border-top-color: #e6c813; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button.bottom { border-bottom-color: #e6c813; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button { background-color: #f7f9fc; border-color: #ef0000; color: #2a344f; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button.placeholder { color: #9fa9bd; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button nb-icon { color: #9fa9bd; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button:focus { background-color: white; border-color: #cd0011; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button:hover { background-color: #edf1f7; border-color: #f54d3d; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #dfe4f0; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-outline.status-danger .select-button.bottom, .nb-theme-default nb-select.appearance-outline.status-danger .select-button.top { border-color: #ef0000; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button.top { border-top-color: #ef0000; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button.bottom { border-bottom-color: #ef0000; } .nb-theme-default nb-select.appearance-outline.status-info .select-button { background-color: #f7f9fc; border-color: #339ce7; color: #2a344f; } .nb-theme-default nb-select.appearance-outline.status-info .select-button.placeholder { color: #9fa9bd; } .nb-theme-default nb-select.appearance-outline.status-info .select-button nb-icon { color: #9fa9bd; } .nb-theme-default nb-select.appearance-outline.status-info .select-button:focus { background-color: white; border-color: #257ac6; } .nb-theme-default nb-select.appearance-outline.status-info .select-button:hover { background-color: #edf1f7; border-color: #63bef0; } .nb-theme-default nb-select.appearance-outline.status-info .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #dfe4f0; } .nb-theme-default nb-select.appearance-outline.status-info .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-outline.status-info .select-button.bottom, .nb-theme-default nb-select.appearance-outline.status-info .select-button.top { border-color: #339ce7; } .nb-theme-default nb-select.appearance-outline.status-info .select-button.top { border-top-color: #339ce7; } .nb-theme-default nb-select.appearance-outline.status-info .select-button.bottom { border-bottom-color: #339ce7; } .nb-theme-default nb-select.appearance-outline.status-control .select-button { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); color: white; } .nb-theme-default nb-select.appearance-outline.status-control .select-button.placeholder { color: white; } .nb-theme-default nb-select.appearance-outline.status-control .select-button nb-icon { color: white; } .nb-theme-default nb-select.appearance-outline.status-control .select-button:focus { background-color: rgba(255, 255, 255, 0.4); border-color: white; } .nb-theme-default nb-select.appearance-outline.status-control .select-button:hover { background-color: rgba(255, 255, 255, 0.32); border-color: white; } .nb-theme-default nb-select.appearance-outline.status-control .select-button[disabled] { color: white; background-color: rgba(143, 155, 179, 0.16); border-color: rgba(255, 255, 255, 0.4); } .nb-theme-default nb-select.appearance-outline.status-control .select-button[disabled] nb-icon { color: white; } .nb-theme-default nb-select.appearance-outline.status-control .select-button.bottom, .nb-theme-default nb-select.appearance-outline.status-control .select-button.top { border-color: rgba(255, 255, 255, 0.4); } .nb-theme-default nb-select.appearance-outline.status-control .select-button.top { border-top-color: rgba(255, 255, 255, 0.4); } .nb-theme-default nb-select.appearance-outline.status-control .select-button.bottom { border-bottom-color: rgba(255, 255, 255, 0.4); } .nb-theme-default nb-select.appearance-outline.size-tiny .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-outline.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-outline.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-default nb-select.appearance-outline.size-small .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-outline.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-outline.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button { padding-right: 2rem; } .nb-theme-default nb-select.appearance-outline.size-medium .select-button { padding: 0.4375rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-outline.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-outline.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-default nb-select.appearance-outline.size-large .select-button { padding: 0.6875rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-outline.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-outline.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button { padding-right: 3rem; } .nb-theme-default nb-select.appearance-outline.size-giant .select-button { padding: 0.9375rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-outline.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-outline.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-default nb-select.appearance-filled .select-button { border-style: solid; border-width: 1px; } .nb-theme-default nb-select.appearance-filled.size-tiny .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-filled.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-filled.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-default nb-select.appearance-filled.size-small .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-filled.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-filled.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button { padding-right: 2rem; } .nb-theme-default nb-select.appearance-filled.size-medium .select-button { padding: 0.4375rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-filled.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-filled.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-default nb-select.appearance-filled.size-large .select-button { padding: 0.6875rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-filled.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-filled.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button { padding-right: 3rem; } .nb-theme-default nb-select.appearance-filled.size-giant .select-button { padding: 0.9375rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-filled.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-filled.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-default nb-select.appearance-filled.status-basic .select-button { background-color: #edf1f7; border-color: #edf1f7; color: #2a344f; } .nb-theme-default nb-select.appearance-filled.status-basic .select-button.placeholder { color: #9fa9bd; } .nb-theme-default nb-select.appearance-filled.status-basic .select-button:focus { background-color: #dfe4f0; border-color: #c5ccdb; } .nb-theme-default nb-select.appearance-filled.status-basic .select-button:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default nb-select.appearance-filled.status-basic .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-basic .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-basic .select-button nb-icon { color: #2a344f; } .nb-theme-default nb-select.appearance-filled.status-primary .select-button { background-color: #fe9339; border-color: #fe9339; color: white; } .nb-theme-default nb-select.appearance-filled.status-primary .select-button.placeholder { color: white; } .nb-theme-default nb-select.appearance-filled.status-primary .select-button:focus { background-color: #d93f27; border-color: #b52b1b; } .nb-theme-default nb-select.appearance-filled.status-primary .select-button:hover { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-default nb-select.appearance-filled.status-primary .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-primary .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-primary .select-button nb-icon { color: white; } .nb-theme-default nb-select.appearance-filled.status-success .select-button { background-color: #00b383; border-color: #00b383; color: white; } .nb-theme-default nb-select.appearance-filled.status-success .select-button.placeholder { color: white; } .nb-theme-default nb-select.appearance-filled.status-success .select-button:focus { background-color: #009975; border-color: #008066; } .nb-theme-default nb-select.appearance-filled.status-success .select-button:hover { background-color: #28d1a4; border-color: #28d1a4; } .nb-theme-default nb-select.appearance-filled.status-success .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-success .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-success .select-button nb-icon { color: white; } .nb-theme-default nb-select.appearance-filled.status-warning .select-button { background-color: #e6c813; border-color: #e6c813; color: white; } .nb-theme-default nb-select.appearance-filled.status-warning .select-button.placeholder { color: white; } .nb-theme-default nb-select.appearance-filled.status-warning .select-button:focus { background-color: #c5a80d; border-color: #a58a09; } .nb-theme-default nb-select.appearance-filled.status-warning .select-button:hover { background-color: #f0da4a; border-color: #f0da4a; } .nb-theme-default nb-select.appearance-filled.status-warning .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-warning .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-warning .select-button nb-icon { color: white; } .nb-theme-default nb-select.appearance-filled.status-danger .select-button { background-color: #ef0000; border-color: #ef0000; color: white; } .nb-theme-default nb-select.appearance-filled.status-danger .select-button.placeholder { color: white; } .nb-theme-default nb-select.appearance-filled.status-danger .select-button:focus { background-color: #cd0011; border-color: #ac001d; } .nb-theme-default nb-select.appearance-filled.status-danger .select-button:hover { background-color: #f54d3d; border-color: #f54d3d; } .nb-theme-default nb-select.appearance-filled.status-danger .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-danger .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-danger .select-button nb-icon { color: white; } .nb-theme-default nb-select.appearance-filled.status-info .select-button { background-color: #339ce7; border-color: #339ce7; color: white; } .nb-theme-default nb-select.appearance-filled.status-info .select-button.placeholder { color: white; } .nb-theme-default nb-select.appearance-filled.status-info .select-button:focus { background-color: #257ac6; border-color: #195ba6; } .nb-theme-default nb-select.appearance-filled.status-info .select-button:hover { background-color: #63bef0; border-color: #63bef0; } .nb-theme-default nb-select.appearance-filled.status-info .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-info .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-info .select-button nb-icon { color: white; } .nb-theme-default nb-select.appearance-filled.status-control .select-button { background-color: white; border-color: white; color: #2a344f; } .nb-theme-default nb-select.appearance-filled.status-control .select-button.placeholder { color: #9fa9bd; } .nb-theme-default nb-select.appearance-filled.status-control .select-button:focus { background-color: #edf1f7; border-color: #c5ccdb; } .nb-theme-default nb-select.appearance-filled.status-control .select-button:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default nb-select.appearance-filled.status-control .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-control .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-control .select-button nb-icon { color: #2a344f; } .nb-theme-default nb-select.appearance-hero .select-button { border: none; } .nb-theme-default nb-select.appearance-hero.size-tiny .select-button { padding: 0.25rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-hero.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-hero.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-default nb-select.appearance-hero.size-small .select-button { padding: 0.25rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-hero.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-hero.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button { padding-right: 2rem; } .nb-theme-default nb-select.appearance-hero.size-medium .select-button { padding: 0.5rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-hero.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-hero.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-default nb-select.appearance-hero.size-large .select-button { padding: 0.75rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-hero.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-hero.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button { padding-right: 3rem; } .nb-theme-default nb-select.appearance-hero.size-giant .select-button { padding: 1rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-hero.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-hero.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-default nb-select.appearance-hero.status-basic .select-button { background-image: -webkit-gradient(linear, left top, right top, from(#f7f9fc), to(#edf1f7)); background-image: linear-gradient(to right, #f7f9fc, #edf1f7); color: #2a344f; } .nb-theme-default nb-select.appearance-hero.status-basic .select-button.placeholder { color: #9fa9bd; } .nb-theme-default nb-select.appearance-hero.status-basic .select-button:focus { background-image: -webkit-gradient(linear, left top, right top, from(#edf1f7), to(#dfe4f0)); background-image: linear-gradient(to right, #edf1f7, #dfe4f0); } .nb-theme-default nb-select.appearance-hero.status-basic .select-button:hover { background-image: -webkit-gradient(linear, left top, right top, from(white), to(#f7f9fc)); background-image: linear-gradient(to right, white, #f7f9fc); } .nb-theme-default nb-select.appearance-hero.status-basic .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-default nb-select.appearance-hero.status-basic .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-hero.status-basic .select-button nb-icon { color: #2a344f; } .nb-theme-default nb-select.appearance-hero.status-primary .select-button { background-image: -webkit-gradient(linear, left top, right top, from(#eb7d21), to(#fe9339)); background-image: linear-gradient(to right, #eb7d21, #fe9339); color: white; } .nb-theme-default nb-select.appearance-hero.status-primary .select-button.placeholder { color: white; } .nb-theme-default nb-select.appearance-hero.status-primary .select-button:focus { background-image: -webkit-gradient(linear, left top, right top, from(#fe9339), to(#d93f27)); background-image: linear-gradient(to right, #fe9339, #d93f27); } .nb-theme-default nb-select.appearance-hero.status-primary .select-button:hover { background-image: -webkit-gradient(linear, left top, right top, from(#ffbe87), to(#eb7d21)); background-image: linear-gradient(to right, #ffbe87, #eb7d21); } .nb-theme-default nb-select.appearance-hero.status-primary .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-default nb-select.appearance-hero.status-primary .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-hero.status-primary .select-button nb-icon { color: white; } .nb-theme-default nb-select.appearance-hero.status-success .select-button { background-image: -webkit-gradient(linear, left top, right top, from(#28d1a4), to(#00b383)); background-image: linear-gradient(to right, #28d1a4, #00b383); color: white; } .nb-theme-default nb-select.appearance-hero.status-success .select-button.placeholder { color: white; } .nb-theme-default nb-select.appearance-hero.status-success .select-button:focus { background-image: -webkit-gradient(linear, left top, right top, from(#00b383), to(#009975)); background-image: linear-gradient(to right, #00b383, #009975); } .nb-theme-default nb-select.appearance-hero.status-success .select-button:hover { background-image: -webkit-gradient(linear, left top, right top, from(#8bf7da), to(#28d1a4)); background-image: linear-gradient(to right, #8bf7da, #28d1a4); } .nb-theme-default nb-select.appearance-hero.status-success .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-default nb-select.appearance-hero.status-success .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-hero.status-success .select-button nb-icon { color: white; } .nb-theme-default nb-select.appearance-hero.status-warning .select-button { background-image: -webkit-gradient(linear, left top, right top, from(#f0da4a), to(#e6c813)); background-image: linear-gradient(to right, #f0da4a, #e6c813); color: white; } .nb-theme-default nb-select.appearance-hero.status-warning .select-button.placeholder { color: white; } .nb-theme-default nb-select.appearance-hero.status-warning .select-button:focus { background-image: -webkit-gradient(linear, left top, right top, from(#e6c813), to(#c5a80d)); background-image: linear-gradient(to right, #e6c813, #c5a80d); } .nb-theme-default nb-select.appearance-hero.status-warning .select-button:hover { background-image: -webkit-gradient(linear, left top, right top, from(#f7e86f), to(#f0da4a)); background-image: linear-gradient(to right, #f7e86f, #f0da4a); } .nb-theme-default nb-select.appearance-hero.status-warning .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-default nb-select.appearance-hero.status-warning .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-hero.status-warning .select-button nb-icon { color: white; } .nb-theme-default nb-select.appearance-hero.status-danger .select-button { background-image: -webkit-gradient(linear, left top, right top, from(#f54d3d), to(#ef0000)); background-image: linear-gradient(to right, #f54d3d, #ef0000); color: white; } .nb-theme-default nb-select.appearance-hero.status-danger .select-button.placeholder { color: white; } .nb-theme-default nb-select.appearance-hero.status-danger .select-button:focus { background-image: -webkit-gradient(linear, left top, right top, from(#ef0000), to(#cd0011)); background-image: linear-gradient(to right, #ef0000, #cd0011); } .nb-theme-default nb-select.appearance-hero.status-danger .select-button:hover { background-image: -webkit-gradient(linear, left top, right top, from(#fa7e64), to(#f54d3d)); background-image: linear-gradient(to right, #fa7e64, #f54d3d); } .nb-theme-default nb-select.appearance-hero.status-danger .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-default nb-select.appearance-hero.status-danger .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-hero.status-danger .select-button nb-icon { color: white; } .nb-theme-default nb-select.appearance-hero.status-info .select-button { background-image: -webkit-gradient(linear, left top, right top, from(#63bef0), to(#339ce7)); background-image: linear-gradient(to right, #63bef0, #339ce7); color: white; } .nb-theme-default nb-select.appearance-hero.status-info .select-button.placeholder { color: white; } .nb-theme-default nb-select.appearance-hero.status-info .select-button:focus { background-image: -webkit-gradient(linear, left top, right top, from(#339ce7), to(#257ac6)); background-image: linear-gradient(to right, #339ce7, #257ac6); } .nb-theme-default nb-select.appearance-hero.status-info .select-button:hover { background-image: -webkit-gradient(linear, left top, right top, from(#83d4f7), to(#63bef0)); background-image: linear-gradient(to right, #83d4f7, #63bef0); } .nb-theme-default nb-select.appearance-hero.status-info .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-default nb-select.appearance-hero.status-info .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-hero.status-info .select-button nb-icon { color: white; } .nb-theme-default nb-select.appearance-hero.status-control .select-button { background-image: -webkit-gradient(linear, left top, right top, from(white), to(white)); background-image: linear-gradient(to right, white, white); color: #2a344f; } .nb-theme-default nb-select.appearance-hero.status-control .select-button.placeholder { color: #9fa9bd; } .nb-theme-default nb-select.appearance-hero.status-control .select-button:focus { background-image: -webkit-gradient(linear, left top, right top, from(#f7f9fc), to(#edf1f7)); background-image: linear-gradient(to right, #f7f9fc, #edf1f7); } .nb-theme-default nb-select.appearance-hero.status-control .select-button:hover { background-image: -webkit-gradient(linear, left top, right top, from(white), to(#f7f9fc)); background-image: linear-gradient(to right, white, #f7f9fc); } .nb-theme-default nb-select.appearance-hero.status-control .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-default nb-select.appearance-hero.status-control .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-hero.status-control .select-button nb-icon { color: #2a344f; } .nb-theme-default nb-form-field nb-select { width: 100%; } .nb-theme-default nb-option-list { background-color: white; border-color: #dfe4f0; border-style: solid; border-width: 0.0625rem; border-radius: 0.25rem; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; } .nb-theme-default nb-option-list .option-list { height: 100%; max-height: 20rem; margin: 0; padding: 0; overflow: auto; } .nb-theme-default nb-option-list.position-top { border-bottom: 0.0625rem solid #dfe4f0; } .nb-theme-default nb-option-list.position-bottom { border-top: 0.0625rem solid #dfe4f0; } .nb-theme-default nb-option-group { color: #9fa9bd; font-family: Open Sans, sans-serif; } .nb-theme-default nb-option-list.size-tiny nb-option-group { font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-default nb-option-list.size-tiny nb-option-group .option-group-title { padding: 0.1875rem 1rem; } .nb-theme-default nb-option-list.size-tiny nb-option-group nb-option { padding-left: 1.25rem; } .nb-theme-default nb-option-list.size-small nb-option-group { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-option-list.size-small nb-option-group .option-group-title { padding: 0.1875rem 1rem; } .nb-theme-default nb-option-list.size-small nb-option-group nb-option { padding-left: 1.75rem; } .nb-theme-default nb-option-list.size-medium nb-option-group { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-option-list.size-medium nb-option-group .option-group-title { padding: 0.4375rem 1rem; } .nb-theme-default nb-option-list.size-medium nb-option-group nb-option { padding-left: 2.25rem; } .nb-theme-default nb-option-list.size-large nb-option-group { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-option-list.size-large nb-option-group .option-group-title { padding: 0.6875rem 1rem; } .nb-theme-default nb-option-list.size-large nb-option-group nb-option { padding-left: 2.25rem; } .nb-theme-default nb-option-list.size-giant nb-option-group { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } .nb-theme-default nb-option-list.size-giant nb-option-group .option-group-title { padding: 0.9375rem 1rem; } .nb-theme-default nb-option-list.size-giant nb-option-group nb-option { padding-left: 2.75rem; } .nb-theme-default nb-option { background-color: white; color: #2a344f; font-family: Open Sans, sans-serif; } .nb-theme-default nb-option.active { background-color: rgba(143, 155, 179, 0.24); color: #2a344f; } .nb-theme-default nb-option.selected { background-color: #fe9339; color: white; } .nb-theme-default nb-option:focus { background-color: rgba(143, 155, 179, 0.24); color: #2a344f; outline: none; } .nb-theme-default nb-option:focus.selected { background-color: #d93f27; color: white; } .nb-theme-default nb-option:hover { background-color: rgba(143, 155, 179, 0.16); color: #2a344f; } .nb-theme-default nb-option:hover.selected { background-color: #eb7d21; color: white; } .nb-theme-default nb-option.multiple.selected { background-color: white; color: #2a344f; } .nb-theme-default nb-option.multiple:focus { background-color: rgba(143, 155, 179, 0.24); color: #2a344f; } .nb-theme-default nb-option-list.size-tiny nb-option { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.1875rem 1rem; } .nb-theme-default nb-option-list.size-small nb-option { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 1rem; } .nb-theme-default nb-option-list.size-medium nb-option { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.4375rem 1rem; } .nb-theme-default nb-option-list.size-large nb-option { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.6875rem 1rem; } .nb-theme-default nb-option-list.size-giant nb-option { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.9375rem 1rem; } .nb-theme-default nb-option, .nb-theme-default nb-option-group { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .nb-theme-default nb-option[disabled], .nb-theme-default nb-option-group[disabled] { background-color: white; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toast { border-style: solid; border-width: 1px; border-radius: 0.25rem; padding: 1rem; -webkit-box-shadow: none; box-shadow: none; } .nb-theme-default nb-toast .title { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-toast .message { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; } .nb-theme-default nb-toast .icon-container { border-radius: 0.25rem; min-width: 2.5rem; min-height: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [dir=ltr] .nb-theme-default nb-toast .icon-container { margin-right: 1.25rem; } [dir=rtl] .nb-theme-default nb-toast .icon-container { margin-left: 1.25rem; } .nb-theme-default nb-toast .icon-container nb-icon { font-size: 1.5rem; } .nb-theme-default nb-toast.status-basic { background: white; border-color: #edf1f7; color: #2a344f; } .nb-theme-default nb-toast.status-basic .title { color: #2a344f; } .nb-theme-default nb-toast.status-basic.destroy-by-click:hover { background: white; border-color: #edf1f7; } .nb-theme-default nb-toast.status-basic .icon-container { background: white; color: #2a344f; } .nb-theme-default nb-toast.status-primary { background: #fe9339; border-color: #fe9339; color: white; } .nb-theme-default nb-toast.status-primary .title { color: white; } .nb-theme-default nb-toast.status-primary.destroy-by-click:hover { background: #eb7d21; border-color: #eb7d21; } .nb-theme-default nb-toast.status-primary .icon-container { background: white; color: #fe9339; } .nb-theme-default nb-toast.status-success { background: #00b383; border-color: #00b383; color: white; } .nb-theme-default nb-toast.status-success .title { color: white; } .nb-theme-default nb-toast.status-success.destroy-by-click:hover { background: #28d1a4; border-color: #28d1a4; } .nb-theme-default nb-toast.status-success .icon-container { background: white; color: #00b383; } .nb-theme-default nb-toast.status-warning { background: #e6c813; border-color: #e6c813; color: white; } .nb-theme-default nb-toast.status-warning .title { color: white; } .nb-theme-default nb-toast.status-warning.destroy-by-click:hover { background: #f0da4a; border-color: #f0da4a; } .nb-theme-default nb-toast.status-warning .icon-container { background: white; color: #e6c813; } .nb-theme-default nb-toast.status-danger { background: #ef0000; border-color: #ef0000; color: white; } .nb-theme-default nb-toast.status-danger .title { color: white; } .nb-theme-default nb-toast.status-danger.destroy-by-click:hover { background: #f54d3d; border-color: #f54d3d; } .nb-theme-default nb-toast.status-danger .icon-container { background: white; color: #ef0000; } .nb-theme-default nb-toast.status-info { background: #339ce7; border-color: #339ce7; color: white; } .nb-theme-default nb-toast.status-info .title { color: white; } .nb-theme-default nb-toast.status-info.destroy-by-click:hover { background: #63bef0; border-color: #63bef0; } .nb-theme-default nb-toast.status-info .icon-container { background: white; color: #339ce7; } .nb-theme-default nb-toast.status-control { background: white; border-color: white; color: #2a344f; } .nb-theme-default nb-toast.status-control .title { color: #2a344f; } .nb-theme-default nb-toast.status-control.destroy-by-click:hover { background: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default nb-toast.status-control .icon-container { background: white; color: #2a344f; } .nb-theme-default .toastr-overlay-container { z-index: 1041; } .nb-theme-default nb-tooltip { -webkit-box-shadow: none; box-shadow: none; background: white; border: 0 dashed transparent; border-radius: 0.25rem; padding: 0.5rem 1rem; max-width: 16rem; } .nb-theme-default nb-tooltip nb-icon:only-child { height: 1rem; width: 1rem; } .nb-theme-default nb-tooltip nb-icon:not(:only-child) { height: 0.85rem; width: 0.85rem; } .nb-theme-default nb-tooltip .content { color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.85rem; font-weight: 400; line-height: 1rem; } .nb-theme-default nb-tooltip .arrow { border-bottom: 6px dashed white; } .nb-theme-default nb-tooltip.status-basic { background: #edf1f7; border-color: transparent; } .nb-theme-default nb-tooltip.status-basic .arrow { border-bottom-color: #edf1f7; } .nb-theme-default nb-tooltip.status-basic .content { color: #2a344f; } .nb-theme-default nb-tooltip.status-primary { background: #fe9339; border-color: transparent; } .nb-theme-default nb-tooltip.status-primary .arrow { border-bottom-color: #fe9339; } .nb-theme-default nb-tooltip.status-primary .content { color: white; } .nb-theme-default nb-tooltip.status-success { background: #00b383; border-color: transparent; } .nb-theme-default nb-tooltip.status-success .arrow { border-bottom-color: #00b383; } .nb-theme-default nb-tooltip.status-success .content { color: white; } .nb-theme-default nb-tooltip.status-warning { background: #e6c813; border-color: transparent; } .nb-theme-default nb-tooltip.status-warning .arrow { border-bottom-color: #e6c813; } .nb-theme-default nb-tooltip.status-warning .content { color: white; } .nb-theme-default nb-tooltip.status-danger { background: #ef0000; border-color: transparent; } .nb-theme-default nb-tooltip.status-danger .arrow { border-bottom-color: #ef0000; } .nb-theme-default nb-tooltip.status-danger .content { color: white; } .nb-theme-default nb-tooltip.status-info { background: #339ce7; border-color: transparent; } .nb-theme-default nb-tooltip.status-info .arrow { border-bottom-color: #339ce7; } .nb-theme-default nb-tooltip.status-info .content { color: white; } .nb-theme-default nb-tooltip.status-control { background: white; border-color: transparent; } .nb-theme-default nb-tooltip.status-control .arrow { border-bottom-color: white; } .nb-theme-default nb-tooltip.status-control .content { color: #2a344f; } .nb-theme-default nb-datepicker-container nb-card { border-color: #dfe4f0; border-style: solid; border-width: 0.0625rem; border-radius: 0.25rem; background: white; -webkit-box-shadow: none; box-shadow: none; } .nb-theme-default nb-calendar-with-time .nb-timepicker-container, .nb-theme-default nb-calendar-with-time nb-base-calendar nb-card { border: none; } .nb-theme-default nb-calendar-with-time .column-header { border-top: 0.0625rem solid #dfe4f0; border-radius: 0; } .nb-theme-default nb-calendar-with-time .timepicker-section.size-large nb-list-item { height: 3rem; } .nb-theme-default nb-calendar-with-time .timepicker-section.size-large .header-cell { height: 3rem; } [dir=ltr] .nb-theme-default nb-calendar-with-time .timepicker-section { border-left: 0.0625rem solid #dfe4f0; } [dir=rtl] .nb-theme-default nb-calendar-with-time .timepicker-section { border-right: 0.0625rem solid #dfe4f0; } .nb-theme-default nb-calendar-with-time .timepicker-single-column-width { width: 5rem; } .nb-theme-default nb-calendar-with-time .timepicker-multiple-column-width { width: 13.875rem; } .nb-theme-default nb-calendar-with-time .picker-title { height: 3.75rem; padding: 1.25rem; } .nb-theme-default nb-radio .outer-circle, .nb-theme-default nb-radio .inner-circle { height: 1.25rem; width: 1.25rem; } .nb-theme-default nb-radio .outer-circle { border-style: solid; border-width: 1px; } .nb-theme-default nb-radio .native-input:enabled:focus + .outer-circle { -webkit-box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default nb-radio.status-basic .native-input:enabled + .outer-circle { background-color: rgba(143, 155, 179, 0.08); border-color: #9fa9bd; } .nb-theme-default nb-radio.status-basic .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #fe9339; } .nb-theme-default nb-radio.status-basic .native-input:enabled:checked ~ .inner-circle { background-color: #fe9339; } .nb-theme-default nb-radio.status-basic .native-input:enabled:focus + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-default nb-radio.status-basic .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #b52b1b; } .nb-theme-default nb-radio.status-basic .native-input:enabled:checked:focus ~ .inner-circle { background-color: #d93f27; } .nb-theme-default nb-radio.status-basic label:hover .native-input:enabled + .outer-circle { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; } .nb-theme-default nb-radio.status-basic label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #eb7d21; } .nb-theme-default nb-radio.status-basic label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #eb7d21; } .nb-theme-default nb-radio.status-basic label .native-input:enabled:active + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-default nb-radio.status-basic label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #d93f27; } .nb-theme-default nb-radio.status-basic label .native-input:enabled:checked:active ~ .inner-circle { background-color: #d93f27; } .nb-theme-default nb-radio.status-basic .text { color: #2a344f; } .nb-theme-default nb-radio.status-basic .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-radio.status-basic .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-basic .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-basic .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-primary .native-input:enabled + .outer-circle { background-color: rgba(51, 102, 255, 0.08); border-color: #fe9339; } .nb-theme-default nb-radio.status-primary .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #fe9339; } .nb-theme-default nb-radio.status-primary .native-input:enabled:checked ~ .inner-circle { background-color: #fe9339; } .nb-theme-default nb-radio.status-primary .native-input:enabled:focus + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-default nb-radio.status-primary .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #b52b1b; } .nb-theme-default nb-radio.status-primary .native-input:enabled:checked:focus ~ .inner-circle { background-color: #d93f27; } .nb-theme-default nb-radio.status-primary label:hover .native-input:enabled + .outer-circle { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; } .nb-theme-default nb-radio.status-primary label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #eb7d21; } .nb-theme-default nb-radio.status-primary label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #eb7d21; } .nb-theme-default nb-radio.status-primary label .native-input:enabled:active + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-default nb-radio.status-primary label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #d93f27; } .nb-theme-default nb-radio.status-primary label .native-input:enabled:checked:active ~ .inner-circle { background-color: #d93f27; } .nb-theme-default nb-radio.status-primary .text { color: #2a344f; } .nb-theme-default nb-radio.status-primary .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-radio.status-primary .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-primary .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-primary .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-success .native-input:enabled + .outer-circle { background-color: rgba(0, 214, 143, 0.08); border-color: #00b383; } .nb-theme-default nb-radio.status-success .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #00b383; } .nb-theme-default nb-radio.status-success .native-input:enabled:checked ~ .inner-circle { background-color: #00b383; } .nb-theme-default nb-radio.status-success .native-input:enabled:focus + .outer-circle { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; } .nb-theme-default nb-radio.status-success .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #008066; } .nb-theme-default nb-radio.status-success .native-input:enabled:checked:focus ~ .inner-circle { background-color: #009975; } .nb-theme-default nb-radio.status-success label:hover .native-input:enabled + .outer-circle { background-color: rgba(0, 214, 143, 0.16); border-color: #00b383; } .nb-theme-default nb-radio.status-success label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #28d1a4; } .nb-theme-default nb-radio.status-success label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #28d1a4; } .nb-theme-default nb-radio.status-success label .native-input:enabled:active + .outer-circle { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; } .nb-theme-default nb-radio.status-success label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #009975; } .nb-theme-default nb-radio.status-success label .native-input:enabled:checked:active ~ .inner-circle { background-color: #009975; } .nb-theme-default nb-radio.status-success .text { color: #2a344f; } .nb-theme-default nb-radio.status-success .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-radio.status-success .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-success .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-success .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-warning .native-input:enabled + .outer-circle { background-color: rgba(255, 170, 0, 0.08); border-color: #e6c813; } .nb-theme-default nb-radio.status-warning .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #e6c813; } .nb-theme-default nb-radio.status-warning .native-input:enabled:checked ~ .inner-circle { background-color: #e6c813; } .nb-theme-default nb-radio.status-warning .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; } .nb-theme-default nb-radio.status-warning .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #a58a09; } .nb-theme-default nb-radio.status-warning .native-input:enabled:checked:focus ~ .inner-circle { background-color: #c5a80d; } .nb-theme-default nb-radio.status-warning label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 170, 0, 0.16); border-color: #e6c813; } .nb-theme-default nb-radio.status-warning label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #f0da4a; } .nb-theme-default nb-radio.status-warning label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #f0da4a; } .nb-theme-default nb-radio.status-warning label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; } .nb-theme-default nb-radio.status-warning label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #c5a80d; } .nb-theme-default nb-radio.status-warning label .native-input:enabled:checked:active ~ .inner-circle { background-color: #c5a80d; } .nb-theme-default nb-radio.status-warning .text { color: #2a344f; } .nb-theme-default nb-radio.status-warning .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-radio.status-warning .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-warning .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-warning .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-danger .native-input:enabled + .outer-circle { background-color: rgba(255, 61, 113, 0.08); border-color: #ef0000; } .nb-theme-default nb-radio.status-danger .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #ef0000; } .nb-theme-default nb-radio.status-danger .native-input:enabled:checked ~ .inner-circle { background-color: #ef0000; } .nb-theme-default nb-radio.status-danger .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; } .nb-theme-default nb-radio.status-danger .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #ac001d; } .nb-theme-default nb-radio.status-danger .native-input:enabled:checked:focus ~ .inner-circle { background-color: #cd0011; } .nb-theme-default nb-radio.status-danger label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 61, 113, 0.16); border-color: #ef0000; } .nb-theme-default nb-radio.status-danger label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #f54d3d; } .nb-theme-default nb-radio.status-danger label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #f54d3d; } .nb-theme-default nb-radio.status-danger label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; } .nb-theme-default nb-radio.status-danger label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #cd0011; } .nb-theme-default nb-radio.status-danger label .native-input:enabled:checked:active ~ .inner-circle { background-color: #cd0011; } .nb-theme-default nb-radio.status-danger .text { color: #2a344f; } .nb-theme-default nb-radio.status-danger .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-radio.status-danger .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-danger .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-danger .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-info .native-input:enabled + .outer-circle { background-color: rgba(0, 149, 255, 0.08); border-color: #339ce7; } .nb-theme-default nb-radio.status-info .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #339ce7; } .nb-theme-default nb-radio.status-info .native-input:enabled:checked ~ .inner-circle { background-color: #339ce7; } .nb-theme-default nb-radio.status-info .native-input:enabled:focus + .outer-circle { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; } .nb-theme-default nb-radio.status-info .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #195ba6; } .nb-theme-default nb-radio.status-info .native-input:enabled:checked:focus ~ .inner-circle { background-color: #257ac6; } .nb-theme-default nb-radio.status-info label:hover .native-input:enabled + .outer-circle { background-color: rgba(0, 149, 255, 0.16); border-color: #339ce7; } .nb-theme-default nb-radio.status-info label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #63bef0; } .nb-theme-default nb-radio.status-info label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #63bef0; } .nb-theme-default nb-radio.status-info label .native-input:enabled:active + .outer-circle { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; } .nb-theme-default nb-radio.status-info label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #257ac6; } .nb-theme-default nb-radio.status-info label .native-input:enabled:checked:active ~ .inner-circle { background-color: #257ac6; } .nb-theme-default nb-radio.status-info .text { color: #2a344f; } .nb-theme-default nb-radio.status-info .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-radio.status-info .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-info .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-info .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-control .native-input:enabled + .outer-circle { background-color: rgba(255, 255, 255, 0.08); border-color: white; } .nb-theme-default nb-radio.status-control .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: white; } .nb-theme-default nb-radio.status-control .native-input:enabled:checked ~ .inner-circle { background-color: white; } .nb-theme-default nb-radio.status-control .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-default nb-radio.status-control .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #c5ccdb; } .nb-theme-default nb-radio.status-control .native-input:enabled:checked:focus ~ .inner-circle { background-color: #edf1f7; } .nb-theme-default nb-radio.status-control label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 255, 255, 0.16); border-color: white; } .nb-theme-default nb-radio.status-control label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #f7f9fc; } .nb-theme-default nb-radio.status-control label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #f7f9fc; } .nb-theme-default nb-radio.status-control label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-default nb-radio.status-control label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #edf1f7; } .nb-theme-default nb-radio.status-control label .native-input:enabled:checked:active ~ .inner-circle { background-color: #edf1f7; } .nb-theme-default nb-radio.status-control .text { color: white; } .nb-theme-default nb-radio.status-control .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-radio.status-control .native-input:disabled ~ .text { color: white; } .nb-theme-default nb-radio.status-control .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-control .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio .text { font-family: Open Sans, sans-serif; font-size: 13px; font-weight: 500; line-height: 24px; } [dir=ltr] .nb-theme-default nb-radio .text { margin-left: 1.25rem; } [dir=rtl] .nb-theme-default nb-radio .text { margin-right: 1.25rem; } .nb-theme-default .nb-tree-grid-header-cell, .nb-theme-default .nb-tree-grid-cell, .nb-theme-default .nb-tree-grid-footer-cell { height: 2rem; padding: 0.875rem 1.25rem; border: 1px solid #f7f9fc; } .nb-theme-default .nb-tree-grid-header-row { background: white; color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default .nb-tree-grid-footer-row { background: white; color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default .nb-tree-grid-row { background: white; color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tree-grid-row:hover { background: white; } .nb-theme-default .nb-tree-grid-row:nth-child(2n):not(:hover) { background-color: white; } .nb-theme-default .nb-tree-grid-header-cell button { vertical-align: middle; } .nb-theme-default nb-tree-grid-row-toggle nb-icon, .nb-theme-default nb-sort-icon nb-icon { font-size: inherit; vertical-align: middle; color: currentColor; } .nb-theme-default .nb-tree-grid-header-change-sort-button { background: transparent; border: none; padding: 0; color: inherit; font-size: inherit; font-weight: inherit; font-family: inherit; line-height: inherit; } .nb-theme-default nb-icon { font-size: 1.25rem; line-height: 1; width: 1em; height: 1em; } .nb-theme-default nb-icon svg { vertical-align: top; } .nb-theme-default nb-icon.status-basic { color: #9fa9bd; } .nb-theme-default nb-icon.status-primary { color: #fe9339; } .nb-theme-default nb-icon.status-success { color: #00b383; } .nb-theme-default nb-icon.status-warning { color: #e6c813; } .nb-theme-default nb-icon.status-danger { color: #ef0000; } .nb-theme-default nb-icon.status-info { color: #339ce7; } .nb-theme-default nb-icon.status-control { color: white; } .nb-theme-default .nb-form-control-container { max-width: inherit; } .nb-theme-default .nb-form-field-addon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; } .nb-theme-default .nb-form-field-addon-disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-form-field.nb-transition .nb-form-field-addon { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: color; transition-property: color; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .nb-theme-default .nb-form-field-addon-basic { color: #9fa9bd; } .nb-theme-default .nb-form-field-addon-basic-highlight { color: #fe9339; } .nb-theme-default .nb-form-field-addon-primary { color: #fe9339; } .nb-theme-default .nb-form-field-addon-primary-highlight { color: #d93f27; } .nb-theme-default .nb-form-field-addon-success { color: #00b383; } .nb-theme-default .nb-form-field-addon-success-highlight { color: #009975; } .nb-theme-default .nb-form-field-addon-warning { color: #e6c813; } .nb-theme-default .nb-form-field-addon-warning-highlight { color: #c5a80d; } .nb-theme-default .nb-form-field-addon-danger { color: #ef0000; } .nb-theme-default .nb-form-field-addon-danger-highlight { color: #cd0011; } .nb-theme-default .nb-form-field-addon-info { color: #339ce7; } .nb-theme-default .nb-form-field-addon-info-highlight { color: #257ac6; } .nb-theme-default .nb-form-field-addon-control { color: white; } .nb-theme-default .nb-form-field-addon-control-highlight { color: white; } .nb-theme-default .nb-form-field-limited-width.nb-form-field-size-tiny { max-width: 20rem; } .nb-theme-default .nb-form-field-prefix-tiny, .nb-theme-default .nb-form-field-suffix-tiny { height: 1.5rem; width: 1.5rem; font-size: 0.625rem; line-height: 0.75rem; font-weight: 700; } .nb-theme-default .nb-form-field-prefix-tiny nb-icon, .nb-theme-default .nb-form-field-suffix-tiny nb-icon { font-size: 0.75rem; line-height: 0.75rem; } [dir=ltr] .nb-theme-default .nb-form-field-prefix-tiny { margin-right: calc(1.5rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-prefix-tiny { margin-left: calc(1.5rem * -1); } [dir=ltr] .nb-theme-default .nb-form-field-suffix-tiny { margin-left: calc(1.5rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-suffix-tiny { margin-right: calc(1.5rem * -1); } .nb-theme-default .nb-form-field-limited-width.nb-form-field-size-small { max-width: 20rem; } .nb-theme-default .nb-form-field-prefix-small, .nb-theme-default .nb-form-field-suffix-small { height: 2rem; width: 2rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; } .nb-theme-default .nb-form-field-prefix-small nb-icon, .nb-theme-default .nb-form-field-suffix-small nb-icon { font-size: 1rem; line-height: 1rem; } [dir=ltr] .nb-theme-default .nb-form-field-prefix-small { margin-right: calc(2rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-prefix-small { margin-left: calc(2rem * -1); } [dir=ltr] .nb-theme-default .nb-form-field-suffix-small { margin-left: calc(2rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-suffix-small { margin-right: calc(2rem * -1); } .nb-theme-default .nb-form-field-limited-width.nb-form-field-size-medium { max-width: 20rem; } .nb-theme-default .nb-form-field-prefix-medium, .nb-theme-default .nb-form-field-suffix-medium { height: 2.5rem; width: 2.5rem; font-size: 0.875rem; line-height: 1rem; font-weight: 700; } .nb-theme-default .nb-form-field-prefix-medium nb-icon, .nb-theme-default .nb-form-field-suffix-medium nb-icon { font-size: 1.25rem; line-height: 1.25rem; } [dir=ltr] .nb-theme-default .nb-form-field-prefix-medium { margin-right: calc(2.5rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-prefix-medium { margin-left: calc(2.5rem * -1); } [dir=ltr] .nb-theme-default .nb-form-field-suffix-medium { margin-left: calc(2.5rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-suffix-medium { margin-right: calc(2.5rem * -1); } .nb-theme-default .nb-form-field-limited-width.nb-form-field-size-large { max-width: 30rem; } .nb-theme-default .nb-form-field-prefix-large, .nb-theme-default .nb-form-field-suffix-large { height: 3rem; width: 3rem; font-size: 1rem; line-height: 1.25rem; font-weight: 700; } .nb-theme-default .nb-form-field-prefix-large nb-icon, .nb-theme-default .nb-form-field-suffix-large nb-icon { font-size: 1.5rem; line-height: 1.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-prefix-large { margin-right: calc(3rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-prefix-large { margin-left: calc(3rem * -1); } [dir=ltr] .nb-theme-default .nb-form-field-suffix-large { margin-left: calc(3rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-suffix-large { margin-right: calc(3rem * -1); } .nb-theme-default .nb-form-field-limited-width.nb-form-field-size-giant { max-width: 30rem; } .nb-theme-default .nb-form-field-prefix-giant, .nb-theme-default .nb-form-field-suffix-giant { height: 3.5rem; width: 3.5rem; font-size: 1.125rem; line-height: 1.5rem; font-weight: 700; } .nb-theme-default .nb-form-field-prefix-giant nb-icon, .nb-theme-default .nb-form-field-suffix-giant nb-icon { font-size: 1.5rem; line-height: 1.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-prefix-giant { margin-right: calc(3.5rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-prefix-giant { margin-left: calc(3.5rem * -1); } [dir=ltr] .nb-theme-default .nb-form-field-suffix-giant { margin-left: calc(3.5rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-suffix-giant { margin-right: calc(3.5rem * -1); } .nb-theme-default nb-tag { border-style: solid; border-width: 0.0625rem; border-radius: 1.5rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: Open Sans, sans-serif; text-transform: capitalize; cursor: default; } .nb-theme-default nb-tag.nb-transition { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: background-color, border-color, color; transition-property: background-color, border-color, color; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .nb-theme-default nb-tag.size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.0625rem 0.9375rem; } .nb-theme-default nb-tag.size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.0625rem 0.9375rem; } .nb-theme-default nb-tag.size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 0.9375rem; } .nb-theme-default nb-tag.size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.3125rem 0.9375rem; } .nb-theme-default nb-tag.size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.4375rem 0.9375rem; } .nb-theme-default nb-tag.appearance-filled.status-basic { background-color: #edf1f7; border-color: #edf1f7; color: #2a344f; } .nb-theme-default nb-tag.appearance-filled.status-basic.selected { background-color: color-basic-actove; border-color: #dfe4f0; } .nb-theme-default nb-tag.appearance-filled.status-basic.active { background-color: #dfe4f0; border-color: #c5ccdb; } .nb-theme-default nb-tag.appearance-filled.status-basic:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default nb-tag.appearance-filled.status-primary { background-color: #fe9339; border-color: #fe9339; color: white; } .nb-theme-default nb-tag.appearance-filled.status-primary.selected { background-color: color-primary-actove; border-color: #d93f27; } .nb-theme-default nb-tag.appearance-filled.status-primary.active { background-color: #d93f27; border-color: #b52b1b; } .nb-theme-default nb-tag.appearance-filled.status-primary:hover { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-default nb-tag.appearance-filled.status-success { background-color: #00b383; border-color: #00b383; color: white; } .nb-theme-default nb-tag.appearance-filled.status-success.selected { background-color: color-success-actove; border-color: #009975; } .nb-theme-default nb-tag.appearance-filled.status-success.active { background-color: #009975; border-color: #008066; } .nb-theme-default nb-tag.appearance-filled.status-success:hover { background-color: #28d1a4; border-color: #28d1a4; } .nb-theme-default nb-tag.appearance-filled.status-warning { background-color: #e6c813; border-color: #e6c813; color: white; } .nb-theme-default nb-tag.appearance-filled.status-warning.selected { background-color: color-warning-actove; border-color: #c5a80d; } .nb-theme-default nb-tag.appearance-filled.status-warning.active { background-color: #c5a80d; border-color: #a58a09; } .nb-theme-default nb-tag.appearance-filled.status-warning:hover { background-color: #f0da4a; border-color: #f0da4a; } .nb-theme-default nb-tag.appearance-filled.status-danger { background-color: #ef0000; border-color: #ef0000; color: white; } .nb-theme-default nb-tag.appearance-filled.status-danger.selected { background-color: color-danger-actove; border-color: #cd0011; } .nb-theme-default nb-tag.appearance-filled.status-danger.active { background-color: #cd0011; border-color: #ac001d; } .nb-theme-default nb-tag.appearance-filled.status-danger:hover { background-color: #f54d3d; border-color: #f54d3d; } .nb-theme-default nb-tag.appearance-filled.status-info { background-color: #339ce7; border-color: #339ce7; color: white; } .nb-theme-default nb-tag.appearance-filled.status-info.selected { background-color: color-info-actove; border-color: #257ac6; } .nb-theme-default nb-tag.appearance-filled.status-info.active { background-color: #257ac6; border-color: #195ba6; } .nb-theme-default nb-tag.appearance-filled.status-info:hover { background-color: #63bef0; border-color: #63bef0; } .nb-theme-default nb-tag.appearance-filled.status-control { background-color: white; border-color: white; color: #2a344f; } .nb-theme-default nb-tag.appearance-filled.status-control.selected { background-color: color-control-actove; border-color: #edf1f7; } .nb-theme-default nb-tag.appearance-filled.status-control.active { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default nb-tag.appearance-filled.status-control:hover { background-color: #edf1f7; border-color: #c5ccdb; } .nb-theme-default nb-tag.appearance-outline.status-basic { background-color: rgba(143, 155, 179, 0.08); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-default nb-tag.appearance-outline.status-basic.selected { background-color: rgba(143, 155, 179, 0.24); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-default nb-tag.appearance-outline.status-basic.active { background-color: rgba(143, 155, 179, 0.24); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-default nb-tag.appearance-outline.status-basic:hover { background-color: rgba(143, 155, 179, 0.16); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-default nb-tag.appearance-outline.status-primary { background-color: rgba(51, 102, 255, 0.08); border-color: #fe9339; color: #fe9339; } .nb-theme-default nb-tag.appearance-outline.status-primary.selected { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; color: #fe9339; } .nb-theme-default nb-tag.appearance-outline.status-primary.active { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; color: #fe9339; } .nb-theme-default nb-tag.appearance-outline.status-primary:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; color: #fe9339; } .nb-theme-default nb-tag.appearance-outline.status-success { background-color: rgba(0, 214, 143, 0.08); border-color: #00b383; color: #00b383; } .nb-theme-default nb-tag.appearance-outline.status-success.selected { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; color: #00b383; } .nb-theme-default nb-tag.appearance-outline.status-success.active { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; color: #00b383; } .nb-theme-default nb-tag.appearance-outline.status-success:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00b383; color: #00b383; } .nb-theme-default nb-tag.appearance-outline.status-warning { background-color: rgba(255, 170, 0, 0.08); border-color: #e6c813; color: #e6c813; } .nb-theme-default nb-tag.appearance-outline.status-warning.selected { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; color: #e6c813; } .nb-theme-default nb-tag.appearance-outline.status-warning.active { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; color: #e6c813; } .nb-theme-default nb-tag.appearance-outline.status-warning:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #e6c813; color: #e6c813; } .nb-theme-default nb-tag.appearance-outline.status-danger { background-color: rgba(255, 61, 113, 0.08); border-color: #ef0000; color: #ef0000; } .nb-theme-default nb-tag.appearance-outline.status-danger.selected { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; color: #ef0000; } .nb-theme-default nb-tag.appearance-outline.status-danger.active { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; color: #ef0000; } .nb-theme-default nb-tag.appearance-outline.status-danger:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ef0000; color: #ef0000; } .nb-theme-default nb-tag.appearance-outline.status-info { background-color: rgba(0, 149, 255, 0.08); border-color: #339ce7; color: #339ce7; } .nb-theme-default nb-tag.appearance-outline.status-info.selected { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; color: #339ce7; } .nb-theme-default nb-tag.appearance-outline.status-info.active { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; color: #339ce7; } .nb-theme-default nb-tag.appearance-outline.status-info:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #339ce7; color: #339ce7; } .nb-theme-default nb-tag.appearance-outline.status-control { background-color: rgba(255, 255, 255, 0.08); border-color: white; color: white; } .nb-theme-default nb-tag.appearance-outline.status-control.selected { background-color: rgba(255, 255, 255, 0.24); border-color: white; color: white; } .nb-theme-default nb-tag.appearance-outline.status-control.active { background-color: rgba(255, 255, 255, 0.24); border-color: white; color: white; } .nb-theme-default nb-tag.appearance-outline.status-control:hover { background-color: rgba(255, 255, 255, 0.16); border-color: white; color: white; } .nb-theme-default .nb-tag-remove { cursor: pointer; } .nb-theme-default .nb-tag-remove.size-tiny { font-size: 1rem; } [dir=ltr] .nb-theme-default .nb-tag-remove.size-tiny { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-default .nb-tag-remove.size-tiny { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-default .nb-tag-remove.size-small { font-size: 1.5rem; } [dir=ltr] .nb-theme-default .nb-tag-remove.size-small { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-default .nb-tag-remove.size-small { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-default .nb-tag-remove.size-medium { font-size: 1.5rem; } [dir=ltr] .nb-theme-default .nb-tag-remove.size-medium { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-default .nb-tag-remove.size-medium { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-default .nb-tag-remove.size-large { font-size: 1.5rem; } [dir=ltr] .nb-theme-default .nb-tag-remove.size-large { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-default .nb-tag-remove.size-large { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-default .nb-tag-remove.size-giant { font-size: 1.5rem; } [dir=ltr] .nb-theme-default .nb-tag-remove.size-giant { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-default .nb-tag-remove.size-giant { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-default nb-tag-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; outline: none; } .nb-theme-default nb-tag-list.size-tiny .nb-tag-list-tags-wrapper { margin: -0.0625rem; } .nb-theme-default nb-tag-list.size-tiny .nb-tag-list-tags-wrapper nb-tag, .nb-theme-default nb-tag-list.size-tiny .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.0625rem; } .nb-theme-default nb-tag-list.size-small .nb-tag-list-tags-wrapper { margin: -0.125rem; } .nb-theme-default nb-tag-list.size-small .nb-tag-list-tags-wrapper nb-tag, .nb-theme-default nb-tag-list.size-small .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.125rem; } .nb-theme-default nb-tag-list.size-medium .nb-tag-list-tags-wrapper { margin: -0.25rem; } .nb-theme-default nb-tag-list.size-medium .nb-tag-list-tags-wrapper nb-tag, .nb-theme-default nb-tag-list.size-medium .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.25rem; } .nb-theme-default nb-tag-list.size-large .nb-tag-list-tags-wrapper { margin: -0.375rem; } .nb-theme-default nb-tag-list.size-large .nb-tag-list-tags-wrapper nb-tag, .nb-theme-default nb-tag-list.size-large .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.375rem; } .nb-theme-default nb-tag-list.size-giant .nb-tag-list-tags-wrapper { margin: -0.5rem; } .nb-theme-default nb-tag-list.size-giant .nb-tag-list-tags-wrapper nb-tag, .nb-theme-default nb-tag-list.size-giant .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.5rem; } .nb-theme-default .nb-tag-list-tags-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .nb-theme-default .nb-tag-list-with-input { border-style: solid; border-width: 1px; font-family: Open Sans, sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .nb-theme-default .nb-tag-list-with-input.nb-transition { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: border, background-color, color, -webkit-box-shadow; transition-property: border, background-color, color, -webkit-box-shadow; transition-property: border, background-color, color, box-shadow; transition-property: border, background-color, color, box-shadow, -webkit-box-shadow; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .nb-theme-default .nb-tag-list-with-input::-webkit-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default .nb-tag-list-with-input::-moz-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default .nb-tag-list-with-input:-ms-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default .nb-tag-list-with-input::-ms-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default .nb-tag-list-with-input::placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default .nb-tag-list-with-input:focus { outline: none; } .nb-theme-default .nb-tag-list-with-input.input-full-width { width: 100%; } .nb-theme-default .nb-tag-list-with-input.shape-rectangle { border-radius: 0.25rem; } .nb-theme-default .nb-tag-list-with-input.shape-semi-round { border-radius: 0.75rem; } .nb-theme-default .nb-tag-list-with-input.shape-round { border-radius: 1.5rem; } .nb-theme-default .nb-tag-list-with-input.size-tiny { padding: 0.0625rem 1rem; } .nb-theme-default .nb-tag-list-with-input.size-small { padding: 0.0625rem 1rem; } .nb-theme-default .nb-tag-list-with-input.size-medium { padding: 0.1875rem 1rem; } .nb-theme-default .nb-tag-list-with-input.size-large { padding: 0.3125rem 1rem; } .nb-theme-default .nb-tag-list-with-input.size-giant { padding: 0.4375rem 1rem; } .nb-theme-default .nb-tag-list-with-input.status-basic { background-color: #f7f9fc; border-color: #dfe4f0; } .nb-theme-default .nb-tag-list-with-input.status-basic.focus { background-color: white; border-color: #fe9339; } .nb-theme-default .nb-tag-list-with-input.status-primary { background-color: #f7f9fc; border-color: #fe9339; } .nb-theme-default .nb-tag-list-with-input.status-primary.focus { background-color: white; border-color: #b52b1b; } .nb-theme-default .nb-tag-list-with-input.status-success { background-color: #f7f9fc; border-color: #00b383; } .nb-theme-default .nb-tag-list-with-input.status-success.focus { background-color: white; border-color: #008066; } .nb-theme-default .nb-tag-list-with-input.status-warning { background-color: #f7f9fc; border-color: #e6c813; } .nb-theme-default .nb-tag-list-with-input.status-warning.focus { background-color: white; border-color: #a58a09; } .nb-theme-default .nb-tag-list-with-input.status-danger { background-color: #f7f9fc; border-color: #ef0000; } .nb-theme-default .nb-tag-list-with-input.status-danger.focus { background-color: white; border-color: #ac001d; } .nb-theme-default .nb-tag-list-with-input.status-info { background-color: #f7f9fc; border-color: #339ce7; } .nb-theme-default .nb-tag-list-with-input.status-info.focus { background-color: white; border-color: #195ba6; } .nb-theme-default .nb-tag-list-with-input.status-control { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); } .nb-theme-default .nb-tag-list-with-input.status-control.focus { background-color: rgba(255, 255, 255, 0.4); border-color: white; } .nb-theme-default nb-form-field nb-tag-list { width: 100%; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny { padding-left: 1.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny { padding-right: 1.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny { padding-right: 1.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny { padding-left: 1.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small { padding-left: 2rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small { padding-right: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small { padding-right: 2rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium { padding-left: 2.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium { padding-right: 2.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium { padding-right: 2.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium { padding-left: 2.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large { padding-left: 3rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large { padding-right: 3rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large { padding-right: 3rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large { padding-left: 3rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant { padding-left: 3.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant { padding-right: 3.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant { padding-right: 3.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant { padding-left: 3.5rem; } .nb-theme-default .nb-tag-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: transparent; background: transparent; outline: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; min-width: 6rem; font-family: Open Sans, sans-serif; } .nb-theme-default .nb-tag-input::-webkit-input-placeholder { font-family: Open Sans, sans-serif; } .nb-theme-default .nb-tag-input::-moz-placeholder { font-family: Open Sans, sans-serif; } .nb-theme-default .nb-tag-input:-ms-input-placeholder { font-family: Open Sans, sans-serif; } .nb-theme-default .nb-tag-input::-ms-input-placeholder { font-family: Open Sans, sans-serif; } .nb-theme-default .nb-tag-input::placeholder { font-family: Open Sans, sans-serif; } .nb-theme-default .nb-tag-input.size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.125rem 0; } .nb-theme-default .nb-tag-input.size-tiny::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-tiny::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-tiny:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-tiny::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-tiny::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.125rem 0; } .nb-theme-default .nb-tag-input.size-small::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-small::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-small:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-small::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-small::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.25rem 0; } .nb-theme-default .nb-tag-input.size-medium::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-medium::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-medium:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-medium::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-medium::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.375rem 0; } .nb-theme-default .nb-tag-input.size-large::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-large::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-large:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-large::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-large::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.5rem 0; } .nb-theme-default .nb-tag-input.size-giant::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-giant::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-giant:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-giant::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-giant::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.status-basic { color: #2a344f; } .nb-theme-default .nb-tag-input.status-basic::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-basic::-moz-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-basic:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-basic::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-basic::placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-basic:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-basic:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-basic:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-basic:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-basic:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-basic:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-primary { color: #2a344f; } .nb-theme-default .nb-tag-input.status-primary::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-primary::-moz-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-primary:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-primary::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-primary::placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-primary:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-primary:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-primary:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-primary:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-primary:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-primary:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-success { color: #2a344f; } .nb-theme-default .nb-tag-input.status-success::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-success::-moz-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-success:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-success::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-success::placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-success:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-success:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-success:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-success:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-success:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-success:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-warning { color: #2a344f; } .nb-theme-default .nb-tag-input.status-warning::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-warning::-moz-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-warning:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-warning::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-warning::placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-warning:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-warning:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-warning:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-warning:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-warning:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-warning:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-danger { color: #2a344f; } .nb-theme-default .nb-tag-input.status-danger::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-danger::-moz-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-danger:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-danger::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-danger::placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-danger:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-danger:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-danger:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-danger:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-danger:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-danger:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-info { color: #2a344f; } .nb-theme-default .nb-tag-input.status-info::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-info::-moz-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-info:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-info::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-info::placeholder { color: #9fa9bd; } .nb-theme-default .nb-tag-input.status-info:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-info:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-info:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-info:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-info:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-info:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-control { color: white; } .nb-theme-default .nb-tag-input.status-control::-webkit-input-placeholder { color: white; } .nb-theme-default .nb-tag-input.status-control::-moz-placeholder { color: white; } .nb-theme-default .nb-tag-input.status-control:-ms-input-placeholder { color: white; } .nb-theme-default .nb-tag-input.status-control::-ms-input-placeholder { color: white; } .nb-theme-default .nb-tag-input.status-control::placeholder { color: white; } .nb-theme-default .nb-tag-input.status-control:disabled { color: white; } .nb-theme-default .nb-tag-input.status-control:disabled::-webkit-input-placeholder { color: white; } .nb-theme-default .nb-tag-input.status-control:disabled::-moz-placeholder { color: white; } .nb-theme-default .nb-tag-input.status-control:disabled:-ms-input-placeholder { color: white; } .nb-theme-default .nb-tag-input.status-control:disabled::-ms-input-placeholder { color: white; } .nb-theme-default .nb-tag-input.status-control:disabled::placeholder { color: white; } .nb-theme-default body { color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default h1, .nb-theme-default h2, .nb-theme-default h3, .nb-theme-default h4, .nb-theme-default h5, .nb-theme-default h6, .nb-theme-default .h1, .nb-theme-default .h2, .nb-theme-default .h3, .nb-theme-default .h4, .nb-theme-default .h5, .nb-theme-default .h6 { color: #2a344f; } .nb-theme-default h1, .nb-theme-default .h1 { font-size: 2.25rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 3rem; } .nb-theme-default h2, .nb-theme-default .h2 { font-size: 2rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2.5rem; } .nb-theme-default h3, .nb-theme-default .h3 { font-size: 1.875rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2.5rem; } .nb-theme-default h4, .nb-theme-default .h4 { font-size: 1.625rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2rem; } .nb-theme-default h5, .nb-theme-default .h5 { font-size: 1.375rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2rem; } .nb-theme-default h6, .nb-theme-default .h6 { font-size: 1.125rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 1.5rem; } .nb-theme-default .subtitle, .nb-theme-default .subtitle-2 { color: #2a344f; } .nb-theme-default .subtitle { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default .subtitle-2 { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default p, .nb-theme-default .paragraph { color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .paragraph-2 { color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; } .nb-theme-default a { color: #fe9339; text-decoration: underline; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; } .nb-theme-default a:focus { color: #d93f27; } .nb-theme-default a:hover { color: #eb7d21; } .nb-theme-default a.link-control, .nb-theme-default a.link-control:hover { color: white; } .nb-theme-default a.link-alternate, .nb-theme-default a.link-alternate:hover { color: white; } .nb-theme-default .label { color: #9fa9bd; font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 700; line-height: 1rem; } .nb-theme-default .caption { font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1rem; } .nb-theme-default .caption-2 { font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-default .caption, .nb-theme-default .caption-2 { color: #9fa9bd; } .nb-theme-default .caption.status-basic, .nb-theme-default .caption-2.status-basic { color: #2a344f; } .nb-theme-default .caption.status-primary, .nb-theme-default .caption-2.status-primary { color: #fe9339; } .nb-theme-default .caption.status-success, .nb-theme-default .caption-2.status-success { color: #00b383; } .nb-theme-default .caption.status-warning, .nb-theme-default .caption-2.status-warning { color: #e6c813; } .nb-theme-default .caption.status-danger, .nb-theme-default .caption-2.status-danger { color: #ef0000; } .nb-theme-default .caption.status-info, .nb-theme-default .caption-2.status-info { color: #339ce7; } .nb-theme-default .caption.status-control, .nb-theme-default .caption-2.status-control { color: white; } .nb-theme-default li { color: #2a344f; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .text-alternate { color: white; } .nb-theme-default .text-disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .text-hint { color: #9fa9bd; } .nb-theme-default .text-basic { color: #2a344f; } .nb-theme-default .text-primary { color: #fe9339; } .nb-theme-default .text-success { color: #00b383; } .nb-theme-default .text-warning { color: #e6c813; } .nb-theme-default .text-danger { color: #ef0000; } .nb-theme-default .text-info { color: #339ce7; } .nb-theme-default .text-control { color: white; } .nb-theme-default ng2-smart-table table tr th, .nb-theme-default ng2-smart-table table tr th a { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 700; line-height: 1.25rem; color: #2a344f; } .nb-theme-default ng2-smart-table table tr td { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.25rem; color: #2a344f; } .nb-theme-default ng2-smart-table table tr th, .nb-theme-default ng2-smart-table table tr td { position: relative; padding: 0.875rem 1.25rem; border: 1px solid #edf1f7; vertical-align: middle; } .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th { padding: 0.875rem 1.25rem; } [dir=ltr] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th { padding-right: 1.75rem; } [dir=rtl] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th { padding-left: 1.75rem; } .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a:hover, .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a:active, .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a:visited { color: #2a344f; text-decoration: none; } .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.asc, .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.desc { font-weight: 700; } .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { border-bottom-color: #2a344f; border-width: 0.375rem; position: absolute; margin: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } [dir=ltr] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=ltr] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { right: 0.75rem; } [dir=rtl] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=rtl] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { left: 0.75rem; } .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.asc.desc::after, .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.desc.desc::after { -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .nb-theme-default ng2-smart-table thead tr { background: white; } .nb-theme-default ng2-smart-table thead tr.ng2-smart-filters th { padding: 0.375rem 0.5rem; } .nb-theme-default ng2-smart-table thead tr.ng2-smart-filters th .ng2-smart-filter input { line-height: 1.25rem; } .nb-theme-default ng2-smart-table tbody tr.selected, .nb-theme-default ng2-smart-table tbody tr:hover { background: #edf1f7 !important; } .nb-theme-default ng2-smart-table tbody tr:nth-child(2n) { background-color: #f7f9fc; } .nb-theme-default ng2-smart-table th.ng2-smart-actions-title-add a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.75rem !important; padding: 0.375rem 0.5rem; border-color: #fe9339; background-color: #fe9339; color: white; border-radius: 0.375rem; } .nb-theme-default ng2-smart-table th.ng2-smart-actions-title-add a:focus { border-color: #b52b1b; } .nb-theme-default ng2-smart-table th.ng2-smart-actions-title-add a:hover { text-decoration: none; background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-default ng2-smart-table th.ng2-smart-actions-title-add a:active { background-color: #d93f27; border-color: #d93f27; } .nb-theme-default ng2-smart-table .ng2-smart-actions { padding: 0; height: 1px; } .nb-theme-default ng2-smart-table .ng2-smart-actions ng2-st-tbody-edit-delete, .nb-theme-default ng2-smart-table .ng2-smart-actions ng2-st-tbody-create-cancel, .nb-theme-default ng2-smart-table .ng2-smart-actions ng2-st-actions { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .nb-theme-default ng2-smart-table .ng2-smart-actions a.ng2-smart-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; font-size: 2rem !important; color: #2a344f; } .nb-theme-default ng2-smart-table .ng2-smart-actions a.ng2-smart-action:not(:last-child) { border-right: 1px solid #edf1f7; } .nb-theme-default ng2-smart-table .ng2-smart-actions a.ng2-smart-action:hover { text-decoration: none; } .nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-create:hover, .nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-edit:hover, .nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-save:hover { color: #fe9339; } .nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-cancel:hover, .nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-delete-delete:hover, .nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-cancel:hover { color: #ef0000; } .nb-theme-default ng2-smart-table table-cell-edit-mode { display: block; margin: -7.5px -12px; } .nb-theme-default ng2-smart-table ng2-smart-table-pager { display: block; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1.25rem; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:focus, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:hover { background-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination { font-family: Open Sans, sans-serif; font-size: 0.875rem; line-height: 1rem; border: #edf1f7 solid 1px; border-radius: 0.25rem; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li { overflow: hidden; } [dir=ltr] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) { border-right: 1px solid #edf1f7; } [dir=rtl] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) { border-left: 1px solid #edf1f7; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-prev, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-next { font-size: 0.875rem; line-height: 1rem; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span { font-size: 0.875rem; line-height: 1rem; background-color: transparent; color: #fe9339; padding: 0.75rem 1.25rem; border: none; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:focus, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:focus { border-color: #fe9339; color: #fe9339; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:hover, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:hover { background-color: transparent; border-color: #fe9339; color: #fe9339; text-decoration: none; } [dir=ltr] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a, [dir=ltr] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } [dir=rtl] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a, [dir=rtl] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=ltr] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a, [dir=ltr] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=rtl] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a, [dir=rtl] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:hover, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:focus, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:hover, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:focus { color: white; background-color: #fe9339; } .nb-theme-default nb-auth-block .text-link { color: #9fa9bd; } .nb-theme-default nb-auth-block .forgot-password { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-auth-block .socials a { color: #9fa9bd; } .nb-theme-default * { font-family: Roboto, "Helvetica Neue", sans-serif !important; } .nb-theme-default input:-webkit-autofill, .nb-theme-default textarea:-webkit-autofill, .nb-theme-default select:-webkit-autofill { -webkit-text-fill-color: #2a344f; -webkit-box-shadow: 0 0 0 1000px #f7f9fc inset; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .nb-theme-default input:-webkit-autofill:focus, .nb-theme-default textarea:-webkit-autofill:focus, .nb-theme-default select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px white inset; } .nb-theme-default input:-webkit-autofill:hover, .nb-theme-default textarea:-webkit-autofill:hover, .nb-theme-default select:-webkit-autofill:hover { -webkit-box-shadow: 0 0 0 1000px #edf1f7 inset; } .nb-theme-default ::-webkit-scrollbar { width: 4px; } .nb-theme-default ::-webkit-scrollbar-thumb { background-color: #dfe4f0; border-radius: 20px; } .nb-theme-default ::-webkit-scrollbar { height: 4px; } .nb-theme-default ::-webkit-scrollbar-thumb { background-color: #dfe4f0; border-radius: 20px; } .nb-theme-default .height-100 { height: 100%; } .nb-theme-default .width-100 { width: 100%; } .nb-theme-default .pointer { cursor: pointer; } .nb-theme-default .display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .nb-theme-default .display-none { display: none; } .nb-theme-default .disabled-link { pointer-events: none; cursor: not-allowed; opacity: 0.5; } .nb-theme-default .flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .nb-theme-default .full-width { width: 100%; } .nb-theme-default .half-width { width: 50%; } .nb-theme-default h6, .nb-theme-default .primary-header { color: #0d1c2e; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; margin: 0; padding: 0; } .nb-theme-default h6 span, .nb-theme-default .primary-header span { border-radius: 3px; background-color: #ededed; } .nb-theme-default .sub-header { color: #8992a3; font-size: 0.875rem; font-weight: 400; line-height: 1rem; margin: 0; padding: 0; } .nb-theme-default .form-label { color: #8992a3; font-size: 0.75rem; font-weight: 500; line-height: 1rem; } .nb-theme-default .flex-row-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nb-theme-default .flex-row-container .left-part { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(60% - 0.5rem); } .nb-theme-default .flex-row-container .right-part { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(40% - 0.5rem); } .nb-theme-default .page-block-margin { margin: 0.5rem; } .nb-theme-default .logo { background: url('logo_white2.svg') no-repeat center; height: 100%; } .nb-theme-default .logo-collapsed { background: url('icon_white2.svg') no-repeat center; height: 100%; } .nb-theme-default .header-logo { background: url('logo_colour.svg') no-repeat center; background-size: cover; height: 32px; width: 163px; } .nb-theme-default .footer-logo { background: url('logo_white2.svg') no-repeat center; height: 32px; width: 163px; } .nb-theme-default .page-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 1014px; height: 100%; } .nb-theme-default .page-container .page-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 20px; font-weight: bold; line-height: 28px; padding: 0 41px 0 23px; background-color: #f7f9fc; border-bottom: 1px solid #edf1f7; height: 64px; color: #2a344f; } .nb-theme-default .page-container .page-header ngx-icon-box ::ng-deep nb-icon { font-size: 28px; } .nb-theme-default .page-container .page-content-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 15px 24px 24px; height: 100%; } .nb-theme-default .table-container { margin: 15px 24px 34px; padding: 0 !important; height: 100%; background-color: white; border: 1px solid #dfe4f0; } .nb-theme-default .table-container .table-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 16.5px; width: 100%; } .nb-theme-default .main-content-with-filter { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .nb-theme-default .filter { position: fixed; right: 0; height: calc(100vh - 64px); border-left: 1px solid #edf1f7; z-index: 10; } .nb-theme-default .router-outlet-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-width: 804px; } .nb-theme-default ::ng-deep .router-outlet-container > *:not(router-outlet) { height: 100%; } .nb-theme-default .filter-container { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 249px; background-color: #f7f9fc; } .nb-theme-default .filter-container .filter-scrollable { width: 100%; height: calc(100vh - 64px); overflow-y: auto; } .nb-theme-default .filter-container .filter-scrollable-with-footer { width: 100%; height: calc(100vh - 64px - 73px); overflow-y: auto; } .nb-theme-default .filter-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 65px; border-bottom: 1px solid #f7f9fc; background-color: white; padding: 0 11px 0 15px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .nb-theme-default .ngx-file-drop__drop-zone--over { border: 3px dotted #00b383 !important; background-color: white !important; } .nb-theme-default .drop-zone { width: 100%; background-color: #f7f9fc; min-height: 120px; border: 3px dotted #eeeeee; border-radius: 7px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; place-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9fa9bd; } .nb-theme-default .drop-zone span { display: inline; margin: 0 5px; cursor: pointer; color: #00b383; } @media (max-width: 768px) { .nb-theme-default .router-outlet-container { min-width: 0; } .nb-theme-default .page-container { min-width: 0; } } @media (min-width: 769px) and (max-width: 1024px) { .nb-theme-default .router-outlet-container { min-width: 0; } .nb-theme-default .page-container { min-width: 0; } } .nb-theme-default .pace .pace-progress { background: linear-gradient(315deg, #fe9339 0%, #fe9339 100%, #fe9339 100%); } .nb-theme-default .pace .pace-progress-inner { -webkit-box-shadow: 0 0 10px linear-gradient(315deg, #fe9339 0%, #fe9339 100%, #fe9339 100%), 0 0 5px linear-gradient(315deg, #fe9339 0%, #fe9339 100%, #fe9339 100%); box-shadow: 0 0 10px linear-gradient(315deg, #fe9339 0%, #fe9339 100%, #fe9339 100%), 0 0 5px linear-gradient(315deg, #fe9339 0%, #fe9339 100%, #fe9339 100%); } .nb-theme-default .pace .pace-activity { display: none; } .nb-theme-dark nb-layout .scrollable-container { scrollbar-face-color: #131729; scrollbar-track-color: #202840; } .nb-theme-dark nb-layout .scrollable-container::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-layout .scrollable-container::-webkit-scrollbar-thumb { background: #131729; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-layout .scrollable-container::-webkit-scrollbar-track { background: #202840; } .nb-theme-dark nb-layout.with-scroll .scrollable-container { overflow: auto; height: 100vh; display: block; } @media (max-width: 767.98px) { .nb-theme-dark nb-layout.with-scroll .scrollable-container { overflow-y: scroll; -webkit-overflow-scrolling: touch; } } .nb-theme-dark .layout { min-width: 300px; } .nb-theme-dark nb-layout.window-mode { background: #171d33; display: block; } .nb-theme-dark nb-layout.window-mode .scrollable-container { max-width: "2560px"; margin: 0 auto; } .nb-theme-dark nb-layout.window-mode .layout nb-layout-header { max-width: "2560px"; margin-left: auto; margin-right: auto; width: 100%; } .nb-theme-dark nb-layout.window-mode .layout nb-layout-header nav { max-width: "2560px"; margin: 0 auto; } @media screen and (min-width: 2560px20px) { .nb-theme-dark nb-layout.window-mode { padding-top: 1.1875rem; } .nb-theme-dark nb-layout.window-mode nb-layout-header.fixed { top: 1.1875rem; } .nb-theme-dark nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 1.1875rem - 64px); top: calc(1.1875rem + 64px); } .nb-theme-dark nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 2560px) / 2); } .nb-theme-dark nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 2560px) / 2); } .nb-theme-dark nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(64px + 1.1875rem); } .nb-theme-dark nb-layout.window-mode .scrollable-container { height: calc(100vh - 1.1875rem); -webkit-box-shadow: none; box-shadow: none; } .nb-theme-dark nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 1.1875rem); } } @media screen and (min-width: 2560px150px) { .nb-theme-dark nb-layout.window-mode { padding-top: 2.375rem; } .nb-theme-dark nb-layout.window-mode nb-layout-header.fixed { top: 2.375rem; } .nb-theme-dark nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 2.375rem - 64px); top: calc(2.375rem + 64px); } .nb-theme-dark nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 2560px) / 2); } .nb-theme-dark nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 2560px) / 2); } .nb-theme-dark nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(64px + 2.375rem); } .nb-theme-dark nb-layout.window-mode .scrollable-container { height: calc(100vh - 2.375rem); -webkit-box-shadow: none; box-shadow: none; } .nb-theme-dark nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 2.375rem); } } @media screen and (min-width: 2560px300px) { .nb-theme-dark nb-layout.window-mode { padding-top: 4.75rem; } .nb-theme-dark nb-layout.window-mode nb-layout-header.fixed { top: 4.75rem; } .nb-theme-dark nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 4.75rem - 64px); top: calc(4.75rem + 64px); } .nb-theme-dark nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 2560px) / 2); } .nb-theme-dark nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 2560px) / 2); } .nb-theme-dark nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(64px + 4.75rem); } .nb-theme-dark nb-layout.window-mode .scrollable-container { height: calc(100vh - 4.75rem); -webkit-box-shadow: none; box-shadow: none; } .nb-theme-dark nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 4.75rem); } } .nb-theme-dark nb-layout .layout { background-color: #171d33; color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; min-height: 100vh; } .nb-theme-dark nb-layout .layout .layout-container nb-sidebar.fixed, .nb-theme-dark nb-layout .layout .layout-container nb-sidebar .main-container-fixed { top: 64px; } .nb-theme-dark nb-layout .layout .layout-container .content nb-layout-footer { -webkit-box-shadow: none; box-shadow: none; } .nb-theme-dark nb-layout .layout .layout-container .content nb-layout-footer nav { background-color: #171d33; border-top: 0 solid #171d33; color: white; font-family: Open Sans, sans-serif; font-size: 10px; font-weight: 400; line-height: 16px; padding: 0 10px; } .nb-theme-dark nb-layout .layout .layout-container .content nb-layout-footer nav a { color: #eb7d21; } .nb-theme-dark nb-layout .layout .layout-container .content nb-layout-footer nav a:focus, .nb-theme-dark nb-layout .layout .layout-container .content nb-layout-footer nav a:active, .nb-theme-dark nb-layout .layout .layout-container .content nb-layout-footer nav a:hover { color: #eb7d21; } .nb-theme-dark nb-layout .layout .layout-container .content.center { width: 900px; -webkit-box-flex: 0 !important; -ms-flex: 0 100 900px !important; flex: 0 100 900px !important; } .nb-theme-dark nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 2.25rem 2.25rem 0.75rem; } @media (max-width: 991.98px) { .nb-theme-dark nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 1.5rem 1.5rem 0.5rem; } } @media (max-width: 767.98px) { .nb-theme-dark nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 1rem 1rem 0; } } .nb-theme-dark nb-layout-header { background-color: #2a344f; color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark nb-layout-header nav { color: white; -webkit-box-shadow: none; box-shadow: none; height: 64px; padding: 0; } .nb-theme-dark nb-layout-header nav a { color: white; } .nb-theme-dark nb-layout-header nav a:focus, .nb-theme-dark nb-layout-header nav a:active, .nb-theme-dark nb-layout-header nav a:hover { color: white; } .nb-theme-dark nb-layout-header ~ .layout-container { min-height: calc(100vh - 64px); } .nb-theme-dark nb-layout-header.fixed ~ .layout-container { padding-top: 64px; min-height: 100vh; } .nb-theme-dark nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container { height: calc(100vh - 64px); } .nb-theme-dark nb-layout.with-subheader nb-sidebar .main-container { -webkit-box-shadow: none; box-shadow: none; } .nb-theme-dark nb-sidebar { background-color: #131729; -webkit-box-shadow: none; box-shadow: none; color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; width: 220px; } .nb-theme-dark nb-sidebar .main-container { height: 100vh; width: 220px; } .nb-theme-dark nb-sidebar .scrollable { padding: 0; position: relative; -webkit-transform: translate3d(0, 0, 0); scrollbar-face-color: #131729; scrollbar-track-color: #202840; } @media (max-width: 767.98px) { .nb-theme-dark nb-sidebar .scrollable { overflow-y: scroll; -webkit-overflow-scrolling: touch; } } .nb-theme-dark nb-sidebar .scrollable::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-sidebar .scrollable::-webkit-scrollbar-thumb { background: #131729; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-sidebar .scrollable::-webkit-scrollbar-track { background: #202840; } .nb-theme-dark nb-sidebar.collapsed { width: 0; padding: 0; } .nb-theme-dark nb-sidebar.collapsed .main-container { width: 0; padding: 0; } .nb-theme-dark nb-sidebar.collapsed .scrollable { width: 0; padding: 0; overflow: hidden; } .nb-theme-dark nb-sidebar.collapsed nb-sidebar-header, .nb-theme-dark nb-sidebar.collapsed nb-sidebar-footer { width: 0; padding: 0; overflow: hidden; } .nb-theme-dark nb-sidebar.compacted { width: 64px; } .nb-theme-dark nb-sidebar.compacted .main-container { width: 64px; } .nb-theme-dark nb-sidebar.compacted nb-menu { width: 64px; } .nb-theme-dark nb-sidebar.compacted nb-menu .menu-item a.active { position: relative; } .nb-theme-dark nb-sidebar.compacted nb-menu .menu-item a.active::before { position: absolute; content: ""; top: 0; height: 100%; width: 4px; background: #fe9339; } [dir=ltr] .nb-theme-dark nb-sidebar.compacted nb-menu .menu-item a.active::before { left: 0; } [dir=rtl] .nb-theme-dark nb-sidebar.compacted nb-menu .menu-item a.active::before { right: 0; } .nb-theme-dark nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a span, .nb-theme-dark nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a nb-badge, .nb-theme-dark nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a .expand-state { display: none; } .nb-theme-dark nb-sidebar.compacted nb-menu .menu-items > .menu-item { -webkit-transition: border-color 1s ease; transition: border-color 1s ease; } .nb-theme-dark nb-sidebar.compacted nb-menu .menu-items > .menu-item.menu-group { display: block; color: transparent; width: 0; padding: 0; overflow: hidden; } .nb-theme-dark nb-sidebar.compacted nb-menu .menu-items > .menu-item i { margin-right: 0; } .nb-theme-dark nb-sidebar.compacted nb-menu .menu-items > .menu-item a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nb-theme-dark nb-sidebar.compacted nb-menu .menu-items > .menu-item > .expanded { display: none; } .nb-theme-dark nb-sidebar.compacted.left.fixed ~ .content { margin-left: 64px; } .nb-theme-dark nb-sidebar.compacted.fixed.right ~ .content { margin-left: 0; margin-right: 64px; } .nb-theme-dark nb-sidebar.compacted.left.fixed ~ .content.center { padding-left: 64px; } .nb-theme-dark nb-sidebar.compacted.fixed.right ~ .content.center { padding-left: 0; padding-right: 64px; } [dir=ltr] .nb-theme-dark nb-sidebar.compacted.start.fixed ~ .content { margin-left: 64px; } [dir=rtl] .nb-theme-dark nb-sidebar.compacted.start.fixed ~ .content { margin-right: 64px; } [dir=ltr] .nb-theme-dark nb-sidebar.compacted.fixed.end ~ .content { margin-right: 64px; } [dir=rtl] .nb-theme-dark nb-sidebar.compacted.fixed.end ~ .content { margin-left: 64px; } [dir=ltr] .nb-theme-dark nb-sidebar.compacted.start.fixed ~ .content.center { padding-left: 64px; } [dir=rtl] .nb-theme-dark nb-sidebar.compacted.start.fixed ~ .content.center { padding-right: 64px; } [dir=ltr] .nb-theme-dark nb-sidebar.compacted.fixed.end ~ .content.center { padding-right: 64px; } [dir=rtl] .nb-theme-dark nb-sidebar.compacted.fixed.end ~ .content.center { padding-left: 64px; } .nb-theme-dark nb-sidebar.fixed.left.collapsed + .content, .nb-theme-dark nb-sidebar.fixed.start.collapsed + .content { margin-left: 0; } .nb-theme-dark nb-sidebar.fixed.right.collapsed + .content, .nb-theme-dark nb-sidebar.fixed.end.collapsed + .content { margin-right: 0; } .nb-theme-dark nb-sidebar.expanded { width: 220px; } .nb-theme-dark nb-sidebar.expanded > .scrollable { width: 220px; } .nb-theme-dark nb-sidebar nb-sidebar-header { padding: 0; height: 3.5rem; } .nb-theme-dark nb-sidebar nb-sidebar-footer { padding: 0; height: 3.5rem; } .nb-theme-dark nb-sidebar nb-menu { margin: 0 -0 -0; } .nb-theme-dark nb-calendar-view-mode [nbButton].appearance-ghost.status-basic, .nb-theme-dark nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle], .nb-theme-dark nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:hover, .nb-theme-dark nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, .nb-theme-dark nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:active, .nb-theme-dark nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic, .nb-theme-dark nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle], .nb-theme-dark nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:hover, .nb-theme-dark nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus, .nb-theme-dark nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:active { color: white; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-dark nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, .nb-theme-dark nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle]:focus, .nb-theme-dark nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active), .nb-theme-dark nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus, .nb-theme-dark nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle]:focus, .nb-theme-dark nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active) { -webkit-box-shadow: none; box-shadow: none; } [dir=ltr] .nb-theme-dark nb-calendar-pageable-navigation { margin-left: auto; } [dir=rtl] .nb-theme-dark nb-calendar-pageable-navigation { margin-right: auto; } .nb-theme-dark nb-calendar-picker { display: block; padding-top: 0.25rem; padding-bottom: 0.625rem; } [dir=ltr] .nb-theme-dark nb-calendar-picker { padding-right: 0.625rem; padding-left: 0.625rem; } [dir=rtl] .nb-theme-dark nb-calendar-picker { padding-right: 0.625rem; padding-left: 0.625rem; } .nb-theme-dark nb-calendar-days-names { background: transparent; border-top: 1px solid #171d33; border-bottom: 1px solid #171d33; } [dir=ltr] .nb-theme-dark nb-calendar-days-names { padding-left: 0.625rem; padding-right: 0.625rem; } [dir=rtl] .nb-theme-dark nb-calendar-days-names { padding-left: 0.625rem; padding-right: 0.625rem; } .nb-theme-dark nb-calendar-days-names .day { width: 2.75rem; height: 2.75rem; color: #9fa9bd; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-calendar-days-names .day.holiday { color: #9fa9bd; } .nb-theme-dark nb-calendar-days-names.size-large .day { width: 3rem; height: 3rem; } .nb-theme-dark nb-calendar-week-numbers { background: transparent; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; color: #9fa9bd; padding-bottom: 0.625rem; } .nb-theme-dark nb-calendar-week-numbers .sign-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-top: 1px solid #171d33; border-bottom: 1px solid #171d33; margin-bottom: 0.25rem; } .nb-theme-dark nb-calendar-week-numbers .sign, .nb-theme-dark nb-calendar-week-numbers .week-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.75rem; width: 2.75rem; } .nb-theme-dark nb-calendar-week-numbers.size-large .sign, .nb-theme-dark nb-calendar-week-numbers.size-large .week-number { height: 3rem; width: 3rem; } [dir=ltr] .nb-theme-dark nb-calendar-day-picker nb-calendar-week-numbers { border-right: 1px solid #171d33; } [dir=rtl] .nb-theme-dark nb-calendar-day-picker nb-calendar-week-numbers { border-left: 1px solid #171d33; } .nb-theme-dark nb-calendar-picker .day-cell { width: 2.75rem; height: 2.75rem; } .nb-theme-dark nb-calendar-picker .day-cell.size-large { width: 3rem; height: 3rem; } .nb-theme-dark nb-calendar-picker .month-cell { width: 4.8125rem; height: 2.75rem; } .nb-theme-dark nb-calendar-picker .month-cell.size-large { width: 5.25rem; height: 3rem; } .nb-theme-dark nb-calendar-picker .year-cell { width: 4.8125rem; height: 2.75rem; } .nb-theme-dark nb-calendar-picker .year-cell.size-large { width: 5.25rem; height: 3rem; } .nb-theme-dark nb-calendar-picker .cell-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; border-radius: 0.25rem; } .nb-theme-dark nb-calendar-picker .day-cell, .nb-theme-dark nb-calendar-picker .month-cell, .nb-theme-dark nb-calendar-picker .year-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; color: white; text-transform: uppercase; cursor: pointer; } .nb-theme-dark nb-calendar-picker .day-cell, .nb-theme-dark nb-calendar-picker .day-cell .cell-content, .nb-theme-dark nb-calendar-picker .month-cell, .nb-theme-dark nb-calendar-picker .month-cell .cell-content, .nb-theme-dark nb-calendar-picker .year-cell, .nb-theme-dark nb-calendar-picker .year-cell .cell-content { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: background-color, border-color, color; transition-property: background-color, border-color, color; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .nb-theme-dark nb-calendar-picker .day-cell.empty, .nb-theme-dark nb-calendar-picker .day-cell.disabled, .nb-theme-dark nb-calendar-picker .month-cell.empty, .nb-theme-dark nb-calendar-picker .month-cell.disabled, .nb-theme-dark nb-calendar-picker .year-cell.empty, .nb-theme-dark nb-calendar-picker .year-cell.disabled { cursor: default; } .nb-theme-dark nb-calendar-picker .day-cell.bounding-month, .nb-theme-dark nb-calendar-picker .month-cell.bounding-month, .nb-theme-dark nb-calendar-picker .year-cell.bounding-month { color: #9fa9bd; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty):hover .cell-content, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty):hover .cell-content, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty):hover .cell-content { background-color: #202840; border-color: #202840; color: white; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty):active .cell-content, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty):active .cell-content, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty):active .cell-content { background-color: #d93f27; border-color: #d93f27; color: white; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content { background-color: rgba(51, 102, 255, 0.08); border: 1px solid #fe9339; color: white; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:hover, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:hover, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:active, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:active, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:active { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content { background-color: #fe9339; border-color: #fe9339; color: white; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:hover, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:hover, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:hover { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:active, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:active, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:active { background-color: #d93f27; border-color: #d93f27; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected { background-color: #fe9339; border-radius: 0.25rem; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; color: white; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:hover, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:hover, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:hover { background-color: rgba(255, 255, 255, 0.16); border-color: transparent; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:focus, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:focus, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:focus { background-color: rgba(255, 255, 255, 0.24); border-color: transparent; } .nb-theme-dark nb-calendar-picker .day-cell.disabled, .nb-theme-dark nb-calendar-picker .month-cell.disabled, .nb-theme-dark nb-calendar-picker .year-cell.disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-calendar-picker .day-cell.disabled.today .cell-content, .nb-theme-dark nb-calendar-picker .month-cell.disabled.today .cell-content, .nb-theme-dark nb-calendar-picker .year-cell.disabled.today .cell-content { border: 1px solid #131729; } .nb-theme-dark nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty) { background-color: #fe9339; border-radius: 0; } [dir=ltr] .nb-theme-dark nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } [dir=rtl] .nb-theme-dark nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=ltr] .nb-theme-dark nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=rtl] .nb-theme-dark nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .nb-theme-dark nb-base-calendar nb-card { background-color: #2a344f; border: 0.0625rem solid #131729; -webkit-box-shadow: none; box-shadow: none; margin: 0; width: 20.625rem; overflow: hidden; } .nb-theme-dark nb-base-calendar nb-card-body { padding: 0; } .nb-theme-dark nb-base-calendar .calendar-navigation { border: none; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.625rem 0.25rem; color: white; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-dark nb-base-calendar:not(.has-navigation) nb-calendar-week-numbers .sign-container, .nb-theme-dark nb-base-calendar:not(.has-navigation) nb-calendar-days-names { border-top: 0; } .nb-theme-dark nb-base-calendar.has-week-number nb-card { width: calc(20.625rem + 2.75rem + 1px); } .nb-theme-dark nb-base-calendar.has-week-number .month-cell, .nb-theme-dark nb-base-calendar.has-week-number .year-cell { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .nb-theme-dark nb-base-calendar.size-large nb-card { width: 22.375rem; } .nb-theme-dark nb-base-calendar.size-large.has-week-number nb-card { width: calc(22.375rem + 3rem + 1px); } .nb-theme-dark nb-card { background-color: #202840; border: 0.0625rem solid #131729; border-radius: 0.25rem; -webkit-box-shadow: none; box-shadow: none; color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; margin-bottom: 1.875rem; scrollbar-face-color: #131729; scrollbar-track-color: #202840; } .nb-theme-dark nb-card::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-card::-webkit-scrollbar-thumb { background: #131729; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-card::-webkit-scrollbar-track { background: #202840; } .nb-theme-dark nb-card.size-tiny { height: 13.5rem; } .nb-theme-dark nb-card.size-small { height: 21.1875rem; } .nb-theme-dark nb-card.size-medium { height: 28.875rem; } .nb-theme-dark nb-card.size-large { height: 36.5625rem; } .nb-theme-dark nb-card.size-giant { height: 44.25rem; } .nb-theme-dark nb-card.status-basic nb-card-header { background-color: #202840; border-bottom-width: 0; border-bottom-color: #202840; color: white; } .nb-theme-dark nb-card.status-basic nb-card-header a, .nb-theme-dark nb-card.status-basic nb-card-header a:hover { color: white; } .nb-theme-dark nb-card.status-primary nb-card-header { background-color: #fe9339; border-bottom-width: 0; border-bottom-color: #fe9339; color: white; } .nb-theme-dark nb-card.status-primary nb-card-header a, .nb-theme-dark nb-card.status-primary nb-card-header a:hover { color: white; } .nb-theme-dark nb-card.status-success nb-card-header { background-color: #00b383; border-bottom-width: 0; border-bottom-color: #00b383; color: white; } .nb-theme-dark nb-card.status-success nb-card-header a, .nb-theme-dark nb-card.status-success nb-card-header a:hover { color: white; } .nb-theme-dark nb-card.status-warning nb-card-header { background-color: #e6c813; border-bottom-width: 0; border-bottom-color: #e6c813; color: white; } .nb-theme-dark nb-card.status-warning nb-card-header a, .nb-theme-dark nb-card.status-warning nb-card-header a:hover { color: white; } .nb-theme-dark nb-card.status-danger nb-card-header { background-color: #ef0000; border-bottom-width: 0; border-bottom-color: #ef0000; color: white; } .nb-theme-dark nb-card.status-danger nb-card-header a, .nb-theme-dark nb-card.status-danger nb-card-header a:hover { color: white; } .nb-theme-dark nb-card.status-info nb-card-header { background-color: #339ce7; border-bottom-width: 0; border-bottom-color: #339ce7; color: white; } .nb-theme-dark nb-card.status-info nb-card-header a, .nb-theme-dark nb-card.status-info nb-card-header a:hover { color: white; } .nb-theme-dark nb-card.status-control nb-card-header { background-color: white; border-bottom-width: 0; border-bottom-color: white; color: #2a344f; } .nb-theme-dark nb-card.status-control nb-card-header a, .nb-theme-dark nb-card.status-control nb-card-header a:hover { color: #2a344f; } .nb-theme-dark nb-card.accent-basic { border-top-color: #202840; } .nb-theme-dark nb-card.accent-primary { border-top-color: #fe9339; } .nb-theme-dark nb-card.accent-success { border-top-color: #00b383; } .nb-theme-dark nb-card.accent-warning { border-top-color: #e6c813; } .nb-theme-dark nb-card.accent-danger { border-top-color: #ef0000; } .nb-theme-dark nb-card.accent-info { border-top-color: #339ce7; } .nb-theme-dark nb-card.accent-control { border-top-color: white; } .nb-theme-dark nb-card.accent { border-top-style: solid; border-top-width: 0.25rem; } .nb-theme-dark nb-card.accent nb-card-header { border-radius: 0; } .nb-theme-dark nb-card-body { -webkit-box-flex: 1; flex: 1; -ms-flex: 1 1 auto; overflow: auto; padding: 1rem 1.5rem; position: relative; scrollbar-face-color: #131729; scrollbar-track-color: #202840; } .nb-theme-dark nb-card-body::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-card-body::-webkit-scrollbar-thumb { background: #131729; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-card-body::-webkit-scrollbar-track { background: #202840; } .nb-theme-dark nb-card-footer { padding: 1rem 1.5rem; border-top: 1px solid #171d33; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .nb-theme-dark nb-card-header { padding: 1rem 1.5rem; border-bottom: 1px solid #171d33; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-card-header h1 { margin: 0; } .nb-theme-dark nb-card-header h2 { margin: 0; } .nb-theme-dark nb-card-header h3 { margin: 0; } .nb-theme-dark nb-card-header h4 { margin: 0; } .nb-theme-dark nb-card-header h5 { margin: 0; } .nb-theme-dark nb-card-header h6 { margin: 0; } .nb-theme-dark nb-reveal-card { -webkit-box-shadow: none; box-shadow: none; margin-bottom: 1.875rem; } .nb-theme-dark .second-card-container { height: 100%; border-radius: 0.25rem; } .nb-theme-dark .reveal-button { line-height: 1.25rem; padding: 1rem 1.5rem; } .nb-theme-dark .flip-button { line-height: 1.25rem; margin-bottom: 1.875rem; padding: 1rem 1.5rem; } [dir=ltr] .nb-theme-dark .flipcard-body .front-container { margin-right: -100%; } [dir=rtl] .nb-theme-dark .flipcard-body .front-container { margin-left: -100%; } .nb-theme-dark nb-tabset { background-color: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .nb-theme-dark nb-tabset .tabset { border-bottom: 1px solid #171d33; } .nb-theme-dark nb-tabset .tab-link { background-color: transparent; cursor: pointer; padding: 1rem 2rem; color: #9fa9bd; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; text-transform: uppercase; } .nb-theme-dark nb-tabset .tab-link::before { background-color: transparent; height: 0.25rem; } .nb-theme-dark nb-tabset nb-badge.dot-mode.position-left { left: 0.75rem; } .nb-theme-dark nb-tabset nb-badge.dot-mode.position-right { right: 0.75rem; } [dir=ltr] .nb-theme-dark nb-tabset nb-badge.dot-mode.position-start { left: 0.75rem; } [dir=rtl] .nb-theme-dark nb-tabset nb-badge.dot-mode.position-start { right: 0.75rem; } [dir=ltr] .nb-theme-dark nb-tabset nb-badge.dot-mode.position-end { right: 0.75rem; } [dir=rtl] .nb-theme-dark nb-tabset nb-badge.dot-mode.position-end { left: 0.75rem; } .nb-theme-dark nb-tabset .tab.active .tab-link { background-color: transparent; color: #fe9339; } .nb-theme-dark nb-tabset .tab.active .tab-link::before { background-color: #fe9339; } .nb-theme-dark nb-tabset .tab:focus .tab-link { background-color: transparent; color: #d93f27; } .nb-theme-dark nb-tabset .tab:focus .tab-link::before { background-color: #d93f27; } .nb-theme-dark nb-tabset .tab:hover .tab-link { color: #eb7d21; background-color: transparent; } .nb-theme-dark nb-tabset .tab:hover .tab-link::before { background-color: #eb7d21; } .nb-theme-dark nb-tabset .tab.disabled { cursor: default; pointer-events: none; } .nb-theme-dark nb-tabset .tab.disabled .tab-link { background-color: transparent; color: rgba(143, 155, 179, 0.48); cursor: default; pointer-events: none; } .nb-theme-dark nb-tabset .tab.disabled .tab-link::before { background-color: transparent; } @media screen and (max-width: 36rem) { .nb-theme-dark nb-tabset .tab.responsive .tab-text { display: none; } } .nb-theme-dark nb-tabset nb-tab { background-color: transparent; color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 1rem 2rem; scrollbar-face-color: #131729; scrollbar-track-color: #202840; } .nb-theme-dark nb-tabset nb-tab::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-tabset nb-tab::-webkit-scrollbar-thumb { background: #131729; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-tabset nb-tab::-webkit-scrollbar-track { background: #202840; } .nb-theme-dark nb-route-tabset { scrollbar-face-color: #131729; scrollbar-track-color: #202840; background-color: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .nb-theme-dark nb-route-tabset::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-route-tabset::-webkit-scrollbar-thumb { background: #131729; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-route-tabset::-webkit-scrollbar-track { background: #202840; } .nb-theme-dark nb-route-tabset .route-tabset { border-bottom: 1px solid #171d33; } .nb-theme-dark nb-route-tabset .tab-link { background-color: transparent; cursor: pointer; padding: 1rem 2rem; color: #9fa9bd; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; text-transform: uppercase; } .nb-theme-dark nb-route-tabset .tab-link::before { background-color: transparent; height: 0.25rem; } .nb-theme-dark nb-route-tabset .route-tab.active .tab-link { background-color: transparent; color: #fe9339; } .nb-theme-dark nb-route-tabset .route-tab.active .tab-link::before { background-color: #fe9339; } .nb-theme-dark nb-route-tabset .route-tab:focus .tab-link { background-color: transparent; color: #d93f27; } .nb-theme-dark nb-route-tabset .route-tab:focus .tab-link::before { background-color: #d93f27; } .nb-theme-dark nb-route-tabset .route-tab:hover .tab-link { background-color: transparent; color: #eb7d21; } .nb-theme-dark nb-route-tabset .route-tab:hover .tab-link::before { background-color: #eb7d21; } .nb-theme-dark nb-route-tabset .route-tab.disabled { cursor: default; pointer-events: none; } .nb-theme-dark nb-route-tabset .route-tab.disabled .tab-link { background-color: transparent; color: rgba(143, 155, 179, 0.48); cursor: default; pointer-events: none; } .nb-theme-dark nb-route-tabset .route-tab.disabled .tab-link::before { background-color: transparent; } @media screen and (max-width: 36rem) { .nb-theme-dark nb-route-tabset .route-tab.responsive .tab-text { display: none; } } .nb-theme-dark nb-menu { background-color: transparent; } .nb-theme-dark nb-menu ul.menu-items { margin: 0; padding: 0; } .nb-theme-dark nb-menu .menu-group, .nb-theme-dark nb-menu .menu-item a { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.75rem 1rem; } .nb-theme-dark nb-menu .menu-group, .nb-theme-dark nb-menu .menu-group nb-icon.menu-icon { color: #9fa9bd; } .nb-theme-dark nb-menu .menu-item a { color: white; border-radius: 0; } .nb-theme-dark nb-menu .menu-item a.active { background-color: transparent; color: #fe9339; } .nb-theme-dark nb-menu .menu-item a.active .menu-icon { color: #fe9339; } .nb-theme-dark nb-menu .menu-item a:hover { background-color: transparent; color: #eb7d21; cursor: pointer; } .nb-theme-dark nb-menu .menu-item a:hover .menu-icon { color: #eb7d21; } .nb-theme-dark nb-menu .menu-item .menu-icon { color: #9fa9bd; font-size: 1.25rem; margin: 0 0.5rem 0 0; width: 1em; text-align: center; } .nb-theme-dark nb-menu .menu-item .expand-state { color: #9fa9bd; } .nb-theme-dark nb-menu .menu-item { border-bottom: 1px solid #171d33; } .nb-theme-dark nb-menu .menu-item:first-child { border-top: none; } .nb-theme-dark nb-menu .menu-item:last-child { border-bottom: none; } .nb-theme-dark nb-menu .menu-item .menu-item:first-child { border-top: 1px solid #171d33; } .nb-theme-dark nb-menu .menu-item > .menu-items { background-color: transparent; margin: 0; padding: 0 1.25rem; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item { background: transparent; color: white; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item a { border-color: transparent; border-style: solid; border-width: 0; padding: 0.75rem 1rem; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item a.active { background-color: transparent; border-color: #fe9339; color: #fe9339; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item a.active .menu-icon { color: #fe9339; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item a:hover { background-color: transparent; border-color: transparent; color: #eb7d21; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item a:hover .menu-icon { color: #eb7d21; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item a.active:hover { background-color: transparent; border-color: #eb7d21; color: #eb7d21; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item a.active:hover .menu-icon { color: #eb7d21; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-group, .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-group nb-icon.menu-icon { color: #9fa9bd; } .nb-theme-dark nb-user .user-picture { background-color: transparent; border: 1px solid #171d33; } .nb-theme-dark nb-user .initials { color: white; font-family: Open Sans, sans-serif; font-weight: 400; } .nb-theme-dark nb-user .user-name { color: white; font-family: Open Sans, sans-serif; font-weight: 400; } .nb-theme-dark nb-user .user-title { color: white; font-family: Open Sans, sans-serif; font-weight: 400; } .nb-theme-dark nb-user.size-tiny .user-picture { height: 1.25rem; width: 1.25rem; } .nb-theme-dark nb-user.size-tiny .initials { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark nb-user.size-tiny .user-name { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark nb-user.size-tiny .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark nb-user.size-small .user-picture { height: 1.5rem; width: 1.5rem; } .nb-theme-dark nb-user.size-small .initials { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark nb-user.size-small .user-name { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark nb-user.size-small .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark nb-user.size-medium .user-picture { height: 2.5rem; width: 2.5rem; } .nb-theme-dark nb-user.size-medium .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-dark nb-user.size-medium .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-dark nb-user.size-medium .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark nb-user.size-large .user-picture { height: 3.25rem; width: 3.25rem; } .nb-theme-dark nb-user.size-large .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-dark nb-user.size-large .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-dark nb-user.size-large .user-title { font-size: 0.8125rem; line-height: 1.125rem; } .nb-theme-dark nb-user.size-giant .user-picture { height: 4rem; width: 4rem; } .nb-theme-dark nb-user.size-giant .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-dark nb-user.size-giant .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-dark nb-user.size-giant .user-title { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-dark nb-user.shape-rectangle .user-picture { border-radius: 0.5rem; } .nb-theme-dark nb-user.shape-semi-round .user-picture { border-radius: 0.75rem; } .nb-theme-dark nb-user.shape-round .user-picture { border-radius: 50%; } .nb-theme-dark nb-actions { background-color: transparent; color: white; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 1rem; } .nb-theme-dark nb-actions.size-tiny nb-action { font-size: 0.625rem; height: 1rem; padding: 0 1.25rem; } .nb-theme-dark nb-actions.size-tiny nb-action nb-icon { font-size: 1rem; } .nb-theme-dark nb-actions.size-small nb-action { font-size: 0.75rem; height: 1.5rem; padding: 0 1.25rem; } .nb-theme-dark nb-actions.size-small nb-action nb-icon { font-size: 1.5rem; } .nb-theme-dark nb-actions.size-medium nb-action { font-size: 0.875rem; height: 2.25rem; padding: 0 1.25rem; } .nb-theme-dark nb-actions.size-medium nb-action nb-icon { font-size: 2.25rem; } .nb-theme-dark nb-actions.size-large nb-action { font-size: 1rem; height: 3.5rem; padding: 0 1.25rem; } .nb-theme-dark nb-actions.size-large nb-action nb-icon { font-size: 3.5rem; } .nb-theme-dark nb-actions.size-giant nb-action { font-size: 1.125rem; height: 4rem; padding: 0 1.25rem; } .nb-theme-dark nb-actions.size-giant nb-action nb-icon { font-size: 4rem; } [dir=ltr] .nb-theme-dark nb-action { border-left: 1px solid #171d33; } [dir=rtl] .nb-theme-dark nb-action { border-right: 1px solid #171d33; } [dir=ltr] .nb-theme-dark nb-action:first-child { border-left: none !important; } [dir=rtl] .nb-theme-dark nb-action:first-child { border-right: none !important; } .nb-theme-dark nb-action nb-icon { color: #9fa9bd; } .nb-theme-dark nb-action.disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-action.disabled nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-search-field .close-button { z-index: 1; } .nb-theme-dark nb-search-field .search { background: #2a344f; } .nb-theme-dark nb-search-field .search span.info { color: #9fa9bd; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-search-field .search input { border-bottom: 1px solid #171d33; color: white; font-family: Open Sans, sans-serif; font-size: 2.25rem; font-weight: 700; line-height: 3rem; } .nb-theme-dark nb-search-field .search input::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-dark nb-search-field .search input::-moz-placeholder { color: #9fa9bd; } .nb-theme-dark nb-search-field .search input:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark nb-search-field .search input::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark nb-search-field .search input::placeholder { color: #9fa9bd; } .nb-theme-dark nb-search-field .search input::-ms-clear { display: none; } .nb-theme-dark nb-search-field.rotate-layout { opacity: 0; background: #2a344f; } .nb-theme-dark nb-search-field.modal-zoomin .search::before, .nb-theme-dark nb-search-field.modal-zoomin .search::after { border: 1.5rem solid #fe9339; } .nb-theme-dark nb-search-field.modal-half .form-wrapper { background: #2a344f; } .nb-theme-dark nb-search-field.modal-half .search::before { background: #fe9339; } .nb-theme-dark nb-search-field.modal-drop .form-content::after { background: #171d33; } .nb-theme-dark nb-search-field.modal-drop .search::before { background: #2a344f; } .nb-theme-dark nb-search-field.curtain .search::after { background: #2a344f; } .nb-theme-dark nb-search-field.curtain .search { background: #2a344f; } .nb-theme-dark nb-search-field.column-curtain::before { background: #2a344f; } .nb-theme-dark nb-search-field.column-curtain::after { background: transparent; } .nb-theme-dark nb-search-field.column-curtain.show::after { background: #fe9339; } .nb-theme-dark .nb-spinner-container { position: relative; } .nb-theme-dark nb-spinner .message { color: white; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-dark nb-spinner.status-basic { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-dark nb-spinner.status-basic .spin-circle { border-top-color: #9fa9bd; border-right-color: transparent; border-bottom-color: #9fa9bd; border-left-color: #9fa9bd; } .nb-theme-dark nb-spinner.status-primary { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-dark nb-spinner.status-primary .spin-circle { border-top-color: #fe9339; border-right-color: transparent; border-bottom-color: #fe9339; border-left-color: #fe9339; } .nb-theme-dark nb-spinner.status-success { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-dark nb-spinner.status-success .spin-circle { border-top-color: #00b383; border-right-color: transparent; border-bottom-color: #00b383; border-left-color: #00b383; } .nb-theme-dark nb-spinner.status-warning { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-dark nb-spinner.status-warning .spin-circle { border-top-color: #e6c813; border-right-color: transparent; border-bottom-color: #e6c813; border-left-color: #e6c813; } .nb-theme-dark nb-spinner.status-danger { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-dark nb-spinner.status-danger .spin-circle { border-top-color: #ef0000; border-right-color: transparent; border-bottom-color: #ef0000; border-left-color: #ef0000; } .nb-theme-dark nb-spinner.status-info { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-dark nb-spinner.status-info .spin-circle { border-top-color: #339ce7; border-right-color: transparent; border-bottom-color: #339ce7; border-left-color: #339ce7; } .nb-theme-dark nb-spinner.status-control { background-color: rgba(255, 255, 255, 0.16); } .nb-theme-dark nb-spinner.status-control .spin-circle { border-top-color: white; border-right-color: transparent; border-bottom-color: white; border-left-color: white; } .nb-theme-dark nb-spinner.size-tiny { font-size: 1rem; } .nb-theme-dark nb-spinner.size-small { font-size: 1.25rem; } .nb-theme-dark nb-spinner.size-medium { font-size: 1.5rem; } .nb-theme-dark nb-spinner.size-large { font-size: 1.75rem; } .nb-theme-dark nb-spinner.size-giant { font-size: 2rem; } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 40% { -webkit-transform: rotate(230deg); transform: rotate(230deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .nb-theme-dark .nb-timepicker-container { width: 20rem; height: 26.1875rem; } .nb-theme-dark .nb-timepicker-container .list-item { color: white; font-size: 0.9375rem; font-family: Open Sans, sans-serif; height: 2.75rem; line-height: 1.5rem; font-weight: 600; } .nb-theme-dark .nb-timepicker-container .list-item:first-child { border-top: none; } .nb-theme-dark .nb-timepicker-container .list-item:hover { background-color: #202840; color: white; } .nb-theme-dark .nb-timepicker-container .list-item:focus { background-color: #dfe4f0; color: white; } .nb-theme-dark .nb-timepicker-container .list-item.selected { background-color: #fe9339; color: white; } .nb-theme-dark .nb-timepicker-container .values-list { scrollbar-face-color: #131729; scrollbar-track-color: #202840; } [dir=ltr] .nb-theme-dark .nb-timepicker-container .values-list:not(:last-of-type) { border-right: 0.0625rem solid #131729; } [dir=rtl] .nb-theme-dark .nb-timepicker-container .values-list:not(:last-of-type) { border-left: 0.0625rem solid #131729; } .nb-theme-dark .nb-timepicker-container .values-list::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark .nb-timepicker-container .values-list::-webkit-scrollbar-thumb { background: #131729; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark .nb-timepicker-container .values-list::-webkit-scrollbar-track { background: #202840; } [dir=ltr] .nb-theme-dark .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) { margin-right: -0.3125rem; } [dir=rtl] .nb-theme-dark .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) { margin-left: -0.3125rem; } .nb-theme-dark .nb-timepicker-container .header-cell { color: #9fa9bd; font-size: 0.9375rem; font-family: Open Sans, sans-serif; height: 2.75rem; line-height: 1.5rem; font-weight: 600; } [dir=ltr] .nb-theme-dark .nb-timepicker-container .header-cell:not(:last-child) { border-right: 0.0625rem solid #131729; } [dir=rtl] .nb-theme-dark .nb-timepicker-container .header-cell:not(:last-child) { border-left: 0.0625rem solid #131729; } .nb-theme-dark .nb-timepicker-container .column-header { border-bottom: 0.0625rem solid #131729; } [dir=ltr] .nb-theme-dark .nb-timepicker-container .actions-footer { padding-left: 0.625rem; } [dir=rtl] .nb-theme-dark .nb-timepicker-container .actions-footer { padding-right: 0.625rem; } .nb-theme-dark nb-checkbox .label { padding: 0; } .nb-theme-dark nb-checkbox .custom-checkbox { width: 1.25rem; height: 1.25rem; border-style: solid; border-width: 1px; border-radius: 3px; position: relative; } .nb-theme-dark nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox { -webkit-box-shadow: 0 0 0 0.375rem #424d69; box-shadow: 0 0 0 0.375rem #424d69; } .nb-theme-dark nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox:not(:hover):not(:active) { -webkit-box-shadow: 0 0 0 0.375rem #424d69, inset 0 0 0 100vmax #424d69; box-shadow: 0 0 0 0.375rem #424d69, inset 0 0 0 100vmax #424d69; } .nb-theme-dark nb-checkbox .native-input:focus:checked + .custom-checkbox { -webkit-box-shadow: 0 0 0 0.375rem #424d69; box-shadow: 0 0 0 0.375rem #424d69; } .nb-theme-dark nb-checkbox nb-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50%; } .nb-theme-dark nb-checkbox .text { font-family: Open Sans, sans-serif; font-size: 13px; font-weight: 500; line-height: 24px; } [dir=ltr] .nb-theme-dark nb-checkbox .text:not(:empty) { padding-left: 0.6875rem; } [dir=rtl] .nb-theme-dark nb-checkbox .text:not(:empty) { padding-right: 0.6875rem; } .nb-theme-dark nb-checkbox.status-basic .custom-checkbox { background-color: rgba(143, 155, 179, 0.08); border-color: #9fa9bd; } .nb-theme-dark nb-checkbox.status-basic .text { color: white; } .nb-theme-dark nb-checkbox.status-basic .custom-checkbox.checked { background-color: #fe9339; border-color: #fe9339; } .nb-theme-dark nb-checkbox.status-basic .custom-checkbox.checked nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-basic .custom-checkbox.indeterminate { background-color: #fe9339; border-color: #fe9339; } .nb-theme-dark nb-checkbox.status-basic .custom-checkbox.indeterminate nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox { background-color: rgba(143, 155, 179, 0.24); border-color: #9fa9bd; } .nb-theme-dark nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.checked { background-color: #d93f27; border-color: #b52b1b; } .nb-theme-dark nb-checkbox.status-basic .custom-checkbox:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; } .nb-theme-dark nb-checkbox.status-basic .custom-checkbox:hover.indeterminate, .nb-theme-dark nb-checkbox.status-basic .custom-checkbox:hover.checked { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-dark nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox { background-color: rgba(143, 155, 179, 0.24); border-color: #9fa9bd; } .nb-theme-dark nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.checked { background-color: #d93f27; border-color: #d93f27; } .nb-theme-dark nb-checkbox.status-basic .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-checkbox.status-basic .native-input:disabled + .custom-checkbox nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-basic .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-basic .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-dark nb-checkbox.status-basic .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-primary .custom-checkbox { background-color: rgba(51, 102, 255, 0.08); border-color: #fe9339; } .nb-theme-dark nb-checkbox.status-primary .text { color: white; } .nb-theme-dark nb-checkbox.status-primary .custom-checkbox.checked { background-color: #fe9339; border-color: #fe9339; } .nb-theme-dark nb-checkbox.status-primary .custom-checkbox.checked nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-primary .custom-checkbox.indeterminate { background-color: #fe9339; border-color: #fe9339; } .nb-theme-dark nb-checkbox.status-primary .custom-checkbox.indeterminate nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-dark nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.checked { background-color: #d93f27; border-color: #b52b1b; } .nb-theme-dark nb-checkbox.status-primary .custom-checkbox:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; } .nb-theme-dark nb-checkbox.status-primary .custom-checkbox:hover.indeterminate, .nb-theme-dark nb-checkbox.status-primary .custom-checkbox:hover.checked { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-dark nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-dark nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.checked { background-color: #d93f27; border-color: #d93f27; } .nb-theme-dark nb-checkbox.status-primary .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-checkbox.status-primary .native-input:disabled + .custom-checkbox nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-primary .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-primary .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-dark nb-checkbox.status-primary .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-success .custom-checkbox { background-color: rgba(0, 214, 143, 0.08); border-color: #00b383; } .nb-theme-dark nb-checkbox.status-success .text { color: white; } .nb-theme-dark nb-checkbox.status-success .custom-checkbox.checked { background-color: #00b383; border-color: #00b383; } .nb-theme-dark nb-checkbox.status-success .custom-checkbox.checked nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-success .custom-checkbox.indeterminate { background-color: #00b383; border-color: #00b383; } .nb-theme-dark nb-checkbox.status-success .custom-checkbox.indeterminate nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; } .nb-theme-dark nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.checked { background-color: #009975; border-color: #008066; } .nb-theme-dark nb-checkbox.status-success .custom-checkbox:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00b383; } .nb-theme-dark nb-checkbox.status-success .custom-checkbox:hover.indeterminate, .nb-theme-dark nb-checkbox.status-success .custom-checkbox:hover.checked { background-color: #28d1a4; border-color: #28d1a4; } .nb-theme-dark nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; } .nb-theme-dark nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.checked { background-color: #009975; border-color: #009975; } .nb-theme-dark nb-checkbox.status-success .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-checkbox.status-success .native-input:disabled + .custom-checkbox nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-success .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-success .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-dark nb-checkbox.status-success .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-warning .custom-checkbox { background-color: rgba(255, 170, 0, 0.08); border-color: #e6c813; } .nb-theme-dark nb-checkbox.status-warning .text { color: white; } .nb-theme-dark nb-checkbox.status-warning .custom-checkbox.checked { background-color: #e6c813; border-color: #e6c813; } .nb-theme-dark nb-checkbox.status-warning .custom-checkbox.checked nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-warning .custom-checkbox.indeterminate { background-color: #e6c813; border-color: #e6c813; } .nb-theme-dark nb-checkbox.status-warning .custom-checkbox.indeterminate nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; } .nb-theme-dark nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.checked { background-color: #c5a80d; border-color: #a58a09; } .nb-theme-dark nb-checkbox.status-warning .custom-checkbox:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #e6c813; } .nb-theme-dark nb-checkbox.status-warning .custom-checkbox:hover.indeterminate, .nb-theme-dark nb-checkbox.status-warning .custom-checkbox:hover.checked { background-color: #f0da4a; border-color: #f0da4a; } .nb-theme-dark nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; } .nb-theme-dark nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.checked { background-color: #c5a80d; border-color: #c5a80d; } .nb-theme-dark nb-checkbox.status-warning .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-checkbox.status-warning .native-input:disabled + .custom-checkbox nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-warning .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-warning .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-dark nb-checkbox.status-warning .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-danger .custom-checkbox { background-color: rgba(255, 61, 113, 0.08); border-color: #ef0000; } .nb-theme-dark nb-checkbox.status-danger .text { color: white; } .nb-theme-dark nb-checkbox.status-danger .custom-checkbox.checked { background-color: #ef0000; border-color: #ef0000; } .nb-theme-dark nb-checkbox.status-danger .custom-checkbox.checked nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-danger .custom-checkbox.indeterminate { background-color: #ef0000; border-color: #ef0000; } .nb-theme-dark nb-checkbox.status-danger .custom-checkbox.indeterminate nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; } .nb-theme-dark nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.checked { background-color: #cd0011; border-color: #ac001d; } .nb-theme-dark nb-checkbox.status-danger .custom-checkbox:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ef0000; } .nb-theme-dark nb-checkbox.status-danger .custom-checkbox:hover.indeterminate, .nb-theme-dark nb-checkbox.status-danger .custom-checkbox:hover.checked { background-color: #f54d3d; border-color: #f54d3d; } .nb-theme-dark nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; } .nb-theme-dark nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.checked { background-color: #cd0011; border-color: #cd0011; } .nb-theme-dark nb-checkbox.status-danger .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-checkbox.status-danger .native-input:disabled + .custom-checkbox nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-danger .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-danger .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-dark nb-checkbox.status-danger .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-info .custom-checkbox { background-color: rgba(0, 149, 255, 0.08); border-color: #339ce7; } .nb-theme-dark nb-checkbox.status-info .text { color: white; } .nb-theme-dark nb-checkbox.status-info .custom-checkbox.checked { background-color: #339ce7; border-color: #339ce7; } .nb-theme-dark nb-checkbox.status-info .custom-checkbox.checked nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-info .custom-checkbox.indeterminate { background-color: #339ce7; border-color: #339ce7; } .nb-theme-dark nb-checkbox.status-info .custom-checkbox.indeterminate nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; } .nb-theme-dark nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.checked { background-color: #257ac6; border-color: #195ba6; } .nb-theme-dark nb-checkbox.status-info .custom-checkbox:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #339ce7; } .nb-theme-dark nb-checkbox.status-info .custom-checkbox:hover.indeterminate, .nb-theme-dark nb-checkbox.status-info .custom-checkbox:hover.checked { background-color: #63bef0; border-color: #63bef0; } .nb-theme-dark nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; } .nb-theme-dark nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.checked { background-color: #257ac6; border-color: #257ac6; } .nb-theme-dark nb-checkbox.status-info .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-checkbox.status-info .native-input:disabled + .custom-checkbox nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-info .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-info .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-dark nb-checkbox.status-info .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-control .custom-checkbox { background-color: rgba(255, 255, 255, 0.08); border-color: white; } .nb-theme-dark nb-checkbox.status-control .text { color: white; } .nb-theme-dark nb-checkbox.status-control .custom-checkbox.checked { background-color: white; border-color: white; } .nb-theme-dark nb-checkbox.status-control .custom-checkbox.checked nb-icon { color: #2a344f; } .nb-theme-dark nb-checkbox.status-control .custom-checkbox.indeterminate { background-color: white; border-color: white; } .nb-theme-dark nb-checkbox.status-control .custom-checkbox.indeterminate nb-icon { color: #2a344f; } .nb-theme-dark nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-dark nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.checked { background-color: #edf1f7; border-color: #c5ccdb; } .nb-theme-dark nb-checkbox.status-control .custom-checkbox:hover { background-color: rgba(255, 255, 255, 0.16); border-color: white; } .nb-theme-dark nb-checkbox.status-control .custom-checkbox:hover.indeterminate, .nb-theme-dark nb-checkbox.status-control .custom-checkbox:hover.checked { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-dark nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-dark nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.checked { background-color: #edf1f7; border-color: #edf1f7; } .nb-theme-dark nb-checkbox.status-control .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-checkbox.status-control .native-input:disabled + .custom-checkbox nb-icon { color: white; } .nb-theme-dark nb-checkbox.status-control .native-input:disabled ~ .text { color: white; } .nb-theme-dark nb-checkbox.status-control .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-dark nb-checkbox.status-control .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle .toggle { height: 1.875rem; width: 3.125rem; border-width: 1px; border-style: solid; border-radius: 100px; cursor: pointer; /* We need to set initial positions as Angular animations won't work in IE11 if positions have no initial value. Setting it in SCSS as we don't have access to theme variables from TS. */ } [dir=ltr] .nb-theme-dark nb-toggle .toggle.checked .toggle-switcher { left: calc(100% - 1.75rem - 1px - 1px); } [dir=ltr] .nb-theme-dark nb-toggle .toggle:not(.checked) .toggle-switcher { right: 0; } [dir=rtl] .nb-theme-dark nb-toggle .toggle.checked .toggle-switcher { right: calc(100% - 1.75rem - 1px - 1px); } [dir=rtl] .nb-theme-dark nb-toggle .toggle:not(.checked) .toggle-switcher { left: 0; } .nb-theme-dark nb-toggle .native-input:enabled:focus + .toggle { -webkit-box-shadow: 0 0 0 0.375rem #424d69; box-shadow: 0 0 0 0.375rem #424d69; } .nb-theme-dark nb-toggle .native-input:disabled + .toggle { cursor: default; } .nb-theme-dark nb-toggle .toggle-switcher { width: 1.75rem; height: 1.75rem; } .nb-theme-dark nb-toggle .toggle-switcher nb-icon { height: 0.75rem; width: 0.75rem; } .nb-theme-dark nb-toggle .text { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-toggle.status-basic .text { color: white; } .nb-theme-dark nb-toggle.status-basic .toggle { background-color: rgba(143, 155, 179, 0.08); border-color: #9fa9bd; } .nb-theme-dark nb-toggle.status-basic .toggle.checked { background-color: #fe9339; border-color: #fe9339; } .nb-theme-dark nb-toggle.status-basic .native-input:enabled:focus + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-dark nb-toggle.status-basic .native-input:enabled:focus + .toggle.checked { background-color: #d93f27; border-color: #b52b1b; } .nb-theme-dark nb-toggle.status-basic .native-input:enabled:active + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-dark nb-toggle.status-basic .native-input:enabled:active + .toggle.checked { background-color: #d93f27; border-color: #d93f27; } .nb-theme-dark nb-toggle.status-basic .native-input:enabled + .toggle:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; } .nb-theme-dark nb-toggle.status-basic .native-input:enabled + .toggle:hover.checked { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-dark nb-toggle.status-basic .toggle-switcher { background-color: #2a344f; } .nb-theme-dark nb-toggle.status-basic .toggle-switcher nb-icon { color: #fe9339; } .nb-theme-dark nb-toggle.status-basic .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher nb-icon { color: white; } .nb-theme-dark nb-toggle.status-basic .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle.status-primary .text { color: white; } .nb-theme-dark nb-toggle.status-primary .toggle { background-color: rgba(51, 102, 255, 0.08); border-color: #fe9339; } .nb-theme-dark nb-toggle.status-primary .toggle.checked { background-color: #fe9339; border-color: #fe9339; } .nb-theme-dark nb-toggle.status-primary .native-input:enabled:focus + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-dark nb-toggle.status-primary .native-input:enabled:focus + .toggle.checked { background-color: #d93f27; border-color: #b52b1b; } .nb-theme-dark nb-toggle.status-primary .native-input:enabled:active + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-dark nb-toggle.status-primary .native-input:enabled:active + .toggle.checked { background-color: #d93f27; border-color: #d93f27; } .nb-theme-dark nb-toggle.status-primary .native-input:enabled + .toggle:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; } .nb-theme-dark nb-toggle.status-primary .native-input:enabled + .toggle:hover.checked { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-dark nb-toggle.status-primary .toggle-switcher { background-color: #2a344f; } .nb-theme-dark nb-toggle.status-primary .toggle-switcher nb-icon { color: #fe9339; } .nb-theme-dark nb-toggle.status-primary .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher nb-icon { color: white; } .nb-theme-dark nb-toggle.status-primary .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle.status-success .text { color: white; } .nb-theme-dark nb-toggle.status-success .toggle { background-color: rgba(0, 214, 143, 0.08); border-color: #00b383; } .nb-theme-dark nb-toggle.status-success .toggle.checked { background-color: #00b383; border-color: #00b383; } .nb-theme-dark nb-toggle.status-success .native-input:enabled:focus + .toggle { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; } .nb-theme-dark nb-toggle.status-success .native-input:enabled:focus + .toggle.checked { background-color: #009975; border-color: #008066; } .nb-theme-dark nb-toggle.status-success .native-input:enabled:active + .toggle { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; } .nb-theme-dark nb-toggle.status-success .native-input:enabled:active + .toggle.checked { background-color: #009975; border-color: #009975; } .nb-theme-dark nb-toggle.status-success .native-input:enabled + .toggle:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00b383; } .nb-theme-dark nb-toggle.status-success .native-input:enabled + .toggle:hover.checked { background-color: #28d1a4; border-color: #28d1a4; } .nb-theme-dark nb-toggle.status-success .toggle-switcher { background-color: #2a344f; } .nb-theme-dark nb-toggle.status-success .toggle-switcher nb-icon { color: #00b383; } .nb-theme-dark nb-toggle.status-success .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher nb-icon { color: white; } .nb-theme-dark nb-toggle.status-success .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle.status-warning .text { color: white; } .nb-theme-dark nb-toggle.status-warning .toggle { background-color: rgba(255, 170, 0, 0.08); border-color: #e6c813; } .nb-theme-dark nb-toggle.status-warning .toggle.checked { background-color: #e6c813; border-color: #e6c813; } .nb-theme-dark nb-toggle.status-warning .native-input:enabled:focus + .toggle { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; } .nb-theme-dark nb-toggle.status-warning .native-input:enabled:focus + .toggle.checked { background-color: #c5a80d; border-color: #a58a09; } .nb-theme-dark nb-toggle.status-warning .native-input:enabled:active + .toggle { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; } .nb-theme-dark nb-toggle.status-warning .native-input:enabled:active + .toggle.checked { background-color: #c5a80d; border-color: #c5a80d; } .nb-theme-dark nb-toggle.status-warning .native-input:enabled + .toggle:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #e6c813; } .nb-theme-dark nb-toggle.status-warning .native-input:enabled + .toggle:hover.checked { background-color: #f0da4a; border-color: #f0da4a; } .nb-theme-dark nb-toggle.status-warning .toggle-switcher { background-color: #2a344f; } .nb-theme-dark nb-toggle.status-warning .toggle-switcher nb-icon { color: #e6c813; } .nb-theme-dark nb-toggle.status-warning .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher nb-icon { color: white; } .nb-theme-dark nb-toggle.status-warning .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle.status-danger .text { color: white; } .nb-theme-dark nb-toggle.status-danger .toggle { background-color: rgba(255, 61, 113, 0.08); border-color: #ef0000; } .nb-theme-dark nb-toggle.status-danger .toggle.checked { background-color: #ef0000; border-color: #ef0000; } .nb-theme-dark nb-toggle.status-danger .native-input:enabled:focus + .toggle { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; } .nb-theme-dark nb-toggle.status-danger .native-input:enabled:focus + .toggle.checked { background-color: #cd0011; border-color: #ac001d; } .nb-theme-dark nb-toggle.status-danger .native-input:enabled:active + .toggle { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; } .nb-theme-dark nb-toggle.status-danger .native-input:enabled:active + .toggle.checked { background-color: #cd0011; border-color: #cd0011; } .nb-theme-dark nb-toggle.status-danger .native-input:enabled + .toggle:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ef0000; } .nb-theme-dark nb-toggle.status-danger .native-input:enabled + .toggle:hover.checked { background-color: #f54d3d; border-color: #f54d3d; } .nb-theme-dark nb-toggle.status-danger .toggle-switcher { background-color: #2a344f; } .nb-theme-dark nb-toggle.status-danger .toggle-switcher nb-icon { color: #ef0000; } .nb-theme-dark nb-toggle.status-danger .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher nb-icon { color: white; } .nb-theme-dark nb-toggle.status-danger .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle.status-info .text { color: white; } .nb-theme-dark nb-toggle.status-info .toggle { background-color: rgba(0, 149, 255, 0.08); border-color: #339ce7; } .nb-theme-dark nb-toggle.status-info .toggle.checked { background-color: #339ce7; border-color: #339ce7; } .nb-theme-dark nb-toggle.status-info .native-input:enabled:focus + .toggle { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; } .nb-theme-dark nb-toggle.status-info .native-input:enabled:focus + .toggle.checked { background-color: #257ac6; border-color: #195ba6; } .nb-theme-dark nb-toggle.status-info .native-input:enabled:active + .toggle { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; } .nb-theme-dark nb-toggle.status-info .native-input:enabled:active + .toggle.checked { background-color: #257ac6; border-color: #257ac6; } .nb-theme-dark nb-toggle.status-info .native-input:enabled + .toggle:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #339ce7; } .nb-theme-dark nb-toggle.status-info .native-input:enabled + .toggle:hover.checked { background-color: #63bef0; border-color: #63bef0; } .nb-theme-dark nb-toggle.status-info .toggle-switcher { background-color: #2a344f; } .nb-theme-dark nb-toggle.status-info .toggle-switcher nb-icon { color: #339ce7; } .nb-theme-dark nb-toggle.status-info .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher nb-icon { color: white; } .nb-theme-dark nb-toggle.status-info .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle.status-control .text { color: white; } .nb-theme-dark nb-toggle.status-control .toggle { background-color: rgba(255, 255, 255, 0.08); border-color: white; } .nb-theme-dark nb-toggle.status-control .toggle.checked { background-color: rgba(255, 255, 255, 0.08); border-color: white; } .nb-theme-dark nb-toggle.status-control .native-input:enabled:focus + .toggle { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-dark nb-toggle.status-control .native-input:enabled:focus + .toggle.checked { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-dark nb-toggle.status-control .native-input:enabled:active + .toggle { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-dark nb-toggle.status-control .native-input:enabled:active + .toggle.checked { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-dark nb-toggle.status-control .native-input:enabled + .toggle:hover { background-color: rgba(255, 255, 255, 0.16); border-color: white; } .nb-theme-dark nb-toggle.status-control .native-input:enabled + .toggle:hover.checked { background-color: rgba(255, 255, 255, 0.16); border-color: white; } .nb-theme-dark nb-toggle.status-control .toggle-switcher { background-color: white; } .nb-theme-dark nb-toggle.status-control .toggle-switcher nb-icon { color: #2a344f; } .nb-theme-dark nb-toggle.status-control .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher nb-icon { color: white; } .nb-theme-dark nb-toggle.status-control .native-input:disabled ~ .text { color: white; } .nb-theme-dark nb-progress-bar .progress-container { border-radius: 4px; } .nb-theme-dark nb-progress-bar .progress-value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: Open Sans, sans-serif; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transition-property: width, background-color; transition-property: width, background-color; } .nb-theme-dark nb-progress-bar.size-tiny .progress-container { height: 8px; } .nb-theme-dark nb-progress-bar.size-tiny .progress-value { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-progress-bar.size-small .progress-container { height: 1.25rem; } .nb-theme-dark nb-progress-bar.size-small .progress-value { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-progress-bar.size-medium .progress-container { height: 1.375rem; } .nb-theme-dark nb-progress-bar.size-medium .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-progress-bar.size-large .progress-container { height: 1.5rem; } .nb-theme-dark nb-progress-bar.size-large .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-progress-bar.size-giant .progress-container { height: 1.75rem; } .nb-theme-dark nb-progress-bar.size-giant .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-progress-bar.status-basic .progress-container { background-color: #202840; } .nb-theme-dark nb-progress-bar.status-basic .progress-value { background-color: #131729; color: white; } .nb-theme-dark nb-progress-bar.status-primary .progress-container { background-color: #171d33; } .nb-theme-dark nb-progress-bar.status-primary .progress-value { background-color: #fe9339; color: white; } .nb-theme-dark nb-progress-bar.status-success .progress-container { background-color: #171d33; } .nb-theme-dark nb-progress-bar.status-success .progress-value { background-color: #00b383; color: white; } .nb-theme-dark nb-progress-bar.status-warning .progress-container { background-color: #171d33; } .nb-theme-dark nb-progress-bar.status-warning .progress-value { background-color: #e6c813; color: white; } .nb-theme-dark nb-progress-bar.status-danger .progress-container { background-color: #171d33; } .nb-theme-dark nb-progress-bar.status-danger .progress-value { background-color: #ef0000; color: white; } .nb-theme-dark nb-progress-bar.status-info .progress-container { background-color: #171d33; } .nb-theme-dark nb-progress-bar.status-info .progress-value { background-color: #339ce7; color: white; } .nb-theme-dark nb-progress-bar.status-control .progress-container { background-color: #171d33; } .nb-theme-dark nb-progress-bar.status-control .progress-value { background-color: white; color: #2a344f; } .nb-theme-dark nb-badge { border-radius: 0.25rem; font-family: Open Sans, sans-serif; font-size: 0.625rem; font-weight: 700; line-height: 0.75rem; padding: 0.25rem 0.4rem; } .nb-theme-dark nb-badge.dot-mode { padding: 0.3rem; border-radius: 0.5rem; } .nb-theme-dark nb-badge.status-basic { color: white; background-color: #202840; } .nb-theme-dark nb-badge.status-primary { color: white; background-color: #fe9339; } .nb-theme-dark nb-badge.status-success { color: white; background-color: #00b383; } .nb-theme-dark nb-badge.status-warning { color: white; background-color: #e6c813; } .nb-theme-dark nb-badge.status-danger { color: white; background-color: #ef0000; } .nb-theme-dark nb-badge.status-info { color: white; background-color: #339ce7; } .nb-theme-dark nb-badge.status-control { color: #2a344f; background-color: white; } .nb-theme-dark nb-stepper.horizontal .header .step { width: 2rem; margin: 0 1rem; } .nb-theme-dark nb-stepper.horizontal .header .connector { margin: 1rem; } .nb-theme-dark nb-stepper.vertical .header .connector { margin: 1rem; } .nb-theme-dark nb-stepper .header .connector { background-color: #171d33; } .nb-theme-dark nb-stepper .header .connector-past { background-color: #fe9339; } .nb-theme-dark nb-stepper .header .label-index { border-radius: 50%; border-color: #131729; border-style: solid; border-width: 1px; width: 2rem; height: 2rem; } .nb-theme-dark nb-stepper .header .step { color: #9fa9bd; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark nb-stepper .header .step.label-index { border-color: #131729; } .nb-theme-dark nb-stepper .header .step.selected { color: #d93f27; } .nb-theme-dark nb-stepper .header .step.selected .label-index { border-color: #d93f27; } .nb-theme-dark nb-stepper .header .step.completed { color: #fe9339; } .nb-theme-dark nb-stepper .header .step.completed .label-index { background-color: #fe9339; border-color: #fe9339; color: white; } .nb-theme-dark nb-stepper .step-content { padding: 1.25rem; } .nb-theme-dark nb-alert { border-radius: 0.25rem; -webkit-box-shadow: none; box-shadow: none; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 1rem 1.125rem; margin-bottom: 1.5rem; scrollbar-face-color: #131729; scrollbar-track-color: #202840; } .nb-theme-dark nb-alert::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-alert::-webkit-scrollbar-thumb { background: #131729; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-alert::-webkit-scrollbar-track { background: #202840; } [dir=ltr] .nb-theme-dark nb-alert.closable { padding-right: 3rem; } [dir=rtl] .nb-theme-dark nb-alert.closable { padding-left: 3rem; } .nb-theme-dark nb-alert .close { padding: 1rem 1.125rem; font-size: 1.5rem; line-height: 1; cursor: pointer; font-family: monospace; } .nb-theme-dark nb-alert.size-tiny { height: 4.5rem; } .nb-theme-dark nb-alert.size-small { height: 5.75rem; } .nb-theme-dark nb-alert.size-medium { height: 7rem; } .nb-theme-dark nb-alert.size-large { height: 8.25rem; } .nb-theme-dark nb-alert.size-giant { height: 9.5rem; } .nb-theme-dark nb-alert.status-basic { color: white; background-color: #202840; } .nb-theme-dark nb-alert.status-basic a, .nb-theme-dark nb-alert.status-basic a:hover { color: white; } .nb-theme-dark nb-alert.accent-basic { border-top: 0.25rem solid #171d33; } .nb-theme-dark nb-alert.outline-basic { border: 1px solid #c5ccdb; } .nb-theme-dark nb-alert.status-primary { color: white; background-color: #fe9339; } .nb-theme-dark nb-alert.status-primary a, .nb-theme-dark nb-alert.status-primary a:hover { color: white; } .nb-theme-dark nb-alert.accent-primary { border-top: 0.25rem solid #fe9339; } .nb-theme-dark nb-alert.outline-primary { border: 1px solid #b52b1b; } .nb-theme-dark nb-alert.status-success { color: white; background-color: #00b383; } .nb-theme-dark nb-alert.status-success a, .nb-theme-dark nb-alert.status-success a:hover { color: white; } .nb-theme-dark nb-alert.accent-success { border-top: 0.25rem solid #00b383; } .nb-theme-dark nb-alert.outline-success { border: 1px solid #008066; } .nb-theme-dark nb-alert.status-warning { color: white; background-color: #e6c813; } .nb-theme-dark nb-alert.status-warning a, .nb-theme-dark nb-alert.status-warning a:hover { color: white; } .nb-theme-dark nb-alert.accent-warning { border-top: 0.25rem solid #e6c813; } .nb-theme-dark nb-alert.outline-warning { border: 1px solid #a58a09; } .nb-theme-dark nb-alert.status-danger { color: white; background-color: #ef0000; } .nb-theme-dark nb-alert.status-danger a, .nb-theme-dark nb-alert.status-danger a:hover { color: white; } .nb-theme-dark nb-alert.accent-danger { border-top: 0.25rem solid #ef0000; } .nb-theme-dark nb-alert.outline-danger { border: 1px solid #ac001d; } .nb-theme-dark nb-alert.status-info { color: white; background-color: #339ce7; } .nb-theme-dark nb-alert.status-info a, .nb-theme-dark nb-alert.status-info a:hover { color: white; } .nb-theme-dark nb-alert.accent-info { border-top: 0.25rem solid #339ce7; } .nb-theme-dark nb-alert.outline-info { border: 1px solid #195ba6; } .nb-theme-dark nb-alert.status-control { color: #2a344f; background-color: white; } .nb-theme-dark nb-alert.status-control a, .nb-theme-dark nb-alert.status-control a:hover { color: #2a344f; } .nb-theme-dark nb-alert.accent-control { border-top: 0.25rem solid white; } .nb-theme-dark nb-alert.outline-control { border: 1px solid #c5ccdb; } .nb-theme-dark nb-chat { background-color: #2a344f; border: none; border-radius: 0.25rem; -webkit-box-shadow: none; box-shadow: none; color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark nb-chat nb-icon { font-size: inherit; } .nb-theme-dark nb-chat .header { border-bottom: 1px solid #171d33; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; padding: 1rem 1.25rem; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-chat .scrollable { overflow: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; scrollbar-face-color: #131729; scrollbar-track-color: #202840; } .nb-theme-dark nb-chat .scrollable::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-chat .scrollable::-webkit-scrollbar-thumb { background: #131729; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-chat .scrollable::-webkit-scrollbar-track { background: #202840; } .nb-theme-dark nb-chat .messages { padding: 1rem 1.25rem; overflow-y: auto; overflow-x: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nb-theme-dark nb-chat .no-messages { text-align: center; } .nb-theme-dark nb-chat.size-tiny { height: 13.5rem; } .nb-theme-dark nb-chat.size-small { height: 21rem; } .nb-theme-dark nb-chat.size-medium { height: 28.5rem; } .nb-theme-dark nb-chat.size-large { height: 36rem; } .nb-theme-dark nb-chat.size-giant { height: 43.5rem; } .nb-theme-dark nb-chat.status-basic .header { background-color: #2a344f; color: white; } .nb-theme-dark nb-chat.status-primary .header { background-color: #fe9339; color: white; } .nb-theme-dark nb-chat.status-success .header { background-color: #00b383; color: white; } .nb-theme-dark nb-chat.status-warning .header { background-color: #e6c813; color: white; } .nb-theme-dark nb-chat.status-danger .header { background-color: #ef0000; color: white; } .nb-theme-dark nb-chat.status-info .header { background-color: #339ce7; color: white; } .nb-theme-dark nb-chat.status-control .header { background-color: white; color: #2a344f; } .nb-theme-dark nb-chat-message { margin-bottom: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .nb-theme-dark nb-chat-message .message { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .nb-theme-dark nb-chat-message .avatar { display: block; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; background: #c5ccdb; background-position: center; background-size: cover; background-repeat: no-repeat; width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; font-size: 0.875rem; color: white; } .nb-theme-dark nb-chat-message nb-chat-message-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nb-theme-dark nb-chat-message nb-chat-message-text .sender { font-size: 0.875rem; color: #9fa9bd; margin-top: 0; margin-bottom: 0.5rem; } .nb-theme-dark nb-chat-message nb-chat-message-text p { word-break: break-word; white-space: pre-wrap; max-width: 100%; margin-top: 0; margin-bottom: 0; } .nb-theme-dark nb-chat-message nb-chat-message-text .text { padding: 1rem; border-radius: 0.5rem; } .nb-theme-dark nb-chat-message nb-chat-message-file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nb-theme-dark nb-chat-message nb-chat-message-file a { color: #9fa9bd; background: transparent; font-size: 4rem; text-align: center; border: 1px solid #9fa9bd; width: 10rem; height: 10rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 0.5rem; } .nb-theme-dark nb-chat-message nb-chat-message-file a:hover, .nb-theme-dark nb-chat-message nb-chat-message-file a:focus { text-decoration: none; color: #9fa9bd; } .nb-theme-dark nb-chat-message nb-chat-message-file a div { background-size: cover; width: 100%; height: 100%; } .nb-theme-dark nb-chat-message nb-chat-message-file nb-chat-message-text { display: block; margin-bottom: 0.5rem; } .nb-theme-dark nb-chat-message nb-chat-message-file .message-content-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nb-theme-dark nb-chat-message nb-chat-message-file .message-content-group a { margin-bottom: 1rem; width: 5rem; height: 5rem; } [dir=ltr] .nb-theme-dark nb-chat-message nb-chat-message-file .message-content-group a { margin-right: 1rem; } [dir=rtl] .nb-theme-dark nb-chat-message nb-chat-message-file .message-content-group a { margin-left: 1rem; } .nb-theme-dark nb-chat-message nb-chat-message-quote p.quote { font-style: italic; font-size: 0.875rem; background: #202840; color: #9fa9bd; padding: 1rem; border-radius: 0.5rem; margin-top: 0; margin-bottom: 0.5rem; } .nb-theme-dark nb-chat-message nb-chat-message-quote .sender { font-size: 0.875rem; color: #9fa9bd; margin-bottom: 0.5rem; } [dir=ltr] .nb-theme-dark nb-chat-message.not-reply .message { margin-left: 0.5rem; } [dir=rtl] .nb-theme-dark nb-chat-message.not-reply .message { margin-right: 0.5rem; } [dir=ltr] .nb-theme-dark nb-chat-message.not-reply .message { margin-right: 3rem; } [dir=rtl] .nb-theme-dark nb-chat-message.not-reply .message { margin-left: 3rem; } .nb-theme-dark nb-chat-message.not-reply nb-chat-message-text { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .nb-theme-dark nb-chat-message.not-reply nb-chat-message-text .text { background: #fe9339; color: white; } [dir=ltr] .nb-theme-dark nb-chat-message.not-reply nb-chat-message-text .text { border-top-left-radius: 0; } [dir=rtl] .nb-theme-dark nb-chat-message.not-reply nb-chat-message-text .text { border-top-right-radius: 0; } .nb-theme-dark nb-chat-message.not-reply nb-chat-message-file { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .nb-theme-dark nb-chat-message.reply { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .nb-theme-dark nb-chat-message.reply .message { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-left: 0; } [dir=ltr] .nb-theme-dark nb-chat-message.reply .message { margin-right: 0.5rem; } [dir=rtl] .nb-theme-dark nb-chat-message.reply .message { margin-left: 0.5rem; } [dir=ltr] .nb-theme-dark nb-chat-message.reply .message { margin-left: 3rem; } [dir=rtl] .nb-theme-dark nb-chat-message.reply .message { margin-right: 3rem; } .nb-theme-dark nb-chat-message.reply nb-chat-message-text { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } [dir=ltr] .nb-theme-dark nb-chat-message.reply nb-chat-message-text .sender { text-align: right; } [dir=rtl] .nb-theme-dark nb-chat-message.reply nb-chat-message-text .sender { text-align: left; } .nb-theme-dark nb-chat-message.reply nb-chat-message-text .text { background: #202840; color: white; } [dir=ltr] .nb-theme-dark nb-chat-message.reply nb-chat-message-text .text { border-top-right-radius: 0; } [dir=rtl] .nb-theme-dark nb-chat-message.reply nb-chat-message-text .text { border-top-left-radius: 0; } .nb-theme-dark nb-chat-message.reply nb-chat-message-file { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .nb-theme-dark nb-chat-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 1rem 1.25rem; border-top: 1px solid #171d33; } .nb-theme-dark nb-chat-form .message-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; } .nb-theme-dark nb-chat-form input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .nb-theme-dark nb-chat-form input.with-button { border-bottom-right-radius: 0; border-top-right-radius: 0; } [dir=ltr] .nb-theme-dark nb-chat-form input.with-button { border-bottom-right-radius: 0; } [dir=ltr] .nb-theme-dark nb-chat-form input.with-button { border-top-right-radius: 0; } [dir=rtl] .nb-theme-dark nb-chat-form input.with-button { border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-dark nb-chat-form input.with-button { border-top-left-radius: 0; } .nb-theme-dark nb-chat-form .send-button nb-icon { font-size: 1.5rem; } [dir=ltr] .nb-theme-dark nb-chat-form .send-button { border-bottom-left-radius: 0; border-top-left-radius: 0; } [dir=rtl] .nb-theme-dark nb-chat-form .send-button { border-bottom-right-radius: 0; border-top-right-radius: 0; } .nb-theme-dark nb-chat-form .dropped-files { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nb-theme-dark nb-chat-form .dropped-files div { background-size: cover; width: 3rem; height: 3rem; border-radius: 0.5rem; margin-bottom: 0.5rem; border: 1px solid currentColor; text-align: center; font-size: 2rem; position: relative; } [dir=ltr] .nb-theme-dark nb-chat-form .dropped-files div { margin-right: 0.5rem; } [dir=rtl] .nb-theme-dark nb-chat-form .dropped-files div { margin-left: 0.5rem; } .nb-theme-dark nb-chat-form .dropped-files div .remove { position: absolute; right: -0.5rem; top: -0.875rem; font-size: 0.875rem; line-height: 1; cursor: pointer; } .nb-theme-dark nb-chat-form .dropped-files div nb-icon { width: 65%; height: 100%; } .nb-theme-dark .nb-custom-message { display: inline-block; padding: 1rem 1.25rem; margin-top: 0.5rem; border-radius: 0.5rem; } .nb-theme-dark .nb-custom-message-full-width { width: 100%; } .nb-theme-dark .nb-custom-message-no-space { margin-top: 0; } .nb-theme-dark .nb-custom-message-not-reply { background: #fe9339; color: white; } [dir=ltr] .nb-theme-dark .nb-custom-message-not-reply { border-top-left-radius: 0; } [dir=rtl] .nb-theme-dark .nb-custom-message-not-reply { border-top-right-radius: 0; } .nb-theme-dark .nb-custom-message-not-reply a, .nb-theme-dark .nb-custom-message-not-reply a:hover, .nb-theme-dark .nb-custom-message-not-reply a:focus { color: white; } .nb-theme-dark .nb-custom-message-reply { background: #202840; color: white; } [dir=ltr] .nb-theme-dark .nb-custom-message-reply { border-top-right-radius: 0; } [dir=rtl] .nb-theme-dark .nb-custom-message-reply { border-top-left-radius: 0; } .nb-theme-dark nb-accordion { display: block; -webkit-box-shadow: none; box-shadow: none; border-radius: none; } .nb-theme-dark nb-accordion-item-header { position: relative; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #171d33; color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 1.25rem; } .nb-theme-dark nb-accordion-item-header h1 { margin: 0; } .nb-theme-dark nb-accordion-item-header h2 { margin: 0; } .nb-theme-dark nb-accordion-item-header h3 { margin: 0; } .nb-theme-dark nb-accordion-item-header h4 { margin: 0; } .nb-theme-dark nb-accordion-item-header h5 { margin: 0; } .nb-theme-dark nb-accordion-item-header h6 { margin: 0; } .nb-theme-dark nb-accordion-item-header .expansion-indicator { position: absolute; } [dir=ltr] .nb-theme-dark nb-accordion-item-header .expansion-indicator { right: 1rem; } [dir=rtl] .nb-theme-dark nb-accordion-item-header .expansion-indicator { left: 1rem; } .nb-theme-dark nb-accordion-item { background-color: #2a344f; color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark nb-accordion-item.disabled nb-accordion-item-header { color: rgba(143, 155, 179, 0.48); cursor: default; } .nb-theme-dark nb-accordion-item:first-child { border-top-left-radius: none; border-top-right-radius: none; } .nb-theme-dark nb-accordion-item:last-child { border-bottom-left-radius: none; border-bottom-right-radius: none; } .nb-theme-dark nb-accordion-item:last-child.collapsed nb-accordion-item-header { border-bottom: none; } .nb-theme-dark nb-accordion-item:not(.collapsed) + nb-accordion-item nb-accordion-item-header { border-top-color: #171d33; border-top-style: solid; border-top-width: 1px; } .nb-theme-dark nb-accordion-item-body .item-body { -webkit-box-flex: 1; flex: 1; -ms-flex: 1 1 auto; overflow: auto; padding: 1.25rem; position: relative; } .nb-theme-dark [nbButton], .nb-theme-dark [nbButtonToggle] { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-family: Open Sans, sans-serif; font-weight: 700; } .nb-theme-dark [nbButton]:hover, .nb-theme-dark [nbButtonToggle]:hover, .nb-theme-dark [nbButton]:focus, .nb-theme-dark [nbButtonToggle]:focus { text-decoration: none; } .nb-theme-dark [nbButton].full-width, .nb-theme-dark .full-width[nbButtonToggle] { width: 100%; } .nb-theme-dark [nbButton] nb-icon, .nb-theme-dark [nbButtonToggle] nb-icon { vertical-align: top; } .nb-theme-dark [nbButton].nb-transition, .nb-theme-dark .nb-transition[nbButtonToggle] { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: background-color, border-color, color, -webkit-box-shadow; transition-property: background-color, border-color, color, -webkit-box-shadow; transition-property: background-color, border-color, box-shadow, color; transition-property: background-color, border-color, box-shadow, color, -webkit-box-shadow; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .nb-theme-dark [nbButton]:focus, .nb-theme-dark [nbButtonToggle]:focus { position: relative; outline: none; -webkit-box-shadow: 0 0 0 0.375rem #424d69; box-shadow: 0 0 0 0.375rem #424d69; } .nb-theme-dark [nbButton][disabled], .nb-theme-dark [disabled][nbButtonToggle], .nb-theme-dark [nbButton].btn-disabled, .nb-theme-dark .btn-disabled[nbButtonToggle] { cursor: default; } .nb-theme-dark [nbButton].size-tiny, .nb-theme-dark .size-tiny[nbButtonToggle] { font-size: 0.625rem; line-height: 0.75rem; } .nb-theme-dark [nbButton].size-tiny nb-icon, .nb-theme-dark .size-tiny[nbButtonToggle] nb-icon { font-size: 0.625rem; height: 0.75rem; width: 0.75rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-dark [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-dark .size-tiny.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-right: 0.375rem; } [dir=rtl] .nb-theme-dark [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-dark .size-tiny.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-left: 0.375rem; } [dir=ltr] .nb-theme-dark [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-dark .size-tiny.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-left: 0.375rem; } [dir=rtl] .nb-theme-dark [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-dark .size-tiny.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-right: 0.375rem; } .nb-theme-dark [nbButton].size-tiny.icon-start.icon-end.appearance-filled, .nb-theme-dark .size-tiny.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-dark [nbButton].size-tiny.icon-start.icon-end.appearance-outline, .nb-theme-dark .size-tiny.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-dark [nbButton].size-tiny.icon-start.icon-end.appearance-ghost, .nb-theme-dark .size-tiny.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-dark [nbButton].size-tiny.icon-start.icon-end.appearance-hero, .nb-theme-dark .size-tiny.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.5rem 0.375rem; } .nb-theme-dark [nbButton].size-small, .nb-theme-dark .size-small[nbButtonToggle] { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark [nbButton].size-small nb-icon, .nb-theme-dark .size-small[nbButtonToggle] nb-icon { font-size: 0.75rem; height: 1rem; width: 1rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-dark [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-dark .size-small.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-right: 0.375rem; } [dir=rtl] .nb-theme-dark [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-dark .size-small.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-left: 0.375rem; } [dir=ltr] .nb-theme-dark [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-dark .size-small.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-left: 0.375rem; } [dir=rtl] .nb-theme-dark [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-dark .size-small.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-right: 0.375rem; } .nb-theme-dark [nbButton].size-small.icon-start.icon-end.appearance-filled, .nb-theme-dark .size-small.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-dark [nbButton].size-small.icon-start.icon-end.appearance-outline, .nb-theme-dark .size-small.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-dark [nbButton].size-small.icon-start.icon-end.appearance-ghost, .nb-theme-dark .size-small.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-dark [nbButton].size-small.icon-start.icon-end.appearance-hero, .nb-theme-dark .size-small.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.5625rem 0.5rem; } .nb-theme-dark [nbButton].size-medium, .nb-theme-dark .size-medium[nbButtonToggle] { font-size: 0.875rem; line-height: 1rem; } .nb-theme-dark [nbButton].size-medium nb-icon, .nb-theme-dark .size-medium[nbButtonToggle] nb-icon { font-size: 0.875rem; height: 1.25rem; width: 1.25rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-dark [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-dark .size-medium.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-right: 0.5rem; } [dir=rtl] .nb-theme-dark [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-dark .size-medium.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-left: 0.5rem; } [dir=ltr] .nb-theme-dark [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-dark .size-medium.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-left: 0.5rem; } [dir=rtl] .nb-theme-dark [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-dark .size-medium.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-right: 0.5rem; } .nb-theme-dark [nbButton].size-medium.icon-start.icon-end.appearance-filled, .nb-theme-dark .size-medium.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-dark [nbButton].size-medium.icon-start.icon-end.appearance-outline, .nb-theme-dark .size-medium.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-dark [nbButton].size-medium.icon-start.icon-end.appearance-ghost, .nb-theme-dark .size-medium.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-dark [nbButton].size-medium.icon-start.icon-end.appearance-hero, .nb-theme-dark .size-medium.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.75rem 0.5625rem; } .nb-theme-dark [nbButton].size-large, .nb-theme-dark .size-large[nbButtonToggle] { font-size: 1rem; line-height: 1.25rem; } .nb-theme-dark [nbButton].size-large nb-icon, .nb-theme-dark .size-large[nbButtonToggle] nb-icon { font-size: 1rem; height: 1.5rem; width: 1.5rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-dark [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-dark .size-large.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-right: 0.75rem; } [dir=rtl] .nb-theme-dark [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-dark .size-large.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-left: 0.75rem; } [dir=ltr] .nb-theme-dark [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-dark .size-large.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-left: 0.75rem; } [dir=rtl] .nb-theme-dark [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-dark .size-large.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-right: 0.75rem; } .nb-theme-dark [nbButton].size-large.icon-start.icon-end.appearance-filled, .nb-theme-dark .size-large.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-dark [nbButton].size-large.icon-start.icon-end.appearance-outline, .nb-theme-dark .size-large.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-dark [nbButton].size-large.icon-start.icon-end.appearance-ghost, .nb-theme-dark .size-large.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-dark [nbButton].size-large.icon-start.icon-end.appearance-hero, .nb-theme-dark .size-large.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.875rem 0.6875rem; } .nb-theme-dark [nbButton].size-giant, .nb-theme-dark .size-giant[nbButtonToggle] { font-size: 1.125rem; line-height: 1.5rem; } .nb-theme-dark [nbButton].size-giant nb-icon, .nb-theme-dark .size-giant[nbButtonToggle] nb-icon { font-size: 1.125rem; height: 1.5rem; width: 1.5rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-dark [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-dark .size-giant.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-right: 0.75rem; } [dir=rtl] .nb-theme-dark [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-dark .size-giant.icon-start[nbButtonToggle]:not(.icon-end) nb-icon { margin-left: 0.75rem; } [dir=ltr] .nb-theme-dark [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-dark .size-giant.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-left: 0.75rem; } [dir=rtl] .nb-theme-dark [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-dark .size-giant.icon-end[nbButtonToggle]:not(.icon-start) nb-icon { margin-right: 0.75rem; } .nb-theme-dark [nbButton].size-giant.icon-start.icon-end.appearance-filled, .nb-theme-dark .size-giant.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-dark [nbButton].size-giant.icon-start.icon-end.appearance-outline, .nb-theme-dark .size-giant.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-dark [nbButton].size-giant.icon-start.icon-end.appearance-ghost, .nb-theme-dark .size-giant.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-dark [nbButton].size-giant.icon-start.icon-end.appearance-hero, .nb-theme-dark .size-giant.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 1.0625rem 1rem; } .nb-theme-dark [nbButton].shape-rectangle, .nb-theme-dark .shape-rectangle[nbButtonToggle] { border-radius: 0.25rem; } .nb-theme-dark [nbButton].shape-semi-round, .nb-theme-dark .shape-semi-round[nbButtonToggle] { border-radius: 0.75rem; } .nb-theme-dark [nbButton].shape-round, .nb-theme-dark .shape-round[nbButtonToggle] { border-radius: 1.5rem; } .nb-theme-dark a[nbButton], .nb-theme-dark a[nbButtonToggle] { text-decoration: none; } .nb-theme-dark [nbButton].appearance-filled, .nb-theme-dark .appearance-filled[nbButtonToggle] { border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-dark [nbButton].appearance-filled.size-tiny, .nb-theme-dark .appearance-filled.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-dark [nbButton].appearance-filled.size-small, .nb-theme-dark .appearance-filled.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-dark [nbButton].appearance-filled.size-medium, .nb-theme-dark .appearance-filled.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-dark [nbButton].appearance-filled.size-large, .nb-theme-dark .appearance-filled.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-dark [nbButton].appearance-filled.size-giant, .nb-theme-dark .appearance-filled.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-dark [nbButton].appearance-filled.status-basic, .nb-theme-dark .appearance-filled.status-basic[nbButtonToggle] { background-color: #2a344f; border-color: #edf1f7; color: #edf1f7; } .nb-theme-dark [nbButton].appearance-filled.status-basic:focus, .nb-theme-dark .appearance-filled.status-basic[nbButtonToggle]:focus { background-color: #dfe4f0; border-color: #c5ccdb; } .nb-theme-dark [nbButton].appearance-filled.status-basic:hover, .nb-theme-dark .appearance-filled.status-basic[nbButtonToggle]:hover { background-color: #131729; border-color: #f7f9fc; } .nb-theme-dark [nbButton].appearance-filled.status-basic:active, .nb-theme-dark .appearance-filled.status-basic[nbButtonToggle]:active { background-color: #dfe4f0; border-color: #dfe4f0; } .nb-theme-dark [nbButton].appearance-filled.status-basic[disabled], .nb-theme-dark .appearance-filled.status-basic[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-filled.status-basic.btn-disabled, .nb-theme-dark .appearance-filled.status-basic.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-filled.status-primary, .nb-theme-dark .appearance-filled.status-primary[nbButtonToggle] { background-color: #fe9339; border-color: #fe9339; color: white; } .nb-theme-dark [nbButton].appearance-filled.status-primary:focus, .nb-theme-dark .appearance-filled.status-primary[nbButtonToggle]:focus { background-color: #d93f27; border-color: #b52b1b; } .nb-theme-dark [nbButton].appearance-filled.status-primary:hover, .nb-theme-dark .appearance-filled.status-primary[nbButtonToggle]:hover { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-dark [nbButton].appearance-filled.status-primary:active, .nb-theme-dark .appearance-filled.status-primary[nbButtonToggle]:active { background-color: #d93f27; border-color: #d93f27; } .nb-theme-dark [nbButton].appearance-filled.status-primary[disabled], .nb-theme-dark .appearance-filled.status-primary[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-filled.status-primary.btn-disabled, .nb-theme-dark .appearance-filled.status-primary.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-filled.status-success, .nb-theme-dark .appearance-filled.status-success[nbButtonToggle] { background-color: #00b383; border-color: #00b383; color: white; } .nb-theme-dark [nbButton].appearance-filled.status-success:focus, .nb-theme-dark .appearance-filled.status-success[nbButtonToggle]:focus { background-color: #009975; border-color: #008066; } .nb-theme-dark [nbButton].appearance-filled.status-success:hover, .nb-theme-dark .appearance-filled.status-success[nbButtonToggle]:hover { background-color: #28d1a4; border-color: #28d1a4; } .nb-theme-dark [nbButton].appearance-filled.status-success:active, .nb-theme-dark .appearance-filled.status-success[nbButtonToggle]:active { background-color: #009975; border-color: #009975; } .nb-theme-dark [nbButton].appearance-filled.status-success[disabled], .nb-theme-dark .appearance-filled.status-success[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-filled.status-success.btn-disabled, .nb-theme-dark .appearance-filled.status-success.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-filled.status-warning, .nb-theme-dark .appearance-filled.status-warning[nbButtonToggle] { background-color: #e6c813; border-color: #e6c813; color: white; } .nb-theme-dark [nbButton].appearance-filled.status-warning:focus, .nb-theme-dark .appearance-filled.status-warning[nbButtonToggle]:focus { background-color: #c5a80d; border-color: #a58a09; } .nb-theme-dark [nbButton].appearance-filled.status-warning:hover, .nb-theme-dark .appearance-filled.status-warning[nbButtonToggle]:hover { background-color: #f0da4a; border-color: #f0da4a; } .nb-theme-dark [nbButton].appearance-filled.status-warning:active, .nb-theme-dark .appearance-filled.status-warning[nbButtonToggle]:active { background-color: #c5a80d; border-color: #c5a80d; } .nb-theme-dark [nbButton].appearance-filled.status-warning[disabled], .nb-theme-dark .appearance-filled.status-warning[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-filled.status-warning.btn-disabled, .nb-theme-dark .appearance-filled.status-warning.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-filled.status-danger, .nb-theme-dark .appearance-filled.status-danger[nbButtonToggle] { background-color: #ef0000; border-color: #ef0000; color: white; } .nb-theme-dark [nbButton].appearance-filled.status-danger:focus, .nb-theme-dark .appearance-filled.status-danger[nbButtonToggle]:focus { background-color: #cd0011; border-color: #ac001d; } .nb-theme-dark [nbButton].appearance-filled.status-danger:hover, .nb-theme-dark .appearance-filled.status-danger[nbButtonToggle]:hover { background-color: #f54d3d; border-color: #f54d3d; } .nb-theme-dark [nbButton].appearance-filled.status-danger:active, .nb-theme-dark .appearance-filled.status-danger[nbButtonToggle]:active { background-color: #cd0011; border-color: #cd0011; } .nb-theme-dark [nbButton].appearance-filled.status-danger[disabled], .nb-theme-dark .appearance-filled.status-danger[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-filled.status-danger.btn-disabled, .nb-theme-dark .appearance-filled.status-danger.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-filled.status-info, .nb-theme-dark .appearance-filled.status-info[nbButtonToggle] { background-color: #339ce7; border-color: #339ce7; color: white; } .nb-theme-dark [nbButton].appearance-filled.status-info:focus, .nb-theme-dark .appearance-filled.status-info[nbButtonToggle]:focus { background-color: #257ac6; border-color: #195ba6; } .nb-theme-dark [nbButton].appearance-filled.status-info:hover, .nb-theme-dark .appearance-filled.status-info[nbButtonToggle]:hover { background-color: #63bef0; border-color: #63bef0; } .nb-theme-dark [nbButton].appearance-filled.status-info:active, .nb-theme-dark .appearance-filled.status-info[nbButtonToggle]:active { background-color: #257ac6; border-color: #257ac6; } .nb-theme-dark [nbButton].appearance-filled.status-info[disabled], .nb-theme-dark .appearance-filled.status-info[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-filled.status-info.btn-disabled, .nb-theme-dark .appearance-filled.status-info.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-filled.status-control, .nb-theme-dark .appearance-filled.status-control[nbButtonToggle] { background-color: white; border-color: white; color: #2a344f; } .nb-theme-dark [nbButton].appearance-filled.status-control:focus, .nb-theme-dark .appearance-filled.status-control[nbButtonToggle]:focus { background-color: #edf1f7; border-color: #c5ccdb; } .nb-theme-dark [nbButton].appearance-filled.status-control:hover, .nb-theme-dark .appearance-filled.status-control[nbButtonToggle]:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-dark [nbButton].appearance-filled.status-control:active, .nb-theme-dark .appearance-filled.status-control[nbButtonToggle]:active { background-color: #edf1f7; border-color: #edf1f7; } .nb-theme-dark [nbButton].appearance-filled.status-control[disabled], .nb-theme-dark .appearance-filled.status-control[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-filled.status-control.btn-disabled, .nb-theme-dark .appearance-filled.status-control.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-outline, .nb-theme-dark .appearance-outline[nbButtonToggle] { border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-dark [nbButton].appearance-outline:focus, .nb-theme-dark .appearance-outline[nbButtonToggle]:focus { -webkit-box-shadow: 0 0 0 0.375rem #424d69; box-shadow: 0 0 0 0.375rem #424d69; } .nb-theme-dark [nbButton].appearance-outline:focus:not(:hover):not(:active), .nb-theme-dark .appearance-outline[nbButtonToggle]:focus:not(:hover):not(:active) { -webkit-box-shadow: 0 0 0 0.375rem #424d69, inset 0 0 0 100vmax #424d69; box-shadow: 0 0 0 0.375rem #424d69, inset 0 0 0 100vmax #424d69; } .nb-theme-dark [nbButton].appearance-outline.size-tiny, .nb-theme-dark .appearance-outline.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-dark [nbButton].appearance-outline.size-small, .nb-theme-dark .appearance-outline.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-dark [nbButton].appearance-outline.size-medium, .nb-theme-dark .appearance-outline.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-dark [nbButton].appearance-outline.size-large, .nb-theme-dark .appearance-outline.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-dark [nbButton].appearance-outline.size-giant, .nb-theme-dark .appearance-outline.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-dark [nbButton].appearance-outline.status-basic, .nb-theme-dark .appearance-outline.status-basic[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-dark [nbButton].appearance-outline.status-basic:focus, .nb-theme-dark .appearance-outline.status-basic[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.24); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-dark [nbButton].appearance-outline.status-basic:hover, .nb-theme-dark .appearance-outline.status-basic[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.16); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-dark [nbButton].appearance-outline.status-basic:active, .nb-theme-dark .appearance-outline.status-basic[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.24); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-dark [nbButton].appearance-outline.status-basic[disabled], .nb-theme-dark .appearance-outline.status-basic[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-outline.status-basic.btn-disabled, .nb-theme-dark .appearance-outline.status-basic.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-outline.status-primary, .nb-theme-dark .appearance-outline.status-primary[nbButtonToggle] { background-color: rgba(51, 102, 255, 0.08); border-color: #fe9339; color: #fe9339; } .nb-theme-dark [nbButton].appearance-outline.status-primary:focus, .nb-theme-dark .appearance-outline.status-primary[nbButtonToggle]:focus { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; color: #fe9339; } .nb-theme-dark [nbButton].appearance-outline.status-primary:hover, .nb-theme-dark .appearance-outline.status-primary[nbButtonToggle]:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; color: #fe9339; } .nb-theme-dark [nbButton].appearance-outline.status-primary:active, .nb-theme-dark .appearance-outline.status-primary[nbButtonToggle]:active { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; color: #fe9339; } .nb-theme-dark [nbButton].appearance-outline.status-primary[disabled], .nb-theme-dark .appearance-outline.status-primary[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-outline.status-primary.btn-disabled, .nb-theme-dark .appearance-outline.status-primary.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-outline.status-success, .nb-theme-dark .appearance-outline.status-success[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.08); border-color: #00b383; color: #00b383; } .nb-theme-dark [nbButton].appearance-outline.status-success:focus, .nb-theme-dark .appearance-outline.status-success[nbButtonToggle]:focus { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; color: #00b383; } .nb-theme-dark [nbButton].appearance-outline.status-success:hover, .nb-theme-dark .appearance-outline.status-success[nbButtonToggle]:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00b383; color: #00b383; } .nb-theme-dark [nbButton].appearance-outline.status-success:active, .nb-theme-dark .appearance-outline.status-success[nbButtonToggle]:active { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; color: #00b383; } .nb-theme-dark [nbButton].appearance-outline.status-success[disabled], .nb-theme-dark .appearance-outline.status-success[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-outline.status-success.btn-disabled, .nb-theme-dark .appearance-outline.status-success.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-outline.status-warning, .nb-theme-dark .appearance-outline.status-warning[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.08); border-color: #e6c813; color: #e6c813; } .nb-theme-dark [nbButton].appearance-outline.status-warning:focus, .nb-theme-dark .appearance-outline.status-warning[nbButtonToggle]:focus { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; color: #e6c813; } .nb-theme-dark [nbButton].appearance-outline.status-warning:hover, .nb-theme-dark .appearance-outline.status-warning[nbButtonToggle]:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #e6c813; color: #e6c813; } .nb-theme-dark [nbButton].appearance-outline.status-warning:active, .nb-theme-dark .appearance-outline.status-warning[nbButtonToggle]:active { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; color: #e6c813; } .nb-theme-dark [nbButton].appearance-outline.status-warning[disabled], .nb-theme-dark .appearance-outline.status-warning[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-outline.status-warning.btn-disabled, .nb-theme-dark .appearance-outline.status-warning.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-outline.status-danger, .nb-theme-dark .appearance-outline.status-danger[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.08); border-color: #ef0000; color: #ef0000; } .nb-theme-dark [nbButton].appearance-outline.status-danger:focus, .nb-theme-dark .appearance-outline.status-danger[nbButtonToggle]:focus { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; color: #ef0000; } .nb-theme-dark [nbButton].appearance-outline.status-danger:hover, .nb-theme-dark .appearance-outline.status-danger[nbButtonToggle]:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ef0000; color: #ef0000; } .nb-theme-dark [nbButton].appearance-outline.status-danger:active, .nb-theme-dark .appearance-outline.status-danger[nbButtonToggle]:active { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; color: #ef0000; } .nb-theme-dark [nbButton].appearance-outline.status-danger[disabled], .nb-theme-dark .appearance-outline.status-danger[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-outline.status-danger.btn-disabled, .nb-theme-dark .appearance-outline.status-danger.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-outline.status-info, .nb-theme-dark .appearance-outline.status-info[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.08); border-color: #339ce7; color: #339ce7; } .nb-theme-dark [nbButton].appearance-outline.status-info:focus, .nb-theme-dark .appearance-outline.status-info[nbButtonToggle]:focus { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; color: #339ce7; } .nb-theme-dark [nbButton].appearance-outline.status-info:hover, .nb-theme-dark .appearance-outline.status-info[nbButtonToggle]:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #339ce7; color: #339ce7; } .nb-theme-dark [nbButton].appearance-outline.status-info:active, .nb-theme-dark .appearance-outline.status-info[nbButtonToggle]:active { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; color: #339ce7; } .nb-theme-dark [nbButton].appearance-outline.status-info[disabled], .nb-theme-dark .appearance-outline.status-info[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-outline.status-info.btn-disabled, .nb-theme-dark .appearance-outline.status-info.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-outline.status-control, .nb-theme-dark .appearance-outline.status-control[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.08); border-color: white; color: white; } .nb-theme-dark [nbButton].appearance-outline.status-control:focus, .nb-theme-dark .appearance-outline.status-control[nbButtonToggle]:focus { background-color: rgba(255, 255, 255, 0.24); border-color: white; color: white; } .nb-theme-dark [nbButton].appearance-outline.status-control:hover, .nb-theme-dark .appearance-outline.status-control[nbButtonToggle]:hover { background-color: rgba(255, 255, 255, 0.16); border-color: white; color: white; } .nb-theme-dark [nbButton].appearance-outline.status-control:active, .nb-theme-dark .appearance-outline.status-control[nbButtonToggle]:active { background-color: rgba(255, 255, 255, 0.24); border-color: white; color: white; } .nb-theme-dark [nbButton].appearance-outline.status-control[disabled], .nb-theme-dark .appearance-outline.status-control[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-outline.status-control.btn-disabled, .nb-theme-dark .appearance-outline.status-control.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-ghost, .nb-theme-dark .appearance-ghost[nbButtonToggle] { background-color: transparent; border-color: transparent; border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-dark [nbButton].appearance-ghost:focus, .nb-theme-dark .appearance-ghost[nbButtonToggle]:focus { -webkit-box-shadow: 0 0 0 0.375rem #424d69; box-shadow: 0 0 0 0.375rem #424d69; } .nb-theme-dark [nbButton].appearance-ghost:focus:not(:hover):not(:active), .nb-theme-dark .appearance-ghost[nbButtonToggle]:focus:not(:hover):not(:active) { -webkit-box-shadow: 0 0 0 0.375rem #424d69, inset 0 0 0 100vmax #424d69; box-shadow: 0 0 0 0.375rem #424d69, inset 0 0 0 100vmax #424d69; } .nb-theme-dark [nbButton].appearance-ghost.size-tiny, .nb-theme-dark .appearance-ghost.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-dark [nbButton].appearance-ghost.size-small, .nb-theme-dark .appearance-ghost.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-dark [nbButton].appearance-ghost.size-medium, .nb-theme-dark .appearance-ghost.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-dark [nbButton].appearance-ghost.size-large, .nb-theme-dark .appearance-ghost.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-dark [nbButton].appearance-ghost.size-giant, .nb-theme-dark .appearance-ghost.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-dark [nbButton].appearance-ghost.status-basic, .nb-theme-dark .appearance-ghost.status-basic[nbButtonToggle] { color: #9fa9bd; } .nb-theme-dark [nbButton].appearance-ghost.status-basic:focus, .nb-theme-dark .appearance-ghost.status-basic[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #9fa9bd; } .nb-theme-dark [nbButton].appearance-ghost.status-basic:hover, .nb-theme-dark .appearance-ghost.status-basic[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #9fa9bd; } .nb-theme-dark [nbButton].appearance-ghost.status-basic:active, .nb-theme-dark .appearance-ghost.status-basic[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #9fa9bd; } .nb-theme-dark [nbButton].appearance-ghost.status-basic[disabled], .nb-theme-dark .appearance-ghost.status-basic[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-ghost.status-basic.btn-disabled, .nb-theme-dark .appearance-ghost.status-basic.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-ghost.status-primary, .nb-theme-dark .appearance-ghost.status-primary[nbButtonToggle] { color: #fe9339; } .nb-theme-dark [nbButton].appearance-ghost.status-primary:focus, .nb-theme-dark .appearance-ghost.status-primary[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #fe9339; } .nb-theme-dark [nbButton].appearance-ghost.status-primary:hover, .nb-theme-dark .appearance-ghost.status-primary[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #fe9339; } .nb-theme-dark [nbButton].appearance-ghost.status-primary:active, .nb-theme-dark .appearance-ghost.status-primary[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #fe9339; } .nb-theme-dark [nbButton].appearance-ghost.status-primary[disabled], .nb-theme-dark .appearance-ghost.status-primary[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-ghost.status-primary.btn-disabled, .nb-theme-dark .appearance-ghost.status-primary.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-ghost.status-success, .nb-theme-dark .appearance-ghost.status-success[nbButtonToggle] { color: #00b383; } .nb-theme-dark [nbButton].appearance-ghost.status-success:focus, .nb-theme-dark .appearance-ghost.status-success[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #00b383; } .nb-theme-dark [nbButton].appearance-ghost.status-success:hover, .nb-theme-dark .appearance-ghost.status-success[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #00b383; } .nb-theme-dark [nbButton].appearance-ghost.status-success:active, .nb-theme-dark .appearance-ghost.status-success[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #00b383; } .nb-theme-dark [nbButton].appearance-ghost.status-success[disabled], .nb-theme-dark .appearance-ghost.status-success[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-ghost.status-success.btn-disabled, .nb-theme-dark .appearance-ghost.status-success.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-ghost.status-warning, .nb-theme-dark .appearance-ghost.status-warning[nbButtonToggle] { color: #e6c813; } .nb-theme-dark [nbButton].appearance-ghost.status-warning:focus, .nb-theme-dark .appearance-ghost.status-warning[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #e6c813; } .nb-theme-dark [nbButton].appearance-ghost.status-warning:hover, .nb-theme-dark .appearance-ghost.status-warning[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #e6c813; } .nb-theme-dark [nbButton].appearance-ghost.status-warning:active, .nb-theme-dark .appearance-ghost.status-warning[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #e6c813; } .nb-theme-dark [nbButton].appearance-ghost.status-warning[disabled], .nb-theme-dark .appearance-ghost.status-warning[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-ghost.status-warning.btn-disabled, .nb-theme-dark .appearance-ghost.status-warning.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-ghost.status-danger, .nb-theme-dark .appearance-ghost.status-danger[nbButtonToggle] { color: #ef0000; } .nb-theme-dark [nbButton].appearance-ghost.status-danger:focus, .nb-theme-dark .appearance-ghost.status-danger[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #ef0000; } .nb-theme-dark [nbButton].appearance-ghost.status-danger:hover, .nb-theme-dark .appearance-ghost.status-danger[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #ef0000; } .nb-theme-dark [nbButton].appearance-ghost.status-danger:active, .nb-theme-dark .appearance-ghost.status-danger[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #ef0000; } .nb-theme-dark [nbButton].appearance-ghost.status-danger[disabled], .nb-theme-dark .appearance-ghost.status-danger[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-ghost.status-danger.btn-disabled, .nb-theme-dark .appearance-ghost.status-danger.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-ghost.status-info, .nb-theme-dark .appearance-ghost.status-info[nbButtonToggle] { color: #339ce7; } .nb-theme-dark [nbButton].appearance-ghost.status-info:focus, .nb-theme-dark .appearance-ghost.status-info[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #339ce7; } .nb-theme-dark [nbButton].appearance-ghost.status-info:hover, .nb-theme-dark .appearance-ghost.status-info[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #339ce7; } .nb-theme-dark [nbButton].appearance-ghost.status-info:active, .nb-theme-dark .appearance-ghost.status-info[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #339ce7; } .nb-theme-dark [nbButton].appearance-ghost.status-info[disabled], .nb-theme-dark .appearance-ghost.status-info[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-ghost.status-info.btn-disabled, .nb-theme-dark .appearance-ghost.status-info.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-ghost.status-control, .nb-theme-dark .appearance-ghost.status-control[nbButtonToggle] { color: white; } .nb-theme-dark [nbButton].appearance-ghost.status-control:focus, .nb-theme-dark .appearance-ghost.status-control[nbButtonToggle]:focus { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: white; } .nb-theme-dark [nbButton].appearance-ghost.status-control:hover, .nb-theme-dark .appearance-ghost.status-control[nbButtonToggle]:hover { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: white; } .nb-theme-dark [nbButton].appearance-ghost.status-control:active, .nb-theme-dark .appearance-ghost.status-control[nbButtonToggle]:active { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: white; } .nb-theme-dark [nbButton].appearance-ghost.status-control[disabled], .nb-theme-dark .appearance-ghost.status-control[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-ghost.status-control.btn-disabled, .nb-theme-dark .appearance-ghost.status-control.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero, .nb-theme-dark .appearance-hero[nbButtonToggle] { text-shadow: none; text-transform: uppercase; } .nb-theme-dark [nbButton].appearance-hero.size-tiny, .nb-theme-dark .appearance-hero.size-tiny[nbButtonToggle] { padding: 0.375rem 0.6875rem; } .nb-theme-dark [nbButton].appearance-hero.size-small, .nb-theme-dark .appearance-hero.size-small[nbButtonToggle] { padding: 0.5rem 0.9375rem; } .nb-theme-dark [nbButton].appearance-hero.size-medium, .nb-theme-dark .appearance-hero.size-medium[nbButtonToggle] { padding: 0.75rem 1.1875rem; } .nb-theme-dark [nbButton].appearance-hero.size-large, .nb-theme-dark .appearance-hero.size-large[nbButtonToggle] { padding: 0.875rem 1.1875rem; } .nb-theme-dark [nbButton].appearance-hero.size-giant, .nb-theme-dark .appearance-hero.size-giant[nbButtonToggle] { padding: 1rem 1.4375rem; } .nb-theme-dark [nbButton].appearance-hero.status-basic, .nb-theme-dark .appearance-hero.status-basic[nbButtonToggle] { background-image: -webkit-gradient(linear, left top, right top, from(#f7f9fc), to(#edf1f7)); background-image: linear-gradient(to right, #f7f9fc, #edf1f7); border: none; -webkit-box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent; box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent; color: #9fa9bd; } .nb-theme-dark [nbButton].appearance-hero.status-basic:focus, .nb-theme-dark .appearance-hero.status-basic[nbButtonToggle]:focus { background-image: -webkit-gradient(linear, left top, right top, from(#edf1f7), to(#dfe4f0)); background-image: linear-gradient(to right, #edf1f7, #dfe4f0); -webkit-box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent, 0 0 0 0.375rem #424d69; box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent, 0 0 0 0.375rem #424d69; } .nb-theme-dark [nbButton].appearance-hero.status-basic:hover, .nb-theme-dark .appearance-hero.status-basic[nbButtonToggle]:hover { background-image: -webkit-gradient(linear, left top, right top, from(white), to(#f7f9fc)); background-image: linear-gradient(to right, white, #f7f9fc); } .nb-theme-dark [nbButton].appearance-hero.status-basic:active, .nb-theme-dark .appearance-hero.status-basic[nbButtonToggle]:active { background-image: -webkit-gradient(linear, left top, right top, from(#edf1f7), to(#dfe4f0)); background-image: linear-gradient(to right, #edf1f7, #dfe4f0); } .nb-theme-dark [nbButton].appearance-hero.status-basic[disabled], .nb-theme-dark .appearance-hero.status-basic[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-hero.status-basic.btn-disabled, .nb-theme-dark .appearance-hero.status-basic.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero.status-basic.button-pulse, .nb-theme-dark .appearance-hero.status-basic.button-pulse[nbButtonToggle] { -webkit-animation: button-hero-basic-pulse 0.75s infinite alternate; animation: button-hero-basic-pulse 0.75s infinite alternate; } @-webkit-keyframes button-hero-basic-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #f7f9fc; box-shadow: 0 0 1rem 0 #f7f9fc; opacity: 0.8; } } @keyframes button-hero-basic-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #f7f9fc; box-shadow: 0 0 1rem 0 #f7f9fc; opacity: 0.8; } } .nb-theme-dark [nbButton].appearance-hero.status-primary, .nb-theme-dark .appearance-hero.status-primary[nbButtonToggle] { background-image: -webkit-gradient(linear, left top, right top, from(#eb7d21), to(#fe9339)); background-image: linear-gradient(to right, #eb7d21, #fe9339); border: none; -webkit-box-shadow: 0 0 0 0 #d93f27, 0 0 0 0 #b52b1b, 0 0 transparent; box-shadow: 0 0 0 0 #d93f27, 0 0 0 0 #b52b1b, 0 0 transparent; color: white; } .nb-theme-dark [nbButton].appearance-hero.status-primary:focus, .nb-theme-dark .appearance-hero.status-primary[nbButtonToggle]:focus { background-image: -webkit-gradient(linear, left top, right top, from(#fe9339), to(#d93f27)); background-image: linear-gradient(to right, #fe9339, #d93f27); -webkit-box-shadow: 0 0 0 0 #d93f27, 0 0 0 0 #b52b1b, 0 0 transparent, 0 0 0 0.375rem #424d69; box-shadow: 0 0 0 0 #d93f27, 0 0 0 0 #b52b1b, 0 0 transparent, 0 0 0 0.375rem #424d69; } .nb-theme-dark [nbButton].appearance-hero.status-primary:hover, .nb-theme-dark .appearance-hero.status-primary[nbButtonToggle]:hover { background-image: -webkit-gradient(linear, left top, right top, from(#ffbe87), to(#eb7d21)); background-image: linear-gradient(to right, #ffbe87, #eb7d21); } .nb-theme-dark [nbButton].appearance-hero.status-primary:active, .nb-theme-dark .appearance-hero.status-primary[nbButtonToggle]:active { background-image: -webkit-gradient(linear, left top, right top, from(#fe9339), to(#d93f27)); background-image: linear-gradient(to right, #fe9339, #d93f27); } .nb-theme-dark [nbButton].appearance-hero.status-primary[disabled], .nb-theme-dark .appearance-hero.status-primary[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-hero.status-primary.btn-disabled, .nb-theme-dark .appearance-hero.status-primary.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero.status-primary.button-pulse, .nb-theme-dark .appearance-hero.status-primary.button-pulse[nbButtonToggle] { -webkit-animation: button-hero-primary-pulse 0.75s infinite alternate; animation: button-hero-primary-pulse 0.75s infinite alternate; } @-webkit-keyframes button-hero-primary-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #eb7d21; box-shadow: 0 0 1rem 0 #eb7d21; opacity: 0.8; } } @keyframes button-hero-primary-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #eb7d21; box-shadow: 0 0 1rem 0 #eb7d21; opacity: 0.8; } } .nb-theme-dark [nbButton].appearance-hero.status-success, .nb-theme-dark .appearance-hero.status-success[nbButtonToggle] { background-image: -webkit-gradient(linear, left top, right top, from(#28d1a4), to(#00b383)); background-image: linear-gradient(to right, #28d1a4, #00b383); border: none; -webkit-box-shadow: 0 0 0 0 #009975, 0 0 0 0 #008066, 0 0 transparent; box-shadow: 0 0 0 0 #009975, 0 0 0 0 #008066, 0 0 transparent; color: white; } .nb-theme-dark [nbButton].appearance-hero.status-success:focus, .nb-theme-dark .appearance-hero.status-success[nbButtonToggle]:focus { background-image: -webkit-gradient(linear, left top, right top, from(#00b383), to(#009975)); background-image: linear-gradient(to right, #00b383, #009975); -webkit-box-shadow: 0 0 0 0 #009975, 0 0 0 0 #008066, 0 0 transparent, 0 0 0 0.375rem #424d69; box-shadow: 0 0 0 0 #009975, 0 0 0 0 #008066, 0 0 transparent, 0 0 0 0.375rem #424d69; } .nb-theme-dark [nbButton].appearance-hero.status-success:hover, .nb-theme-dark .appearance-hero.status-success[nbButtonToggle]:hover { background-image: -webkit-gradient(linear, left top, right top, from(#8bf7da), to(#28d1a4)); background-image: linear-gradient(to right, #8bf7da, #28d1a4); } .nb-theme-dark [nbButton].appearance-hero.status-success:active, .nb-theme-dark .appearance-hero.status-success[nbButtonToggle]:active { background-image: -webkit-gradient(linear, left top, right top, from(#00b383), to(#009975)); background-image: linear-gradient(to right, #00b383, #009975); } .nb-theme-dark [nbButton].appearance-hero.status-success[disabled], .nb-theme-dark .appearance-hero.status-success[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-hero.status-success.btn-disabled, .nb-theme-dark .appearance-hero.status-success.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero.status-success.button-pulse, .nb-theme-dark .appearance-hero.status-success.button-pulse[nbButtonToggle] { -webkit-animation: button-hero-success-pulse 0.75s infinite alternate; animation: button-hero-success-pulse 0.75s infinite alternate; } @-webkit-keyframes button-hero-success-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #28d1a4; box-shadow: 0 0 1rem 0 #28d1a4; opacity: 0.8; } } @keyframes button-hero-success-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #28d1a4; box-shadow: 0 0 1rem 0 #28d1a4; opacity: 0.8; } } .nb-theme-dark [nbButton].appearance-hero.status-warning, .nb-theme-dark .appearance-hero.status-warning[nbButtonToggle] { background-image: -webkit-gradient(linear, left top, right top, from(#f0da4a), to(#e6c813)); background-image: linear-gradient(to right, #f0da4a, #e6c813); border: none; -webkit-box-shadow: 0 0 0 0 #c5a80d, 0 0 0 0 #a58a09, 0 0 transparent; box-shadow: 0 0 0 0 #c5a80d, 0 0 0 0 #a58a09, 0 0 transparent; color: white; } .nb-theme-dark [nbButton].appearance-hero.status-warning:focus, .nb-theme-dark .appearance-hero.status-warning[nbButtonToggle]:focus { background-image: -webkit-gradient(linear, left top, right top, from(#e6c813), to(#c5a80d)); background-image: linear-gradient(to right, #e6c813, #c5a80d); -webkit-box-shadow: 0 0 0 0 #c5a80d, 0 0 0 0 #a58a09, 0 0 transparent, 0 0 0 0.375rem #424d69; box-shadow: 0 0 0 0 #c5a80d, 0 0 0 0 #a58a09, 0 0 transparent, 0 0 0 0.375rem #424d69; } .nb-theme-dark [nbButton].appearance-hero.status-warning:hover, .nb-theme-dark .appearance-hero.status-warning[nbButtonToggle]:hover { background-image: -webkit-gradient(linear, left top, right top, from(#f7e86f), to(#f0da4a)); background-image: linear-gradient(to right, #f7e86f, #f0da4a); } .nb-theme-dark [nbButton].appearance-hero.status-warning:active, .nb-theme-dark .appearance-hero.status-warning[nbButtonToggle]:active { background-image: -webkit-gradient(linear, left top, right top, from(#e6c813), to(#c5a80d)); background-image: linear-gradient(to right, #e6c813, #c5a80d); } .nb-theme-dark [nbButton].appearance-hero.status-warning[disabled], .nb-theme-dark .appearance-hero.status-warning[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-hero.status-warning.btn-disabled, .nb-theme-dark .appearance-hero.status-warning.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero.status-warning.button-pulse, .nb-theme-dark .appearance-hero.status-warning.button-pulse[nbButtonToggle] { -webkit-animation: button-hero-warning-pulse 0.75s infinite alternate; animation: button-hero-warning-pulse 0.75s infinite alternate; } @-webkit-keyframes button-hero-warning-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #f0da4a; box-shadow: 0 0 1rem 0 #f0da4a; opacity: 0.8; } } @keyframes button-hero-warning-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #f0da4a; box-shadow: 0 0 1rem 0 #f0da4a; opacity: 0.8; } } .nb-theme-dark [nbButton].appearance-hero.status-danger, .nb-theme-dark .appearance-hero.status-danger[nbButtonToggle] { background-image: -webkit-gradient(linear, left top, right top, from(#f54d3d), to(#ef0000)); background-image: linear-gradient(to right, #f54d3d, #ef0000); border: none; -webkit-box-shadow: 0 0 0 0 #cd0011, 0 0 0 0 #ac001d, 0 0 transparent; box-shadow: 0 0 0 0 #cd0011, 0 0 0 0 #ac001d, 0 0 transparent; color: white; } .nb-theme-dark [nbButton].appearance-hero.status-danger:focus, .nb-theme-dark .appearance-hero.status-danger[nbButtonToggle]:focus { background-image: -webkit-gradient(linear, left top, right top, from(#ef0000), to(#cd0011)); background-image: linear-gradient(to right, #ef0000, #cd0011); -webkit-box-shadow: 0 0 0 0 #cd0011, 0 0 0 0 #ac001d, 0 0 transparent, 0 0 0 0.375rem #424d69; box-shadow: 0 0 0 0 #cd0011, 0 0 0 0 #ac001d, 0 0 transparent, 0 0 0 0.375rem #424d69; } .nb-theme-dark [nbButton].appearance-hero.status-danger:hover, .nb-theme-dark .appearance-hero.status-danger[nbButtonToggle]:hover { background-image: -webkit-gradient(linear, left top, right top, from(#fa7e64), to(#f54d3d)); background-image: linear-gradient(to right, #fa7e64, #f54d3d); } .nb-theme-dark [nbButton].appearance-hero.status-danger:active, .nb-theme-dark .appearance-hero.status-danger[nbButtonToggle]:active { background-image: -webkit-gradient(linear, left top, right top, from(#ef0000), to(#cd0011)); background-image: linear-gradient(to right, #ef0000, #cd0011); } .nb-theme-dark [nbButton].appearance-hero.status-danger[disabled], .nb-theme-dark .appearance-hero.status-danger[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-hero.status-danger.btn-disabled, .nb-theme-dark .appearance-hero.status-danger.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero.status-danger.button-pulse, .nb-theme-dark .appearance-hero.status-danger.button-pulse[nbButtonToggle] { -webkit-animation: button-hero-danger-pulse 0.75s infinite alternate; animation: button-hero-danger-pulse 0.75s infinite alternate; } @-webkit-keyframes button-hero-danger-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #f54d3d; box-shadow: 0 0 1rem 0 #f54d3d; opacity: 0.8; } } @keyframes button-hero-danger-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #f54d3d; box-shadow: 0 0 1rem 0 #f54d3d; opacity: 0.8; } } .nb-theme-dark [nbButton].appearance-hero.status-info, .nb-theme-dark .appearance-hero.status-info[nbButtonToggle] { background-image: -webkit-gradient(linear, left top, right top, from(#63bef0), to(#339ce7)); background-image: linear-gradient(to right, #63bef0, #339ce7); border: none; -webkit-box-shadow: 0 0 0 0 #257ac6, 0 0 0 0 #195ba6, 0 0 transparent; box-shadow: 0 0 0 0 #257ac6, 0 0 0 0 #195ba6, 0 0 transparent; color: white; } .nb-theme-dark [nbButton].appearance-hero.status-info:focus, .nb-theme-dark .appearance-hero.status-info[nbButtonToggle]:focus { background-image: -webkit-gradient(linear, left top, right top, from(#339ce7), to(#257ac6)); background-image: linear-gradient(to right, #339ce7, #257ac6); -webkit-box-shadow: 0 0 0 0 #257ac6, 0 0 0 0 #195ba6, 0 0 transparent, 0 0 0 0.375rem #424d69; box-shadow: 0 0 0 0 #257ac6, 0 0 0 0 #195ba6, 0 0 transparent, 0 0 0 0.375rem #424d69; } .nb-theme-dark [nbButton].appearance-hero.status-info:hover, .nb-theme-dark .appearance-hero.status-info[nbButtonToggle]:hover { background-image: -webkit-gradient(linear, left top, right top, from(#83d4f7), to(#63bef0)); background-image: linear-gradient(to right, #83d4f7, #63bef0); } .nb-theme-dark [nbButton].appearance-hero.status-info:active, .nb-theme-dark .appearance-hero.status-info[nbButtonToggle]:active { background-image: -webkit-gradient(linear, left top, right top, from(#339ce7), to(#257ac6)); background-image: linear-gradient(to right, #339ce7, #257ac6); } .nb-theme-dark [nbButton].appearance-hero.status-info[disabled], .nb-theme-dark .appearance-hero.status-info[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-hero.status-info.btn-disabled, .nb-theme-dark .appearance-hero.status-info.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero.status-info.button-pulse, .nb-theme-dark .appearance-hero.status-info.button-pulse[nbButtonToggle] { -webkit-animation: button-hero-info-pulse 0.75s infinite alternate; animation: button-hero-info-pulse 0.75s infinite alternate; } @-webkit-keyframes button-hero-info-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #63bef0; box-shadow: 0 0 1rem 0 #63bef0; opacity: 0.8; } } @keyframes button-hero-info-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 #63bef0; box-shadow: 0 0 1rem 0 #63bef0; opacity: 0.8; } } .nb-theme-dark [nbButton].appearance-hero.status-control, .nb-theme-dark .appearance-hero.status-control[nbButtonToggle] { background-image: -webkit-gradient(linear, left top, right top, from(white), to(white)); background-image: linear-gradient(to right, white, white); border: none; -webkit-box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent; box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent; color: #2a344f; } .nb-theme-dark [nbButton].appearance-hero.status-control:focus, .nb-theme-dark .appearance-hero.status-control[nbButtonToggle]:focus { background-image: -webkit-gradient(linear, left top, right top, from(#f7f9fc), to(#edf1f7)); background-image: linear-gradient(to right, #f7f9fc, #edf1f7); -webkit-box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent, 0 0 0 0.375rem #424d69; box-shadow: 0 0 0 0 #9fa9bd, 0 0 0 0 #424d69, 0 0 transparent, 0 0 0 0.375rem #424d69; } .nb-theme-dark [nbButton].appearance-hero.status-control:hover, .nb-theme-dark .appearance-hero.status-control[nbButtonToggle]:hover { background-image: -webkit-gradient(linear, left top, right top, from(white), to(#f7f9fc)); background-image: linear-gradient(to right, white, #f7f9fc); } .nb-theme-dark [nbButton].appearance-hero.status-control:active, .nb-theme-dark .appearance-hero.status-control[nbButtonToggle]:active { background-image: -webkit-gradient(linear, left top, right top, from(#f7f9fc), to(#edf1f7)); background-image: linear-gradient(to right, #f7f9fc, #edf1f7); } .nb-theme-dark [nbButton].appearance-hero.status-control[disabled], .nb-theme-dark .appearance-hero.status-control[disabled][nbButtonToggle], .nb-theme-dark [nbButton].appearance-hero.status-control.btn-disabled, .nb-theme-dark .appearance-hero.status-control.btn-disabled[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero.status-control.button-pulse, .nb-theme-dark .appearance-hero.status-control.button-pulse[nbButtonToggle] { -webkit-animation: button-hero-control-pulse 0.75s infinite alternate; animation: button-hero-control-pulse 0.75s infinite alternate; } @-webkit-keyframes button-hero-control-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 white; box-shadow: 0 0 1rem 0 white; opacity: 0.8; } } @keyframes button-hero-control-pulse { 0% { -webkit-box-shadow: none; box-shadow: none; opacity: 0.3; } 100% { -webkit-box-shadow: 0 0 1rem 0 white; box-shadow: 0 0 1rem 0 white; opacity: 0.8; } } .nb-theme-dark nb-button-group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton]:first-child:not(:last-child), [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle]:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton]:last-child:not(:first-child), [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle]:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton]:first-child:not(:last-child), [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle]:first-child:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton]:last-child:not(:first-child), [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle]:last-child:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .nb-theme-dark nb-button-group [nbButton]:not(:first-child):not(:last-child), .nb-theme-dark nb-button-group [nbButtonToggle]:not(:first-child):not(:last-child) { border-radius: 0; } .nb-theme-dark nb-button-group [nbButton].appearance-filled, .nb-theme-dark nb-button-group [nbButton].appearance-ghost, .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled, .nb-theme-dark nb-button-group [nbButtonToggle].appearance-ghost { border-color: transparent; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #c5ccdb; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #c5ccdb; } .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-basic, .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-basic { color: #9fa9bd; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #d93f27; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #d93f27; } .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-primary, .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-primary { color: white; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #009975; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #009975; } .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-success, .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-success { color: white; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #c5a80d; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #c5a80d; } .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-warning, .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-warning { color: white; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #cd0011; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #cd0011; } .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-danger, .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-danger { color: white; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #257ac6; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #257ac6; } .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-info, .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-info { color: white; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #edf1f7; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #edf1f7; } .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-control, .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-control { color: #2a344f; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #c5ccdb; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #c5ccdb; } .nb-theme-dark nb-list-item { border-bottom: 1px solid #171d33; color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 1rem; } .nb-theme-dark nb-list-item:first-child { border-top: 1px solid #171d33; } .nb-theme-dark [nbInput] { border-style: solid; border-width: 1px; font-family: Open Sans, sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .nb-theme-dark [nbInput].nb-transition { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: border, background-color, color, -webkit-box-shadow; transition-property: border, background-color, color, -webkit-box-shadow; transition-property: border, background-color, color, box-shadow; transition-property: border, background-color, color, box-shadow, -webkit-box-shadow; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .nb-theme-dark [nbInput]::-webkit-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark [nbInput]::-moz-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark [nbInput]:-ms-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark [nbInput]::-ms-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark [nbInput]::placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark [nbInput]:focus { outline: none; } .nb-theme-dark [nbInput].input-full-width { width: 100%; } .nb-theme-dark [nbInput].status-basic { background-color: #202840; border-color: #131729; color: white; } .nb-theme-dark [nbInput].status-basic::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-basic::-moz-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-basic:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-basic::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-basic::placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-basic:focus { background-color: #2a344f; border-color: #fe9339; } .nb-theme-dark [nbInput].status-basic:hover { background-color: #171d33; border-color: #131729; } .nb-theme-dark [nbInput].status-basic:disabled { background-color: #202840; border-color: #131729; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-basic:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-basic:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-basic:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-basic:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-basic:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-primary { background-color: #202840; border-color: #fe9339; color: white; } .nb-theme-dark [nbInput].status-primary::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-primary::-moz-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-primary:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-primary::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-primary::placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-primary:focus { background-color: #2a344f; border-color: #b52b1b; } .nb-theme-dark [nbInput].status-primary:hover { background-color: #171d33; border-color: #eb7d21; } .nb-theme-dark [nbInput].status-primary:disabled { background-color: #202840; border-color: #131729; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-primary:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-primary:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-primary:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-primary:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-primary:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-success { background-color: #202840; border-color: #00b383; color: white; } .nb-theme-dark [nbInput].status-success::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-success::-moz-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-success:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-success::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-success::placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-success:focus { background-color: #2a344f; border-color: #008066; } .nb-theme-dark [nbInput].status-success:hover { background-color: #171d33; border-color: #28d1a4; } .nb-theme-dark [nbInput].status-success:disabled { background-color: #202840; border-color: #131729; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-success:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-success:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-success:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-success:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-success:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-warning { background-color: #202840; border-color: #e6c813; color: white; } .nb-theme-dark [nbInput].status-warning::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-warning::-moz-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-warning:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-warning::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-warning::placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-warning:focus { background-color: #2a344f; border-color: #a58a09; } .nb-theme-dark [nbInput].status-warning:hover { background-color: #171d33; border-color: #f0da4a; } .nb-theme-dark [nbInput].status-warning:disabled { background-color: #202840; border-color: #131729; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-warning:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-warning:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-warning:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-warning:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-warning:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-danger { background-color: #202840; border-color: #ef0000; color: white; } .nb-theme-dark [nbInput].status-danger::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-danger::-moz-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-danger:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-danger::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-danger::placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-danger:focus { background-color: #2a344f; border-color: #ac001d; } .nb-theme-dark [nbInput].status-danger:hover { background-color: #171d33; border-color: #f54d3d; } .nb-theme-dark [nbInput].status-danger:disabled { background-color: #202840; border-color: #131729; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-danger:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-danger:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-danger:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-danger:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-danger:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-info { background-color: #202840; border-color: #339ce7; color: white; } .nb-theme-dark [nbInput].status-info::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-info::-moz-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-info:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-info::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-info::placeholder { color: #9fa9bd; } .nb-theme-dark [nbInput].status-info:focus { background-color: #2a344f; border-color: #195ba6; } .nb-theme-dark [nbInput].status-info:hover { background-color: #171d33; border-color: #63bef0; } .nb-theme-dark [nbInput].status-info:disabled { background-color: #202840; border-color: #131729; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-info:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-info:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-info:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-info:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-info:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-control { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); color: white; } .nb-theme-dark [nbInput].status-control::-webkit-input-placeholder { color: white; } .nb-theme-dark [nbInput].status-control::-moz-placeholder { color: white; } .nb-theme-dark [nbInput].status-control:-ms-input-placeholder { color: white; } .nb-theme-dark [nbInput].status-control::-ms-input-placeholder { color: white; } .nb-theme-dark [nbInput].status-control::placeholder { color: white; } .nb-theme-dark [nbInput].status-control:focus { background-color: rgba(255, 255, 255, 0.4); border-color: white; } .nb-theme-dark [nbInput].status-control:hover { background-color: rgba(255, 255, 255, 0.32); border-color: white; } .nb-theme-dark [nbInput].status-control:disabled { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: white; } .nb-theme-dark [nbInput].status-control:disabled::-webkit-input-placeholder { color: white; } .nb-theme-dark [nbInput].status-control:disabled::-moz-placeholder { color: white; } .nb-theme-dark [nbInput].status-control:disabled:-ms-input-placeholder { color: white; } .nb-theme-dark [nbInput].status-control:disabled::-ms-input-placeholder { color: white; } .nb-theme-dark [nbInput].status-control:disabled::placeholder { color: white; } .nb-theme-dark [nbInput].size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.1875rem 1rem; } .nb-theme-dark [nbInput].size-tiny:not(.input-full-width) { max-width: 20rem; } .nb-theme-dark [nbInput].size-tiny::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-tiny::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-tiny:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-tiny::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-tiny::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 1rem; } .nb-theme-dark [nbInput].size-small:not(.input-full-width) { max-width: 20rem; } .nb-theme-dark [nbInput].size-small::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-small::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-small:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-small::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-small::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.4375rem 1rem; } .nb-theme-dark [nbInput].size-medium:not(.input-full-width) { max-width: 20rem; } .nb-theme-dark [nbInput].size-medium::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-medium::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-medium:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-medium::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-medium::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.6875rem 1rem; } .nb-theme-dark [nbInput].size-large:not(.input-full-width) { max-width: 30rem; } .nb-theme-dark [nbInput].size-large::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-large::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-large:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-large::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-large::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.9375rem 1rem; } .nb-theme-dark [nbInput].size-giant:not(.input-full-width) { max-width: 30rem; } .nb-theme-dark [nbInput].size-giant::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-giant::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-giant:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-giant::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-giant::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].shape-rectangle { border-radius: 0.25rem; } .nb-theme-dark [nbInput].shape-semi-round { border-radius: 0.75rem; } .nb-theme-dark [nbInput].shape-round { border-radius: 1.5rem; } .nb-theme-dark nb-form-field [nbInput] { width: 100%; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-tiny { padding-left: 1.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-tiny { padding-right: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-tiny { padding-right: 1.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-tiny { padding-left: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-small { padding-left: 2rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-small { padding-right: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-small { padding-right: 2rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-small { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-medium { padding-left: 2.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-medium { padding-right: 2.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-medium { padding-right: 2.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-medium { padding-left: 2.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-large { padding-left: 3rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-large { padding-right: 3rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-large { padding-right: 3rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-large { padding-left: 3rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-giant { padding-left: 3.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-giant { padding-right: 3.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-giant { padding-right: 3.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-giant { padding-left: 3.5rem; } .nb-theme-dark .overlay-backdrop { background: rgba(0, 0, 0, 0.35); } .nb-theme-dark .cdk-overlay-container { z-index: 1040; } .nb-theme-dark nb-popover { border: 1px solid none; border-radius: 4px; background: #171d33; -webkit-box-shadow: none; box-shadow: none; color: white; } .nb-theme-dark nb-popover .primitive-overlay { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 0; } .nb-theme-dark nb-popover .arrow { border-left: 0.6875rem solid transparent; border-right: 0.6875rem solid transparent; border-bottom: 0.6875rem solid none; } .nb-theme-dark nb-popover .arrow::after { position: absolute; content: " "; width: 0; height: 0; top: 3px; left: calc(50% - 0.6875rem); border-left: 0.6875rem solid transparent; border-right: 0.6875rem solid transparent; border-bottom: 0.6875rem solid #171d33; -webkit-clip-path: inset(0 0 2px); clip-path: inset(0 0 2px); } .nb-theme-dark nb-popover.nb-overlay-bottom .arrow { top: calc(-1 * 0.6875rem + 1px); left: calc(50% - 0.6875rem); } .nb-theme-dark nb-popover.nb-overlay-bottom-start .arrow { top: calc(-1 * 0.6875rem + 1px); } [dir=ltr] .nb-theme-dark nb-popover.nb-overlay-bottom-start .arrow { right: 0.6875rem; } [dir=rtl] .nb-theme-dark nb-popover.nb-overlay-bottom-start .arrow { left: 0.6875rem; } .nb-theme-dark nb-popover.nb-overlay-bottom-end .arrow { top: calc(-1 * 0.6875rem + 1px); } [dir=ltr] .nb-theme-dark nb-popover.nb-overlay-bottom-end .arrow { left: 0.6875rem; } [dir=rtl] .nb-theme-dark nb-popover.nb-overlay-bottom-end .arrow { right: 0.6875rem; } .nb-theme-dark nb-popover.nb-overlay-left .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: calc(50% - 0.34375rem); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .nb-theme-dark nb-popover.nb-overlay-start-top .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); bottom: 0.6875rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .nb-theme-dark nb-popover.nb-overlay-start-bottom .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: 0.6875rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .nb-theme-dark nb-popover.nb-overlay-top .arrow { bottom: calc(-1 * 0.6875rem + 1px); left: calc(50% - 0.6875rem); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .nb-theme-dark nb-popover.nb-overlay-top-start .arrow { bottom: calc(-1 * 0.6875rem + 1px); -webkit-transform: rotate(180deg); transform: rotate(180deg); } [dir=ltr] .nb-theme-dark nb-popover.nb-overlay-top-start .arrow { right: 0.6875rem; } [dir=rtl] .nb-theme-dark nb-popover.nb-overlay-top-start .arrow { left: 0.6875rem; } .nb-theme-dark nb-popover.nb-overlay-top-end .arrow { bottom: calc(-1 * 0.6875rem + 1px); -webkit-transform: rotate(180deg); transform: rotate(180deg); } [dir=ltr] .nb-theme-dark nb-popover.nb-overlay-top-end .arrow { left: 0.6875rem; } [dir=rtl] .nb-theme-dark nb-popover.nb-overlay-top-end .arrow { right: 0.6875rem; } .nb-theme-dark nb-popover.nb-overlay-right .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: calc(50% - 0.34375rem); -webkit-transform: rotate(270deg); transform: rotate(270deg); } .nb-theme-dark nb-popover.nb-overlay-end-top .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); bottom: 0.6875rem; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .nb-theme-dark nb-popover.nb-overlay-end-bottom .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: 0.6875rem; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .nb-theme-dark .context-menu-host { /* Fixes click not being bubbled to the body in Safari. https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html */ cursor: pointer; } .nb-theme-dark nb-context-menu { background-color: #2a344f; border-color: transparent; border-style: solid; border-width: 0; border-radius: 0.25rem; -webkit-box-shadow: none; box-shadow: none; min-width: 10rem; max-width: 15rem; } .nb-theme-dark nb-context-menu nb-menu { border-radius: 0.25rem; overflow: hidden; text-align: center; } .nb-theme-dark nb-select .select-button { min-width: 13rem; cursor: pointer; font-family: Open Sans, sans-serif; } .nb-theme-dark nb-select .select-button.placeholder { font-family: Open Sans, sans-serif; } .nb-theme-dark nb-select .select-button:focus { outline: none; } .nb-theme-dark nb-select .select-button[disabled] { cursor: default; } .nb-theme-dark nb-select.size-tiny .select-button { font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-dark nb-select.size-tiny .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-dark nb-select.size-tiny .select-button.empty::before { content: " "; display: block; height: 1rem; } .nb-theme-dark nb-select.size-tiny:not(.full-width) { max-width: 20rem; } .nb-theme-dark nb-select.size-small .select-button { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-select.size-small .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-dark nb-select.size-small .select-button.empty::before { content: " "; display: block; height: 1.5rem; } .nb-theme-dark nb-select.size-small:not(.full-width) { max-width: 20rem; } .nb-theme-dark nb-select.size-medium .select-button { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-select.size-medium .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-dark nb-select.size-medium .select-button.empty::before { content: " "; display: block; height: 1.5rem; } .nb-theme-dark nb-select.size-medium:not(.full-width) { max-width: 20rem; } .nb-theme-dark nb-select.size-large .select-button { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-select.size-large .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-dark nb-select.size-large .select-button.empty::before { content: " "; display: block; height: 1.5rem; } .nb-theme-dark nb-select.size-large:not(.full-width) { max-width: 30rem; } .nb-theme-dark nb-select.size-giant .select-button { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } .nb-theme-dark nb-select.size-giant .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-dark nb-select.size-giant .select-button.empty::before { content: " "; display: block; height: 1.5rem; } .nb-theme-dark nb-select.size-giant:not(.full-width) { max-width: 30rem; } .nb-theme-dark nb-select.shape-rectangle .select-button { border-radius: 0.25rem; } .nb-theme-dark nb-select.shape-semi-round .select-button { border-radius: 0.75rem; } .nb-theme-dark nb-select.shape-round .select-button { border-radius: 1.5rem; } .nb-theme-dark nb-select.appearance-outline .select-button { border-style: solid; border-width: 1px; } .nb-theme-dark nb-select.appearance-outline .select-button.top { border-top-style: solid; border-top-width: 1px; } .nb-theme-dark nb-select.appearance-outline .select-button.bottom { border-bottom-style: solid; border-bottom-width: 1px; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button { background-color: #202840; border-color: #131729; color: white; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button.placeholder { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button nb-icon { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button:focus { background-color: #2a344f; border-color: #fe9339; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button:hover { background-color: #171d33; border-color: #131729; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #202840; border-color: #131729; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button.bottom, .nb-theme-dark nb-select.appearance-outline.status-basic .select-button.top { border-color: #131729; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button.top { border-top-color: #131729; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button.bottom { border-bottom-color: #131729; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button { background-color: #202840; border-color: #fe9339; color: white; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button.placeholder { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button nb-icon { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button:focus { background-color: #2a344f; border-color: #d93f27; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button:hover { background-color: #171d33; border-color: #eb7d21; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #202840; border-color: #131729; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button.bottom, .nb-theme-dark nb-select.appearance-outline.status-primary .select-button.top { border-color: #fe9339; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button.top { border-top-color: #fe9339; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button.bottom { border-bottom-color: #fe9339; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button { background-color: #202840; border-color: #00b383; color: white; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button.placeholder { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button nb-icon { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button:focus { background-color: #2a344f; border-color: #009975; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button:hover { background-color: #171d33; border-color: #28d1a4; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #202840; border-color: #131729; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-outline.status-success .select-button.bottom, .nb-theme-dark nb-select.appearance-outline.status-success .select-button.top { border-color: #00b383; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button.top { border-top-color: #00b383; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button.bottom { border-bottom-color: #00b383; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button { background-color: #202840; border-color: #e6c813; color: white; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button.placeholder { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button nb-icon { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button:focus { background-color: #2a344f; border-color: #c5a80d; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button:hover { background-color: #171d33; border-color: #f0da4a; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #202840; border-color: #131729; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button.bottom, .nb-theme-dark nb-select.appearance-outline.status-warning .select-button.top { border-color: #e6c813; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button.top { border-top-color: #e6c813; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button.bottom { border-bottom-color: #e6c813; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button { background-color: #202840; border-color: #ef0000; color: white; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button.placeholder { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button nb-icon { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button:focus { background-color: #2a344f; border-color: #cd0011; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button:hover { background-color: #171d33; border-color: #f54d3d; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #202840; border-color: #131729; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button.bottom, .nb-theme-dark nb-select.appearance-outline.status-danger .select-button.top { border-color: #ef0000; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button.top { border-top-color: #ef0000; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button.bottom { border-bottom-color: #ef0000; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button { background-color: #202840; border-color: #339ce7; color: white; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button.placeholder { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button nb-icon { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button:focus { background-color: #2a344f; border-color: #257ac6; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button:hover { background-color: #171d33; border-color: #63bef0; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #202840; border-color: #131729; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-outline.status-info .select-button.bottom, .nb-theme-dark nb-select.appearance-outline.status-info .select-button.top { border-color: #339ce7; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button.top { border-top-color: #339ce7; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button.bottom { border-bottom-color: #339ce7; } .nb-theme-dark nb-select.appearance-outline.status-control .select-button { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); color: white; } .nb-theme-dark nb-select.appearance-outline.status-control .select-button.placeholder { color: white; } .nb-theme-dark nb-select.appearance-outline.status-control .select-button nb-icon { color: white; } .nb-theme-dark nb-select.appearance-outline.status-control .select-button:focus { background-color: rgba(255, 255, 255, 0.4); border-color: white; } .nb-theme-dark nb-select.appearance-outline.status-control .select-button:hover { background-color: rgba(255, 255, 255, 0.32); border-color: white; } .nb-theme-dark nb-select.appearance-outline.status-control .select-button[disabled] { color: white; background-color: rgba(143, 155, 179, 0.16); border-color: rgba(255, 255, 255, 0.4); } .nb-theme-dark nb-select.appearance-outline.status-control .select-button[disabled] nb-icon { color: white; } .nb-theme-dark nb-select.appearance-outline.status-control .select-button.bottom, .nb-theme-dark nb-select.appearance-outline.status-control .select-button.top { border-color: rgba(255, 255, 255, 0.4); } .nb-theme-dark nb-select.appearance-outline.status-control .select-button.top { border-top-color: rgba(255, 255, 255, 0.4); } .nb-theme-dark nb-select.appearance-outline.status-control .select-button.bottom { border-bottom-color: rgba(255, 255, 255, 0.4); } .nb-theme-dark nb-select.appearance-outline.size-tiny .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-outline.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-outline.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-dark nb-select.appearance-outline.size-small .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-outline.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-outline.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button { padding-right: 2rem; } .nb-theme-dark nb-select.appearance-outline.size-medium .select-button { padding: 0.4375rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-outline.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-outline.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-dark nb-select.appearance-outline.size-large .select-button { padding: 0.6875rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-outline.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-outline.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button { padding-right: 3rem; } .nb-theme-dark nb-select.appearance-outline.size-giant .select-button { padding: 0.9375rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-outline.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-outline.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-dark nb-select.appearance-filled .select-button { border-style: solid; border-width: 1px; } .nb-theme-dark nb-select.appearance-filled.size-tiny .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-filled.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-filled.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-dark nb-select.appearance-filled.size-small .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-filled.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-filled.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button { padding-right: 2rem; } .nb-theme-dark nb-select.appearance-filled.size-medium .select-button { padding: 0.4375rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-filled.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-filled.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-dark nb-select.appearance-filled.size-large .select-button { padding: 0.6875rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-filled.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-filled.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button { padding-right: 3rem; } .nb-theme-dark nb-select.appearance-filled.size-giant .select-button { padding: 0.9375rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-filled.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-filled.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-dark nb-select.appearance-filled.status-basic .select-button { background-color: #edf1f7; border-color: #edf1f7; color: #2a344f; } .nb-theme-dark nb-select.appearance-filled.status-basic .select-button.placeholder { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-filled.status-basic .select-button:focus { background-color: #dfe4f0; border-color: #c5ccdb; } .nb-theme-dark nb-select.appearance-filled.status-basic .select-button:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-dark nb-select.appearance-filled.status-basic .select-button[disabled] { background-color: #202840; border-color: #202840; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-basic .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-basic .select-button nb-icon { color: #2a344f; } .nb-theme-dark nb-select.appearance-filled.status-primary .select-button { background-color: #fe9339; border-color: #fe9339; color: white; } .nb-theme-dark nb-select.appearance-filled.status-primary .select-button.placeholder { color: white; } .nb-theme-dark nb-select.appearance-filled.status-primary .select-button:focus { background-color: #d93f27; border-color: #b52b1b; } .nb-theme-dark nb-select.appearance-filled.status-primary .select-button:hover { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-dark nb-select.appearance-filled.status-primary .select-button[disabled] { background-color: #202840; border-color: #202840; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-primary .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-primary .select-button nb-icon { color: white; } .nb-theme-dark nb-select.appearance-filled.status-success .select-button { background-color: #00b383; border-color: #00b383; color: white; } .nb-theme-dark nb-select.appearance-filled.status-success .select-button.placeholder { color: white; } .nb-theme-dark nb-select.appearance-filled.status-success .select-button:focus { background-color: #009975; border-color: #008066; } .nb-theme-dark nb-select.appearance-filled.status-success .select-button:hover { background-color: #28d1a4; border-color: #28d1a4; } .nb-theme-dark nb-select.appearance-filled.status-success .select-button[disabled] { background-color: #202840; border-color: #202840; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-success .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-success .select-button nb-icon { color: white; } .nb-theme-dark nb-select.appearance-filled.status-warning .select-button { background-color: #e6c813; border-color: #e6c813; color: white; } .nb-theme-dark nb-select.appearance-filled.status-warning .select-button.placeholder { color: white; } .nb-theme-dark nb-select.appearance-filled.status-warning .select-button:focus { background-color: #c5a80d; border-color: #a58a09; } .nb-theme-dark nb-select.appearance-filled.status-warning .select-button:hover { background-color: #f0da4a; border-color: #f0da4a; } .nb-theme-dark nb-select.appearance-filled.status-warning .select-button[disabled] { background-color: #202840; border-color: #202840; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-warning .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-warning .select-button nb-icon { color: white; } .nb-theme-dark nb-select.appearance-filled.status-danger .select-button { background-color: #ef0000; border-color: #ef0000; color: white; } .nb-theme-dark nb-select.appearance-filled.status-danger .select-button.placeholder { color: white; } .nb-theme-dark nb-select.appearance-filled.status-danger .select-button:focus { background-color: #cd0011; border-color: #ac001d; } .nb-theme-dark nb-select.appearance-filled.status-danger .select-button:hover { background-color: #f54d3d; border-color: #f54d3d; } .nb-theme-dark nb-select.appearance-filled.status-danger .select-button[disabled] { background-color: #202840; border-color: #202840; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-danger .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-danger .select-button nb-icon { color: white; } .nb-theme-dark nb-select.appearance-filled.status-info .select-button { background-color: #339ce7; border-color: #339ce7; color: white; } .nb-theme-dark nb-select.appearance-filled.status-info .select-button.placeholder { color: white; } .nb-theme-dark nb-select.appearance-filled.status-info .select-button:focus { background-color: #257ac6; border-color: #195ba6; } .nb-theme-dark nb-select.appearance-filled.status-info .select-button:hover { background-color: #63bef0; border-color: #63bef0; } .nb-theme-dark nb-select.appearance-filled.status-info .select-button[disabled] { background-color: #202840; border-color: #202840; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-info .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-info .select-button nb-icon { color: white; } .nb-theme-dark nb-select.appearance-filled.status-control .select-button { background-color: white; border-color: white; color: #2a344f; } .nb-theme-dark nb-select.appearance-filled.status-control .select-button.placeholder { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-filled.status-control .select-button:focus { background-color: #edf1f7; border-color: #c5ccdb; } .nb-theme-dark nb-select.appearance-filled.status-control .select-button:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-dark nb-select.appearance-filled.status-control .select-button[disabled] { background-color: #202840; border-color: #202840; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-control .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-control .select-button nb-icon { color: #2a344f; } .nb-theme-dark nb-select.appearance-hero .select-button { border: none; } .nb-theme-dark nb-select.appearance-hero.size-tiny .select-button { padding: 0.25rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-hero.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-hero.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-dark nb-select.appearance-hero.size-small .select-button { padding: 0.25rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-hero.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-hero.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button { padding-right: 2rem; } .nb-theme-dark nb-select.appearance-hero.size-medium .select-button { padding: 0.5rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-hero.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-hero.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-dark nb-select.appearance-hero.size-large .select-button { padding: 0.75rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-hero.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-hero.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button { padding-right: 3rem; } .nb-theme-dark nb-select.appearance-hero.size-giant .select-button { padding: 1rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-hero.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-hero.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-dark nb-select.appearance-hero.status-basic .select-button { background-image: -webkit-gradient(linear, left top, right top, from(#f7f9fc), to(#edf1f7)); background-image: linear-gradient(to right, #f7f9fc, #edf1f7); color: #2a344f; } .nb-theme-dark nb-select.appearance-hero.status-basic .select-button.placeholder { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-hero.status-basic .select-button:focus { background-image: -webkit-gradient(linear, left top, right top, from(#edf1f7), to(#dfe4f0)); background-image: linear-gradient(to right, #edf1f7, #dfe4f0); } .nb-theme-dark nb-select.appearance-hero.status-basic .select-button:hover { background-image: -webkit-gradient(linear, left top, right top, from(white), to(#f7f9fc)); background-image: linear-gradient(to right, white, #f7f9fc); } .nb-theme-dark nb-select.appearance-hero.status-basic .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #202840; background-image: none; } .nb-theme-dark nb-select.appearance-hero.status-basic .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-hero.status-basic .select-button nb-icon { color: #2a344f; } .nb-theme-dark nb-select.appearance-hero.status-primary .select-button { background-image: -webkit-gradient(linear, left top, right top, from(#eb7d21), to(#fe9339)); background-image: linear-gradient(to right, #eb7d21, #fe9339); color: white; } .nb-theme-dark nb-select.appearance-hero.status-primary .select-button.placeholder { color: white; } .nb-theme-dark nb-select.appearance-hero.status-primary .select-button:focus { background-image: -webkit-gradient(linear, left top, right top, from(#fe9339), to(#d93f27)); background-image: linear-gradient(to right, #fe9339, #d93f27); } .nb-theme-dark nb-select.appearance-hero.status-primary .select-button:hover { background-image: -webkit-gradient(linear, left top, right top, from(#ffbe87), to(#eb7d21)); background-image: linear-gradient(to right, #ffbe87, #eb7d21); } .nb-theme-dark nb-select.appearance-hero.status-primary .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #202840; background-image: none; } .nb-theme-dark nb-select.appearance-hero.status-primary .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-hero.status-primary .select-button nb-icon { color: white; } .nb-theme-dark nb-select.appearance-hero.status-success .select-button { background-image: -webkit-gradient(linear, left top, right top, from(#28d1a4), to(#00b383)); background-image: linear-gradient(to right, #28d1a4, #00b383); color: white; } .nb-theme-dark nb-select.appearance-hero.status-success .select-button.placeholder { color: white; } .nb-theme-dark nb-select.appearance-hero.status-success .select-button:focus { background-image: -webkit-gradient(linear, left top, right top, from(#00b383), to(#009975)); background-image: linear-gradient(to right, #00b383, #009975); } .nb-theme-dark nb-select.appearance-hero.status-success .select-button:hover { background-image: -webkit-gradient(linear, left top, right top, from(#8bf7da), to(#28d1a4)); background-image: linear-gradient(to right, #8bf7da, #28d1a4); } .nb-theme-dark nb-select.appearance-hero.status-success .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #202840; background-image: none; } .nb-theme-dark nb-select.appearance-hero.status-success .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-hero.status-success .select-button nb-icon { color: white; } .nb-theme-dark nb-select.appearance-hero.status-warning .select-button { background-image: -webkit-gradient(linear, left top, right top, from(#f0da4a), to(#e6c813)); background-image: linear-gradient(to right, #f0da4a, #e6c813); color: white; } .nb-theme-dark nb-select.appearance-hero.status-warning .select-button.placeholder { color: white; } .nb-theme-dark nb-select.appearance-hero.status-warning .select-button:focus { background-image: -webkit-gradient(linear, left top, right top, from(#e6c813), to(#c5a80d)); background-image: linear-gradient(to right, #e6c813, #c5a80d); } .nb-theme-dark nb-select.appearance-hero.status-warning .select-button:hover { background-image: -webkit-gradient(linear, left top, right top, from(#f7e86f), to(#f0da4a)); background-image: linear-gradient(to right, #f7e86f, #f0da4a); } .nb-theme-dark nb-select.appearance-hero.status-warning .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #202840; background-image: none; } .nb-theme-dark nb-select.appearance-hero.status-warning .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-hero.status-warning .select-button nb-icon { color: white; } .nb-theme-dark nb-select.appearance-hero.status-danger .select-button { background-image: -webkit-gradient(linear, left top, right top, from(#f54d3d), to(#ef0000)); background-image: linear-gradient(to right, #f54d3d, #ef0000); color: white; } .nb-theme-dark nb-select.appearance-hero.status-danger .select-button.placeholder { color: white; } .nb-theme-dark nb-select.appearance-hero.status-danger .select-button:focus { background-image: -webkit-gradient(linear, left top, right top, from(#ef0000), to(#cd0011)); background-image: linear-gradient(to right, #ef0000, #cd0011); } .nb-theme-dark nb-select.appearance-hero.status-danger .select-button:hover { background-image: -webkit-gradient(linear, left top, right top, from(#fa7e64), to(#f54d3d)); background-image: linear-gradient(to right, #fa7e64, #f54d3d); } .nb-theme-dark nb-select.appearance-hero.status-danger .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #202840; background-image: none; } .nb-theme-dark nb-select.appearance-hero.status-danger .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-hero.status-danger .select-button nb-icon { color: white; } .nb-theme-dark nb-select.appearance-hero.status-info .select-button { background-image: -webkit-gradient(linear, left top, right top, from(#63bef0), to(#339ce7)); background-image: linear-gradient(to right, #63bef0, #339ce7); color: white; } .nb-theme-dark nb-select.appearance-hero.status-info .select-button.placeholder { color: white; } .nb-theme-dark nb-select.appearance-hero.status-info .select-button:focus { background-image: -webkit-gradient(linear, left top, right top, from(#339ce7), to(#257ac6)); background-image: linear-gradient(to right, #339ce7, #257ac6); } .nb-theme-dark nb-select.appearance-hero.status-info .select-button:hover { background-image: -webkit-gradient(linear, left top, right top, from(#83d4f7), to(#63bef0)); background-image: linear-gradient(to right, #83d4f7, #63bef0); } .nb-theme-dark nb-select.appearance-hero.status-info .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #202840; background-image: none; } .nb-theme-dark nb-select.appearance-hero.status-info .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-hero.status-info .select-button nb-icon { color: white; } .nb-theme-dark nb-select.appearance-hero.status-control .select-button { background-image: -webkit-gradient(linear, left top, right top, from(white), to(white)); background-image: linear-gradient(to right, white, white); color: #2a344f; } .nb-theme-dark nb-select.appearance-hero.status-control .select-button.placeholder { color: #9fa9bd; } .nb-theme-dark nb-select.appearance-hero.status-control .select-button:focus { background-image: -webkit-gradient(linear, left top, right top, from(#f7f9fc), to(#edf1f7)); background-image: linear-gradient(to right, #f7f9fc, #edf1f7); } .nb-theme-dark nb-select.appearance-hero.status-control .select-button:hover { background-image: -webkit-gradient(linear, left top, right top, from(white), to(#f7f9fc)); background-image: linear-gradient(to right, white, #f7f9fc); } .nb-theme-dark nb-select.appearance-hero.status-control .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #202840; background-image: none; } .nb-theme-dark nb-select.appearance-hero.status-control .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-hero.status-control .select-button nb-icon { color: #2a344f; } .nb-theme-dark nb-form-field nb-select { width: 100%; } .nb-theme-dark nb-option-list { background-color: #2a344f; border-color: #131729; border-style: solid; border-width: 0.0625rem; border-radius: 0.25rem; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; } .nb-theme-dark nb-option-list .option-list { height: 100%; max-height: 20rem; margin: 0; padding: 0; overflow: auto; } .nb-theme-dark nb-option-list.position-top { border-bottom: 0.0625rem solid #131729; } .nb-theme-dark nb-option-list.position-bottom { border-top: 0.0625rem solid #131729; } .nb-theme-dark nb-option-group { color: #9fa9bd; font-family: Open Sans, sans-serif; } .nb-theme-dark nb-option-list.size-tiny nb-option-group { font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-dark nb-option-list.size-tiny nb-option-group .option-group-title { padding: 0.1875rem 1rem; } .nb-theme-dark nb-option-list.size-tiny nb-option-group nb-option { padding-left: 1.25rem; } .nb-theme-dark nb-option-list.size-small nb-option-group { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-option-list.size-small nb-option-group .option-group-title { padding: 0.1875rem 1rem; } .nb-theme-dark nb-option-list.size-small nb-option-group nb-option { padding-left: 1.75rem; } .nb-theme-dark nb-option-list.size-medium nb-option-group { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-option-list.size-medium nb-option-group .option-group-title { padding: 0.4375rem 1rem; } .nb-theme-dark nb-option-list.size-medium nb-option-group nb-option { padding-left: 2.25rem; } .nb-theme-dark nb-option-list.size-large nb-option-group { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-option-list.size-large nb-option-group .option-group-title { padding: 0.6875rem 1rem; } .nb-theme-dark nb-option-list.size-large nb-option-group nb-option { padding-left: 2.25rem; } .nb-theme-dark nb-option-list.size-giant nb-option-group { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } .nb-theme-dark nb-option-list.size-giant nb-option-group .option-group-title { padding: 0.9375rem 1rem; } .nb-theme-dark nb-option-list.size-giant nb-option-group nb-option { padding-left: 2.75rem; } .nb-theme-dark nb-option { background-color: #2a344f; color: white; font-family: Open Sans, sans-serif; } .nb-theme-dark nb-option.active { background-color: rgba(143, 155, 179, 0.24); color: white; } .nb-theme-dark nb-option.selected { background-color: #fe9339; color: white; } .nb-theme-dark nb-option:focus { background-color: rgba(143, 155, 179, 0.24); color: white; outline: none; } .nb-theme-dark nb-option:focus.selected { background-color: #d93f27; color: white; } .nb-theme-dark nb-option:hover { background-color: rgba(143, 155, 179, 0.16); color: white; } .nb-theme-dark nb-option:hover.selected { background-color: #eb7d21; color: white; } .nb-theme-dark nb-option.multiple.selected { background-color: #2a344f; color: white; } .nb-theme-dark nb-option.multiple:focus { background-color: rgba(143, 155, 179, 0.24); color: white; } .nb-theme-dark nb-option-list.size-tiny nb-option { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.1875rem 1rem; } .nb-theme-dark nb-option-list.size-small nb-option { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 1rem; } .nb-theme-dark nb-option-list.size-medium nb-option { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.4375rem 1rem; } .nb-theme-dark nb-option-list.size-large nb-option { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.6875rem 1rem; } .nb-theme-dark nb-option-list.size-giant nb-option { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.9375rem 1rem; } .nb-theme-dark nb-option, .nb-theme-dark nb-option-group { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .nb-theme-dark nb-option[disabled], .nb-theme-dark nb-option-group[disabled] { background-color: #2a344f; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toast { border-style: solid; border-width: 1px; border-radius: 0.25rem; padding: 1rem; -webkit-box-shadow: none; box-shadow: none; } .nb-theme-dark nb-toast .title { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-toast .message { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; } .nb-theme-dark nb-toast .icon-container { border-radius: 0.25rem; min-width: 2.5rem; min-height: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [dir=ltr] .nb-theme-dark nb-toast .icon-container { margin-right: 1.25rem; } [dir=rtl] .nb-theme-dark nb-toast .icon-container { margin-left: 1.25rem; } .nb-theme-dark nb-toast .icon-container nb-icon { font-size: 1.5rem; } .nb-theme-dark nb-toast.status-basic { background: #2a344f; border-color: #171d33; color: white; } .nb-theme-dark nb-toast.status-basic .title { color: white; } .nb-theme-dark nb-toast.status-basic.destroy-by-click:hover { background: #2a344f; border-color: #171d33; } .nb-theme-dark nb-toast.status-basic .icon-container { background: #2a344f; color: white; } .nb-theme-dark nb-toast.status-primary { background: #fe9339; border-color: #fe9339; color: white; } .nb-theme-dark nb-toast.status-primary .title { color: white; } .nb-theme-dark nb-toast.status-primary.destroy-by-click:hover { background: #eb7d21; border-color: #eb7d21; } .nb-theme-dark nb-toast.status-primary .icon-container { background: #2a344f; color: #fe9339; } .nb-theme-dark nb-toast.status-success { background: #00b383; border-color: #00b383; color: white; } .nb-theme-dark nb-toast.status-success .title { color: white; } .nb-theme-dark nb-toast.status-success.destroy-by-click:hover { background: #28d1a4; border-color: #28d1a4; } .nb-theme-dark nb-toast.status-success .icon-container { background: #2a344f; color: #00b383; } .nb-theme-dark nb-toast.status-warning { background: #e6c813; border-color: #e6c813; color: white; } .nb-theme-dark nb-toast.status-warning .title { color: white; } .nb-theme-dark nb-toast.status-warning.destroy-by-click:hover { background: #f0da4a; border-color: #f0da4a; } .nb-theme-dark nb-toast.status-warning .icon-container { background: #2a344f; color: #e6c813; } .nb-theme-dark nb-toast.status-danger { background: #ef0000; border-color: #ef0000; color: white; } .nb-theme-dark nb-toast.status-danger .title { color: white; } .nb-theme-dark nb-toast.status-danger.destroy-by-click:hover { background: #f54d3d; border-color: #f54d3d; } .nb-theme-dark nb-toast.status-danger .icon-container { background: #2a344f; color: #ef0000; } .nb-theme-dark nb-toast.status-info { background: #339ce7; border-color: #339ce7; color: white; } .nb-theme-dark nb-toast.status-info .title { color: white; } .nb-theme-dark nb-toast.status-info.destroy-by-click:hover { background: #63bef0; border-color: #63bef0; } .nb-theme-dark nb-toast.status-info .icon-container { background: #2a344f; color: #339ce7; } .nb-theme-dark nb-toast.status-control { background: white; border-color: white; color: #2a344f; } .nb-theme-dark nb-toast.status-control .title { color: #2a344f; } .nb-theme-dark nb-toast.status-control.destroy-by-click:hover { background: #f7f9fc; border-color: #f7f9fc; } .nb-theme-dark nb-toast.status-control .icon-container { background: white; color: #2a344f; } .nb-theme-dark .toastr-overlay-container { z-index: 1041; } .nb-theme-dark nb-tooltip { -webkit-box-shadow: none; box-shadow: none; background: #2a344f; border: 0 dashed transparent; border-radius: 0.25rem; padding: 0.5rem 1rem; max-width: 16rem; } .nb-theme-dark nb-tooltip nb-icon:only-child { height: 1rem; width: 1rem; } .nb-theme-dark nb-tooltip nb-icon:not(:only-child) { height: 0.85rem; width: 0.85rem; } .nb-theme-dark nb-tooltip .content { color: white; font-family: Open Sans, sans-serif; font-size: 0.85rem; font-weight: 400; line-height: 1rem; } .nb-theme-dark nb-tooltip .arrow { border-bottom: 6px dashed #2a344f; } .nb-theme-dark nb-tooltip.status-basic { background: #171d33; border-color: transparent; } .nb-theme-dark nb-tooltip.status-basic .arrow { border-bottom-color: #171d33; } .nb-theme-dark nb-tooltip.status-basic .content { color: white; } .nb-theme-dark nb-tooltip.status-primary { background: #fe9339; border-color: transparent; } .nb-theme-dark nb-tooltip.status-primary .arrow { border-bottom-color: #fe9339; } .nb-theme-dark nb-tooltip.status-primary .content { color: white; } .nb-theme-dark nb-tooltip.status-success { background: #00b383; border-color: transparent; } .nb-theme-dark nb-tooltip.status-success .arrow { border-bottom-color: #00b383; } .nb-theme-dark nb-tooltip.status-success .content { color: white; } .nb-theme-dark nb-tooltip.status-warning { background: #e6c813; border-color: transparent; } .nb-theme-dark nb-tooltip.status-warning .arrow { border-bottom-color: #e6c813; } .nb-theme-dark nb-tooltip.status-warning .content { color: white; } .nb-theme-dark nb-tooltip.status-danger { background: #ef0000; border-color: transparent; } .nb-theme-dark nb-tooltip.status-danger .arrow { border-bottom-color: #ef0000; } .nb-theme-dark nb-tooltip.status-danger .content { color: white; } .nb-theme-dark nb-tooltip.status-info { background: #339ce7; border-color: transparent; } .nb-theme-dark nb-tooltip.status-info .arrow { border-bottom-color: #339ce7; } .nb-theme-dark nb-tooltip.status-info .content { color: white; } .nb-theme-dark nb-tooltip.status-control { background: white; border-color: transparent; } .nb-theme-dark nb-tooltip.status-control .arrow { border-bottom-color: white; } .nb-theme-dark nb-tooltip.status-control .content { color: #2a344f; } .nb-theme-dark nb-datepicker-container nb-card { border-color: #131729; border-style: solid; border-width: 0.0625rem; border-radius: 0.25rem; background: #2a344f; -webkit-box-shadow: none; box-shadow: none; } .nb-theme-dark nb-calendar-with-time .nb-timepicker-container, .nb-theme-dark nb-calendar-with-time nb-base-calendar nb-card { border: none; } .nb-theme-dark nb-calendar-with-time .column-header { border-top: 0.0625rem solid #131729; border-radius: 0; } .nb-theme-dark nb-calendar-with-time .timepicker-section.size-large nb-list-item { height: 3rem; } .nb-theme-dark nb-calendar-with-time .timepicker-section.size-large .header-cell { height: 3rem; } [dir=ltr] .nb-theme-dark nb-calendar-with-time .timepicker-section { border-left: 0.0625rem solid #131729; } [dir=rtl] .nb-theme-dark nb-calendar-with-time .timepicker-section { border-right: 0.0625rem solid #131729; } .nb-theme-dark nb-calendar-with-time .timepicker-single-column-width { width: 5rem; } .nb-theme-dark nb-calendar-with-time .timepicker-multiple-column-width { width: 13.875rem; } .nb-theme-dark nb-calendar-with-time .picker-title { height: 3.75rem; padding: 1.25rem; } .nb-theme-dark nb-radio .outer-circle, .nb-theme-dark nb-radio .inner-circle { height: 1.25rem; width: 1.25rem; } .nb-theme-dark nb-radio .outer-circle { border-style: solid; border-width: 1px; } .nb-theme-dark nb-radio .native-input:enabled:focus + .outer-circle { -webkit-box-shadow: 0 0 0 0.375rem #424d69; box-shadow: 0 0 0 0.375rem #424d69; } .nb-theme-dark nb-radio.status-basic .native-input:enabled + .outer-circle { background-color: rgba(143, 155, 179, 0.08); border-color: #9fa9bd; } .nb-theme-dark nb-radio.status-basic .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #fe9339; } .nb-theme-dark nb-radio.status-basic .native-input:enabled:checked ~ .inner-circle { background-color: #fe9339; } .nb-theme-dark nb-radio.status-basic .native-input:enabled:focus + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-dark nb-radio.status-basic .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #b52b1b; } .nb-theme-dark nb-radio.status-basic .native-input:enabled:checked:focus ~ .inner-circle { background-color: #d93f27; } .nb-theme-dark nb-radio.status-basic label:hover .native-input:enabled + .outer-circle { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; } .nb-theme-dark nb-radio.status-basic label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #eb7d21; } .nb-theme-dark nb-radio.status-basic label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #eb7d21; } .nb-theme-dark nb-radio.status-basic label .native-input:enabled:active + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-dark nb-radio.status-basic label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #d93f27; } .nb-theme-dark nb-radio.status-basic label .native-input:enabled:checked:active ~ .inner-circle { background-color: #d93f27; } .nb-theme-dark nb-radio.status-basic .text { color: white; } .nb-theme-dark nb-radio.status-basic .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-radio.status-basic .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-basic .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-basic .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-primary .native-input:enabled + .outer-circle { background-color: rgba(51, 102, 255, 0.08); border-color: #fe9339; } .nb-theme-dark nb-radio.status-primary .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #fe9339; } .nb-theme-dark nb-radio.status-primary .native-input:enabled:checked ~ .inner-circle { background-color: #fe9339; } .nb-theme-dark nb-radio.status-primary .native-input:enabled:focus + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-dark nb-radio.status-primary .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #b52b1b; } .nb-theme-dark nb-radio.status-primary .native-input:enabled:checked:focus ~ .inner-circle { background-color: #d93f27; } .nb-theme-dark nb-radio.status-primary label:hover .native-input:enabled + .outer-circle { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; } .nb-theme-dark nb-radio.status-primary label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #eb7d21; } .nb-theme-dark nb-radio.status-primary label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #eb7d21; } .nb-theme-dark nb-radio.status-primary label .native-input:enabled:active + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; } .nb-theme-dark nb-radio.status-primary label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #d93f27; } .nb-theme-dark nb-radio.status-primary label .native-input:enabled:checked:active ~ .inner-circle { background-color: #d93f27; } .nb-theme-dark nb-radio.status-primary .text { color: white; } .nb-theme-dark nb-radio.status-primary .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-radio.status-primary .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-primary .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-primary .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-success .native-input:enabled + .outer-circle { background-color: rgba(0, 214, 143, 0.08); border-color: #00b383; } .nb-theme-dark nb-radio.status-success .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #00b383; } .nb-theme-dark nb-radio.status-success .native-input:enabled:checked ~ .inner-circle { background-color: #00b383; } .nb-theme-dark nb-radio.status-success .native-input:enabled:focus + .outer-circle { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; } .nb-theme-dark nb-radio.status-success .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #008066; } .nb-theme-dark nb-radio.status-success .native-input:enabled:checked:focus ~ .inner-circle { background-color: #009975; } .nb-theme-dark nb-radio.status-success label:hover .native-input:enabled + .outer-circle { background-color: rgba(0, 214, 143, 0.16); border-color: #00b383; } .nb-theme-dark nb-radio.status-success label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #28d1a4; } .nb-theme-dark nb-radio.status-success label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #28d1a4; } .nb-theme-dark nb-radio.status-success label .native-input:enabled:active + .outer-circle { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; } .nb-theme-dark nb-radio.status-success label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #009975; } .nb-theme-dark nb-radio.status-success label .native-input:enabled:checked:active ~ .inner-circle { background-color: #009975; } .nb-theme-dark nb-radio.status-success .text { color: white; } .nb-theme-dark nb-radio.status-success .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-radio.status-success .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-success .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-success .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-warning .native-input:enabled + .outer-circle { background-color: rgba(255, 170, 0, 0.08); border-color: #e6c813; } .nb-theme-dark nb-radio.status-warning .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #e6c813; } .nb-theme-dark nb-radio.status-warning .native-input:enabled:checked ~ .inner-circle { background-color: #e6c813; } .nb-theme-dark nb-radio.status-warning .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; } .nb-theme-dark nb-radio.status-warning .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #a58a09; } .nb-theme-dark nb-radio.status-warning .native-input:enabled:checked:focus ~ .inner-circle { background-color: #c5a80d; } .nb-theme-dark nb-radio.status-warning label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 170, 0, 0.16); border-color: #e6c813; } .nb-theme-dark nb-radio.status-warning label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #f0da4a; } .nb-theme-dark nb-radio.status-warning label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #f0da4a; } .nb-theme-dark nb-radio.status-warning label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; } .nb-theme-dark nb-radio.status-warning label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #c5a80d; } .nb-theme-dark nb-radio.status-warning label .native-input:enabled:checked:active ~ .inner-circle { background-color: #c5a80d; } .nb-theme-dark nb-radio.status-warning .text { color: white; } .nb-theme-dark nb-radio.status-warning .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-radio.status-warning .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-warning .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-warning .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-danger .native-input:enabled + .outer-circle { background-color: rgba(255, 61, 113, 0.08); border-color: #ef0000; } .nb-theme-dark nb-radio.status-danger .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #ef0000; } .nb-theme-dark nb-radio.status-danger .native-input:enabled:checked ~ .inner-circle { background-color: #ef0000; } .nb-theme-dark nb-radio.status-danger .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; } .nb-theme-dark nb-radio.status-danger .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #ac001d; } .nb-theme-dark nb-radio.status-danger .native-input:enabled:checked:focus ~ .inner-circle { background-color: #cd0011; } .nb-theme-dark nb-radio.status-danger label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 61, 113, 0.16); border-color: #ef0000; } .nb-theme-dark nb-radio.status-danger label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #f54d3d; } .nb-theme-dark nb-radio.status-danger label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #f54d3d; } .nb-theme-dark nb-radio.status-danger label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; } .nb-theme-dark nb-radio.status-danger label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #cd0011; } .nb-theme-dark nb-radio.status-danger label .native-input:enabled:checked:active ~ .inner-circle { background-color: #cd0011; } .nb-theme-dark nb-radio.status-danger .text { color: white; } .nb-theme-dark nb-radio.status-danger .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-radio.status-danger .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-danger .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-danger .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-info .native-input:enabled + .outer-circle { background-color: rgba(0, 149, 255, 0.08); border-color: #339ce7; } .nb-theme-dark nb-radio.status-info .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #339ce7; } .nb-theme-dark nb-radio.status-info .native-input:enabled:checked ~ .inner-circle { background-color: #339ce7; } .nb-theme-dark nb-radio.status-info .native-input:enabled:focus + .outer-circle { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; } .nb-theme-dark nb-radio.status-info .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #195ba6; } .nb-theme-dark nb-radio.status-info .native-input:enabled:checked:focus ~ .inner-circle { background-color: #257ac6; } .nb-theme-dark nb-radio.status-info label:hover .native-input:enabled + .outer-circle { background-color: rgba(0, 149, 255, 0.16); border-color: #339ce7; } .nb-theme-dark nb-radio.status-info label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #63bef0; } .nb-theme-dark nb-radio.status-info label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #63bef0; } .nb-theme-dark nb-radio.status-info label .native-input:enabled:active + .outer-circle { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; } .nb-theme-dark nb-radio.status-info label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #257ac6; } .nb-theme-dark nb-radio.status-info label .native-input:enabled:checked:active ~ .inner-circle { background-color: #257ac6; } .nb-theme-dark nb-radio.status-info .text { color: white; } .nb-theme-dark nb-radio.status-info .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-radio.status-info .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-info .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-info .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-control .native-input:enabled + .outer-circle { background-color: rgba(255, 255, 255, 0.08); border-color: white; } .nb-theme-dark nb-radio.status-control .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: white; } .nb-theme-dark nb-radio.status-control .native-input:enabled:checked ~ .inner-circle { background-color: white; } .nb-theme-dark nb-radio.status-control .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-dark nb-radio.status-control .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #c5ccdb; } .nb-theme-dark nb-radio.status-control .native-input:enabled:checked:focus ~ .inner-circle { background-color: #edf1f7; } .nb-theme-dark nb-radio.status-control label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 255, 255, 0.16); border-color: white; } .nb-theme-dark nb-radio.status-control label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #f7f9fc; } .nb-theme-dark nb-radio.status-control label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #f7f9fc; } .nb-theme-dark nb-radio.status-control label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 255, 255, 0.24); border-color: white; } .nb-theme-dark nb-radio.status-control label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #edf1f7; } .nb-theme-dark nb-radio.status-control label .native-input:enabled:checked:active ~ .inner-circle { background-color: #edf1f7; } .nb-theme-dark nb-radio.status-control .text { color: white; } .nb-theme-dark nb-radio.status-control .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-radio.status-control .native-input:disabled ~ .text { color: white; } .nb-theme-dark nb-radio.status-control .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-control .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio .text { font-family: Open Sans, sans-serif; font-size: 13px; font-weight: 500; line-height: 24px; } [dir=ltr] .nb-theme-dark nb-radio .text { margin-left: 1.25rem; } [dir=rtl] .nb-theme-dark nb-radio .text { margin-right: 1.25rem; } .nb-theme-dark .nb-tree-grid-header-cell, .nb-theme-dark .nb-tree-grid-cell, .nb-theme-dark .nb-tree-grid-footer-cell { height: 2rem; padding: 0.875rem 1.25rem; border: 1px solid #202840; } .nb-theme-dark .nb-tree-grid-header-row { background: #2a344f; color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark .nb-tree-grid-footer-row { background: #2a344f; color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark .nb-tree-grid-row { background: #2a344f; color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tree-grid-row:hover { background: #2a344f; } .nb-theme-dark .nb-tree-grid-row:nth-child(2n):not(:hover) { background-color: #2a344f; } .nb-theme-dark .nb-tree-grid-header-cell button { vertical-align: middle; } .nb-theme-dark nb-tree-grid-row-toggle nb-icon, .nb-theme-dark nb-sort-icon nb-icon { font-size: inherit; vertical-align: middle; color: currentColor; } .nb-theme-dark .nb-tree-grid-header-change-sort-button { background: transparent; border: none; padding: 0; color: inherit; font-size: inherit; font-weight: inherit; font-family: inherit; line-height: inherit; } .nb-theme-dark nb-icon { font-size: 1.25rem; line-height: 1; width: 1em; height: 1em; } .nb-theme-dark nb-icon svg { vertical-align: top; } .nb-theme-dark nb-icon.status-basic { color: #9fa9bd; } .nb-theme-dark nb-icon.status-primary { color: #fe9339; } .nb-theme-dark nb-icon.status-success { color: #00b383; } .nb-theme-dark nb-icon.status-warning { color: #e6c813; } .nb-theme-dark nb-icon.status-danger { color: #ef0000; } .nb-theme-dark nb-icon.status-info { color: #339ce7; } .nb-theme-dark nb-icon.status-control { color: white; } .nb-theme-dark .nb-form-control-container { max-width: inherit; } .nb-theme-dark .nb-form-field-addon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; } .nb-theme-dark .nb-form-field-addon-disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-form-field.nb-transition .nb-form-field-addon { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: color; transition-property: color; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .nb-theme-dark .nb-form-field-addon-basic { color: #9fa9bd; } .nb-theme-dark .nb-form-field-addon-basic-highlight { color: #fe9339; } .nb-theme-dark .nb-form-field-addon-primary { color: #fe9339; } .nb-theme-dark .nb-form-field-addon-primary-highlight { color: #d93f27; } .nb-theme-dark .nb-form-field-addon-success { color: #00b383; } .nb-theme-dark .nb-form-field-addon-success-highlight { color: #009975; } .nb-theme-dark .nb-form-field-addon-warning { color: #e6c813; } .nb-theme-dark .nb-form-field-addon-warning-highlight { color: #c5a80d; } .nb-theme-dark .nb-form-field-addon-danger { color: #ef0000; } .nb-theme-dark .nb-form-field-addon-danger-highlight { color: #cd0011; } .nb-theme-dark .nb-form-field-addon-info { color: #339ce7; } .nb-theme-dark .nb-form-field-addon-info-highlight { color: #257ac6; } .nb-theme-dark .nb-form-field-addon-control { color: white; } .nb-theme-dark .nb-form-field-addon-control-highlight { color: white; } .nb-theme-dark .nb-form-field-limited-width.nb-form-field-size-tiny { max-width: 20rem; } .nb-theme-dark .nb-form-field-prefix-tiny, .nb-theme-dark .nb-form-field-suffix-tiny { height: 1.5rem; width: 1.5rem; font-size: 0.625rem; line-height: 0.75rem; font-weight: 700; } .nb-theme-dark .nb-form-field-prefix-tiny nb-icon, .nb-theme-dark .nb-form-field-suffix-tiny nb-icon { font-size: 0.75rem; line-height: 0.75rem; } [dir=ltr] .nb-theme-dark .nb-form-field-prefix-tiny { margin-right: calc(1.5rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-prefix-tiny { margin-left: calc(1.5rem * -1); } [dir=ltr] .nb-theme-dark .nb-form-field-suffix-tiny { margin-left: calc(1.5rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-suffix-tiny { margin-right: calc(1.5rem * -1); } .nb-theme-dark .nb-form-field-limited-width.nb-form-field-size-small { max-width: 20rem; } .nb-theme-dark .nb-form-field-prefix-small, .nb-theme-dark .nb-form-field-suffix-small { height: 2rem; width: 2rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; } .nb-theme-dark .nb-form-field-prefix-small nb-icon, .nb-theme-dark .nb-form-field-suffix-small nb-icon { font-size: 1rem; line-height: 1rem; } [dir=ltr] .nb-theme-dark .nb-form-field-prefix-small { margin-right: calc(2rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-prefix-small { margin-left: calc(2rem * -1); } [dir=ltr] .nb-theme-dark .nb-form-field-suffix-small { margin-left: calc(2rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-suffix-small { margin-right: calc(2rem * -1); } .nb-theme-dark .nb-form-field-limited-width.nb-form-field-size-medium { max-width: 20rem; } .nb-theme-dark .nb-form-field-prefix-medium, .nb-theme-dark .nb-form-field-suffix-medium { height: 2.5rem; width: 2.5rem; font-size: 0.875rem; line-height: 1rem; font-weight: 700; } .nb-theme-dark .nb-form-field-prefix-medium nb-icon, .nb-theme-dark .nb-form-field-suffix-medium nb-icon { font-size: 1.25rem; line-height: 1.25rem; } [dir=ltr] .nb-theme-dark .nb-form-field-prefix-medium { margin-right: calc(2.5rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-prefix-medium { margin-left: calc(2.5rem * -1); } [dir=ltr] .nb-theme-dark .nb-form-field-suffix-medium { margin-left: calc(2.5rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-suffix-medium { margin-right: calc(2.5rem * -1); } .nb-theme-dark .nb-form-field-limited-width.nb-form-field-size-large { max-width: 30rem; } .nb-theme-dark .nb-form-field-prefix-large, .nb-theme-dark .nb-form-field-suffix-large { height: 3rem; width: 3rem; font-size: 1rem; line-height: 1.25rem; font-weight: 700; } .nb-theme-dark .nb-form-field-prefix-large nb-icon, .nb-theme-dark .nb-form-field-suffix-large nb-icon { font-size: 1.5rem; line-height: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-prefix-large { margin-right: calc(3rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-prefix-large { margin-left: calc(3rem * -1); } [dir=ltr] .nb-theme-dark .nb-form-field-suffix-large { margin-left: calc(3rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-suffix-large { margin-right: calc(3rem * -1); } .nb-theme-dark .nb-form-field-limited-width.nb-form-field-size-giant { max-width: 30rem; } .nb-theme-dark .nb-form-field-prefix-giant, .nb-theme-dark .nb-form-field-suffix-giant { height: 3.5rem; width: 3.5rem; font-size: 1.125rem; line-height: 1.5rem; font-weight: 700; } .nb-theme-dark .nb-form-field-prefix-giant nb-icon, .nb-theme-dark .nb-form-field-suffix-giant nb-icon { font-size: 1.5rem; line-height: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-prefix-giant { margin-right: calc(3.5rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-prefix-giant { margin-left: calc(3.5rem * -1); } [dir=ltr] .nb-theme-dark .nb-form-field-suffix-giant { margin-left: calc(3.5rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-suffix-giant { margin-right: calc(3.5rem * -1); } .nb-theme-dark nb-tag { border-style: solid; border-width: 0.0625rem; border-radius: 1.5rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: Open Sans, sans-serif; text-transform: capitalize; cursor: default; } .nb-theme-dark nb-tag.nb-transition { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: background-color, border-color, color; transition-property: background-color, border-color, color; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .nb-theme-dark nb-tag.size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.0625rem 0.9375rem; } .nb-theme-dark nb-tag.size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.0625rem 0.9375rem; } .nb-theme-dark nb-tag.size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 0.9375rem; } .nb-theme-dark nb-tag.size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.3125rem 0.9375rem; } .nb-theme-dark nb-tag.size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.4375rem 0.9375rem; } .nb-theme-dark nb-tag.appearance-filled.status-basic { background-color: #edf1f7; border-color: #edf1f7; color: #2a344f; } .nb-theme-dark nb-tag.appearance-filled.status-basic.selected { background-color: color-basic-actove; border-color: #dfe4f0; } .nb-theme-dark nb-tag.appearance-filled.status-basic.active { background-color: #dfe4f0; border-color: #c5ccdb; } .nb-theme-dark nb-tag.appearance-filled.status-basic:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-dark nb-tag.appearance-filled.status-primary { background-color: #fe9339; border-color: #fe9339; color: white; } .nb-theme-dark nb-tag.appearance-filled.status-primary.selected { background-color: color-primary-actove; border-color: #d93f27; } .nb-theme-dark nb-tag.appearance-filled.status-primary.active { background-color: #d93f27; border-color: #b52b1b; } .nb-theme-dark nb-tag.appearance-filled.status-primary:hover { background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-dark nb-tag.appearance-filled.status-success { background-color: #00b383; border-color: #00b383; color: white; } .nb-theme-dark nb-tag.appearance-filled.status-success.selected { background-color: color-success-actove; border-color: #009975; } .nb-theme-dark nb-tag.appearance-filled.status-success.active { background-color: #009975; border-color: #008066; } .nb-theme-dark nb-tag.appearance-filled.status-success:hover { background-color: #28d1a4; border-color: #28d1a4; } .nb-theme-dark nb-tag.appearance-filled.status-warning { background-color: #e6c813; border-color: #e6c813; color: white; } .nb-theme-dark nb-tag.appearance-filled.status-warning.selected { background-color: color-warning-actove; border-color: #c5a80d; } .nb-theme-dark nb-tag.appearance-filled.status-warning.active { background-color: #c5a80d; border-color: #a58a09; } .nb-theme-dark nb-tag.appearance-filled.status-warning:hover { background-color: #f0da4a; border-color: #f0da4a; } .nb-theme-dark nb-tag.appearance-filled.status-danger { background-color: #ef0000; border-color: #ef0000; color: white; } .nb-theme-dark nb-tag.appearance-filled.status-danger.selected { background-color: color-danger-actove; border-color: #cd0011; } .nb-theme-dark nb-tag.appearance-filled.status-danger.active { background-color: #cd0011; border-color: #ac001d; } .nb-theme-dark nb-tag.appearance-filled.status-danger:hover { background-color: #f54d3d; border-color: #f54d3d; } .nb-theme-dark nb-tag.appearance-filled.status-info { background-color: #339ce7; border-color: #339ce7; color: white; } .nb-theme-dark nb-tag.appearance-filled.status-info.selected { background-color: color-info-actove; border-color: #257ac6; } .nb-theme-dark nb-tag.appearance-filled.status-info.active { background-color: #257ac6; border-color: #195ba6; } .nb-theme-dark nb-tag.appearance-filled.status-info:hover { background-color: #63bef0; border-color: #63bef0; } .nb-theme-dark nb-tag.appearance-filled.status-control { background-color: white; border-color: white; color: #2a344f; } .nb-theme-dark nb-tag.appearance-filled.status-control.selected { background-color: color-control-actove; border-color: #edf1f7; } .nb-theme-dark nb-tag.appearance-filled.status-control.active { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-dark nb-tag.appearance-filled.status-control:hover { background-color: #edf1f7; border-color: #c5ccdb; } .nb-theme-dark nb-tag.appearance-outline.status-basic { background-color: rgba(143, 155, 179, 0.08); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-dark nb-tag.appearance-outline.status-basic.selected { background-color: rgba(143, 155, 179, 0.24); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-dark nb-tag.appearance-outline.status-basic.active { background-color: rgba(143, 155, 179, 0.24); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-dark nb-tag.appearance-outline.status-basic:hover { background-color: rgba(143, 155, 179, 0.16); border-color: #9fa9bd; color: #9fa9bd; } .nb-theme-dark nb-tag.appearance-outline.status-primary { background-color: rgba(51, 102, 255, 0.08); border-color: #fe9339; color: #fe9339; } .nb-theme-dark nb-tag.appearance-outline.status-primary.selected { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; color: #fe9339; } .nb-theme-dark nb-tag.appearance-outline.status-primary.active { background-color: rgba(51, 102, 255, 0.24); border-color: #fe9339; color: #fe9339; } .nb-theme-dark nb-tag.appearance-outline.status-primary:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #fe9339; color: #fe9339; } .nb-theme-dark nb-tag.appearance-outline.status-success { background-color: rgba(0, 214, 143, 0.08); border-color: #00b383; color: #00b383; } .nb-theme-dark nb-tag.appearance-outline.status-success.selected { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; color: #00b383; } .nb-theme-dark nb-tag.appearance-outline.status-success.active { background-color: rgba(0, 214, 143, 0.24); border-color: #00b383; color: #00b383; } .nb-theme-dark nb-tag.appearance-outline.status-success:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00b383; color: #00b383; } .nb-theme-dark nb-tag.appearance-outline.status-warning { background-color: rgba(255, 170, 0, 0.08); border-color: #e6c813; color: #e6c813; } .nb-theme-dark nb-tag.appearance-outline.status-warning.selected { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; color: #e6c813; } .nb-theme-dark nb-tag.appearance-outline.status-warning.active { background-color: rgba(255, 170, 0, 0.24); border-color: #e6c813; color: #e6c813; } .nb-theme-dark nb-tag.appearance-outline.status-warning:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #e6c813; color: #e6c813; } .nb-theme-dark nb-tag.appearance-outline.status-danger { background-color: rgba(255, 61, 113, 0.08); border-color: #ef0000; color: #ef0000; } .nb-theme-dark nb-tag.appearance-outline.status-danger.selected { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; color: #ef0000; } .nb-theme-dark nb-tag.appearance-outline.status-danger.active { background-color: rgba(255, 61, 113, 0.24); border-color: #ef0000; color: #ef0000; } .nb-theme-dark nb-tag.appearance-outline.status-danger:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ef0000; color: #ef0000; } .nb-theme-dark nb-tag.appearance-outline.status-info { background-color: rgba(0, 149, 255, 0.08); border-color: #339ce7; color: #339ce7; } .nb-theme-dark nb-tag.appearance-outline.status-info.selected { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; color: #339ce7; } .nb-theme-dark nb-tag.appearance-outline.status-info.active { background-color: rgba(0, 149, 255, 0.24); border-color: #339ce7; color: #339ce7; } .nb-theme-dark nb-tag.appearance-outline.status-info:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #339ce7; color: #339ce7; } .nb-theme-dark nb-tag.appearance-outline.status-control { background-color: rgba(255, 255, 255, 0.08); border-color: white; color: white; } .nb-theme-dark nb-tag.appearance-outline.status-control.selected { background-color: rgba(255, 255, 255, 0.24); border-color: white; color: white; } .nb-theme-dark nb-tag.appearance-outline.status-control.active { background-color: rgba(255, 255, 255, 0.24); border-color: white; color: white; } .nb-theme-dark nb-tag.appearance-outline.status-control:hover { background-color: rgba(255, 255, 255, 0.16); border-color: white; color: white; } .nb-theme-dark .nb-tag-remove { cursor: pointer; } .nb-theme-dark .nb-tag-remove.size-tiny { font-size: 1rem; } [dir=ltr] .nb-theme-dark .nb-tag-remove.size-tiny { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-dark .nb-tag-remove.size-tiny { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-dark .nb-tag-remove.size-small { font-size: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-tag-remove.size-small { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-dark .nb-tag-remove.size-small { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-dark .nb-tag-remove.size-medium { font-size: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-tag-remove.size-medium { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-dark .nb-tag-remove.size-medium { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-dark .nb-tag-remove.size-large { font-size: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-tag-remove.size-large { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-dark .nb-tag-remove.size-large { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-dark .nb-tag-remove.size-giant { font-size: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-tag-remove.size-giant { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-dark .nb-tag-remove.size-giant { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-dark nb-tag-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; outline: none; } .nb-theme-dark nb-tag-list.size-tiny .nb-tag-list-tags-wrapper { margin: -0.0625rem; } .nb-theme-dark nb-tag-list.size-tiny .nb-tag-list-tags-wrapper nb-tag, .nb-theme-dark nb-tag-list.size-tiny .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.0625rem; } .nb-theme-dark nb-tag-list.size-small .nb-tag-list-tags-wrapper { margin: -0.125rem; } .nb-theme-dark nb-tag-list.size-small .nb-tag-list-tags-wrapper nb-tag, .nb-theme-dark nb-tag-list.size-small .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.125rem; } .nb-theme-dark nb-tag-list.size-medium .nb-tag-list-tags-wrapper { margin: -0.25rem; } .nb-theme-dark nb-tag-list.size-medium .nb-tag-list-tags-wrapper nb-tag, .nb-theme-dark nb-tag-list.size-medium .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.25rem; } .nb-theme-dark nb-tag-list.size-large .nb-tag-list-tags-wrapper { margin: -0.375rem; } .nb-theme-dark nb-tag-list.size-large .nb-tag-list-tags-wrapper nb-tag, .nb-theme-dark nb-tag-list.size-large .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.375rem; } .nb-theme-dark nb-tag-list.size-giant .nb-tag-list-tags-wrapper { margin: -0.5rem; } .nb-theme-dark nb-tag-list.size-giant .nb-tag-list-tags-wrapper nb-tag, .nb-theme-dark nb-tag-list.size-giant .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.5rem; } .nb-theme-dark .nb-tag-list-tags-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .nb-theme-dark .nb-tag-list-with-input { border-style: solid; border-width: 1px; font-family: Open Sans, sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .nb-theme-dark .nb-tag-list-with-input.nb-transition { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: border, background-color, color, -webkit-box-shadow; transition-property: border, background-color, color, -webkit-box-shadow; transition-property: border, background-color, color, box-shadow; transition-property: border, background-color, color, box-shadow, -webkit-box-shadow; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .nb-theme-dark .nb-tag-list-with-input::-webkit-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark .nb-tag-list-with-input::-moz-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark .nb-tag-list-with-input:-ms-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark .nb-tag-list-with-input::-ms-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark .nb-tag-list-with-input::placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark .nb-tag-list-with-input:focus { outline: none; } .nb-theme-dark .nb-tag-list-with-input.input-full-width { width: 100%; } .nb-theme-dark .nb-tag-list-with-input.shape-rectangle { border-radius: 0.25rem; } .nb-theme-dark .nb-tag-list-with-input.shape-semi-round { border-radius: 0.75rem; } .nb-theme-dark .nb-tag-list-with-input.shape-round { border-radius: 1.5rem; } .nb-theme-dark .nb-tag-list-with-input.size-tiny { padding: 0.0625rem 1rem; } .nb-theme-dark .nb-tag-list-with-input.size-small { padding: 0.0625rem 1rem; } .nb-theme-dark .nb-tag-list-with-input.size-medium { padding: 0.1875rem 1rem; } .nb-theme-dark .nb-tag-list-with-input.size-large { padding: 0.3125rem 1rem; } .nb-theme-dark .nb-tag-list-with-input.size-giant { padding: 0.4375rem 1rem; } .nb-theme-dark .nb-tag-list-with-input.status-basic { background-color: #202840; border-color: #131729; } .nb-theme-dark .nb-tag-list-with-input.status-basic.focus { background-color: #2a344f; border-color: #fe9339; } .nb-theme-dark .nb-tag-list-with-input.status-primary { background-color: #202840; border-color: #fe9339; } .nb-theme-dark .nb-tag-list-with-input.status-primary.focus { background-color: #2a344f; border-color: #b52b1b; } .nb-theme-dark .nb-tag-list-with-input.status-success { background-color: #202840; border-color: #00b383; } .nb-theme-dark .nb-tag-list-with-input.status-success.focus { background-color: #2a344f; border-color: #008066; } .nb-theme-dark .nb-tag-list-with-input.status-warning { background-color: #202840; border-color: #e6c813; } .nb-theme-dark .nb-tag-list-with-input.status-warning.focus { background-color: #2a344f; border-color: #a58a09; } .nb-theme-dark .nb-tag-list-with-input.status-danger { background-color: #202840; border-color: #ef0000; } .nb-theme-dark .nb-tag-list-with-input.status-danger.focus { background-color: #2a344f; border-color: #ac001d; } .nb-theme-dark .nb-tag-list-with-input.status-info { background-color: #202840; border-color: #339ce7; } .nb-theme-dark .nb-tag-list-with-input.status-info.focus { background-color: #2a344f; border-color: #195ba6; } .nb-theme-dark .nb-tag-list-with-input.status-control { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); } .nb-theme-dark .nb-tag-list-with-input.status-control.focus { background-color: rgba(255, 255, 255, 0.4); border-color: white; } .nb-theme-dark nb-form-field nb-tag-list { width: 100%; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny { padding-left: 1.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny { padding-right: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny { padding-right: 1.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny { padding-left: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small { padding-left: 2rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small { padding-right: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small { padding-right: 2rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium { padding-left: 2.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium { padding-right: 2.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium { padding-right: 2.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium { padding-left: 2.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large { padding-left: 3rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large { padding-right: 3rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large { padding-right: 3rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large { padding-left: 3rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant { padding-left: 3.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant { padding-right: 3.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant { padding-right: 3.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant { padding-left: 3.5rem; } .nb-theme-dark .nb-tag-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: transparent; background: transparent; outline: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; min-width: 6rem; font-family: Open Sans, sans-serif; } .nb-theme-dark .nb-tag-input::-webkit-input-placeholder { font-family: Open Sans, sans-serif; } .nb-theme-dark .nb-tag-input::-moz-placeholder { font-family: Open Sans, sans-serif; } .nb-theme-dark .nb-tag-input:-ms-input-placeholder { font-family: Open Sans, sans-serif; } .nb-theme-dark .nb-tag-input::-ms-input-placeholder { font-family: Open Sans, sans-serif; } .nb-theme-dark .nb-tag-input::placeholder { font-family: Open Sans, sans-serif; } .nb-theme-dark .nb-tag-input.size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.125rem 0; } .nb-theme-dark .nb-tag-input.size-tiny::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-tiny::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-tiny:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-tiny::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-tiny::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.125rem 0; } .nb-theme-dark .nb-tag-input.size-small::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-small::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-small:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-small::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-small::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.25rem 0; } .nb-theme-dark .nb-tag-input.size-medium::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-medium::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-medium:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-medium::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-medium::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.375rem 0; } .nb-theme-dark .nb-tag-input.size-large::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-large::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-large:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-large::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-large::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.5rem 0; } .nb-theme-dark .nb-tag-input.size-giant::-webkit-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-giant::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-giant:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-giant::-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-giant::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.status-basic { color: white; } .nb-theme-dark .nb-tag-input.status-basic::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-basic::-moz-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-basic:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-basic::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-basic::placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-basic:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-basic:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-basic:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-basic:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-basic:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-basic:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-primary { color: white; } .nb-theme-dark .nb-tag-input.status-primary::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-primary::-moz-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-primary:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-primary::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-primary::placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-primary:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-primary:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-primary:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-primary:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-primary:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-primary:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-success { color: white; } .nb-theme-dark .nb-tag-input.status-success::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-success::-moz-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-success:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-success::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-success::placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-success:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-success:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-success:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-success:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-success:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-success:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-warning { color: white; } .nb-theme-dark .nb-tag-input.status-warning::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-warning::-moz-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-warning:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-warning::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-warning::placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-warning:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-warning:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-warning:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-warning:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-warning:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-warning:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-danger { color: white; } .nb-theme-dark .nb-tag-input.status-danger::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-danger::-moz-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-danger:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-danger::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-danger::placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-danger:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-danger:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-danger:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-danger:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-danger:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-danger:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-info { color: white; } .nb-theme-dark .nb-tag-input.status-info::-webkit-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-info::-moz-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-info:-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-info::-ms-input-placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-info::placeholder { color: #9fa9bd; } .nb-theme-dark .nb-tag-input.status-info:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-info:disabled::-webkit-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-info:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-info:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-info:disabled::-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-info:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-control { color: white; } .nb-theme-dark .nb-tag-input.status-control::-webkit-input-placeholder { color: white; } .nb-theme-dark .nb-tag-input.status-control::-moz-placeholder { color: white; } .nb-theme-dark .nb-tag-input.status-control:-ms-input-placeholder { color: white; } .nb-theme-dark .nb-tag-input.status-control::-ms-input-placeholder { color: white; } .nb-theme-dark .nb-tag-input.status-control::placeholder { color: white; } .nb-theme-dark .nb-tag-input.status-control:disabled { color: white; } .nb-theme-dark .nb-tag-input.status-control:disabled::-webkit-input-placeholder { color: white; } .nb-theme-dark .nb-tag-input.status-control:disabled::-moz-placeholder { color: white; } .nb-theme-dark .nb-tag-input.status-control:disabled:-ms-input-placeholder { color: white; } .nb-theme-dark .nb-tag-input.status-control:disabled::-ms-input-placeholder { color: white; } .nb-theme-dark .nb-tag-input.status-control:disabled::placeholder { color: white; } .nb-theme-dark body { color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark h1, .nb-theme-dark h2, .nb-theme-dark h3, .nb-theme-dark h4, .nb-theme-dark h5, .nb-theme-dark h6, .nb-theme-dark .h1, .nb-theme-dark .h2, .nb-theme-dark .h3, .nb-theme-dark .h4, .nb-theme-dark .h5, .nb-theme-dark .h6 { color: white; } .nb-theme-dark h1, .nb-theme-dark .h1 { font-size: 2.25rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 3rem; } .nb-theme-dark h2, .nb-theme-dark .h2 { font-size: 2rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2.5rem; } .nb-theme-dark h3, .nb-theme-dark .h3 { font-size: 1.875rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2.5rem; } .nb-theme-dark h4, .nb-theme-dark .h4 { font-size: 1.625rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2rem; } .nb-theme-dark h5, .nb-theme-dark .h5 { font-size: 1.375rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2rem; } .nb-theme-dark h6, .nb-theme-dark .h6 { font-size: 1.125rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 1.5rem; } .nb-theme-dark .subtitle, .nb-theme-dark .subtitle-2 { color: white; } .nb-theme-dark .subtitle { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark .subtitle-2 { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark p, .nb-theme-dark .paragraph { color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .paragraph-2 { color: white; font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; } .nb-theme-dark a { color: #fe9339; text-decoration: underline; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; } .nb-theme-dark a:focus { color: #d93f27; } .nb-theme-dark a:hover { color: #eb7d21; } .nb-theme-dark a.link-control, .nb-theme-dark a.link-control:hover { color: white; } .nb-theme-dark a.link-alternate, .nb-theme-dark a.link-alternate:hover { color: #202840; } .nb-theme-dark .label { color: #9fa9bd; font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 700; line-height: 1rem; } .nb-theme-dark .caption { font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1rem; } .nb-theme-dark .caption-2 { font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-dark .caption, .nb-theme-dark .caption-2 { color: #9fa9bd; } .nb-theme-dark .caption.status-basic, .nb-theme-dark .caption-2.status-basic { color: white; } .nb-theme-dark .caption.status-primary, .nb-theme-dark .caption-2.status-primary { color: #fe9339; } .nb-theme-dark .caption.status-success, .nb-theme-dark .caption-2.status-success { color: #00b383; } .nb-theme-dark .caption.status-warning, .nb-theme-dark .caption-2.status-warning { color: #e6c813; } .nb-theme-dark .caption.status-danger, .nb-theme-dark .caption-2.status-danger { color: #ef0000; } .nb-theme-dark .caption.status-info, .nb-theme-dark .caption-2.status-info { color: #339ce7; } .nb-theme-dark .caption.status-control, .nb-theme-dark .caption-2.status-control { color: white; } .nb-theme-dark li { color: white; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .text-alternate { color: #202840; } .nb-theme-dark .text-disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .text-hint { color: #9fa9bd; } .nb-theme-dark .text-basic { color: white; } .nb-theme-dark .text-primary { color: #fe9339; } .nb-theme-dark .text-success { color: #00b383; } .nb-theme-dark .text-warning { color: #e6c813; } .nb-theme-dark .text-danger { color: #ef0000; } .nb-theme-dark .text-info { color: #339ce7; } .nb-theme-dark .text-control { color: white; } .nb-theme-dark ng2-smart-table table tr th, .nb-theme-dark ng2-smart-table table tr th a { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 700; line-height: 1.25rem; color: white; } .nb-theme-dark ng2-smart-table table tr td { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.25rem; color: white; } .nb-theme-dark ng2-smart-table table tr th, .nb-theme-dark ng2-smart-table table tr td { position: relative; padding: 0.875rem 1.25rem; border: 1px solid #171d33; vertical-align: middle; } .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th { padding: 0.875rem 1.25rem; } [dir=ltr] .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th { padding-right: 1.75rem; } [dir=rtl] .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th { padding-left: 1.75rem; } .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a:hover, .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a:active, .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a:visited { color: white; text-decoration: none; } .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.asc, .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.desc { font-weight: 700; } .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { border-bottom-color: white; border-width: 0.375rem; position: absolute; margin: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } [dir=ltr] .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=ltr] .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { right: 0.75rem; } [dir=rtl] .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=rtl] .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { left: 0.75rem; } .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.asc.desc::after, .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.desc.desc::after { -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .nb-theme-dark ng2-smart-table thead tr { background: #2a344f; } .nb-theme-dark ng2-smart-table thead tr.ng2-smart-filters th { padding: 0.375rem 0.5rem; } .nb-theme-dark ng2-smart-table thead tr.ng2-smart-filters th .ng2-smart-filter input { line-height: 1.25rem; } .nb-theme-dark ng2-smart-table tbody tr.selected, .nb-theme-dark ng2-smart-table tbody tr:hover { background: #171d33 !important; } .nb-theme-dark ng2-smart-table tbody tr:nth-child(2n) { background-color: #202840; } .nb-theme-dark ng2-smart-table th.ng2-smart-actions-title-add a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.75rem !important; padding: 0.375rem 0.5rem; border-color: #fe9339; background-color: #fe9339; color: white; border-radius: 0.375rem; } .nb-theme-dark ng2-smart-table th.ng2-smart-actions-title-add a:focus { border-color: #b52b1b; } .nb-theme-dark ng2-smart-table th.ng2-smart-actions-title-add a:hover { text-decoration: none; background-color: #eb7d21; border-color: #eb7d21; } .nb-theme-dark ng2-smart-table th.ng2-smart-actions-title-add a:active { background-color: #d93f27; border-color: #d93f27; } .nb-theme-dark ng2-smart-table .ng2-smart-actions { padding: 0; height: 1px; } .nb-theme-dark ng2-smart-table .ng2-smart-actions ng2-st-tbody-edit-delete, .nb-theme-dark ng2-smart-table .ng2-smart-actions ng2-st-tbody-create-cancel, .nb-theme-dark ng2-smart-table .ng2-smart-actions ng2-st-actions { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .nb-theme-dark ng2-smart-table .ng2-smart-actions a.ng2-smart-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; font-size: 2rem !important; color: white; } .nb-theme-dark ng2-smart-table .ng2-smart-actions a.ng2-smart-action:not(:last-child) { border-right: 1px solid #171d33; } .nb-theme-dark ng2-smart-table .ng2-smart-actions a.ng2-smart-action:hover { text-decoration: none; } .nb-theme-dark ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-create:hover, .nb-theme-dark ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-edit:hover, .nb-theme-dark ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-save:hover { color: #fe9339; } .nb-theme-dark ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-cancel:hover, .nb-theme-dark ng2-smart-table .ng2-smart-actions .ng2-smart-action-delete-delete:hover, .nb-theme-dark ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-cancel:hover { color: #ef0000; } .nb-theme-dark ng2-smart-table table-cell-edit-mode { display: block; margin: -7.5px -12px; } .nb-theme-dark ng2-smart-table ng2-smart-table-pager { display: block; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1.25rem; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:focus, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:hover { background-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination { font-family: Open Sans, sans-serif; font-size: 0.875rem; line-height: 1rem; border: #171d33 solid 1px; border-radius: 0.25rem; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li { overflow: hidden; } [dir=ltr] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) { border-right: 1px solid #171d33; } [dir=rtl] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) { border-left: 1px solid #171d33; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-prev, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-next { font-size: 0.875rem; line-height: 1rem; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span { font-size: 0.875rem; line-height: 1rem; background-color: transparent; color: #fe9339; padding: 0.75rem 1.25rem; border: none; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:focus, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:focus { border-color: #fe9339; color: #fe9339; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:hover, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:hover { background-color: transparent; border-color: #fe9339; color: #fe9339; text-decoration: none; } [dir=ltr] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a, [dir=ltr] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } [dir=rtl] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a, [dir=rtl] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=ltr] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a, [dir=ltr] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=rtl] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a, [dir=rtl] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:hover, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:focus, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:hover, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:focus { color: white; background-color: #fe9339; } .nb-theme-dark nb-auth-block .text-link { color: #9fa9bd; } .nb-theme-dark nb-auth-block .forgot-password { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-auth-block .socials a { color: #9fa9bd; } .nb-theme-dark * { font-family: Roboto, "Helvetica Neue", sans-serif !important; } .nb-theme-dark input:-webkit-autofill, .nb-theme-dark textarea:-webkit-autofill, .nb-theme-dark select:-webkit-autofill { -webkit-text-fill-color: white; -webkit-box-shadow: 0 0 0 1000px #202840 inset; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .nb-theme-dark input:-webkit-autofill:focus, .nb-theme-dark textarea:-webkit-autofill:focus, .nb-theme-dark select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #2a344f inset; } .nb-theme-dark input:-webkit-autofill:hover, .nb-theme-dark textarea:-webkit-autofill:hover, .nb-theme-dark select:-webkit-autofill:hover { -webkit-box-shadow: 0 0 0 1000px #171d33 inset; } .nb-theme-dark ::-webkit-scrollbar { width: 4px; } .nb-theme-dark ::-webkit-scrollbar-thumb { background-color: #dfe4f0; border-radius: 20px; } .nb-theme-dark ::-webkit-scrollbar { height: 4px; } .nb-theme-dark ::-webkit-scrollbar-thumb { background-color: #dfe4f0; border-radius: 20px; } .nb-theme-dark .height-100 { height: 100%; } .nb-theme-dark .width-100 { width: 100%; } .nb-theme-dark .pointer { cursor: pointer; } .nb-theme-dark .display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .nb-theme-dark .display-none { display: none; } .nb-theme-dark .disabled-link { pointer-events: none; cursor: not-allowed; opacity: 0.5; } .nb-theme-dark .flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .nb-theme-dark .full-width { width: 100%; } .nb-theme-dark .half-width { width: 50%; } .nb-theme-dark h6, .nb-theme-dark .primary-header { color: #dde1eb; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; margin: 0; padding: 0; } .nb-theme-dark h6 span, .nb-theme-dark .primary-header span { border-radius: 3px; background-color: #ededed; } .nb-theme-dark .sub-header { color: #8992a3; font-size: 0.875rem; font-weight: 400; line-height: 1rem; margin: 0; padding: 0; } .nb-theme-dark .form-label { color: #8992a3; font-size: 0.75rem; font-weight: 500; line-height: 1rem; } .nb-theme-dark .flex-row-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nb-theme-dark .flex-row-container .left-part { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(60% - 0.5rem); } .nb-theme-dark .flex-row-container .right-part { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(40% - 0.5rem); } .nb-theme-dark .page-block-margin { margin: 0.5rem; } .nb-theme-dark .logo { background: url('logo_white2.svg') no-repeat center; height: 100%; } .nb-theme-dark .logo-collapsed { background: url('icon_white2.svg') no-repeat center; height: 100%; } .nb-theme-dark .header-logo { background: url('logo_white2.svg') no-repeat center; background-size: cover; height: 32px; width: 163px; } .nb-theme-dark .footer-logo { background: url('logo_white2.svg') no-repeat center; height: 32px; width: 163px; } .nb-theme-dark .page-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 1014px; height: 100%; } .nb-theme-dark .page-container .page-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 20px; font-weight: bold; line-height: 28px; padding: 0 41px 0 23px; background-color: #202840; border-bottom: 1px solid #171d33; height: 64px; color: white; } .nb-theme-dark .page-container .page-header ngx-icon-box ::ng-deep nb-icon { font-size: 28px; } .nb-theme-dark .page-container .page-content-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 15px 24px 24px; height: 100%; } .nb-theme-dark .table-container { margin: 15px 24px 34px; padding: 0 !important; height: 100%; background-color: #2a344f; border: 1px solid #131729; } .nb-theme-dark .table-container .table-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 16.5px; width: 100%; } .nb-theme-dark .main-content-with-filter { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .nb-theme-dark .filter { position: fixed; right: 0; height: calc(100vh - 64px); border-left: 1px solid #171d33; z-index: 10; } .nb-theme-dark .router-outlet-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-width: 804px; } .nb-theme-dark ::ng-deep .router-outlet-container > *:not(router-outlet) { height: 100%; } .nb-theme-dark .filter-container { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 249px; background-color: #202840; } .nb-theme-dark .filter-container .filter-scrollable { width: 100%; height: calc(100vh - 64px); overflow-y: auto; } .nb-theme-dark .filter-container .filter-scrollable-with-footer { width: 100%; height: calc(100vh - 64px - 73px); overflow-y: auto; } .nb-theme-dark .filter-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 65px; border-bottom: 1px solid #202840; background-color: #2a344f; padding: 0 11px 0 15px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .nb-theme-dark .ngx-file-drop__drop-zone--over { border: 3px dotted #00b383 !important; background-color: white !important; } .nb-theme-dark .drop-zone { width: 100%; background-color: #202840; min-height: 120px; border: 3px dotted #8e8e8e8e; border-radius: 7px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; place-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9fa9bd; } .nb-theme-dark .drop-zone span { display: inline; margin: 0 5px; cursor: pointer; color: #00b383; } @media (max-width: 768px) { .nb-theme-dark .router-outlet-container { min-width: 0; } .nb-theme-dark .page-container { min-width: 0; } } @media (min-width: 769px) and (max-width: 1024px) { .nb-theme-dark .router-outlet-container { min-width: 0; } .nb-theme-dark .page-container { min-width: 0; } } .nb-theme-dark .pace .pace-progress { background: linear-gradient(315deg, #fe9339 0%, #fe9339 100%, #fe9339 100%); } .nb-theme-dark .pace .pace-progress-inner { -webkit-box-shadow: 0 0 10px linear-gradient(315deg, #fe9339 0%, #fe9339 100%, #fe9339 100%), 0 0 5px linear-gradient(315deg, #fe9339 0%, #fe9339 100%, #fe9339 100%); box-shadow: 0 0 10px linear-gradient(315deg, #fe9339 0%, #fe9339 100%, #fe9339 100%), 0 0 5px linear-gradient(315deg, #fe9339 0%, #fe9339 100%, #fe9339 100%); } .nb-theme-dark .pace .pace-activity { display: none; } @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(44px / 44 * 27); width: calc(var(--swiper-navigation-size) / 44 * 27); height: 44px; height: var(--swiper-navigation-size); margin-top: calc(0px - (44px / 2)); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-theme-color); color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: 44px; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; -webkit-font-feature-settings: normal, ; font-feature-settings: normal, ; font-variant: normal; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-lock { display: none; } .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: transparent; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .mySwiperMain { height: 75%; --swiper-navigation-color: #dde1eb; --swiper-pagination-color: #dde1eb; } .mySwiperMain img { display: block; width: auto; min-height: 400px; height: 100%; -o-object-fit: contain; object-fit: contain; } .mySwiperThumbnails { height: 15%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0; } .mySwiperThumbnails img { display: block; width: auto; min-height: 125px; height: 100%; -o-object-fit: contain; object-fit: contain; } .mySwiperThumbnails .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .mySwiperThumbnails .swiper-slide-thumb-active { opacity: 1; } /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* Declare variables before making them global. dart-sass doesn't allow to declare variable with !global. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /* * Import media mixins into global style sheet. * Not sure why this works here but not in styles.scss. */ /* * This application is designed for desktop use. * - Default screen size is 1024px or larger (HD displays). * Default styling expects 1024px or larger displays, and media queries may be * used for specific smaller sizes as defined below. * In the context of this application: * - Small (sm): x <= 768px * - Medium (md): 769px < x <= 1024px * - Large (lg): 1025px < x <= 1440px * - If not specified, default styles assume > 1024px */ /* * Select the specific screen size */ /* * Select up to the specified screen size */ /* * Select custom screen size */ .edit-dataset.size, .edit-snapshot.size, .edit-study.size, .delete-card.size { max-width: 400px; width: 400px; } .edit-dataset.size nb-card-header .title-close, .edit-snapshot.size nb-card-header .title-close, .edit-study.size nb-card-header .title-close, .delete-card.size nb-card-header .title-close { line-height: 30px; text-align: right; } .edit-dataset.size nb-card-header .title-close :hover, .edit-snapshot.size nb-card-header .title-close :hover, .edit-study.size nb-card-header .title-close :hover, .delete-card.size nb-card-header .title-close :hover { cursor: pointer; } .edit-dataset.size nb-card-header .title-text, .edit-snapshot.size nb-card-header .title-text, .edit-study.size nb-card-header .title-text, .delete-card.size nb-card-header .title-text { line-height: 30px; } .edit-dataset.size .col-form-label, .edit-snapshot.size .col-form-label, .edit-study.size .col-form-label, .delete-card.size .col-form-label { text-align: right; font-family: Roboto, "Helvetica Neue", sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; padding-right: 8px; } .edit-dataset.size .col-form-data, .edit-snapshot.size .col-form-data, .edit-study.size .col-form-data, .delete-card.size .col-form-data { text-align: right; font-family: Roboto, "Helvetica Neue", sans-serif; font-style: normal; font-weight: 600; font-size: 12px; line-height: 16px; padding-right: 8px; } .edit-dataset.size .cancel-button, .edit-snapshot.size .cancel-button, .edit-study.size .cancel-button, .delete-card.size .cancel-button { border: none; margin-right: 15px; } .action-cell, .user-action-cell, .snapshot-action-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 5px; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .action-cell .menu-target-actions, .user-action-cell .menu-target-actions, .snapshot-action-cell .menu-target-actions { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px; width: 32px; height: 32px; border-radius: 4px; margin-right: 5px; } .action-cell .menu-target-actions i, .user-action-cell .menu-target-actions i, .snapshot-action-cell .menu-target-actions i { font-size: 12px; } .action-cell ::ng-deep .upload-error-class nb-card nb-card-body, .user-action-cell ::ng-deep .upload-error-class nb-card nb-card-body, .snapshot-action-cell ::ng-deep .upload-error-class nb-card nb-card-body { padding: 0; } .delete-card.size { min-width: 550px; max-width: 800px; } .delete-card.size nb-card-body { max-height: 500px; } .delete-card.size nb-card-body .data-warning { font-weight: bold; font-size: 13px; height: 56px; padding: 5px; } .delete-card.size nb-card-body .heading { font-weight: bold; font-size: 13px; vertical-align: middle; height: 40px; line-height: 40px; } .delete-card.size nb-card-body .data-row { padding: 0 10px; } .delete-card.size nb-card-body .data-row .data-col { margin: 5px; font-weight: bold; font-size: 12px; } .delete-card.size nb-card-body .data-row .data-text { font-weight: normal; word-wrap: break-word; } .delete-card.size nb-card-footer { text-align: right; }