/*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].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 .mat-h1,.mat-typography .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 .mat-h2,.mat-typography .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 .mat-h3,.mat-typography .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 .mat-h4,.mat-typography .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 .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 .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,.mat-typography .mat-body-strong,.mat-typography .mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .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 .mat-body p,.mat-typography .mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .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 rgba(0,0,0,0)}.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{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{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{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);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{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);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{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);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{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{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{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{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{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{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{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;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;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;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;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;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){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 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;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;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:rgba(0,0,0,0);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{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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]){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{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;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{transition:none}.mat-badge-content.mat-badge-active{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-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-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-bottom-sheet-container{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:rgba(0,0,0,0)}.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:rgba(0,0,0,0)}.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]){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]){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]){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]){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]){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]){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]){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:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]){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:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]){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 #e0e0e0}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px #e0e0e0}.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 #e0e0e0}.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 #e0e0e0}.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]){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]){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,.38)}.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{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{fill: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-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-table-header,.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:rgba(0,0,0,0)}.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: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: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{box-shadow:inset 0 0 0 1px #fff}.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)}@media(hover: hover){.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){background-color:rgba(63,81,181,.3)}}.mat-datepicker-content{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: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: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{box-shadow:inset 0 0 0 1px #fff}.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)}@media(hover: hover){.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){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: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: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{box-shadow:inset 0 0 0 1px #fff}.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)}@media(hover: hover){.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){background-color:rgba(244,67,54,.3)}}.mat-datepicker-content-touch{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-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{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]){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: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: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:rgba(0,0,0,0)}.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::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-base .mat-list-item-disabled{background-color:#eee;color:rgba(0,0,0,.38)}.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]){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:rgba(0,0,0,0);color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{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:#cbd0e9}.mat-progress-bar-buffer{background-color:#cbd0e9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f9ccc9}.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]){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){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{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-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-slider.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-slider.mat-accent .mat-slider-track-fill,.mat-slider.mat-accent .mat-slider-thumb,.mat-slider.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-slider.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-slider.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:rgba(0,0,0,0)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.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:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)}.mat-step-header:hover[aria-disabled=true]{cursor:default}@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:rgba(0,0,0,0);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 .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .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 .mat-tab-header-pagination-chevron,.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-link-container .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 .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.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 .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:#fff;opacity:.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-group.mat-background-primary>.mat-tab-header-pagination .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,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.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 .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .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 .mat-tab-header-pagination-chevron,.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-link-container .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 .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.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 .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:#fff;opacity:.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-group.mat-background-accent>.mat-tab-header-pagination .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,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.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 .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .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 .mat-tab-header-pagination-chevron,.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-link-container .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 .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.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 .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:#fff;opacity:.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-group.mat-background-warn>.mat-tab-header-pagination .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,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.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;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[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/angular2-multiselect-dropdown/themes/default.theme.css ***! \*************************************************************************************************************************************************************************************************************************************************************/ .mat-toolbar { background: #ffffff; } .c-btn { background: #fff; border: 1px solid #ccc; color: #333; } .selected-list .c-list .c-token { background: #0079FE; } .selected-list .c-list .c-token .c-label { color: #fff; } .selected-list .c-list .c-token .c-remove svg { fill: #fff; } .selected-list .c-angle-down svg, .selected-list .c-angle-up svg { fill: #333; } .dropdown-list ul li:hover { background: #f5f5f5; } .arrow-up, .arrow-down { border-bottom: 15px solid #fff; } .arrow-2 { border-bottom: 15px solid #ccc; } .list-area { border: 1px solid #ccc; background: #fff; box-shadow: 0px 1px 5px #959595; } .select-all { border-bottom: 1px solid #ccc; } .list-filter { border-bottom: 1px solid #ccc; } .list-filter .c-search svg { fill: #888; } .list-filter .c-clear svg { fill: #888; } .pure-checkbox input[type="checkbox"]:focus + label:before, .pure-checkbox input[type="checkbox"]:hover + label:before { border-color: #0079FE; background-color: #f2f2f2; } .pure-checkbox input[type="checkbox"] + label { color: #000; } .pure-checkbox input[type="checkbox"] + label:before { color: #0079FE; border: 1px solid #0079FE; } .pure-checkbox input[type="checkbox"] + label:after { background-color: #0079FE; } .pure-checkbox input[type="checkbox"]:disabled + label:before { border-color: #cccccc; } .pure-checkbox input[type="checkbox"]:disabled:checked + label:before { background-color: #cccccc; } .pure-checkbox input[type="checkbox"] + label:after { border-color: #ffffff; } .pure-checkbox input[type="radio"]:checked + label:before { background-color: white; } .pure-checkbox input[type="checkbox"]:checked + label:before { background: #0079FE; } .single-select-mode .pure-checkbox input[type="checkbox"]:focus + label:before, .single-select-mode .pure-checkbox input[type="checkbox"]:hover + label:before { border-color: #0079FE; background-color: #f2f2f2; } .single-select-mode .pure-checkbox input[type="checkbox"] + label { color: #000; } .single-select-mode .pure-checkbox input[type="checkbox"] + label:before { color: transparent !important; border: 0px solid #0079FE; } .single-select-mode .pure-checkbox input[type="checkbox"] + label:after { background-color: transparent !important; } .single-select-mode .pure-checkbox input[type="checkbox"]:disabled + label:before { border-color: #cccccc; } .single-select-mode .pure-checkbox input[type="checkbox"]:disabled:checked + label:before { background-color: #cccccc; } .single-select-mode .pure-checkbox input[type="checkbox"] + label:after { border-color: #0079FE; } .single-select-mode .pure-checkbox input[type="radio"]:checked + label:before { background-color: white; } .single-select-mode .pure-checkbox input[type="checkbox"]:checked + label:before { background: none !important; } .selected-item { background: #e9f4ff; } .btn-iceblue { background: #0079FE; border: 1px solid #ccc; color: #fff; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/scss/style.scss ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /** Template Name: Material Able Admin Template Author: # Email: # File: style.css ============= == Table of Contents== - Custom Css - Generic classes - Margin, Padding, Font class, text align, position, floating, overflow, background class, text color, display class, boarder class - Theme Elements - Accordion, Button, tabs, typography, buttons, box shadow, pagination, Basic card - General Elements - Lable & Badges, Materialize general elements, Lables - Pages - Progress bar, Chat , dark layout ============= */ /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E"); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } .tree-children.tree-children-no-padding { padding-left: 0 } .tree-children { padding-left: 20px; overflow: hidden } .node-drop-slot { display: block; height: 2px } .node-drop-slot.is-dragging-over { background: #ddffee; height: 20px; border: 2px dotted #888; } .toggle-children-wrapper-expanded .toggle-children { transform: rotate(90deg) } .toggle-children-wrapper-collapsed .toggle-children { transform: rotate(0); } .toggle-children-wrapper { padding: 2px 3px 5px 1px; } /* tslint:disable */ .toggle-children { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzRkRFQjcxODUzNTExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzRkRFQjcwODUzNTExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5iogFwAAAGhJREFUeNpiYGBgKABigf///zOQg0EARH4A4gZyDIIZ8B/JoAJKDIDhB0CcQIkBRBtEyABkgxwoMQCGD6AbRKoBGAYxQgXIBRuZGKgAKPIC3QLxArnRSHZCIjspk52ZKMrOFBUoAAEGAKnq593MQAZtAAAAAElFTkSuQmCC'); height: 8px; width: 9px; background-size: contain; display: inline-block; position: relative; top: 1px; background-repeat: no-repeat; background-position: center; } .toggle-children-placeholder { display: inline-block; height: 10px; width: 10px; position: relative; top: 1px; padding-right: 3px; } .node-content-wrapper { display: inline-block; padding: 2px 5px; border-radius: 2px; transition: background-color .15s,box-shadow .15s; } .node-wrapper {display: flex; align-items: flex-start;} .node-content-wrapper-active, .node-content-wrapper.node-content-wrapper-active:hover, .node-content-wrapper-active.node-content-wrapper-focused { background: #beebff; } .node-content-wrapper-focused { background: #e7f4f9 } .node-content-wrapper:hover { background: #f7fbff } .node-content-wrapper-active, .node-content-wrapper-focused, .node-content-wrapper:hover { box-shadow: inset 0 0 1px #999; } .node-content-wrapper.is-dragging-over { background: #ddffee; box-shadow: inset 0 0 1px #999; } .node-content-wrapper.is-dragging-over-disabled { opacity: 0.5 } tree-viewport { -webkit-tap-highlight-color: transparent; height: 100%; overflow: auto; display: block; } .tree-children { padding-left: 20px } .empty-tree-drop-slot .node-drop-slot { height: 20px; min-width: 100px } .angular-tree-component { width: 100%; position:relative; display: inline-block; cursor: pointer; -webkit-touch-callout: none; /* iOS Safari */ /* Chrome/Safari/Opera */ /* Konqueror */ /* Firefox */ /* IE/Edge */ user-select: none; /* non-prefixed version, currently not supported by any browser */ } tree-root .angular-tree-component-rtl { direction: rtl; } tree-root .angular-tree-component-rtl .toggle-children-wrapper-collapsed .toggle-children { transform: rotate(180deg) !important; } tree-root .angular-tree-component-rtl .tree-children { padding-right: 20px; padding-left: 0; } tree-node-checkbox { padding: 1px; } :root { --surface-a:#ffffff; --surface-b:#f8f9fa; --surface-c:#e9ecef; --surface-d:#dee2e6; --surface-e:#ffffff; --surface-f:#ffffff; --text-color:#495057; --text-color-secondary:#6c757d; --primary-color:#2196F3; --primary-color-text:#ffffff; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #ffffff; --surface-50: #FAFAFA; --surface-100: #F5F5F5; --surface-200: #EEEEEE; --surface-300: #E0E0E0; --surface-400: #BDBDBD; --surface-500: #9E9E9E; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; --gray-50: #FAFAFA; --gray-100: #F5F5F5; --gray-200: #EEEEEE; --gray-300: #E0E0E0; --gray-400: #BDBDBD; --gray-500: #9E9E9E; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; --content-padding:1rem; --inline-spacing:0.5rem; --border-radius:3px; --surface-ground:#f8f9fa; --surface-section:#ffffff; --surface-card:#ffffff; --surface-overlay:#ffffff; --surface-border:#dee2e6; --surface-hover: #e9ecef; --maskbg: rgba(0, 0, 0, 0.4); --focus-ring: 0 0 0 0.2rem #a6d5fa; } * { box-sizing: border-box; } .p-component { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: normal; } .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } .p-disabled, .p-component:disabled { opacity: 0.6; } .p-error { color: #f44336; } .p-text-secondary { color: #6c757d; } .pi { font-size: 1rem; } .p-link { font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; border-radius: 3px; } .p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } @keyframes p-component-overlay-enter-animation { from { background-color: transparent; } to { background-color: var(--maskbg); } } @keyframes p-component-overlay-leave-animation { from { background-color: var(--maskbg); } to { background-color: transparent; } } :root { --blue-50:#f4fafe; --blue-100:#cae6fc; --blue-200:#a0d2fa; --blue-300:#75bef8; --blue-400:#4baaf5; --blue-500:#2196f3; --blue-600:#1c80cf; --blue-700:#1769aa; --blue-800:#125386; --blue-900:#0d3c61; --green-50:#f6fbf6; --green-100:#d4ecd5; --green-200:#b2ddb4; --green-300:#90cd93; --green-400:#6ebe71; --green-500:#4caf50; --green-600:#419544; --green-700:#357b38; --green-800:#2a602c; --green-900:#1e4620; --yellow-50:#fffcf5; --yellow-100:#fef0cd; --yellow-200:#fde4a5; --yellow-300:#fdd87d; --yellow-400:#fccc55; --yellow-500:#fbc02d; --yellow-600:#d5a326; --yellow-700:#b08620; --yellow-800:#8a6a19; --yellow-900:#644d12; --cyan-50:#f2fcfd; --cyan-100:#c2eff5; --cyan-200:#91e2ed; --cyan-300:#61d5e4; --cyan-400:#30c9dc; --cyan-500:#00bcd4; --cyan-600:#00a0b4; --cyan-700:#008494; --cyan-800:#006775; --cyan-900:#004b55; --pink-50:#fef4f7; --pink-100:#fac9da; --pink-200:#f69ebc; --pink-300:#f1749e; --pink-400:#ed4981; --pink-500:#e91e63; --pink-600:#c61a54; --pink-700:#a31545; --pink-800:#801136; --pink-900:#5d0c28; --indigo-50:#f5f6fb; --indigo-100:#d1d5ed; --indigo-200:#acb4df; --indigo-300:#8893d1; --indigo-400:#6372c3; --indigo-500:#3f51b5; --indigo-600:#36459a; --indigo-700:#2c397f; --indigo-800:#232d64; --indigo-900:#192048; --teal-50:#f2faf9; --teal-100:#c2e6e2; --teal-200:#91d2cc; --teal-300:#61beb5; --teal-400:#30aa9f; --teal-500:#009688; --teal-600:#008074; --teal-700:#00695f; --teal-800:#00534b; --teal-900:#003c36; --orange-50:#fff8f2; --orange-100:#fde0c2; --orange-200:#fbc791; --orange-300:#f9ae61; --orange-400:#f79530; --orange-500:#f57c00; --orange-600:#d06900; --orange-700:#ac5700; --orange-800:#874400; --orange-900:#623200; --bluegray-50:#f7f9f9; --bluegray-100:#d9e0e3; --bluegray-200:#bbc7cd; --bluegray-300:#9caeb7; --bluegray-400:#7e96a1; --bluegray-500:#607d8b; --bluegray-600:#526a76; --bluegray-700:#435861; --bluegray-800:#35454c; --bluegray-900:#263238; --purple-50:#faf4fb; --purple-100:#e7cbec; --purple-200:#d4a2dd; --purple-300:#c279ce; --purple-400:#af50bf; --purple-500:#9c27b0; --purple-600:#852196; --purple-700:#6d1b7b; --purple-800:#561561; --purple-900:#3e1046; --red-50:#fff5f5; --red-100:#ffd1ce; --red-200:#ffada7; --red-300:#ff8980; --red-400:#ff6459; --red-500:#ff4032; --red-600:#d9362b; --red-700:#b32d23; --red-800:#8c231c; --red-900:#661a14; --primary-50:#f4fafe; --primary-100:#cae6fc; --primary-200:#a0d2fa; --primary-300:#75bef8; --primary-400:#4baaf5; --primary-500:#2196f3; --primary-600:#1c80cf; --primary-700:#1769aa; --primary-800:#125386; --primary-900:#0d3c61; } .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.25rem 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { border-color: #2196F3; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #495057; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; background: #E3F2FD; color: #495057; border-radius: 3px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44336; } .p-autocomplete-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { padding: 0.5rem 0; } .p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { padding: 0.5rem 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { color: #495057; background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; background: #E3F2FD; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { padding: 0.5rem 1rem; color: #495057; background: transparent; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; } p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { color: #6c757d; right: 0.5rem; } p-autocomplete.p-autocomplete-clearable.p-autocomplete-dd .p-autocomplete-clear-icon { color: #6c757d; right: 2.857rem; } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f44336; } .p-datepicker { padding: 0.5rem; background: #ffffff; color: #495057; border: 1px solid #ced4da; border-radius: 3px; } .p-datepicker:not(.p-datepicker-inline) { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { background: #ffffff; } .p-datepicker .p-datepicker-header { padding: 0.5rem; color: #495057; background: #ffffff; font-weight: 600; margin: 0; border-bottom: 1px solid #dee2e6; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus, .p-datepicker .p-datepicker-header .p-datepicker-next:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #495057; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #2196F3; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; } .p-datepicker table { font-size: 1rem; margin: 0.5rem 0; } .p-datepicker table th { padding: 0.5rem; } .p-datepicker table th > span { width: 2.5rem; height: 2.5rem; } .p-datepicker table td { padding: 0.5rem; } .p-datepicker table td > span { width: 2.5rem; height: 2.5rem; border-radius: 50%; transition: box-shadow 0.2s; border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { color: #495057; background: #E3F2FD; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datepicker table td.p-datepicker-today > span { background: #ced4da; color: #495057; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #495057; background: #E3F2FD; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; border-top: 1px solid #dee2e6; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { border-top: 1px solid #dee2e6; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datepicker .p-timepicker button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; } .p-datepicker .p-timepicker span { font-size: 1.25rem; } .p-datepicker .p-timepicker > div { padding: 0 0.5rem; } .p-datepicker.p-datepicker-timeonly .p-timepicker { border-top: 0 none; } .p-datepicker .p-monthpicker { margin: 0.5rem 0; } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; transition: box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #495057; background: #E3F2FD; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; } .p-datepicker .p-yearpicker .p-yearpicker-year { padding: 0.5rem; transition: box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #495057; background: #E3F2FD; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dee2e6; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; padding-bottom: 0; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { padding-left: 0; border-left: 0 none; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } p-calendar.p-calendar-clearable .p-calendar-clear-icon { color: #6c757d; right: 0.5rem; } p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { color: #6c757d; right: 2.857rem; } @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; } } .p-cascadeselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { border-color: #2196F3; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-cascadeselect .p-cascadeselect-label { background: transparent; border: 0 none; padding: 0.5rem 0.5rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { color: #6c757d; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-cascadeselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0.5rem 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; background: #E3F2FD; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f44336; } .p-input-filled .p-cascadeselect { background: #f8f9fa; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { color: #6c757d; right: 2.357rem; } .p-checkbox { width: 20px; height: 20px; } .p-checkbox .p-checkbox-box { border: 2px solid #ced4da; background: #ffffff; width: 20px; height: 20px; color: #495057; border-radius: 3px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; color: #ffffff; font-size: 14px; } .p-checkbox .p-checkbox-box.p-highlight { border-color: #2196F3; background: #2196F3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #2196F3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #0b7ad1; background: #0b7ad1; color: #ffffff; } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44336; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f8f9fa; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #2196F3; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f8f9fa; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #0b7ad1; } .p-checkbox-label { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { border-color: #2196F3; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; background: #E3F2FD; color: #495057; border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-input-token { padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #495057; padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f44336; } p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } p-chips.p-chips-clearable .p-chips-clear-icon { color: #6c757d; right: 0.5rem; } .p-colorpicker-preview, .p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-dropdown { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { border-color: #2196F3; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; } .p-dropdown .p-dropdown-label { background: transparent; border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; } .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-dropdown .p-dropdown-clear-icon { color: #6c757d; right: 2.357rem; } .p-dropdown-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-dropdown-panel .p-dropdown-header { padding: 0.5rem 1rem; border-bottom: 0 none; color: #495057; background: #f8f9fa; margin: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { padding-right: 1.5rem; margin-right: -1.5rem; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.5rem; color: #6c757d; } .p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { padding: 0.5rem 0; } .p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { padding: 0.5rem 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #495057; background: #E3F2FD; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.5rem 1rem; color: #495057; background: transparent; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; } p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f44336; } .p-input-filled .p-dropdown { background: #f8f9fa; } .p-input-filled .p-dropdown:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } .p-editor-container .p-editor-toolbar { background: #f8f9fa; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-editor-container .p-editor-toolbar.ql-snow { border: 1px solid #dee2e6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { fill: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; color: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { stroke: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { fill: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; padding: 0.5rem 0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: #495057; background: #e9ecef; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.5rem 1rem; } .p-editor-container .p-editor-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-editor-container .p-editor-content.ql-snow { border: 1px solid #dee2e6; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; color: #495057; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { color: #495057; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { stroke: #495057; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { fill: #495057; } .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { color: #2196F3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { stroke: #2196F3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { fill: #2196F3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { color: #2196F3; } .p-inputgroup-addon { background: #e9ecef; color: #6c757d; border-top: 1px solid #ced4da; border-left: 1px solid #ced4da; border-bottom: 1px solid #ced4da; padding: 0.5rem 0.5rem; min-width: 2.357rem; } .p-inputgroup-addon:last-child { border-right: 1px solid #ced4da; } .p-inputgroup > .p-component, .p-inputgroup > .p-element, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, .p-inputgroup > .p-element + .p-inputgroup-addon, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, .p-inputgroup > .p-element:focus, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, .p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, .p-inputgroup > .p-element:focus ~ label, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } .p-inputgroup-addon:first-child, .p-inputgroup button:first-child, .p-inputgroup input:first-child, .p-inputgroup > .p-inputwrapper:first-child > .p-component, .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .p-inputgroup-addon:last-child, .p-inputgroup button:last-child, .p-inputgroup input:last-child, .p-inputgroup > .p-inputwrapper:last-child > .p-component, .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44336; } p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { color: #6c757d; right: 0.5rem; } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f44336; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { color: #6c757d; right: 0.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } .p-inputswitch { width: 3rem; height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { background: #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } .p-inputswitch .p-inputswitch-slider:before { background: #ffffff; width: 1.25rem; height: 1.25rem; left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #b6bfc8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #2196F3; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #0d89ec; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { border-color: #f44336; } .p-inputtext { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #495057; background: #ffffff; padding: 0.5rem 0.5rem; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 3px; } .p-inputtext:enabled:hover { border-color: #2196F3; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-inputtext.ng-dirty.ng-invalid { border-color: #f44336; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; padding: 0.625rem 0.625rem; } .p-float-label > label { left: 0.5rem; color: #6c757d; transition-duration: 0.2s; } .p-float-label > .ng-invalid.ng-dirty + label { color: #f44336; } .p-input-icon-left > i:first-of-type { left: 0.5rem; color: #6c757d; } .p-input-icon-left > .p-inputtext { padding-left: 2rem; } .p-input-icon-left.p-float-label > label { left: 2rem; } .p-input-icon-right > i:last-of-type { right: 0.5rem; color: #6c757d; } .p-input-icon-right > .p-inputtext { padding-right: 2rem; } ::-webkit-input-placeholder { color: #6c757d; } :-moz-placeholder { color: #6c757d; } ::-moz-placeholder { color: #6c757d; } :-ms-input-placeholder { color: #6c757d; } .p-input-filled .p-inputtext { background-color: #f8f9fa; } .p-input-filled .p-inputtext:enabled:hover { background-color: #f8f9fa; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } .p-listbox { background: #ffffff; color: #495057; border: 1px solid #ced4da; border-radius: 3px; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; border-bottom: 0 none; color: #495057; background: #f8f9fa; margin: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-listbox .p-listbox-header .p-listbox-filter { padding-right: 1.5rem; } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.5rem; color: #6c757d; } .p-listbox .p-listbox-header .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list { padding: 0.5rem 0; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #495057; background: #E3F2FD; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.5rem 1rem; color: #495057; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44336; } .p-multiselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { border-color: #2196F3; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; background: #E3F2FD; color: #495057; border-radius: 3px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } .p-multiselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-multiselect-panel .p-multiselect-header { padding: 0.5rem 1rem; border-bottom: 0 none; color: #495057; background: #f8f9fa; margin: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { padding-right: 1.5rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.5rem; color: #6c757d; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close { margin-left: 0.5rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { padding: 0.5rem 0; } .p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { padding: 0.5rem 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #495057; background: #E3F2FD; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.5rem 1rem; color: #495057; background: transparent; } p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f44336; } .p-input-filled .p-multiselect { background: #f8f9fa; } .p-input-filled .p-multiselect:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-multiselect.p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { color: #6c757d; right: 2.357rem; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #f44336; } .p-password-panel { padding: 1rem; background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; background: #dee2e6; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #D32F2F; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #FBC02D; } .p-password-panel .p-password-meter .p-password-strength.strong { background: #689F38; } p-password.p-password-clearable .p-password-input { padding-right: 2rem; } p-password.p-password-clearable .p-password-clear-icon { color: #6c757d; right: 0.5rem; } p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } p-password.p-password-clearable.p-password-mask .p-password-clear-icon { color: #6c757d; right: 2rem; } .p-radiobutton { width: 20px; height: 20px; } .p-radiobutton .p-radiobutton-box { border: 2px solid #ced4da; background: #ffffff; width: 20px; height: 20px; color: #495057; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { border-color: #2196F3; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #2196F3; background: #2196F3; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #0b7ad1; background: #0b7ad1; color: #ffffff; } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f44336; } .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f8f9fa; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #2196F3; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #0b7ad1; } .p-radiobutton-label { margin-left: 0.5rem; } .p-rating .p-rating-icon { color: #495057; margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } .p-rating .p-rating-icon.p-rating-cancel { color: #e74c3c; } .p-rating .p-rating-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-rating .p-rating-icon:first-child { margin-left: 0; } .p-rating .p-rating-icon.pi-star-fill { color: #2196F3; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { color: #2196F3; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { color: #c0392b; } .p-selectbutton .p-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button.p-highlight { background: #2196F3; border-color: #2196F3; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { background: #0d89ec; border-color: #0d89ec; color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f44336; } .p-slider { background: #dee2e6; border: 0 none; border-radius: 3px; } .p-slider.p-slider-horizontal { height: 0.286rem; } .p-slider.p-slider-horizontal .p-slider-handle { margin-top: -0.5715rem; margin-left: -0.5715rem; } .p-slider.p-slider-vertical { width: 0.286rem; } .p-slider.p-slider-vertical .p-slider-handle { margin-left: -0.5715rem; margin-bottom: -0.5715rem; } .p-slider .p-slider-handle { height: 1.143rem; width: 1.143rem; background: #ffffff; border: 2px solid #2196F3; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-slider .p-slider-range { background: #2196F3; } .p-slider:not(.p-disabled) .p-slider-handle:hover { background: #2196F3; border-color: #2196F3; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { transition: width 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } .p-togglebutton.p-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button.p-highlight { background: #2196F3; border-color: #2196F3; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { background: #0d89ec; border-color: #0d89ec; color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f44336; } .p-treeselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { border-color: #2196F3; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-treeselect .p-treeselect-label { padding: 0.5rem 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: #6c757d; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; background: #dee2e6; color: #495057; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #f44336; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } .p-treeselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-treeselect-panel .p-treeselect-header { padding: 0.5rem 1rem; border-bottom: 0 none; color: #495057; background: #f8f9fa; margin: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { margin-right: 0.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { padding-right: 1.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.5rem; color: #6c757d; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 3rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { right: 2rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.5rem 1rem; color: #495057; background: transparent; } .p-input-filled .p-treeselect { background: #f8f9fa; } .p-input-filled .p-treeselect:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { color: #6c757d; right: 2.357rem; } .p-button { color: #ffffff; background: #2196F3; border: 1px solid #2196F3; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-button:enabled:hover { background: #0d89ec; color: #ffffff; border-color: #0d89ec; } .p-button:enabled:active { background: #0b7ad1; color: #ffffff; border-color: #0b7ad1; } .p-button.p-button-outlined { background-color: transparent; color: #2196F3; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; border: 1px solid; } .p-button.p-button-outlined:enabled:active { background: rgba(33, 150, 243, 0.16); color: #2196F3; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: #6c757d; border-color: #6c757d; } .p-button.p-button-outlined.p-button-plain:enabled:hover { background: #e9ecef; color: #6c757d; } .p-button.p-button-outlined.p-button-plain:enabled:active { background: #dee2e6; color: #6c757d; } .p-button.p-button-text { background-color: transparent; color: #2196F3; border-color: transparent; } .p-button.p-button-text:enabled:hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; border-color: transparent; } .p-button.p-button-text:enabled:active { background: rgba(33, 150, 243, 0.16); color: #2196F3; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: #6c757d; } .p-button.p-button-text.p-button-plain:enabled:hover { background: #e9ecef; color: #6c757d; } .p-button.p-button-text.p-button-plain:enabled:active { background: #dee2e6; color: #6c757d; } .p-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-button .p-button-icon-left { margin-right: 0.5rem; } .p-button .p-button-icon-right { margin-left: 0.5rem; } .p-button .p-button-icon-bottom { margin-top: 0.5rem; } .p-button .p-button-icon-top { margin-bottom: 0.5rem; } .p-button .p-badge { margin-left: 0.5rem; min-width: 1rem; height: 1rem; line-height: 1rem; color: #2196F3; background-color: #ffffff; } .p-button.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { border-radius: 50%; height: 2.357rem; } .p-button.p-button-sm { font-size: 0.875rem; padding: 0.4375rem 0.875rem; } .p-button.p-button-sm .p-button-icon { font-size: 0.875rem; } .p-button.p-button-lg { font-size: 1.25rem; padding: 0.625rem 1.25rem; } .p-button.p-button-lg .p-button-icon { font-size: 1.25rem; } .p-button.p-button-loading-label-only .p-button-label { margin-left: 0.5rem; } .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } .p-fluid .p-button { width: 100%; } .p-fluid .p-button-icon-only { width: 2.357rem; } .p-fluid .p-buttonset { display: flex; } .p-fluid .p-buttonset .p-button { flex: 1; } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #607D8B; border: 1px solid #607D8B; } .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #56717d; color: #ffffff; border-color: #56717d; } .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #beccd2; } .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #4d646f; color: #ffffff; border-color: #4d646f; } .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #607D8B; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(96, 125, 139, 0.04); color: #607D8B; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(96, 125, 139, 0.16); color: #607D8B; border: 1px solid; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #607D8B; border-color: transparent; } .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; color: #607D8B; } .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { background: rgba(96, 125, 139, 0.16); border-color: transparent; color: #607D8B; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288D1; border: 1px solid #0288D1; } .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #027abc; color: #ffffff; border-color: #027abc; } .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #89d4fe; } .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #026da7; color: #ffffff; border-color: #026da7; } .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0288D1; border: 1px solid; } .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(2, 136, 209, 0.04); color: #0288D1; border: 1px solid; } .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(2, 136, 209, 0.16); color: #0288D1; border: 1px solid; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0288D1; border-color: transparent; } .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; color: #0288D1; } .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { background: rgba(2, 136, 209, 0.16); border-color: transparent; color: #0288D1; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689F38; border: 1px solid #689F38; } .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #5e8f32; color: #ffffff; border-color: #5e8f32; } .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #c2e0a8; } .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #537f2d; color: #ffffff; border-color: #537f2d; } .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #689F38; border: 1px solid; } .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(104, 159, 56, 0.04); color: #689F38; border: 1px solid; } .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(104, 159, 56, 0.16); color: #689F38; border: 1px solid; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #689F38; border-color: transparent; } .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; color: #689F38; } .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { background: rgba(104, 159, 56, 0.16); border-color: transparent; color: #689F38; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #212529; background: #FBC02D; border: 1px solid #FBC02D; } .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #fab710; color: #212529; border-color: #fab710; } .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #fde6ab; } .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #e8a704; color: #212529; border-color: #e8a704; } .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #FBC02D; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(251, 192, 45, 0.04); color: #FBC02D; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(251, 192, 45, 0.16); color: #FBC02D; border: 1px solid; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #FBC02D; border-color: transparent; } .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; color: #FBC02D; } .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { background: rgba(251, 192, 45, 0.16); border-color: transparent; color: #FBC02D; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9C27B0; border: 1px solid #9C27B0; } .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { background: #8c239e; color: #ffffff; border-color: #8c239e; } .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #df9eea; } .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { background: #7d1f8d; color: #ffffff; border-color: #7d1f8d; } .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9C27B0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(156, 39, 176, 0.04); color: #9C27B0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(156, 39, 176, 0.16); color: #9C27B0; border: 1px solid; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9C27B0; border-color: transparent; } .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9C27B0; } .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9C27B0; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #D32F2F; border: 1px solid #D32F2F; } .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #c02929; color: #ffffff; border-color: #c02929; } .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #edacac; } .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #aa2424; color: #ffffff; border-color: #aa2424; } .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #D32F2F; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(211, 47, 47, 0.04); color: #D32F2F; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(211, 47, 47, 0.16); color: #D32F2F; border: 1px solid; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #D32F2F; border-color: transparent; } .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; color: #D32F2F; } .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { background: rgba(211, 47, 47, 0.16); border-color: transparent; color: #D32F2F; } .p-button.p-button-link { color: #0b7ad1; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; color: #0b7ad1; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { text-decoration: underline; } .p-button.p-button-link:enabled:focus { background: transparent; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; color: #0b7ad1; border-color: transparent; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; } .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { font-size: 1.3rem; } .p-speeddial-action { width: 3rem; height: 3rem; background: #495057; color: #fff; } .p-speeddial-action:hover { background: #343a40; color: #fff; } .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } .p-speeddial-circle .p-speeddial-item, .p-speeddial-semi-circle .p-speeddial-item, .p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, .p-speeddial-semi-circle .p-speeddial-item:first-child, .p-speeddial-semi-circle .p-speeddial-item:last-child, .p-speeddial-quarter-circle .p-speeddial-item:first-child, .p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } .p-splitbutton { border-radius: 3px; } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; color: #2196F3; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; } .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(33, 150, 243, 0.16); color: #2196F3; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #6c757d; border-color: #6c757d; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { background: #e9ecef; color: #6c757d; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { background: #dee2e6; color: #6c757d; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; color: #2196F3; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(33, 150, 243, 0.16); color: #2196F3; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #6c757d; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { background: #e9ecef; color: #6c757d; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { background: #dee2e6; color: #6c757d; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-splitbutton.p-button-rounded { border-radius: 2rem; } .p-splitbutton.p-button-rounded > .p-button { border-radius: 2rem; } .p-splitbutton.p-button-sm > .p-button { font-size: 0.875rem; padding: 0.4375rem 0.875rem; } .p-splitbutton.p-button-sm > .p-button .p-button-icon { font-size: 0.875rem; } .p-splitbutton.p-button-lg > .p-button { font-size: 1.25rem; padding: 0.625rem 1.25rem; } .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #607D8B; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(96, 125, 139, 0.04); color: #607D8B; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(96, 125, 139, 0.16); color: #607D8B; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; color: #607D8B; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; color: #607D8B; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; color: #607D8B; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0288D1; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(2, 136, 209, 0.04); color: #0288D1; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(2, 136, 209, 0.16); color: #0288D1; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; color: #0288D1; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; color: #0288D1; } .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; color: #0288D1; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689F38; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(104, 159, 56, 0.04); color: #689F38; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(104, 159, 56, 0.16); color: #689F38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; color: #689F38; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; color: #689F38; } .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; color: #689F38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #FBC02D; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(251, 192, 45, 0.04); color: #FBC02D; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(251, 192, 45, 0.16); color: #FBC02D; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; color: #FBC02D; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; color: #FBC02D; } .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; color: #FBC02D; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9C27B0; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9C27B0; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(156, 39, 176, 0.16); color: #9C27B0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; color: #9C27B0; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9C27B0; } .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9C27B0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #D32F2F; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(211, 47, 47, 0.04); color: #D32F2F; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(211, 47, 47, 0.16); color: #D32F2F; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; color: #D32F2F; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; color: #D32F2F; } .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; color: #D32F2F; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-carousel .p-carousel-content .p-carousel-prev:focus, .p-carousel .p-carousel-content .p-carousel-next:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-carousel .p-carousel-indicators { padding: 1rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator { margin-right: 0.5rem; margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { background-color: #e9ecef; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { background: #dee2e6; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #E3F2FD; color: #495057; } .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-datatable-header { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-datatable .p-datatable-footer { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #e9ecef; border-width: 0 0 1px 0; font-weight: 600; color: #495057; background: #f8f9fa; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #e9ecef; border-width: 0 0 1px 0; font-weight: 600; color: #495057; background: #f8f9fa; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: #6c757d; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #495057; background: #E3F2FD; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #6c757d; } .p-datatable .p-sortable-column.p-highlight { background: #f8f9fa; color: #2196F3; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #2196F3; } .p-datatable .p-sortable-column.p-highlight:hover { background: #e9ecef; color: #2196F3; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #2196F3; } .p-datatable .p-sortable-column:focus { box-shadow: inset 0 0 0 0.15rem #a6d5fa; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #495057; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr:focus { outline: 0.15rem solid #a6d5fa; outline-offset: 0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { background: #E3F2FD; color: #495057; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #E3F2FD; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #E3F2FD; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-datatable .p-column-resizer-helper { background: #2196F3; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { background: #f8f9fa; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { background-color: #f8f9fa; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; } .p-datatable.p-datatable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-footer { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-paginator-top { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-paginator-bottom { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { border-width: 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { background: #E3F2FD; color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { color: #495057; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-footer { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-dataview-header { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-dataview .p-dataview-content { background: #ffffff; color: #495057; border: 0 none; padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { border: solid #e9ecef; border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .p-dataview .p-dataview-loading-icon { font-size: 2rem; } .p-dataview .p-dataview-emptymessage { padding: 1rem; } .p-column-filter-row .p-column-filter-menu-button, .p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } .p-column-filter-menu-button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #e9ecef; color: #495057; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #E3F2FD; color: #495057; } .p-column-filter-menu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-column-filter-clear-button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-column-filter-clear-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-column-filter-overlay { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { padding: 0.5rem 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #495057; background: #E3F2FD; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; color: #495057; background: #f8f9fa; margin: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1rem; border-bottom: 1px solid #dee2e6; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { margin-top: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { border-bottom: 0 none; } .p-column-filter-overlay-menu .p-column-filter-add-rule { padding: 0.5rem 1rem; } .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } .fc { /* FullCalendar 4 */ /* FullCalendar 5 */ } .fc.fc-unthemed .fc-view-container th { background: #f8f9fa; border: 1px solid #dee2e6; color: #495057; } .fc.fc-unthemed .fc-view-container td.fc-widget-content { background: #ffffff; border: 1px solid #dee2e6; color: #495057; } .fc.fc-unthemed .fc-view-container td.fc-head-container { border: 1px solid #dee2e6; } .fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #dee2e6; } .fc.fc-unthemed .fc-view-container .fc-event { background: #0d89ec; border: 1px solid #0d89ec; color: #ffffff; } .fc.fc-unthemed .fc-view-container .fc-divider { background: #f8f9fa; border: 1px solid #dee2e6; } .fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #2196F3; border: 1px solid #2196F3; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; display: flex; align-items: center; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #0d89ec; color: #ffffff; border-color: #0d89ec; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #0b7ad1; color: #ffffff; border-color: #0b7ad1; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: "\e900"; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: "\e901"; } .fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #2196F3; border-color: #2196F3; color: #ffffff; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #0d89ec; border-color: #0d89ec; color: #ffffff; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; z-index: 1; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { border-color: #dee2e6; } .fc.fc-theme-standard .fc-view-harness th { background: #f8f9fa; border-color: #dee2e6; color: #495057; } .fc.fc-theme-standard .fc-view-harness td { color: #495057; border-color: #dee2e6; } .fc.fc-theme-standard .fc-view-harness .fc-view { background: #ffffff; } .fc.fc-theme-standard .fc-view-harness .fc-popover { background: none; border: 0 none; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { border: 1px solid #dee2e6; padding: 1rem; background: #f8f9fa; color: #495057; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { opacity: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; font-family: "PrimeIcons" !important; font-size: 1rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { content: "\e90b"; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { padding: 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0 none; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { color: #ffffff; background: #0d89ec; border-color: #0d89ec; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { color: #ffffff; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { background: #0d89ec; border-color: #0d89ec; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { background: #e9ecef; color: #495057; } .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { background: #f8f9fa; } .fc.fc-theme-standard .fc-toolbar .fc-button { color: #ffffff; background: #2196F3; border: 1px solid #2196F3; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { background: #0d89ec; color: #ffffff; border-color: #0d89ec; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { background: #0b7ad1; color: #ffffff; border-color: #0b7ad1; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { opacity: 0.6; color: #ffffff; background: #2196F3; border: 1px solid #2196F3; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: "\e900"; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: "\e901"; } .fc.fc-theme-standard .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #2196F3; border-color: #2196F3; color: #ffffff; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #0d89ec; border-color: #0d89ec; color: #ffffff; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; z-index: 1; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .fc.fc-theme-standard a { color: #495057; } .fc.fc-theme-standard .fc-highlight { color: #495057; background: #E3F2FD; } .p-orderlist .p-orderlist-controls { padding: 1rem; } .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; padding: 1rem; border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; } .p-orderlist .p-orderlist-filter-container { padding: 1rem; background: #ffffff; border: 1px solid #dee2e6; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { padding-right: 1.5rem; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.5rem; color: #6c757d; } .p-orderlist .p-orderlist-list { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; background: #E3F2FD; } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: #495057; } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #e9ecef; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #e9ecef; } .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; color: #495057; background: #ffffff; margin: 0; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #E3F2FD; color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #6cbbf5; } .p-organizationchart .p-organizationchart-line-down { background: #dee2e6; } .p-organizationchart .p-organizationchart-line-left { border-right: 1px solid #dee2e6; border-color: #dee2e6; } .p-organizationchart .p-organizationchart-line-top { border-top: 1px solid #dee2e6; border-color: #dee2e6; } .p-organizationchart .p-organizationchart-node-content { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 1rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { background: inherit; color: inherit; border-radius: 50%; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-paginator { background: #ffffff; color: #6c757d; border: solid #e9ecef; border-width: 0; padding: 0.5rem 1rem; border-radius: 3px; } .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #6c757d; min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #495057; } .p-paginator .p-paginator-first { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .p-paginator .p-paginator-last { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-paginator .p-dropdown { margin-left: 0.5rem; margin-right: 0.5rem; height: 2.357rem; } .p-paginator .p-dropdown .p-dropdown-label { padding-right: 0; } .p-paginator .p-paginator-page-input { margin-left: 0.5rem; margin-right: 0.5rem; } .p-paginator .p-paginator-page-input .p-inputtext { max-width: 2.357rem; } .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; color: #6c757d; min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; color: #6c757d; min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #E3F2FD; border-color: #E3F2FD; color: #495057; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #495057; } .p-picklist .p-picklist-buttons { padding: 1rem; } .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; padding: 1rem; border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; } .p-picklist .p-picklist-filter-container { padding: 1rem; background: #ffffff; border: 1px solid #dee2e6; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { padding-right: 1.5rem; } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.5rem; color: #6c757d; } .p-picklist .p-picklist-list { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #495057; background: #E3F2FD; } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: #495057; } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: #e9ecef; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #e9ecef; } .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; color: #495057; background: #ffffff; margin: 0; } .p-timeline .p-timeline-event-marker { border: 2px solid #2196F3; border-radius: 50%; width: 1rem; height: 1rem; background-color: #ffffff; } .p-timeline .p-timeline-event-connector { background-color: #dee2e6; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, .p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } .p-tree { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 1rem; border-radius: 3px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; transition: box-shadow 0.2s; padding: 0; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; color: #6c757d; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #E3F2FD; color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { background: #e9ecef; color: #495057; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; } .p-tree .p-tree-filter-container .p-tree-filter { width: 100%; padding-right: 1.5rem; } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.5rem; color: #6c757d; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; } .p-tree .p-tree-loading-icon { font-size: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { background-color: #89c8f7; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 3px; border: 1px solid #dee2e6; background-color: #ffffff; color: #495057; padding: 0; transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { background-color: #E3F2FD; color: #495057; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #495057; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { color: #6c757d; margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { background-color: inherit; color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-treetable-header { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-treetable .p-treetable-footer { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #e9ecef; border-width: 0 0 1px 0; font-weight: 600; color: #495057; background: #f8f9fa; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #e9ecef; border-width: 0 0 1px 0; font-weight: 600; color: #495057; background: #f8f9fa; } .p-treetable .p-sortable-column { outline-color: #a6d5fa; } .p-treetable .p-sortable-column .p-sortable-column-icon { color: #6c757d; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #495057; background: #E3F2FD; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #6c757d; } .p-treetable .p-sortable-column.p-highlight { background: #f8f9fa; color: #2196F3; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #2196F3; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #495057; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } .p-treetable .p-treetable-tbody > tr:focus { outline: 0.15rem solid #a6d5fa; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { background: #E3F2FD; color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { color: #495057; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { color: #495057; } .p-treetable .p-column-resizer-helper { background: #2196F3; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { background: #f8f9fa; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; } .p-treetable.p-treetable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-footer { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-top { border-width: 0 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-bottom { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { border-width: 1px; } .p-treetable.p-treetable-sm .p-treetable-header { padding: 0.875rem 0.875rem; } .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-footer { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-lg .p-treetable-header { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } .p-virtualscroller .p-virtualscroller-header { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-virtualscroller .p-virtualscroller-content { background: #ffffff; color: #495057; border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #e9ecef; border-color: #dee2e6; color: #495057; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { background: #f8f9fa; border-color: #dee2e6; color: #495057; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-color: #dee2e6; background: #e9ecef; color: #495057; } .p-accordion .p-accordion-content { padding: 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 0; } .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { border-radius: 0; } .p-accordion p-accordiontab .p-accordion-content { border-radius: 0; } .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-top: 0 none; } .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-accordion p-accordiontab:last-child .p-accordion-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-card { background: #ffffff; color: #495057; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; } .p-card .p-card-body { padding: 1rem; } .p-card .p-card-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; } .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; color: #6c757d; } .p-card .p-card-content { padding: 1rem 0; } .p-card .p-card-footer { padding: 1rem 0 0 0; } .p-divider .p-divider-content { background-color: #ffffff; } .p-divider.p-divider-horizontal { margin: 1rem 0; padding: 0 1rem; } .p-divider.p-divider-horizontal:before { border-top: 1px #dee2e6; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; } .p-divider.p-divider-vertical { margin: 0 1rem; padding: 1rem 0; } .p-divider.p-divider-vertical:before { border-left: 1px #dee2e6; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-radius: 3px; } .p-fieldset .p-fieldset-legend { padding: 1rem; border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; font-weight: 600; border-radius: 3px; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; color: #495057; border-radius: 3px; transition: box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #e9ecef; border-color: #dee2e6; color: #495057; } .p-fieldset .p-fieldset-content { padding: 1rem; } .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem; background: #f8f9fa; color: #495057; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-panel .p-panel-header .p-panel-title { font-weight: 600; } .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-panel .p-panel-header .p-panel-header-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.5rem 1rem; } .p-panel .p-panel-content { padding: 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0 none; } .p-panel .p-panel-icons-end { order: 2; margin-left: auto; } .p-panel .p-panel-icons-start { order: 0; margin-right: 0.5rem; } .p-panel .p-panel-icons-center { order: 2; width: 100%; text-align: center; } .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; } .p-splitter { border: 1px solid #dee2e6; background: #ffffff; border-radius: 3px; color: #495057; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; background: #f8f9fa; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dee2e6; } .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #dee2e6; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { border: solid #dee2e6; border-width: 0 0 2px 0; border-color: transparent transparent #dee2e6 transparent; background: #ffffff; color: #6c757d; padding: 1rem; font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; transition: box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #a6d5fa; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; border-color: #6c757d; color: #6c757d; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; border-color: #2196F3; color: #2196F3; } .p-tabview .p-tabview-left-icon { margin-right: 0.5rem; } .p-tabview .p-tabview-right-icon { margin-left: 0.5rem; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; color: #2196F3; width: 2.357rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } .p-tabview .p-tabview-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #a6d5fa; } .p-tabview .p-tabview-panels { background: #ffffff; padding: 1rem; border: 0 none; color: #495057; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-toolbar { background: #f8f9fa; border: 1px solid #dee2e6; padding: 1rem; border-radius: 3px; } .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } .p-confirm-popup { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; 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); } .p-confirm-popup .p-confirm-popup-content { padding: 1rem; } .p-confirm-popup .p-confirm-popup-footer { text-align: right; padding: 0.5rem 1rem; } .p-confirm-popup .p-confirm-popup-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-confirm-popup .p-confirm-popup-footer button:last-child { margin: 0; } .p-confirm-popup:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup:before { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:after { border-top-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:before { border-top-color: #ffffff; } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; } .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } .p-dialog { border-radius: 3px; 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); border: 0 none; } .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; color: #495057; padding: 1.5rem; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-dialog .p-dialog-header .p-dialog-title { font-weight: 600; font-size: 1.25rem; } .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; color: #495057; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; color: #495057; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-dialog .p-dialog-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { font-size: 2rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } .p-overlaypanel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; 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); } .p-overlaypanel .p-overlaypanel-content { padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { background: #2196F3; color: #ffffff; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; position: absolute; top: -1rem; right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #0d89ec; color: #ffffff; } .p-overlaypanel:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-overlaypanel:before { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-overlaypanel.p-overlaypanel-flipped:after { border-top-color: #ffffff; } .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } .p-sidebar { background: #ffffff; color: #495057; border: 0 none; 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); } .p-sidebar .p-sidebar-header { padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; } .p-sidebar .p-sidebar-content { padding: 1rem; } .p-tooltip .p-tooltip-text { background: #495057; color: #ffffff; padding: 0.5rem 0.5rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { border-right-color: #495057; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { border-left-color: #495057; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { border-top-color: #495057; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #495057; } .p-fileupload .p-fileupload-buttonbar { background: #f8f9fa; padding: 1rem; border: 1px solid #dee2e6; color: #495057; border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-fileupload .p-fileupload-buttonbar .p-button { margin-right: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; border: 1px solid #dee2e6; color: #495057; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-fileupload .p-progressbar { height: 0.25rem; } .p-fileupload .p-fileupload-row > div { padding: 1rem 1rem; } .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } .p-fileupload-choose:not(.p-disabled):hover { background: #0d89ec; color: #ffffff; border-color: #0d89ec; } .p-fileupload-choose:not(.p-disabled):active { background: #0b7ad1; color: #ffffff; border-color: #0b7ad1; } .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; border-radius: 3px; padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { transition: box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { color: #495057; } .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { color: #6c757d; } .p-breadcrumb ul li.p-breadcrumb-chevron { margin: 0 0.5rem 0 0.5rem; color: #495057; } .p-breadcrumb ul li:last-child .p-menuitem-text { color: #495057; } .p-breadcrumb ul li:last-child .p-menuitem-icon { color: #6c757d; } .p-contextmenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; width: 12.5rem; } .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-contextmenu .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; } .p-contextmenu .p-menuitem { margin: 0; } .p-contextmenu .p-menuitem:last-child { margin: 0; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #e9ecef; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; } .p-dock .p-dock-list { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } .p-dock .p-dock-item { padding: 0.5rem; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; width: 100%; } .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { margin: 0 auto; } .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { overflow-y: auto; height: 100%; } .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { margin: auto 0; } .p-dock .p-dock-list .p-dock-item { transform: none; margin: 0; } } .p-megamenu { padding: 0.5rem; background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 3px; transition: box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-megamenu .p-megamenu-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-megamenu .p-megamenu-submenu { padding: 0.25rem 0; width: 12.5rem; } .p-megamenu .p-megamenu-submenu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-megamenu .p-megamenu-submenu .p-menuitem { margin: 0; } .p-megamenu .p-megamenu-submenu .p-menuitem:last-child { margin: 0; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #e9ecef; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; } .p-megamenu.p-megamenu-vertical .p-menuitem { margin: 0; } .p-megamenu.p-megamenu-vertical .p-menuitem:last-child { margin: 0; } .p-menu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; width: 12.5rem; } .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-menu.p-menu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menu .p-menuitem { margin: 0; } .p-menu .p-menuitem:last-child { margin: 0; } .p-menubar { padding: 0.5rem; background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 3px; transition: box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 12.5rem; } .p-menubar .p-submenu-list .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar .p-submenu-list .p-menuitem { margin: 0; } .p-menubar .p-submenu-list .p-menuitem:last-child { margin: 0; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #e9ecef; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #6c757d; } @media screen and (max-width: 960px) { .p-menubar { position: relative; } .p-menubar .p-menubar-button { display: flex; width: 2rem; height: 2rem; color: #6c757d; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { color: #6c757d; background: #e9ecef; } .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-menubar .p-menubar-root-list { position: absolute; display: none; padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 100%; } .p-menubar .p-menubar-root-list .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar .p-menubar-root-list > .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } .p-menubar .p-menubar-root-list .p-submenu-list { width: 100%; position: static; box-shadow: none; border: 0 none; } .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } .p-menubar .p-menubar-root-list .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list ul li a { padding-left: 2.25rem; } .p-menubar .p-menubar-root-list ul li ul li a { padding-left: 3.75rem; } .p-menubar .p-menubar-root-list ul li ul li ul li a { padding-left: 5.25rem; } .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { padding-left: 6.75rem; } .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { padding-left: 8.25rem; } .p-menubar.p-menubar-mobile-active .p-menubar-root-list { display: flex; flex-direction: column; top: 100%; left: 0; z-index: 1; } } .p-panelmenu .p-panelmenu-header > a { padding: 1rem; border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header > a:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { background: #e9ecef; border-color: #dee2e6; color: #495057; } .p-panelmenu .p-panelmenu-header.p-highlight { margin-bottom: 0; } .p-panelmenu .p-panelmenu-header.p-highlight > a { background: #f8f9fa; border-color: #dee2e6; color: #495057; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { border-color: #dee2e6; background: #e9ecef; color: #495057; } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; border: 1px solid #dee2e6; background: #ffffff; color: #495057; margin-bottom: 0; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { border-top: 0 none; } .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { border-top: 0 none; } .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-slidemenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; width: 12.5rem; } .p-slidemenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; user-select: none; } .p-slidemenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-slidemenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-slidemenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { background: #e9ecef; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { color: #495057; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { color: #6c757d; } .p-slidemenu .p-slidemenu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { font-size: 0.875rem; } .p-slidemenu .p-slidemenu-backward { padding: 0.75rem 1rem; color: #495057; } .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; border-radius: 3px; background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { color: #495057; border: 1px solid #e9ecef; background: #ffffff; min-width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.143rem; z-index: 1; border-radius: 50%; } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; color: #6c757d; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #E3F2FD; color: #495057; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; color: #495057; } .p-steps .p-steps-item:before { content: " "; border-top: 1px solid #dee2e6; width: 100%; top: 50%; left: 0; display: block; position: absolute; margin-top: -1rem; } .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { border: solid #dee2e6; border-width: 0 0 2px 0; border-color: transparent transparent #dee2e6 transparent; background: #ffffff; color: #6c757d; padding: 1rem; font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; transition: box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #a6d5fa; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; border-color: #6c757d; color: #6c757d; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; border-color: #2196F3; color: #2196F3; } .p-tabmenu .p-tabmenu-left-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-right-icon { margin-left: 0.5rem; } .p-tabmenu .p-tabmenu-nav-btn.p-link { background: #ffffff; color: #2196F3; width: 2.357rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #a6d5fa; } .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; width: 12.5rem; } .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-tieredmenu.p-tieredmenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-menuitem { margin: 0; } .p-tieredmenu .p-menuitem:last-child { margin: 0; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #e9ecef; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; } .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; border-radius: 3px; } .p-inline-message.p-inline-message-info { background: #B3E5FC; border: solid #0891cf; border-width: 0px; color: #044868; } .p-inline-message.p-inline-message-info .p-inline-message-icon { color: #044868; } .p-inline-message.p-inline-message-success { background: #C8E6C9; border: solid #439446; border-width: 0px; color: #224a23; } .p-inline-message.p-inline-message-success .p-inline-message-icon { color: #224a23; } .p-inline-message.p-inline-message-warn { background: #FFECB3; border: solid #d9a300; border-width: 0px; color: #6d5100; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { color: #6d5100; } .p-inline-message.p-inline-message-error { background: #FFCDD2; border: solid #e60017; border-width: 0px; color: #73000c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { color: #73000c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; margin-right: 0.5rem; } .p-inline-message .p-inline-message-text { font-size: 1rem; } .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } .p-message { margin: 1rem 0; border-radius: 3px; } .p-message .p-message-wrapper { padding: 1rem 1.5rem; } .p-message .p-message-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.3); } .p-message .p-message-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-message.p-message-info { background: #B3E5FC; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; } .p-message.p-message-info .p-message-icon { color: #044868; } .p-message.p-message-info .p-message-close { color: #044868; } .p-message.p-message-success { background: #C8E6C9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; } .p-message.p-message-success .p-message-icon { color: #224a23; } .p-message.p-message-success .p-message-close { color: #224a23; } .p-message.p-message-warn { background: #FFECB3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; } .p-message.p-message-warn .p-message-icon { color: #6d5100; } .p-message.p-message-warn .p-message-close { color: #6d5100; } .p-message.p-message-error { background: #FFCDD2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; } .p-message.p-message-error .p-message-icon { color: #73000c; } .p-message.p-message-error .p-message-close { color: #73000c; } .p-message .p-message-text { font-size: 1rem; font-weight: 500; } .p-message .p-message-icon { font-size: 1.5rem; margin-right: 0.5rem; } .p-message .p-message-summary { font-weight: 700; } .p-message .p-message-detail { margin-left: 0.5rem; } .p-toast { opacity: 0.9; } .p-toast .p-toast-message { margin: 0 0 1rem 0; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; } .p-toast .p-toast-message .p-toast-message-content { padding: 1rem; border-width: 0 0 0 6px; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { margin: 0 0 0 1rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { font-size: 2rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { font-weight: 700; } .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { margin: 0.5rem 0 0 0; } .p-toast .p-toast-message .p-toast-icon-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } .p-toast .p-toast-message .p-toast-icon-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-toast .p-toast-message.p-toast-message-info { background: #B3E5FC; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #044868; } .p-toast .p-toast-message.p-toast-message-success { background: #C8E6C9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { background: #FFECB3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { background: #FFCDD2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #73000c; } .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; color: #f8f9fa; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-close .p-galleria-close-icon { font-size: 2rem; } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-item-nav { background: transparent; color: #f8f9fa; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 3px; margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); color: #f8f9fa; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { background-color: #e9ecef; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { background: #dee2e6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #E3F2FD; color: #495057; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; } .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { margin-bottom: 0.5rem; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { background: rgba(0, 0, 0, 0.5); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { background: rgba(255, 255, 255, 0.4); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #E3F2FD; color: #495057; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } .p-image-toolbar { padding: 1rem; } .p-image-action.p-link { color: #f8f9fa; background-color: transparent; width: 3rem; height: 3rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-image-action.p-link:last-child { margin-right: 0; } .p-image-action.p-link:hover { color: #f8f9fa; background-color: rgba(255, 255, 255, 0.1); } .p-image-action.p-link i { font-size: 1.5rem; } .p-avatar { background-color: #dee2e6; border-radius: 3px; } .p-avatar.p-avatar-lg { width: 3rem; height: 3rem; font-size: 1.5rem; } .p-avatar.p-avatar-lg .p-avatar-icon { font-size: 1.5rem; } .p-avatar.p-avatar-xl { width: 4rem; height: 4rem; font-size: 2rem; } .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } .p-avatar-group .p-avatar { border: 2px solid #ffffff; } .p-badge { background: #2196F3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; } .p-badge.p-badge-secondary { background-color: #607D8B; color: #ffffff; } .p-badge.p-badge-success { background-color: #689F38; color: #ffffff; } .p-badge.p-badge-info { background-color: #0288D1; color: #ffffff; } .p-badge.p-badge-warning { background-color: #FBC02D; color: #212529; } .p-badge.p-badge-danger { background-color: #D32F2F; color: #ffffff; } .p-badge.p-badge-lg { font-size: 1.125rem; min-width: 2.25rem; height: 2.25rem; line-height: 2.25rem; } .p-badge.p-badge-xl { font-size: 1.5rem; min-width: 3rem; height: 3rem; line-height: 3rem; } .p-chip { background-color: #dee2e6; color: #495057; border-radius: 16px; padding: 0 0.5rem; } .p-chip .p-chip-text { line-height: 1.5; margin-top: 0.25rem; margin-bottom: 0.25rem; } .p-chip .p-chip-icon { margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { margin-left: 0.5rem; } .p-chip img { width: 2rem; height: 2rem; margin-left: -0.5rem; margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-chip .pi-chip-remove-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #e9ecef; color: #495057; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-progressbar { border: 0 none; height: 1.5rem; background: #dee2e6; border-radius: 3px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; background: #2196F3; } .p-progressbar .p-progressbar-label { color: #ffffff; line-height: 1.5rem; } .p-scrolltop { width: 3rem; height: 3rem; border-radius: 50%; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { background: rgba(0, 0, 0, 0.7); } .p-scrolltop.p-link:hover { background: rgba(0, 0, 0, 0.8); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; color: #f8f9fa; } .p-skeleton { background-color: #e9ecef; border-radius: 3px; } .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { background: #2196F3; color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 3px; } .p-tag.p-tag-success { background-color: #689F38; color: #ffffff; } .p-tag.p-tag-info { background-color: #0288D1; color: #ffffff; } .p-tag.p-tag-warning { background-color: #FBC02D; color: #212529; } .p-tag.p-tag-danger { background-color: #D32F2F; color: #ffffff; } .p-tag .p-tag-icon { margin-right: 0.25rem; font-size: 0.75rem; } .p-terminal { background: #ffffff; color: #495057; border: 1px solid #dee2e6; padding: 1rem; } .p-terminal .p-terminal-input { font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } /* Customizations to the designer theme should be defined here */ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #2196F3; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #2196F3; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #2196F3; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #2196F3; } .p-component,.p-component *{box-sizing:border-box} .p-hidden{display:none} .p-hidden-space{visibility:hidden} .p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)} .p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none} .p-disabled,.p-disabled *{cursor:default !important;pointer-events:none} .p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%} .p-overflow-hidden{overflow:hidden} .p-unselectable-text{user-select:none} .p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px} @keyframes p-fadein{0%{opacity:0}100%{opacity:1}} input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0} .p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;user-select:none} .p-link:disabled{cursor:default} .p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important} .p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)} .p-connected-overlay-visible{opacity:1;transform:scaleY(1)} .p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear} .p-toggleable-content.ng-animating{overflow:hidden} .p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem} .p-overlay-badge{position:relative} .p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0} .p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0} .p-badge-no-gutter{padding:0;border-radius:50%} .p-button{margin:0;display:inline-flex;cursor:pointer;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative} .p-button-label{flex:1 1 auto} .p-button-icon-right{order:1} .p-button:disabled{cursor:default} .p-button-icon-only{justify-content:center} .p-button-icon-only .p-button-label{visibility:hidden;width:0;flex:0 0 auto} .p-button-vertical{flex-direction:column} .p-button-icon-bottom{order:2} .p-buttonset .p-button{margin:0} .p-buttonset .p-button:not(:last-child){border-right:0 none} .p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0} .p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0} .p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0} .p-buttonset .p-button:focus{position:relative;z-index:1} .p-checkbox{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative} .p-checkbox-disabled{cursor:default !important;pointer-events:none} .p-checkbox-box{display:flex;justify-content:center;align-items:center} p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center} .p-checkbox-label{line-height:1} .p-colorpicker-panel .p-colorpicker-color{background:transparent url('color.dae87a04d07ca92b.png') no-repeat left top} .p-colorpicker-panel .p-colorpicker-hue{background:transparent url('hue.8b1818380241e6ac.png') no-repeat left top} .p-inputtext{margin:0} .p-fluid .p-inputtext{width:100%} .p-inputgroup{display:flex;align-items:stretch;width:100%} .p-inputgroup-addon{display:flex;align-items:center;justify-content:center} .p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%} .p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%} .p-float-label{display:block;position:relative} .p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1} .p-float-label textarea ~ label{top:1rem} .p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px} .p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px} .p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block} .p-input-icon-left>i,.p-input-icon-right>i{position:absolute;top:50%;margin-top:-.5rem} .p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%} .p-inputtextarea-resizable{overflow:hidden;resize:none} .p-fluid .p-inputtextarea{width:100%} .p-password{position:relative;display:inline-flex} .p-password-panel{position:absolute;top:0;left:0} .p-password .p-password-panel{min-width:100%} .p-password-meter{height:10px} .p-password-strength{height:100%;width:0;transition:width 1s ease-in-out} .p-fluid .p-password{display:flex} .p-password-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer} .p-password-clearable{position:relative} .p-radiobutton{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative} .p-radiobutton-box{display:flex;justify-content:center;align-items:center} .p-radiobutton-icon{backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden} .p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible} p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center} .p-radiobutton-label{line-height:1} .p-ripple{overflow:hidden;position:relative} .p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)} .p-ink-active{animation:ripple .4s linear} .p-ripple-disabled .p-ink{display:none !important} @keyframes ripple{100%{opacity:0;transform:scale(2.5)}} .p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem} .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem} .p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0} .p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word} .p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid} .p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0} .p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem} .p-tooltip.p-tooltip-top{padding:.25em 0} .p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0} .p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem} @font-face { font-family: 'primeicons'; font-display: block; src: url('primeicons.964f445f3ea9db80.eot'); src: url('primeicons.964f445f3ea9db80.eot?#iefix') format('embedded-opentype'), url('primeicons.5f5d08cd089b4e5d.ttf') format('truetype'), url('primeicons.29151a741d66863a.woff') format('woff'), url('primeicons.76044b1c189cc4d7.svg?#primeicons') format('svg'); font-weight: normal; font-style: normal; } .pi { font-family: 'primeicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pi:before { --webkit-backface-visibility:hidden; backface-visibility: hidden; } .pi-fw { width: 1.28571429em; text-align: center; } .pi-spin { animation: fa-spin 2s infinite linear; } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .pi-sort-alt-slash:before { content: "\e9ee"; } .pi-arrows-h:before { content: "\e9ec"; } .pi-arrows-v:before { content: "\e9ed"; } .pi-pound:before { content: "\e9eb"; } .pi-prime:before { content: "\e9ea"; } .pi-chart-pie:before { content: "\e9e9"; } .pi-reddit:before { content: "\e9e8"; } .pi-code:before { content: "\e9e7"; } .pi-sync:before { content: "\e9e6"; } .pi-shopping-bag:before { content: "\e9e5"; } .pi-server:before { content: "\e9e4"; } .pi-database:before { content: "\e9e3"; } .pi-hashtag:before { content: "\e9e2"; } .pi-bookmark-fill:before { content: "\e9df"; } .pi-filter-fill:before { content: "\e9e0"; } .pi-heart-fill:before { content: "\e9e1"; } .pi-flag-fill:before { content: "\e9de"; } .pi-circle:before { content: "\e9dc"; } .pi-circle-fill:before { content: "\e9dd"; } .pi-bolt:before { content: "\e9db"; } .pi-history:before { content: "\e9da"; } .pi-box:before { content: "\e9d9"; } .pi-at:before { content: "\e9d8"; } .pi-arrow-up-right:before { content: "\e9d4"; } .pi-arrow-up-left:before { content: "\e9d5"; } .pi-arrow-down-left:before { content: "\e9d6"; } .pi-arrow-down-right:before { content: "\e9d7"; } .pi-telegram:before { content: "\e9d3"; } .pi-stop-circle:before { content: "\e9d2"; } .pi-stop:before { content: "\e9d1"; } .pi-whatsapp:before { content: "\e9d0"; } .pi-building:before { content: "\e9cf"; } .pi-qrcode:before { content: "\e9ce"; } .pi-car:before { content: "\e9cd"; } .pi-instagram:before { content: "\e9cc"; } .pi-linkedin:before { content: "\e9cb"; } .pi-send:before { content: "\e9ca"; } .pi-slack:before { content: "\e9c9"; } .pi-sun:before { content: "\e9c8"; } .pi-moon:before { content: "\e9c7"; } .pi-vimeo:before { content: "\e9c6"; } .pi-youtube:before { content: "\e9c5"; } .pi-flag:before { content: "\e9c4"; } .pi-wallet:before { content: "\e9c3"; } .pi-map:before { content: "\e9c2"; } .pi-link:before { content: "\e9c1"; } .pi-credit-card:before { content: "\e9bf"; } .pi-discord:before { content: "\e9c0"; } .pi-percentage:before { content: "\e9be"; } .pi-euro:before { content: "\e9bd"; } .pi-book:before { content: "\e9ba"; } .pi-shield:before { content: "\e9b9"; } .pi-paypal:before { content: "\e9bb"; } .pi-amazon:before { content: "\e9bc"; } .pi-phone:before { content: "\e9b8"; } .pi-filter-slash:before { content: "\e9b7"; } .pi-facebook:before { content: "\e9b4"; } .pi-github:before { content: "\e9b5"; } .pi-twitter:before { content: "\e9b6"; } .pi-step-backward-alt:before { content: "\e9ac"; } .pi-step-forward-alt:before { content: "\e9ad"; } .pi-forward:before { content: "\e9ae"; } .pi-backward:before { content: "\e9af"; } .pi-fast-backward:before { content: "\e9b0"; } .pi-fast-forward:before { content: "\e9b1"; } .pi-pause:before { content: "\e9b2"; } .pi-play:before { content: "\e9b3"; } .pi-compass:before { content: "\e9ab"; } .pi-id-card:before { content: "\e9aa"; } .pi-ticket:before { content: "\e9a9"; } .pi-file-o:before { content: "\e9a8"; } .pi-reply:before { content: "\e9a7"; } .pi-directions-alt:before { content: "\e9a5"; } .pi-directions:before { content: "\e9a6"; } .pi-thumbs-up:before { content: "\e9a3"; } .pi-thumbs-down:before { content: "\e9a4"; } .pi-sort-numeric-down-alt:before { content: "\e996"; } .pi-sort-numeric-up-alt:before { content: "\e997"; } .pi-sort-alpha-down-alt:before { content: "\e998"; } .pi-sort-alpha-up-alt:before { content: "\e999"; } .pi-sort-numeric-down:before { content: "\e99a"; } .pi-sort-numeric-up:before { content: "\e99b"; } .pi-sort-alpha-down:before { content: "\e99c"; } .pi-sort-alpha-up:before { content: "\e99d"; } .pi-sort-alt:before { content: "\e99e"; } .pi-sort-amount-up:before { content: "\e99f"; } .pi-sort-amount-down:before { content: "\e9a0"; } .pi-sort-amount-down-alt:before { content: "\e9a1"; } .pi-sort-amount-up-alt:before { content: "\e9a2"; } .pi-palette:before { content: "\e995"; } .pi-undo:before { content: "\e994"; } .pi-desktop:before { content: "\e993"; } .pi-sliders-v:before { content: "\e991"; } .pi-sliders-h:before { content: "\e992"; } .pi-search-plus:before { content: "\e98f"; } .pi-search-minus:before { content: "\e990"; } .pi-file-excel:before { content: "\e98e"; } .pi-file-pdf:before { content: "\e98d"; } .pi-check-square:before { content: "\e98c"; } .pi-chart-line:before { content: "\e98b"; } .pi-user-edit:before { content: "\e98a"; } .pi-exclamation-circle:before { content: "\e989"; } .pi-android:before { content: "\e985"; } .pi-google:before { content: "\e986"; } .pi-apple:before { content: "\e987"; } .pi-microsoft:before { content: "\e988"; } .pi-heart:before { content: "\e984"; } .pi-mobile:before { content: "\e982"; } .pi-tablet:before { content: "\e983"; } .pi-key:before { content: "\e981"; } .pi-shopping-cart:before { content: "\e980"; } .pi-comments:before { content: "\e97e"; } .pi-comment:before { content: "\e97f"; } .pi-briefcase:before { content: "\e97d"; } .pi-bell:before { content: "\e97c"; } .pi-paperclip:before { content: "\e97b"; } .pi-share-alt:before { content: "\e97a"; } .pi-envelope:before { content: "\e979"; } .pi-volume-down:before { content: "\e976"; } .pi-volume-up:before { content: "\e977"; } .pi-volume-off:before { content: "\e978"; } .pi-eject:before { content: "\e975"; } .pi-money-bill:before { content: "\e974"; } .pi-images:before { content: "\e973"; } .pi-image:before { content: "\e972"; } .pi-sign-in:before { content: "\e970"; } .pi-sign-out:before { content: "\e971"; } .pi-wifi:before { content: "\e96f"; } .pi-sitemap:before { content: "\e96e"; } .pi-chart-bar:before { content: "\e96d"; } .pi-camera:before { content: "\e96c"; } .pi-dollar:before { content: "\e96b"; } .pi-lock-open:before { content: "\e96a"; } .pi-table:before { content: "\e969"; } .pi-map-marker:before { content: "\e968"; } .pi-list:before { content: "\e967"; } .pi-eye-slash:before { content: "\e965"; } .pi-eye:before { content: "\e966"; } .pi-folder-open:before { content: "\e964"; } .pi-folder:before { content: "\e963"; } .pi-video:before { content: "\e962"; } .pi-inbox:before { content: "\e961"; } .pi-lock:before { content: "\e95f"; } .pi-unlock:before { content: "\e960"; } .pi-tags:before { content: "\e95d"; } .pi-tag:before { content: "\e95e"; } .pi-power-off:before { content: "\e95c"; } .pi-save:before { content: "\e95b"; } .pi-question-circle:before { content: "\e959"; } .pi-question:before { content: "\e95a"; } .pi-copy:before { content: "\e957"; } .pi-file:before { content: "\e958"; } .pi-clone:before { content: "\e955"; } .pi-calendar-times:before { content: "\e952"; } .pi-calendar-minus:before { content: "\e953"; } .pi-calendar-plus:before { content: "\e954"; } .pi-ellipsis-v:before { content: "\e950"; } .pi-ellipsis-h:before { content: "\e951"; } .pi-bookmark:before { content: "\e94e"; } .pi-globe:before { content: "\e94f"; } .pi-replay:before { content: "\e94d"; } .pi-filter:before { content: "\e94c"; } .pi-print:before { content: "\e94b"; } .pi-align-right:before { content: "\e946"; } .pi-align-left:before { content: "\e947"; } .pi-align-center:before { content: "\e948"; } .pi-align-justify:before { content: "\e949"; } .pi-cog:before { content: "\e94a"; } .pi-cloud-download:before { content: "\e943"; } .pi-cloud-upload:before { content: "\e944"; } .pi-cloud:before { content: "\e945"; } .pi-pencil:before { content: "\e942"; } .pi-users:before { content: "\e941"; } .pi-clock:before { content: "\e940"; } .pi-user-minus:before { content: "\e93e"; } .pi-user-plus:before { content: "\e93f"; } .pi-trash:before { content: "\e93d"; } .pi-external-link:before { content: "\e93c"; } .pi-window-maximize:before { content: "\e93b"; } .pi-window-minimize:before { content: "\e93a"; } .pi-refresh:before { content: "\e938"; } .pi-user:before { content: "\e939"; } .pi-exclamation-triangle:before { content: "\e922"; } .pi-calendar:before { content: "\e927"; } .pi-chevron-circle-left:before { content: "\e928"; } .pi-chevron-circle-down:before { content: "\e929"; } .pi-chevron-circle-right:before { content: "\e92a"; } .pi-chevron-circle-up:before { content: "\e92b"; } .pi-angle-double-down:before { content: "\e92c"; } .pi-angle-double-left:before { content: "\e92d"; } .pi-angle-double-right:before { content: "\e92e"; } .pi-angle-double-up:before { content: "\e92f"; } .pi-angle-down:before { content: "\e930"; } .pi-angle-left:before { content: "\e931"; } .pi-angle-right:before { content: "\e932"; } .pi-angle-up:before { content: "\e933"; } .pi-upload:before { content: "\e934"; } .pi-download:before { content: "\e956"; } .pi-ban:before { content: "\e935"; } .pi-star-fill:before { content: "\e936"; } .pi-star:before { content: "\e937"; } .pi-chevron-left:before { content: "\e900"; } .pi-chevron-right:before { content: "\e901"; } .pi-chevron-down:before { content: "\e902"; } .pi-chevron-up:before { content: "\e903"; } .pi-caret-left:before { content: "\e904"; } .pi-caret-right:before { content: "\e905"; } .pi-caret-down:before { content: "\e906"; } .pi-caret-up:before { content: "\e907"; } .pi-search:before { content: "\e908"; } .pi-check:before { content: "\e909"; } .pi-check-circle:before { content: "\e90a"; } .pi-times:before { content: "\e90b"; } .pi-times-circle:before { content: "\e90c"; } .pi-plus:before { content: "\e90d"; } .pi-plus-circle:before { content: "\e90e"; } .pi-minus:before { content: "\e90f"; } .pi-minus-circle:before { content: "\e910"; } .pi-circle-on:before { content: "\e911"; } .pi-circle-off:before { content: "\e912"; } .pi-sort-down:before { content: "\e913"; } .pi-sort-up:before { content: "\e914"; } .pi-sort:before { content: "\e915"; } .pi-step-backward:before { content: "\e916"; } .pi-step-forward:before { content: "\e917"; } .pi-th-large:before { content: "\e918"; } .pi-arrow-down:before { content: "\e919"; } .pi-arrow-left:before { content: "\e91a"; } .pi-arrow-right:before { content: "\e91b"; } .pi-arrow-up:before { content: "\e91c"; } .pi-bars:before { content: "\e91d"; } .pi-arrow-circle-down:before { content: "\e91e"; } .pi-arrow-circle-left:before { content: "\e91f"; } .pi-arrow-circle-right:before { content: "\e920"; } .pi-arrow-circle-up:before { content: "\e921"; } .pi-info:before { content: "\e923"; } .pi-info-circle:before { content: "\e924"; } .pi-home:before { content: "\e925"; } .pi-spinner:before { content: "\e926"; } /*! * Bootstrap v4.6.1 (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 { 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 { 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; text-decoration: underline dotted; cursor: help; border-bottom: 0; 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: 0.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: -0.25em; } sup { top: -0.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] { 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: 0.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: "— "; } .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-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } .row { display: flex; 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-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } .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; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .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 { appearance: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } 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: flex; 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: inline-flex; 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: 0.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) !important; 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; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 3rem !important; background-position: right 1.5rem center; } .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) !important; 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; 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 { 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; 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: 0.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) !important; 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; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 3rem !important; background-position: right 1.5rem center; } .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) !important; 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; 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 { 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; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; 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: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: 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; 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; 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; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; 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, .wizard > .actions a, .sweet-alert button.confirm { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover, .wizard > .actions a:hover, .sweet-alert button.confirm:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .wizard > .actions a:focus, .sweet-alert button.confirm:focus, .btn-primary.focus, .wizard > .actions a.focus, .sweet-alert button.focus.confirm { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .wizard > .actions a.disabled, .sweet-alert button.disabled.confirm, .btn-primary:disabled, .wizard > .actions a:disabled, .sweet-alert button.confirm:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .wizard > .actions a:not(:disabled):not(.disabled):active, .sweet-alert button.confirm:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .wizard > .actions a:not(:disabled):not(.disabled).active, .sweet-alert button.confirm:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .wizard > .actions .show > a.dropdown-toggle, .sweet-alert .show > button.dropdown-toggle.confirm { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .wizard > .actions a:not(:disabled):not(.disabled):active:focus, .sweet-alert button.confirm:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .wizard > .actions a:not(:disabled):not(.disabled).active:focus, .sweet-alert button.confirm:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus, .wizard > .actions .show > a.dropdown-toggle:focus, .sweet-alert .show > button.dropdown-toggle.confirm:focus { 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; 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 { 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; 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 { 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; 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 { 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; 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 { 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; 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 { 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; 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 { 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; 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { 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: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; 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: flex; flex-wrap: wrap; 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 { flex-direction: column; align-items: flex-start; 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: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; 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: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .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, .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, .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: 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: flex; 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; color-adjust: exact; } .custom-control-inline { 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 { 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: 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; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; 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; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; 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; 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; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { 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; 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::-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; 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 { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; 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 { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; 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: flex; flex-wrap: wrap; align-items: center; 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: flex; 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 { flex-basis: 100%; flex-grow: 1; 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 { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { 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 { flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; 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 { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { 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 { flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; 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 { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { 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 { flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; 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 { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { 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 { flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; 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 { 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 { flex-wrap: nowrap; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; 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: flex; 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 { 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 { 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: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { 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: flex; flex-flow: row wrap; } .card-group > .card { 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 { column-count: 3; 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: flex; 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: 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; 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; 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; } @media (prefers-reduced-motion: reduce) { .badge { 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; 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; 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; 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; 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; 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; 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; 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; 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; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { 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 { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; 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 { 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 { 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 { 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 { 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 { 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: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { 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); 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: flex; 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: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { 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 { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; 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: flex; 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: flex; align-items: flex-start; 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; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; 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: 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 { 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%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; 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; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { 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: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; 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: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { 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; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentColor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { 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: flex !important; } .d-inline-flex { 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: flex !important; } .d-sm-inline-flex { 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: flex !important; } .d-md-inline-flex { 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: flex !important; } .d-lg-inline-flex { 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: flex !important; } .d-xl-inline-flex { 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: flex !important; } .d-print-inline-flex { 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.85714286%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { 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 { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { 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 { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { 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; 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; } 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; } } /** ===================== Custom css start ========================== **/ body { background-color: #ecf0f5; font-size: 0.9375rem; overflow-x: hidden; color: #373a3c; font-family: "Open Sans", sans-serif; background-attachment: fixed; background-image: linear-gradient(rgba(255, 255, 255, 0) 200px, rgba(255, 255, 255, 0.9) 0%); } ul { padding-left: 0; list-style-type: none; margin-bottom: 0; } *:focus { outline: none; } a { font-size: 13px; color: #37474f; transition: all 0.3s ease-in-out; } @media only screen and (min-width: 1400px) { a { font-size: 14px; } } a:focus, a:hover { text-decoration: none; color: #448aff; } h1, h2, h3, h4, h5, h6 { font-weight: 600; } h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1rem; } h6 { font-size: 0.875rem; } p { font-size: 13px; } b, strong { font-weight: 600; } code { padding: 0 3px; border-radius: 3px; } .img-radius { border-radius: 50%; } .media-left { padding-right: 20px; } /**====== Custom css end ======**/ /** ===================== Main-body css start ========================== **/ .main-body .page-wrapper { padding: 0.6rem; transition: all ease-in 0.3s; } /**====== Main-body css end ======**/ /** ===================== Card-Layout css start ========================== **/ .card { border-radius: 0.25rem; box-shadow: 0 2px 10px -1px rgba(69, 90, 100, 0.3); border: none; margin-bottom: 30px; transition: all 0.3s ease-in-out; } .card .card-footer { border-top: 1px solid rgba(0, 0, 0, 0.125); padding: 15px 20px; border-radius: 0 0 5px 5px; } .card .card-header { color: #222222; background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.125); padding: 12px; position: relative; } .card .card-header.borderless { border-bottom: 0px solid transparent; } .card .card-header.borderless + .card-block, .card .card-header.borderless + .card-block-big, .card .card-header.borderless + .card-block-small { padding-top: 0; } .card .card-header .card-header-left { display: inline-block; } .card .card-header .card-header-right { right: 10px; top: 13px; display: inline-block; float: right; padding: 7px 0; position: absolute; } @media only screen and (max-width: 575px) { .card .card-header .card-header-right { display: none; } } .card .card-header .card-header-right i { margin: 0 4px; cursor: pointer; font-size: 14px; font-weight: 500; color: #37474f; line-height: 1; } .card .card-header .card-header-right .card-option { width: 35px; height: 20px; overflow: hidden; transition: 0.3s ease-in-out; } .card .card-header .card-header-right .card-option li { display: inline-block; } .card .card-header span { display: block; font-size: 13px; margin-top: 5px; } .card .card-header h5 { margin-bottom: 0; color: #37474f; font-size: 0.9375rem; font-weight: 600; display: inline-block; margin-right: 10px; line-height: 1.1; } .card .card-block { padding: 1.25rem; } .card .card-block.card-p-0 { padding: 1.25rem 0 0 0; } .card .card-block.p-b-0 { padding-bottom: 0; } .card .card-block table tr { padding-bottom: 20px; } .card .card-block .sub-title { font-size: 14px; font-weight: 500; letter-spacing: 1px; } .card .card-block code { background-color: #eee; margin: 5px; display: inline-block; } .card .card-block .dropdown-menu { top: 38px; } .card .card-block p { line-height: 1.4; } .card .card-block a.dropdown-item { margin-bottom: 0; font-size: 14px; transition: 0.25s; } .card .card-block a.dropdown-item:active, .card .card-block a.dropdown-item .active { background-color: #448aff; } .card .card-block.remove-label i { margin: 0; padding: 0; } .card .card-block.button-list span.badge { margin-left: 5px; } .card .card-block .dropdown-menu { background-color: #fff; padding: 0; } .card .card-block .dropdown-menu .dropdown-divider { background-color: #ddd; margin: 3px 0; } .card .card-block .dropdown-menu > a { padding: 10px 16px; line-height: 1.429; } .card .card-block .dropdown-menu > li > a:focus, .card .card-block .dropdown-menu > li > a:hover { background-color: rgba(202, 206, 209, 0.5); } .card .card-block .dropdown-menu > li:first-child > a:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .card .card-block .badge-box { padding: 10px; margin: 12px 0; } .card .card-block-big { padding: 1.5625rem; } .card .card-block-small { padding: 0.9375rem; } .card-footer { background: transparent; } .pcoded .card.full-card { position: fixed; top: 0; left: 0; z-index: 99999; box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.44); border-radius: 0px; width: calc(100vw - 17px); height: 100vh; } .pcoded .card.full-card.card-load { position: fixed; } .pcoded .card.card-load { position: relative; overflow: hidden; } .pcoded .card.card-load .card-loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; background-color: rgba(255, 255, 255, 0.7); z-index: 999; } .pcoded .card.card-load .card-loader i { margin: 0 auto; color: #448aff; font-size: 20px; } .rotate-refresh { animation: mymove 0.8s infinite linear; display: inline-block; } @keyframes mymove { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .page-header { background-size: cover; position: relative; border-radius: 0; padding-bottom: 40px; } .page-header h4 { color: #fff; font-weight: 400; font-size: 30px; margin-bottom: 0; } .page-header .page-block { padding: 0.625rem 1.25rem 0; } .page-header .page-block .breadcrumb { background: transparent; margin-bottom: 0; padding: 0; } .page-header .page-block .breadcrumb a { font-size: 14px; color: #fff; } .page-header .page-block .breadcrumb .breadcrumb-item + .breadcrumb-item:before { font-family: "feather"; content: "\e844"; color: #fff; } .page-header .page-block .breadcrumb .breadcrumb-item:last-child a { color: #fff; font-weight: 600; } @media only screen and (max-width: 768px) { .page-header .page-block .breadcrumb { float: left; margin-top: 10px; } } .sub-title { border-bottom: 1px solid rgba(204, 204, 204, 0.35); padding-bottom: 10px; margin-bottom: 20px; font-size: 14px; font-weight: 400; color: #2c3e50; } /**====== Card-Layout css end ======**/ /*======= Typography css start ========*/ .blockquote { border-left: 0.25rem solid #eceeef; padding: 0.5rem 1rem; } .blockquote.blockquote-reverse { text-align: right; padding-right: 1rem; border-right: 0.25rem solid #eceeef; border-left: none; } .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { margin: 0 0 20px; } .typography small { margin-left: 10px; font-weight: 500; color: #777; } .card-block.list-tag ul li { display: block; float: none; margin-bottom: 5px; } .card-block.list-tag ol li { margin-bottom: 5px; } .inline-order-list { margin-top: 50px; } .inline-order-list h4, .inline-order-list p { margin-bottom: 0; } .card-block ul li.list-inline-item { display: inline-block; float: left; } /*======= Typography css end ========*/ /** ===================== Modal css start ========================== **/ .modal { z-index: 1050; } .modal .modal-dialog { pointer-events: all; } .bd-example .modal { display: block; position: inherit; background-color: #2c3e50; margin-bottom: 20px; } .card .overflow-container h5 { margin-bottom: 5px; } .button-page .card-block a.nav-link { margin-bottom: 0; } .sweet-alert button.confirm { background-color: #448aff; } .sweet-alert .sa-input-error { top: 23px; } /**====== Modal css end ======**/ /** ===================== Accordion css start ========================== **/ .accordion-msg { display: block; color: #222222; padding: 14px 20px; border-top: 1px solid #ddd; font-weight: 500; cursor: pointer; } .accordion-msg:focus, .accordion-msg:hover { text-decoration: none; outline: none; } .faq-accordion .accordion-desc { padding: 20px; } .accordion-desc { color: #222222; padding: 0 20px 20px; } #color-accordion .accordion-desc { margin-top: 14px; } .ui-accordion-header-icon { float: right; font-size: 20px; } .accordion-title { margin-bottom: 0; } .accordion-block { padding: 0; } .accordion-block p { margin-bottom: 0; } .color-accordion-block a.ui-state-active, .color-accordion-block a:focus, .color-accordion-block a:hover { color: #fff; background: #4680ff; } a.bg-default:focus, a.bg-default:hover { background-color: #f0f0f0; color: #fff; } a.bg-primary:focus, a.bg-primary:hover { background-color: #77aaff; color: #fff; } a.bg-success:focus, a.bg-success:hover { background-color: #b5d98b; color: #fff; } a.bg-info:focus, a.bg-info:hover { background-color: #08e3ff; color: #fff; } a.bg-warning:focus, a.bg-warning:hover { background-color: #ffcf8a; color: #fff; } a.bg-danger:focus, a.bg-danger:hover { background-color: #ff8585; color: #fff; } /**====== Accordion css end ======**/ /** ===================== Tabs css start ========================== **/ .tab-list p { padding: 10px; } .tab-with-img i { position: absolute; padding: 5px; } .tab-icon { margin-bottom: 30px; } .tab-icon i { padding-right: 10px; } .tab-below { border-top: 1px solid #ddd; border-bottom: none; } .tab-below.nav-tabs .nav-link.active { border-color: transparent #ddd #ddd #ddd; } .tab-below .nav-item { margin-top: -2px; } .tab-below.nav-tabs .nav-link { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; border-top-left-radius: 0; } .card-header ~ .tab-icon .tab-with-img .sub-title i { right: 10px; } .tab-with-img .nav-link { position: relative; } .tabs-left, .tabs-right { min-width: 120px; vertical-align: top; width: 150px; } .tabs-left, .tabs-left-content, .tabs-right, .tabs-right-content { display: table-cell; } .nav-tabs.tabs-left .slide { height: 35px; width: 4px; bottom: 15px; } .nav-tabs.tabs-right .slide { height: 35px; width: 4px; bottom: 15px; right: 0; } .md-tabs.tabs-left .nav-item, .md-tabs.tabs-right .nav-item, .tabs-left .nav-item, .tabs-right .nav-item { width: 100%; position: relative; } .md-tabs { position: relative; } .md-tabs .nav-item + .nav-item { margin: 0; } .md-tabs .nav-link { border: none; color: #37474f; } .md-tabs .nav-item { flex: 1; text-align: center; position: relative; } .md-tabs .nav-link:focus, .md-tabs .nav-link:hover { border: none; } .md-tabs .nav-item .nav-link.active ~ .slide { opacity: 1; transition: all 0.3s ease-out; } .md-tabs .nav-item .nav-link ~ .slide { opacity: 0; transition: all 0.3s ease-out; } .md-tabs .nav-item.open .nav-link, .md-tabs .nav-item.open .nav-link:focus, .md-tabs .nav-item.open .nav-link:hover, .md-tabs .nav-link.active, .md-tabs .nav-link.active:focus, .md-tabs .nav-link.active:hover { color: #448aff; border: none; background-color: transparent; border-radius: 0; } .md-tabs .nav-tabs.nav a.nav-link.nav-item { padding: 20px 0; color: #37474f; } .nav-tabs .slide { background: #448aff; width: 100%; height: 4px; position: absolute; transition: left 0.3s ease-out; bottom: 0; } .nav-tabs .slide .nav-item.show .nav-link, .nav-tabs .slide .nav-link { color: #448aff; } .img-tabs img { width: 100px; margin: 0 auto; } .img-tabs a { opacity: 0.5; transition: all ease-in-out 0.3s; } .img-tabs a span i { height: 25px; width: 25px; border-radius: 100%; bottom: 10px; right: 70px; } .img-tabs a img { border: 3px solid; } .img-tabs a.active { opacity: 1; transition: all ease-in-out 0.3s; } .img-tabs .nav-item:first-child { border-bottom: none; } #pc-left-panel-menu { margin-bottom: 20px; } .img-circle { border-radius: 50%; } .b-none { border: none; } /**====== Tabs css end ======**/ /** ===================== Table css start ========================== **/ .table-primary, .table-primary > td, .table-primary > th { background-color: #4680fe; } .table-responsive { display: inline-block; width: 100%; overflow-x: auto; } .table.table-xl td, .table.table-xl th { padding: 1.25rem 2rem; } .table.table-lg td, .table.table-lg th { padding: 0.9rem 2rem; } .table.table-de td, .table.table-de th { padding: 0.75rem 2rem; } .table.table-sm td, .table.table-sm th { padding: 0.6rem 2rem; } .table.table-xs td, .table.table-xs th { padding: 0.4rem 2rem; } .table-columned > tbody > tr > td:first-child, .table-columned > tbody > tr > th:first-child { border-left: 0; } .table-columned > tfoot > tr > td:first-child, .table-columned > tfoot > tr > th:first-child { border-left: 0; } .table-columned > tbody > tr > td, .table-columned > tbody > tr > th { border: 0; border-left: 1px solid #ddd; } .table-columned > tfoot > tr > td, .table-columned > tfoot > tr > th { border: 0; border-left: 1px solid #ddd; } .table-border-style { padding: 0; } .table-border-style .table { margin-bottom: 0; } .table > thead > tr > th { border-bottom-color: #ccc; } .table-borderless tbody tr td, .table-borderless tbody tr th { border: 0; } .table-bordered > thead > tr.border-solid > td, .table-bordered > thead > tr.border-solid > th { border-bottom-width: 2px; } .table-bordered > thead > tr.border-solid:first-child > td, .table-bordered > thead > tr.border-solid:first-child th { border-bottom-width: 2px; } .table-bordered > thead > tr.border-double > td, .table-bordered > thead > tr.border-double > th { border-bottom-width: 3px; border-bottom-style: double; } .table-bordered > thead > tr.border-double:first-child > td, .table-bordered > thead > tr.border-double:first-child th { border-bottom-width: 3px; border-bottom-style: double; } /**====== Table css end ======**/ /*====== Warning css starts ======= */ .ie-warning { position: fixed; top: 0; left: 0; z-index: 999999; background: #000000; width: 100%; height: 100%; text-align: center; color: #fff; font-family: "Courier New", Courier, monospace; padding: 50px 0; } .ie-warning p { font-size: 17px; } .ie-warning .iew-container { min-width: 1024px; width: 100%; height: 200px; background: #fff; margin: 50px 0; } .ie-warning .iew-download { list-style: none; padding: 30px 0; margin: 0 auto; width: 720px; } .ie-warning .iew-download > li { float: left; vertical-align: top; } .ie-warning .iew-download > li > a { display: block; color: #000; width: 140px; font-size: 15px; padding: 15px 0; } .ie-warning .iew-download > li > a > div { margin-top: 10px; } .ie-warning .iew-download > li > a:hover { background-color: #eee; } /*====== Warning css ends ======= */ .progress { height: 1rem; } .progress .progress-bar { height: 100%; color: inherit; } /** ===================== Theme-preloader css start ========================== **/ .loader-bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgb(255, 255, 255); z-index: 9999; } .loader-bg .loader-bar { position: fixed; height: 5px; width: 80%; top: 0; left: 0; background: rgb(33, 150, 243); animation: barfiller 2s; } @keyframes barfiller { 0% { width: 0; } 25% { width: 20%; } 50% { width: 40%; } 70% { width: 60%; } 100% { width: 80%; } } @-moz-document url-prefix() { select { -webkit-appearance: none; -moz-appearance: none; } } .page-header.tab-page { padding-bottom: 0; } .page-header.tab-page .page-block { padding: 0.625rem 1.25rem; } .md-tabs.scw-tabs .nav-link { color: #f6611f; font-size: 16px; } .md-tabs.scw-tabs .nav-link.active, .md-tabs.scw-tabs .nav-link.active:hover, .md-tabs.scw-tabs .nav-link.active:focus { color: #333333; background-color: #fff; border-color: #f6611f; } #scopes-page .tab-content, #scopes-page .nav-tabs { margin: 0 0.6rem; } datatable .white-space-pre { white-space: pre !important; } datatable .white-space-pre-line { white-space: pre-line !important; } datatable .overflow-wrap-anywhere { overflow-wrap: anywhere !important; } /** ===================== Generic-class css start ========================== **/ .generic-card-block code { cursor: pointer; display: inline-block; margin-right: 10px; margin-bottom: 10px; } .generic-image-body li { padding: 0 20px; display: inline-block; } .generic-image-body code { display: block; } .generic-image-body img { display: block; margin: 10px auto 20px; } /*====== Padding , Margin css starts ======*/ .p-0 { padding: 0px; } .p-t-0 { padding-top: 0px; } .p-b-0 { padding-bottom: 0px; } .p-l-0 { padding-left: 0px; } .p-r-0 { padding-right: 0px; } .m-0 { margin: 0px; } .m-t-0 { margin-top: 0px; } .m-b-0 { margin-bottom: 0px; } .m-l-0 { margin-left: 0px; } .m-r-0 { margin-right: 0px; } .p-5 { padding: 5px; } .p-t-5 { padding-top: 5px; } .p-b-5 { padding-bottom: 5px; } .p-l-5 { padding-left: 5px; } .p-r-5 { padding-right: 5px; } .m-5 { margin: 5px; } .m-t-5 { margin-top: 5px; } .m-b-5 { margin-bottom: 5px; } .m-l-5 { margin-left: 5px; } .m-r-5 { margin-right: 5px; } .p-10 { padding: 10px; } .p-t-10 { padding-top: 10px; } .p-b-10 { padding-bottom: 10px; } .p-l-10 { padding-left: 10px; } .p-r-10 { padding-right: 10px; } .m-10 { margin: 10px; } .m-t-10 { margin-top: 10px; } .m-b-10 { margin-bottom: 10px; } .m-l-10 { margin-left: 10px; } .m-r-10 { margin-right: 10px; } .p-15 { padding: 15px; } .p-t-15 { padding-top: 15px; } .p-b-15 { padding-bottom: 15px; } .p-l-15 { padding-left: 15px; } .p-r-15 { padding-right: 15px; } .m-15 { margin: 15px; } .m-t-15 { margin-top: 15px; } .m-b-15 { margin-bottom: 15px; } .m-l-15 { margin-left: 15px; } .m-r-15 { margin-right: 15px; } .p-20 { padding: 20px; } .p-t-20 { padding-top: 20px; } .p-b-20 { padding-bottom: 20px; } .p-l-20 { padding-left: 20px; } .p-r-20 { padding-right: 20px; } .m-20 { margin: 20px; } .m-t-20 { margin-top: 20px; } .m-b-20 { margin-bottom: 20px; } .m-l-20 { margin-left: 20px; } .m-r-20 { margin-right: 20px; } .p-25 { padding: 25px; } .p-t-25 { padding-top: 25px; } .p-b-25 { padding-bottom: 25px; } .p-l-25 { padding-left: 25px; } .p-r-25 { padding-right: 25px; } .m-25 { margin: 25px; } .m-t-25 { margin-top: 25px; } .m-b-25 { margin-bottom: 25px; } .m-l-25 { margin-left: 25px; } .m-r-25 { margin-right: 25px; } .p-30 { padding: 30px; } .p-t-30 { padding-top: 30px; } .p-b-30 { padding-bottom: 30px; } .p-l-30 { padding-left: 30px; } .p-r-30 { padding-right: 30px; } .m-30 { margin: 30px; } .m-t-30 { margin-top: 30px; } .m-b-30 { margin-bottom: 30px; } .m-l-30 { margin-left: 30px; } .m-r-30 { margin-right: 30px; } .p-35 { padding: 35px; } .p-t-35 { padding-top: 35px; } .p-b-35 { padding-bottom: 35px; } .p-l-35 { padding-left: 35px; } .p-r-35 { padding-right: 35px; } .m-35 { margin: 35px; } .m-t-35 { margin-top: 35px; } .m-b-35 { margin-bottom: 35px; } .m-l-35 { margin-left: 35px; } .m-r-35 { margin-right: 35px; } .p-40 { padding: 40px; } .p-t-40 { padding-top: 40px; } .p-b-40 { padding-bottom: 40px; } .p-l-40 { padding-left: 40px; } .p-r-40 { padding-right: 40px; } .m-40 { margin: 40px; } .m-t-40 { margin-top: 40px; } .m-b-40 { margin-bottom: 40px; } .m-l-40 { margin-left: 40px; } .m-r-40 { margin-right: 40px; } .p-45 { padding: 45px; } .p-t-45 { padding-top: 45px; } .p-b-45 { padding-bottom: 45px; } .p-l-45 { padding-left: 45px; } .p-r-45 { padding-right: 45px; } .m-45 { margin: 45px; } .m-t-45 { margin-top: 45px; } .m-b-45 { margin-bottom: 45px; } .m-l-45 { margin-left: 45px; } .m-r-45 { margin-right: 45px; } .p-50 { padding: 50px; } .p-t-50 { padding-top: 50px; } .p-b-50 { padding-bottom: 50px; } .p-l-50 { padding-left: 50px; } .p-r-50 { padding-right: 50px; } .m-50 { margin: 50px; } .m-t-50 { margin-top: 50px; } .m-b-50 { margin-bottom: 50px; } .m-l-50 { margin-left: 50px; } .m-r-50 { margin-right: 50px; } /*====== Padding , Margin css ends ======*/ /*====== Display css starts ======*/ .d-none { display: none; } .d-inline-block { display: inline-block; } .d-inline-flex { display: inline-flex; } /*====== display css ends ======*/ /*====== Border-radius css starts ======*/ .b-radius-0 { border-radius: 0px; } .b-radius-5 { border-radius: 5px; } .b-radius-10 { border-radius: 10px; } /*====== Border-radius css ends ======*/ /*====== Font-size css starts ======*/ .f-10 { font-size: 10px; } .f-12 { font-size: 12px; } .f-14 { font-size: 14px; } .f-16 { font-size: 16px; } .f-18 { font-size: 18px; } .f-20 { font-size: 20px; } .f-22 { font-size: 22px; } .f-24 { font-size: 24px; } .f-26 { font-size: 26px; } .f-28 { font-size: 28px; } .f-30 { font-size: 30px; } .f-32 { font-size: 32px; } .f-34 { font-size: 34px; } .f-36 { font-size: 36px; } .f-38 { font-size: 38px; } .f-40 { font-size: 40px; } .f-42 { font-size: 42px; } .f-44 { font-size: 44px; } .f-46 { font-size: 46px; } .f-48 { font-size: 48px; } .f-50 { font-size: 50px; } .f-52 { font-size: 52px; } .f-54 { font-size: 54px; } .f-56 { font-size: 56px; } .f-58 { font-size: 58px; } .f-60 { font-size: 60px; } .f-62 { font-size: 62px; } .f-64 { font-size: 64px; } .f-66 { font-size: 66px; } .f-68 { font-size: 68px; } .f-70 { font-size: 70px; } .f-72 { font-size: 72px; } .f-74 { font-size: 74px; } .f-76 { font-size: 76px; } .f-78 { font-size: 78px; } .f-80 { font-size: 80px; } /*====== Font-size css ends ======*/ /*====== Font-weight css starts ======*/ .f-w-100 { font-weight: 100; } .f-w-200 { font-weight: 200; } .f-w-300 { font-weight: 300; } .f-w-400 { font-weight: 400; } .f-w-500 { font-weight: 500; } .f-w-600 { font-weight: 600; } .f-w-700 { font-weight: 700; } .f-w-800 { font-weight: 800; } .f-w-900 { font-weight: 900; } /*====== Font-weight css ends ======*/ /*====== Font-style css starts ======*/ .f-s-normal { font-style: normal; } .f-s-italic { font-style: italic; } .f-s-oblique { font-style: oblique; } .f-s-initial { font-style: initial; } .f-s-inherit { font-style: inherit; } /*====== Font-style css ends ======*/ .text { /*====== Text-Transform css starts ======*/ /*====== Text-Transform css ends ======*/ /*====== Text-Decoration css starts ======*/ /*====== Text-Decoration css ends ======*/ } .text-capitalize { text-transform: capitalize; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-overline { text-decoration: overline; } .text-line-through { text-decoration: line-through; } .text-underline { text-decoration: underline; } /*====== Vertical-Align css starts ======*/ .baseline { vertical-align: baseline; } .sub { vertical-align: sub; } .super { vertical-align: super; } .top { vertical-align: top; } .text-top { vertical-align: text-top; } .middle { vertical-align: middle; } .bottom { vertical-align: bottom; } .text-bottom { vertical-align: text-bottom; } .initial { vertical-align: initial; } .inherit { vertical-align: inherit; } /*====== Vertical-Align css ends ======*/ /*====== Position css starts ======*/ .pos-static { position: static; } .pos-absolute { position: absolute; } .pos-fixed { position: fixed; } .pos-relative { position: relative; } .pos-initial { position: initial; } .pos-inherit { position: inherit; } /*====== Position css ends ======*/ /*====== Overflow css starts ======*/ .o-hidden { overflow: hidden; } .o-visible { overflow: visible; } .o-auto { overflow: auto; } /*====== Overflow css ends ======*/ /*====== Image-sizes css starts ======*/ .img-20 { width: 20px; } .img-30 { width: 30px; } .img-40 { width: 40px; } .img-50 { width: 50px; } .img-60 { width: 60px; } .img-70 { width: 70px; } .img-80 { width: 80px; } .img-90 { width: 90px; } .img-100 { width: 100px; } /*====== Image-sizes css ends ======*/ /*======= Text css starts ===========*/ .text-primary { color: #448aff; } .text-warning { color: #ffba57; } .text-default { color: #d6d6d6; } .text-danger { color: #ff5252; } .text-success { color: #9ccc65; } .text-inverse { color: #37474f; } .text-info { color: #00bcd4; } .text-custom { color: #64b0f2; } .text-pink { color: #ff7aa3; } .text-dark { color: #2b3d51; } .text-purple { color: #9261c6; } .text-muted { color: #78909c; } /*======= Text css ends ===========*/ /*======= Label-color css starts ======= */ .label { border-radius: 2px; color: #fff; font-size: 12px; line-height: 1; margin-bottom: 0; text-transform: capitalize; } .label-primary { background: #448aff; } .label-warning { background: #ffba57; } .label-default { background: #d6d6d6; } .label-danger { background: #ff5252; } .label-success { background: #9ccc65; } .label-inverse { background: #37474f; } .label-info { background: #00bcd4; } .label-warning { color: #fff; } /*======= Label-color css starts ======= */ /*======= Badge-color css starts ======= */ .badge-primary { background: #448aff; } .badge-warning { background: #ffba57; } .badge-default { background: #d6d6d6; } .badge-danger { background: #ff5252; } .badge-success { background: #9ccc65; } .badge-inverse { background: #37474f; } .badge-info { background: #00bcd4; } /*======= Badge-color css end ======= */ /*======= Background-color css starts ======= */ .bg-color-box { text-align: center; display: inline-block; padding: 10px 20px; box-shadow: 0 0 5px 0 rgba(128, 128, 128, 0.49); font-weight: 600; margin-right: 20px; margin-bottom: 20px; cursor: pointer; } .bg-color-box span { color: #fff; } .bg-primary { background-color: #448aff; color: #fff; } .bg-warning { background-color: #ffba57; color: #fff; } .bg-default { background-color: #d6d6d6; color: #fff; } .bg-danger { background-color: #ff5252; color: #fff; } .bg-success { background-color: #9ccc65; color: #fff; } .bg-inverse { background-color: #37474f; color: #fff; } .bg-info { background-color: #00bcd4; color: #fff; } /*======= Background-color css end ======= */ /*======= Button-color css starts ======= */ .color-primary { background-color: #448aff; } .color-warning { background-color: #ffba57; } .color-default { background-color: #d6d6d6; } .color-danger { background-color: #ff5252; } .color-success { background-color: #9ccc65; } .color-inverse { background-color: #37474f; } .color-info { background-color: #00bcd4; } /*======= Button-color css ends ======= */ /*======= Loader-color css starts ======= */ .loader-primary { background-color: #448aff; } .loader-warning { background-color: #ffba57; } .loader-default { background-color: #d6d6d6; } .loader-danger { background-color: #ff5252; } .loader-success { background-color: #9ccc65; } .loader-inverse { background-color: #37474f; } .loader-info { background-color: #00bcd4; } /*======= Loader-color css ends ======= */ /*======= Nestable-color css starts ======= */ .nestable-primary { background-color: #448aff; border-color: #448aff; color: #fff; } .nestable-warning { background-color: #ffba57; border-color: #ffba57; color: #fff; } .nestable-default { background-color: #d6d6d6; border-color: #d6d6d6; color: #fff; } .nestable-danger { background-color: #ff5252; border-color: #ff5252; color: #fff; } .nestable-success { background-color: #9ccc65; border-color: #9ccc65; color: #fff; } .nestable-inverse { background-color: #37474f; border-color: #37474f; color: #fff; } .nestable-info { background-color: #00bcd4; border-color: #00bcd4; color: #fff; } /*======= Nestable-color css ends ======= */ /*======= Table-Border-Bottom-color css starts ======= */ table tbody .border-bottom-primary td, table tbody .border-bottom-primary th, table thead .border-bottom-primary th { border-bottom: 1px solid #448aff; } table tbody .border-bottom-warning td, table tbody .border-bottom-warning th, table thead .border-bottom-warning th { border-bottom: 1px solid #ffba57; } table tbody .border-bottom-default td, table tbody .border-bottom-default th, table thead .border-bottom-default th { border-bottom: 1px solid #d6d6d6; } table tbody .border-bottom-danger td, table tbody .border-bottom-danger th, table thead .border-bottom-danger th { border-bottom: 1px solid #ff5252; } table tbody .border-bottom-success td, table tbody .border-bottom-success th, table thead .border-bottom-success th { border-bottom: 1px solid #9ccc65; } table tbody .border-bottom-inverse td, table tbody .border-bottom-inverse th, table thead .border-bottom-inverse th { border-bottom: 1px solid #37474f; } table tbody .border-bottom-info td, table tbody .border-bottom-info th, table thead .border-bottom-info th { border-bottom: 1px solid #00bcd4; } /*======= Table-Border-Bottom-color css ends ======= */ /*======= Table styling css starts ======= */ .table-styling .table-primary, .table-styling.table-primary { background-color: #448aff; color: #fff; border: 3px solid #448aff; } .table-styling .table-primary thead, .table-styling.table-primary thead { background-color: #116aff; border: 3px solid #116aff; } .table-styling .table-warning, .table-styling.table-warning { background-color: #ffba57; color: #fff; border: 3px solid #ffba57; } .table-styling .table-warning thead, .table-styling.table-warning thead { background-color: #ffa524; border: 3px solid #ffa524; } .table-styling .table-default, .table-styling.table-default { background-color: #d6d6d6; color: #fff; border: 3px solid #d6d6d6; } .table-styling .table-default thead, .table-styling.table-default thead { background-color: #bdbdbd; border: 3px solid #bdbdbd; } .table-styling .table-danger, .table-styling.table-danger { background-color: #ff5252; color: #fff; border: 3px solid #ff5252; } .table-styling .table-danger thead, .table-styling.table-danger thead { background-color: #ff1f1f; border: 3px solid #ff1f1f; } .table-styling .table-success, .table-styling.table-success { background-color: #9ccc65; color: #fff; border: 3px solid #9ccc65; } .table-styling .table-success thead, .table-styling.table-success thead { background-color: #83bf3f; border: 3px solid #83bf3f; } .table-styling .table-inverse, .table-styling.table-inverse { background-color: #37474f; color: #fff; border: 3px solid #37474f; } .table-styling .table-inverse thead, .table-styling.table-inverse thead { background-color: #222c31; border: 3px solid #222c31; } .table-styling .table-info, .table-styling.table-info { background-color: #00bcd4; color: #fff; border: 3px solid #00bcd4; } .table-styling .table-info thead, .table-styling.table-info thead { background-color: #008fa1; border: 3px solid #008fa1; } /*======= Table styling css ends ======= */ /*======= Toolbar css starts ======= */ .toolbar-primary .tool-item { background: #448aff; } .toolbar-primary .tool-item.selected, .toolbar-primary .tool-item:hover { background: #116aff; } .toolbar-primary.tool-top .arrow { border-color: #448aff transparent transparent; } .toolbar-primary.tool-bottom .arrow { border-color: transparent transparent #448aff; } .toolbar-primary.tool-left .arrow { border-color: transparent transparent transparent #448aff; } .toolbar-primary.tool-right .arrow { border-color: transparent #448aff transparent transparent; } .btn-toolbar-primary.pressed { background-color: #448aff; } .toolbar-warning .tool-item { background: #ffba57; } .toolbar-warning .tool-item.selected, .toolbar-warning .tool-item:hover { background: #ffa524; } .toolbar-warning.tool-top .arrow { border-color: #ffba57 transparent transparent; } .toolbar-warning.tool-bottom .arrow { border-color: transparent transparent #ffba57; } .toolbar-warning.tool-left .arrow { border-color: transparent transparent transparent #ffba57; } .toolbar-warning.tool-right .arrow { border-color: transparent #ffba57 transparent transparent; } .btn-toolbar-warning.pressed { background-color: #ffba57; } .toolbar-light .tool-item { background: #d6d6d6; } .toolbar-light .tool-item.selected, .toolbar-light .tool-item:hover { background: #bdbdbd; } .toolbar-light.tool-top .arrow { border-color: #d6d6d6 transparent transparent; } .toolbar-light.tool-bottom .arrow { border-color: transparent transparent #d6d6d6; } .toolbar-light.tool-left .arrow { border-color: transparent transparent transparent #d6d6d6; } .toolbar-light.tool-right .arrow { border-color: transparent #d6d6d6 transparent transparent; } .btn-toolbar-light.pressed { background-color: #d6d6d6; } .toolbar-danger .tool-item { background: #ff5252; } .toolbar-danger .tool-item.selected, .toolbar-danger .tool-item:hover { background: #ff1f1f; } .toolbar-danger.tool-top .arrow { border-color: #ff5252 transparent transparent; } .toolbar-danger.tool-bottom .arrow { border-color: transparent transparent #ff5252; } .toolbar-danger.tool-left .arrow { border-color: transparent transparent transparent #ff5252; } .toolbar-danger.tool-right .arrow { border-color: transparent #ff5252 transparent transparent; } .btn-toolbar-danger.pressed { background-color: #ff5252; } .toolbar-success .tool-item { background: #9ccc65; } .toolbar-success .tool-item.selected, .toolbar-success .tool-item:hover { background: #83bf3f; } .toolbar-success.tool-top .arrow { border-color: #9ccc65 transparent transparent; } .toolbar-success.tool-bottom .arrow { border-color: transparent transparent #9ccc65; } .toolbar-success.tool-left .arrow { border-color: transparent transparent transparent #9ccc65; } .toolbar-success.tool-right .arrow { border-color: transparent #9ccc65 transparent transparent; } .btn-toolbar-success.pressed { background-color: #9ccc65; } .toolbar-dark .tool-item { background: #37474f; } .toolbar-dark .tool-item.selected, .toolbar-dark .tool-item:hover { background: #222c31; } .toolbar-dark.tool-top .arrow { border-color: #37474f transparent transparent; } .toolbar-dark.tool-bottom .arrow { border-color: transparent transparent #37474f; } .toolbar-dark.tool-left .arrow { border-color: transparent transparent transparent #37474f; } .toolbar-dark.tool-right .arrow { border-color: transparent #37474f transparent transparent; } .btn-toolbar-dark.pressed { background-color: #37474f; } .toolbar-info .tool-item { background: #00bcd4; } .toolbar-info .tool-item.selected, .toolbar-info .tool-item:hover { background: #008fa1; } .toolbar-info.tool-top .arrow { border-color: #00bcd4 transparent transparent; } .toolbar-info.tool-bottom .arrow { border-color: transparent transparent #00bcd4; } .toolbar-info.tool-left .arrow { border-color: transparent transparent transparent #00bcd4; } .toolbar-info.tool-right .arrow { border-color: transparent #00bcd4 transparent transparent; } .btn-toolbar-info.pressed { background-color: #00bcd4; } /*======= Toolbar css ends ======= */ /*======= Card-Border-Top-color css starts ======= */ .card-border-primary { border-top: 4px solid #448aff; } .card-border-warning { border-top: 4px solid #ffba57; } .card-border-default { border-top: 4px solid #d6d6d6; } .card-border-danger { border-top: 4px solid #ff5252; } .card-border-success { border-top: 4px solid #9ccc65; } .card-border-inverse { border-top: 4px solid #37474f; } .card-border-info { border-top: 4px solid #00bcd4; } /*======= Card-Border-Top-color css ends ======= */ /*======= Card-color css starts ======= */ .card-primary { background: #448aff; } .card-warning { background: #ffba57; } .card-default { background: #d6d6d6; } .card-danger { background: #ff5252; } .card-success { background: #9ccc65; } .card-inverse { background: #37474f; } .card-info { background: #00bcd4; } /*======= Card-color css ends ======= */ /*======= All-Borders-color css starts ======= */ .b-t-primary { border-top: 1px solid #448aff; } .b-b-primary { border-bottom: 1px solid #448aff; } .b-l-primary { border-left: 1px solid #448aff; } .b-r-primary { border-right: 1px solid #448aff; } .b-primary { border: 1px solid #448aff; } .b-t-warning { border-top: 1px solid #ffba57; } .b-b-warning { border-bottom: 1px solid #ffba57; } .b-l-warning { border-left: 1px solid #ffba57; } .b-r-warning { border-right: 1px solid #ffba57; } .b-warning { border: 1px solid #ffba57; } .b-t-default { border-top: 1px solid #d6d6d6; } .b-b-default { border-bottom: 1px solid #d6d6d6; } .b-l-default { border-left: 1px solid #d6d6d6; } .b-r-default { border-right: 1px solid #d6d6d6; } .b-default { border: 1px solid #d6d6d6; } .b-t-danger { border-top: 1px solid #ff5252; } .b-b-danger { border-bottom: 1px solid #ff5252; } .b-l-danger { border-left: 1px solid #ff5252; } .b-r-danger { border-right: 1px solid #ff5252; } .b-danger { border: 1px solid #ff5252; } .b-t-success { border-top: 1px solid #9ccc65; } .b-b-success { border-bottom: 1px solid #9ccc65; } .b-l-success { border-left: 1px solid #9ccc65; } .b-r-success { border-right: 1px solid #9ccc65; } .b-success { border: 1px solid #9ccc65; } .b-t-inverse { border-top: 1px solid #37474f; } .b-b-inverse { border-bottom: 1px solid #37474f; } .b-l-inverse { border-left: 1px solid #37474f; } .b-r-inverse { border-right: 1px solid #37474f; } .b-inverse { border: 1px solid #37474f; } .b-t-info { border-top: 1px solid #00bcd4; } .b-b-info { border-bottom: 1px solid #00bcd4; } .b-l-info { border-left: 1px solid #00bcd4; } .b-r-info { border-right: 1px solid #00bcd4; } .b-info { border: 1px solid #00bcd4; } /*======= All-Borders-color css ends ======= */ /*======= All-color css start ======= */ .bg-facebook { background: #3B5997; } .text-facebook { color: #3B5997; } .bg-twitter { background: #42C0FB; } .text-twitter { color: #42C0FB; } .bg-dribbble { background: #EC4A89; } .text-dribbble { color: #EC4A89; } .bg-pinterest { background: #BF2131; } .text-pinterest { color: #BF2131; } .bg-youtube { background: #E0291D; } .text-youtube { color: #E0291D; } .bg-googleplus { background: #C73E2E; } .text-googleplus { color: #C73E2E; } .bg-instagram { background: #AA7C62; } .text-instagram { color: #AA7C62; } .bg-viber { background: #7B519D; } .text-viber { color: #7B519D; } .bg-amazon { background: #000; } .text-amazon { color: #000; } .bg-behance { background: #0057ff; } .text-behance { color: #0057ff; } .bg-dropbox { background: #3380FF; } .text-dropbox { color: #3380FF; } .bg-c-blue { background: #448aff; } .text-c-blue { color: #448aff; } .bg-c-red { background: #ff5252; } .text-c-red { color: #ff5252; } .bg-c-green { background: #9ccc65; } .text-c-green { color: #9ccc65; } .bg-c-yellow { background: #ffba57; } .text-c-yellow { color: #ffba57; } .bg-c-orenge { background: #FE8A7D; } .text-c-orenge { color: #FE8A7D; } .bg-c-lite-green { background: #69CEC6; } .text-c-lite-green { color: #69CEC6; } .bg-c-purple { background: #536dfe; } .text-c-purple { color: #536dfe; } /*======= All-color css ends ======= */ .pcoded[nav-type=st1] .pcoded-item > li:nth-child(1) > a > .pcoded-micon { color: #4680ff; } .pcoded[nav-type=st1] .pcoded-item > li:nth-child(2) > a > .pcoded-micon { color: #ff5252; } .pcoded[nav-type=st1] .pcoded-item > li:nth-child(3) > a > .pcoded-micon { color: #D81B60; } .pcoded[nav-type=st1] .pcoded-item > li:nth-child(4) > a > .pcoded-micon { color: #66BB6A; } .pcoded[nav-type=st1] .pcoded-item > li:nth-child(5) > a > .pcoded-micon { color: #7C4DFF; } .pcoded[nav-type=st1] .pcoded-item > li:nth-child(6) > a > .pcoded-micon { color: #4680ff; } .pcoded[nav-type=st1] .pcoded-item > li:nth-child(7) > a > .pcoded-micon { color: #ff5252; } .pcoded[nav-type=st1] .pcoded-item > li:nth-child(8) > a > .pcoded-micon { color: #D81B60; } .pcoded[nav-type=st1] .pcoded-item > li:nth-child(9) > a > .pcoded-micon { color: #66BB6A; } .pcoded[nav-type=st1] .pcoded-item > li:nth-child(10) > a > .pcoded-micon { color: #7C4DFF; } .pcoded[nav-type=st2] .pcoded-item > li > a > .pcoded-micon { color: #37474f; } .pcoded[nav-type=st1] .pcoded-item > li > a > .pcoded-micon, .pcoded[nav-type=st2] .pcoded-item > li > a > .pcoded-micon { color: #37474f; } .pcoded[nav-type=st1] .pcoded-item > li > a > .pcoded-micon b, .pcoded[nav-type=st2] .pcoded-item > li > a > .pcoded-micon b { display: none; } /** ===================== Left-side-menu css start ========================== **/ .main-menu { float: left; width: 100%; z-index: 99; } .main-menu .main-menu-header { padding: 1rem 0.625rem; background-blend-mode: overlay; background-size: cover; position: relative; } .main-menu .main-menu-header img { position: relative; width: 60px; margin: 0 auto 15px; display: block; } .main-menu .main-menu-header .user-details { display: block; position: relative; text-align: center; } .main-menu .main-menu-header .user-details #more-details { cursor: pointer; font-size: 0.8125rem; } .main-menu .main-menu-header .user-details p { margin-bottom: 0; color: #666; font-weight: 600; font-size: 1rem; } .main-menu .main-menu-header .user-details span { color: #666; display: block; font-size: 14px; text-transform: capitalize; } .main-menu .main-menu-header .user-details span i { font-size: 10px; margin-left: 10px; } .main-menu .main-menu-content .more-details { display: none; } .main-menu .main-menu-content .more-details a { padding: 10px 25px; display: block; color: #000; transition: all ease-in 0.3s; } .main-menu .main-menu-content .more-details a:hover { color: #448aff; } .main-menu .main-menu-content .more-details a i { margin-right: 10px; } .main-menu .main-menu-content .menu-search { padding: 20px 20px 10px; } .main-menu .main-menu-content li { position: relative; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .main-menu-content { display: none; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .main-menu-header .img-menu-user { width: 30px; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .main-menu-header .user-details { opacity: 0; visibility: hidden; position: absolute; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item > li > a { margin: 0 auto; border-radius: 0; z-index: 1026; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item > li > a + .pcoded-submenu { margin-top: 0; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar[pcoded-navbar-position=fixed], .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar[pcoded-navbar-position=absolute] { position: relative; top: 0; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar[pcoded-navbar-position=fixed] .main-menu, .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar[pcoded-navbar-position=absolute] .main-menu { width: 50px; height: 100%; } .sidebar_toggle a { margin: -5px; line-height: 1; } /** ===================== Main-header css start ========================== **/ .header-navbar { min-height: 50px; padding: 0; } .header-navbar .navbar-wrapper .navbar-logo { position: relative; align-items: center; display: flex; float: left; height: 50px; text-align: center; text-transform: uppercase; min-width: 300px; padding: 10px; } .header-navbar .navbar-wrapper .navbar-logo a { margin: 0 auto; } @media only screen and (max-width: 992px) { .header-navbar .navbar-wrapper .navbar-logo { justify-content: center; } } .header-navbar .navbar-wrapper .navbar-logo h5 { margin-bottom: 0; } .header-navbar .navbar-wrapper .navbar-logo .mobile-menu { top: 0; font-size: 16px; line-height: 3; width: 40px; } .header-navbar .navbar-wrapper .navbar-logo .mobile-options, .header-navbar .navbar-wrapper .navbar-logo .mobile-search { display: none; } .header-navbar .navbar-wrapper .navbar-container .nav-left, .header-navbar .navbar-wrapper .navbar-container .nav-right { float: left; margin-bottom: 0; } .header-navbar .navbar-wrapper .navbar-container .nav-left li, .header-navbar .navbar-wrapper .navbar-container .nav-right li { float: left; line-height: 3.1; padding: 0 20px; cursor: pointer; position: relative; } @media only screen and (max-width: 575px) { .header-navbar .navbar-wrapper .navbar-container .nav-left li, .header-navbar .navbar-wrapper .navbar-container .nav-right li { padding: 0 15px; } } .header-navbar .navbar-wrapper .navbar-container .nav-left li .sidebar_toggle a, .header-navbar .navbar-wrapper .navbar-container .nav-right li .sidebar_toggle a { display: none; } .header-navbar .navbar-wrapper .navbar-container .nav-left li > a, .header-navbar .navbar-wrapper .navbar-container .nav-right li > a { font-size: 16px; display: block; } .header-navbar .navbar-wrapper .navbar-container .nav-left li > a > i.flag-icon, .header-navbar .navbar-wrapper .navbar-container .nav-right li > a > i.flag-icon { border-radius: 50%; width: 20px; height: 20px; } .header-navbar .navbar-wrapper .navbar-container .nav-left a, .header-navbar .navbar-wrapper .navbar-container .nav-right a { padding: 0 0.6rem; } .header-navbar .navbar-wrapper .navbar-container .nav-left .dropdown-toggle::after, .header-navbar .navbar-wrapper .navbar-container .nav-right .dropdown-toggle::after { display: none; } .header-navbar .navbar-wrapper .navbar-container .nav-right { float: right; } .header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile img { margin-right: 10px; width: 40px; } .header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile i.dropdown-icon { font-size: 10px; margin-left: 10px; } .header-navbar .navbar-wrapper .navbar-container .nav-right > .header-notification:nth-child(1) .show-notification li:first-child:hover, .header-navbar .navbar-wrapper .navbar-container .nav-right > .header-notification:nth-child(1) .profile-notification li:first-child:hover { background-color: #fff; } .header-navbar .navbar-wrapper .navbar-container .header-notification { perspective: 1000px; z-index: 99; position: relative; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification { background: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); border-radius: 5px; border: none; opacity: 1; position: absolute; left: auto; right: -15px; visibility: visible; overflow: visible; width: 18rem; padding: 15px 0; transform: translateY(20px); } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification.show:before, .header-navbar .navbar-wrapper .navbar-container .header-notification .show.profile-notification:before { content: ""; border: 10px solid transparent; border-left-color: #fff; border-top-color: #fff; position: absolute; border-radius: 3px; top: -8px; right: 15px; box-shadow: -5px -5px 12px -2px rgba(0, 0, 0, 0.3); transform: rotate(45deg); z-index: 1002; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification a, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a { color: #373a3c; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li { line-height: initial; padding: 1em 20px; width: 100%; transition: all 0.3s ease-in-out; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child { padding: 10px 20px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child h6, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child h6 { display: inline-block; font-size: 14px; font-weight: 500; margin-bottom: 0; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child label, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child label { float: right; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li img, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li img { width: 40px; margin-right: 10px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:hover, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:hover { background-color: #f1f1f1; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification.row li:hover, .header-navbar .navbar-wrapper .navbar-container .header-notification .row.profile-notification li:hover { background-color: transparent; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-user, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification .notification-user { font-size: 15px; font-weight: 500; margin-bottom: 5px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-msg, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification .notification-msg { margin-bottom: 5px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-time, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification .notification-time { font-size: 12px; color: #919aa3; } .header-navbar .navbar-wrapper .navbar-container .header-notification .shift-review-dropdown { width: 16rem; } .header-navbar .navbar-wrapper .navbar-container .header-notification .shift-review-dropdown i { width: 20px; text-align: left; } .header-navbar .navbar-wrapper .navbar-container .header-notification .shift-review-dropdown li.ripple { padding-left: 5px; padding-right: 5px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .shift-review-dropdown .pcoded-badge { vertical-align: middle; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification { width: 15em; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a { font-size: 15px; padding-left: 0; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a:hover { background-color: transparent; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification i { font-size: 15px; margin-left: 0; margin-right: 5px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li { border-top: none; padding: 0.7em 20px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child { padding: 0.7em 20px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .alert-control { width: 23rem; } .header-navbar .navbar-wrapper .navbar-container .badge { border-radius: 50%; right: -12px; position: absolute; top: 5px; padding: 4px; width: 19px; animation: not-blink 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .header-navbar .navbar-wrapper .header-search { line-height: 0.8; } .header-navbar .navbar-wrapper .header-search .main-search { padding: 9px 0; display: block; } .header-navbar .navbar-wrapper .header-search .main-search .input-group { margin-bottom: 0; background-color: transparent; border-radius: 20px; } .header-navbar .navbar-wrapper .header-search .main-search .input-group .form-control { padding: 0.3rem 0.75rem; width: 0; border: none; background-color: transparent; } .header-navbar .navbar-wrapper .header-search .main-search .input-group .input-group-append, .header-navbar .navbar-wrapper .header-search .main-search .input-group .input-group-prepend { background-color: transparent; border: none; } .header-navbar .navbar-wrapper .header-search .main-search .input-group .input-group-append .input-group-text, .header-navbar .navbar-wrapper .header-search .main-search .input-group .input-group-prepend .input-group-text { background-color: transparent; color: #fff; border: none; } .header-navbar .navbar-wrapper .header-search .main-search .input-group .input-group-append.search-close, .header-navbar .navbar-wrapper .header-search .main-search .input-group .input-group-prepend.search-close { display: none; } .header-navbar .navbar-wrapper .header-search .main-search.open { color: #000; line-height: 1; } .header-navbar .navbar-wrapper .header-search .main-search.open .input-group { background-color: #fff; } .header-navbar .navbar-wrapper .header-search .main-search.open .input-group .form-control { display: block; } .header-navbar .navbar-wrapper .header-search .main-search.open .input-group .input-group-append .input-group-text, .header-navbar .navbar-wrapper .header-search .main-search.open .input-group .input-group-prepend .input-group-text { color: #000; } .header-navbar .navbar-wrapper .header-search .main-search.open .input-group .input-group-append.search-close, .header-navbar .navbar-wrapper .header-search .main-search.open .input-group .input-group-prepend.search-close { display: flex; } @keyframes not-blink { 0% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 0; } 100% { opacity: 0; } } /*======= Main-header css end ======*/ .pcoded .pcoded-container { position: relative; } .pcoded .pcoded-header { width: 100%; z-index: 1029; position: relative; display: block; } .pcoded .pcoded-navbar { display: block; box-shadow: 0 2px 10px -1px rgba(69, 90, 100, 0.3); } .pcoded-main-container { display: block; position: relative; background: #ecf0f5; min-height: calc(100vh - 50px); } .pcoded .pcoded-content { position: relative; display: block; } .pcoded-inner-navbar { display: block; position: relative; } .pcoded-inner-content { padding: 10px; margin-top: -50px; } .pcoded .pcoded-navbar .pcoded-item { display: block; list-style: none; margin: 0; padding: 0 0 20px; position: relative; } .pcoded .pcoded-navbar .pcoded-item:after { content: ""; background-color: #efefef; width: 100%; height: 1px; position: absolute; left: 0; bottom: 10px; } .pcoded .pcoded-navbar .pcoded-item > li { display: block; list-style: outside none none; margin: 0; padding: 0; position: relative; } .pcoded .pcoded-navbar .pcoded-item > li > a { display: block; font-size: 14px; padding: 0 15px; text-decoration: none; position: relative; transition: all 0s linear; } .pcoded .pcoded-navbar .pcoded-item > li > a.disabled { opacity: 0.5; cursor: not-allowed; } .pcoded .pcoded-navbar .pcoded-item > li.active > a, .pcoded .pcoded-navbar .pcoded-item > li.pcoded-trigger > a, .pcoded .pcoded-navbar .pcoded-item > li:hover > a { box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { list-style: outside none none; margin: 10px 0; padding: 0; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li { display: block; list-style: outside none none; margin: 0; padding: 0; position: relative; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { display: block; font-size: 14px; font-weight: 400; padding: 15px 20px; text-decoration: none; position: relative; transition: all 0.3s ease-in-out; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a > .pcoded-mtext { transition: all 0.3s ease-in-out; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a > .pcoded-mtext:before { transition: all 0.3s ease-in-out; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-micon { transition: all 0.3s ease-in-out; font-size: 10px; padding-right: 5px; } .pcoded .pcoded-navbar .pcoded-item > li > a > .pcoded-micon { font-size: 1rem; padding: 4px; margin-right: 0; border-radius: 4px; width: 30px; display: inline-flex; align-items: center; height: 30px; text-align: center; } .pcoded[vertical-placement=left] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a .pcoded-mtext { margin-left: 5px; } .pcoded[vertical-placement=left] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a .pcoded-mtext:before { padding-right: 10px; } .pcoded[vertical-placement=right] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a .pcoded-mtext { margin-right: 5px; } .pcoded[vertical-placement=right] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a .pcoded-mtext:before { padding-left: 10px; } .pcoded[vertical-placement=right] .main-body .page-wrapper .page-header-title i { margin-right: 0; margin-left: 20px; } .pcoded-inner-navbar { height: 100%; } .pcoded[theme-layout=vertical][vertical-nav-type=offcanvas] .pcoded-navbar { opacity: 0; } .pcoded[theme-layout=vertical] .pcoded-header .sidebar_toggle a { border-radius: 4px; float: left; font-size: 18px; height: 35px; margin-right: 5px; position: relative; text-align: center; top: 7px; width: 40px; border-width: 0; border-style: solid; } .pcoded[theme-layout=vertical] .pcoded-header .sidebar_toggle a i { position: relative; top: -7px; } .pcoded[theme-layout=vertical] .pcoded-header .sidebar_toggle a:hover { text-decoration: none; } .sidebar_toggle a:focus { text-decoration: none; } .pcoded[theme-layout=vertical] .pcoded-right-header .pcoded-badge { background-color: #777; border-radius: 10px; color: #fff; font-size: 10px; font-weight: 700; line-height: 1; min-height: 17px; min-width: 10px; opacity: 1; padding: 4px 7px; position: absolute; right: -4px; text-align: center; top: 9px; transition: opacity 0.3s linear 0s; vertical-align: middle; visibility: visible; white-space: nowrap; } .pcoded[theme-layout=vertical] .pcoded-navbar { z-index: 1027; height: calc(100% - 50px); } .pcoded[theme-layout=vertical] .pcoded-navbar[pcoded-navbar-position=absolute] { height: 100%; } .pcoded[theme-layout=vertical] .pcoded-navbar[pcoded-navbar-position=fixed] { top: 50px; } .pcoded[theme-layout=vertical] .pcoded-content { position: relative; display: block; } .pcoded[theme-layout=vertical] .pcoded-container { overflow: hidden; position: relative; margin: 0 auto; } .pcoded[theme-layout=vertical].pcoded-wrapper, .pcoded[theme-layout=vertical] .pcoded-main-container { position: relative; margin: 0 auto; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item > li > a { text-align: left; padding: 7px 10px; margin: 5px 10px; border-radius: 5px; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { position: relative; width: 100%; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { text-align: left; padding: 10px 15px 10px 20px; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu .pcoded-hasmenu .pcoded-submenu li > a { padding-left: 40px; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { list-style: outside none none; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { display: none; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item .pcoded-hasmenu.pcoded-trigger.active > .pcoded-submenu { display: block; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item[item-border=true][item-border-style=dashed] li > a { border-bottom-style: dashed; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item[item-border=true][item-border-style=dotted] li > a { border-bottom-style: dotted; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item[item-border=true][item-border-style=solid] li > a { border-bottom-style: solid; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item[item-border=true][item-border-style=none] li > a { border: none; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item[item-border=false] > li > a { border-bottom-width: 0; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item[item-border=true] li > a { border-bottom-width: 1px; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item[item-border=true] > li > a { border-bottom-width: 0; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item[subitem-border=false] .pcoded-hasmenu .pcoded-submenu li > a { border-bottom-width: 0; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item[subitem-border=true] .pcoded-hasmenu .pcoded-submenu li > a { border-bottom-width: 1px; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item[subitem-border=true] .pcoded-hasmenu .pcoded-submenu li:last-child > a { border-bottom-width: 0; } .pcoded[theme-layout=vertical][vertical-layout=wide] .pcoded-container { width: 100%; margin: 0 auto; } .pcoded[theme-layout=vertical][vertical-layout=box] #styleSelector, .pcoded[theme-layout=vertical][vertical-layout=box] .p-chat-user, .pcoded[theme-layout=vertical][vertical-layout=box] .showChat_inner { position: absolute; } .pcoded[theme-layout=vertical][vertical-layout=box] #styleSelector { top: 0; } .pcoded[theme-layout=vertical][vertical-layout=box] .pcoded-main-container { background: transparent; } .pcoded[theme-layout=vertical][vertical-layout=box] .selector-toggle > a { background: rgba(255, 255, 255, 0.3); } .pcoded[theme-layout=vertical][pcoded-device-type=desktop][vertical-layout=box] .pcoded-container { max-width: 1200px; width: 100%; margin: 0 auto; } .pcoded[theme-layout=vertical][pcoded-device-type=desktop][vertical-layout=box] .pcoded-container .pcoded-header { max-width: 1200px; } .pcoded[theme-layout=vertical][pcoded-device-type=tablet][vertical-layout=box] .pcoded-container { max-width: 900px; width: 100%; margin: 0 auto; } .pcoded[theme-layout=vertical][pcoded-device-type=phone][vertical-layout=box] .pcoded-container { max-width: 100%; width: 100%; margin: 0 auto; } .pcoded .pcoded-navbar[pcoded-navbar-position=relative] { position: relative; } .pcoded .pcoded-navbar[pcoded-navbar-position=fixed] { position: fixed; } .pcoded .pcoded-navbar[pcoded-navbar-position=absolute] { position: absolute; } .pcoded .pcoded-header[pcoded-header-position=relative] { position: relative; } .pcoded .pcoded-header[pcoded-header-position=fixed] { position: fixed; top: 0; z-index: 1028; } .pcoded .pcoded-header[pcoded-header-position=absolute] { position: absolute; } .pcoded .pcoded-overlay-box { background: #000 none repeat scroll 0 0; bottom: 0; height: 100%; position: fixed; top: 0; width: 100%; z-index: -1; opacity: 0; visibility: hidden; transition: opacity 0.3s linear; overflow: hidden; } .pcoded[vertical-nav-type=compact][vertical-effect=overlay] .pcoded-overlay-box, .pcoded[vertical-nav-type=expanded][vertical-effect=overlay] .pcoded-overlay-box { visibility: visible; z-index: 1026; opacity: 0.3; transition: opacity 0.3s linear; overflow: hidden; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-micon { display: none; font-size: 10px; padding-right: 5px; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { font-style: normal; padding-right: 4px; font-size: 10px; position: relative; left: 0; top: 0; opacity: 1; visibility: visible; font-family: "feather"; font-size: 12px; padding-right: 5px; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon=style1] .pcoded-submenu li > a .pcoded-mtext:before { content: "\e844"; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon=style2] .pcoded-submenu li > a .pcoded-mtext:before { content: "\e83f"; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon=style3] .pcoded-submenu li > a .pcoded-mtext:before { content: "\e856"; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon=style4] .pcoded-submenu li > a .pcoded-mtext:before { content: "\e86b"; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon=style5] .pcoded-submenu li > a .pcoded-mtext:before { content: "\e89f"; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon=style6] .pcoded-submenu li > a .pcoded-mtext:before { content: "\e89b"; } .pcoded li.pcoded-hasmenu > a:after { float: right; font-style: normal; margin-left: 3px; font-size: 14px; position: absolute; right: 15px; top: 5px; font-family: "feather"; padding-top: 5px; transition: opacity 0.3s linear; } .pcoded li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after { top: 0; } .pcoded li.pcoded-hasmenu[dropdown-icon=style1] > a:after { content: "\e844"; } .pcoded li.pcoded-hasmenu.pcoded-trigger[dropdown-icon=style1] > a:after { content: "\e842"; } .pcoded li.pcoded-hasmenu[dropdown-icon=style2] > a:after { content: "\e847"; } .pcoded li.pcoded-hasmenu.pcoded-trigger[dropdown-icon=style2] > a:after { content: "\e846"; } .pcoded li.pcoded-hasmenu[dropdown-icon=style3] > a:after { content: "\e8b1"; } .pcoded li.pcoded-hasmenu.pcoded-trigger[dropdown-icon=style3] > a:after { content: "\e897"; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item > li:hover > a:before { border-left-style: solid; border-left-width: 5px; content: " "; height: 100%; left: 0; position: absolute; top: 0; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { border-left-style: solid; border-left-width: 5px; content: " "; height: 100%; left: 0; position: absolute; top: 0; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item > li.active > a:before { border-left-style: solid; border-left-width: 5px; content: " "; height: 100%; left: 0; position: absolute; top: 0; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar { float: right; right: 0; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .main-menu-content, .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .main-menu-header { text-align: right; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .main-menu-content ul { padding-right: 0; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-content { float: unset; left: 0; } .pcoded[theme-layout=vertical][vertical-placement=right] .breadcrumb-item { float: right; } .pcoded[theme-layout=vertical][vertical-placement=left] .pcoded-navbar { float: left; } .pcoded[theme-layout=vertical][vertical-placement=left] .pcoded-content { float: unset; right: 0; } .pcoded[theme-layout=vertical][vertical-nav-type=expanded] .pcoded-header .pcoded-left-header, .pcoded[theme-layout=vertical][vertical-nav-type=expanded] .pcoded-navbar { width: 230px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=expanded][vertical-effect=push] .pcoded-header .pcoded-right-header { margin-left: 230px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=expanded][vertical-effect=push] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 230px; margin-right: -230px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=expanded][vertical-effect=push] .pcoded-content { margin-left: 230px; margin-right: -230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=expanded][vertical-effect=push] .pcoded-header .pcoded-right-header { margin-right: 230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=expanded][vertical-effect=push] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; margin-left: -230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=expanded][vertical-effect=push] .pcoded-content { margin-right: 230px; margin-left: -230px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=expanded][vertical-effect=shrink] .pcoded-header.iscollapsed .pcoded-right-header, .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=expanded][vertical-effect=shrink] .pcoded-header .pcoded-right-header { margin-left: 230px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=expanded][vertical-effect=shrink] .pcoded-content { margin-left: 230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=expanded][vertical-effect=shrink] .pcoded-header.iscollapsed .pcoded-right-header, .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=expanded][vertical-effect=shrink] .pcoded-header .pcoded-right-header { margin-right: 230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=expanded][vertical-effect=shrink] .pcoded-content { margin-right: 230px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=expanded][vertical-effect=overlay] .pcoded-header .pcoded-right-header { margin-left: 230px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=expanded][vertical-effect=overlay] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=expanded][vertical-effect=overlay] .pcoded-content { margin-left: 0; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=expanded][vertical-effect=overlay] .pcoded-header .pcoded-right-header { margin-right: 230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=expanded][vertical-effect=overlay] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=expanded][vertical-effect=overlay] .pcoded-content { margin-right: 0; } .pcoded[theme-layout=vertical][vertical-nav-type=expanded][pcoded-device-type=desktop] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout=vertical][vertical-nav-type=expanded][pcoded-device-type=desktop] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout=vertical][vertical-nav-type=expanded][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout=vertical][vertical-nav-type=expanded][pcoded-device-type=tablet] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: 100%; position: absolute; width: 230px; z-index: 1024; top: 0; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-container { background-color: #ecf0f5; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-header .pcoded-left-header { width: 230px; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar { width: 50px; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item > li > a { padding: 10px 13px 4px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=collapsed][vertical-effect=push] .pcoded-content { margin-left: 50px; margin-right: 0; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=collapsed][vertical-effect=push] .pcoded-header .pcoded-right-header { margin-right: 230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=collapsed][vertical-effect=push] .pcoded-header.iscollapsed .pcoded-left-header { width: 50px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=collapsed][vertical-effect=push] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 45px; margin-left: 0; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=collapsed][vertical-effect=push] .pcoded-content { margin-right: 50px; margin-left: 0; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=collapsed][vertical-effect=shrink] .pcoded-header .pcoded-right-header { margin-left: 230px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=collapsed][vertical-effect=shrink] .pcoded-content { margin-left: 50px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=collapsed][vertical-effect=shrink] .pcoded-header .pcoded-right-header { margin-right: 230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=collapsed][vertical-effect=shrink] .pcoded-content { margin-right: 50px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=collapsed][vertical-effect=overlay] .pcoded-header .pcoded-right-header { margin-left: 230px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=collapsed][vertical-effect=overlay] .pcoded-content { margin-left: 50px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=collapsed][vertical-effect=overlay] .pcoded-header .pcoded-right-header { margin-right: 230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=collapsed][vertical-effect=overlay] .pcoded-content { margin-right: 50px; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item > li > a .pcoded-mtext { opacity: 1; visibility: visible; position: absolute; top: 12px; } .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item li.pcoded-hasmenu > a:after { opacity: 1; visibility: visible; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item > li > a .pcoded-mtext { opacity: 0; visibility: hidden; position: absolute; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item > li.pcoded-trigger > a .pcoded-mtext { opacity: 1; visibility: visible; position: absolute; padding-left: 22px; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item li.pcoded-hasmenu > a:after { opacity: 0; visibility: hidden; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item li.pcoded-hasmenu.pcoded-trigger a:after { opacity: 1; visibility: visible; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item > li.pcoded-trigger { display: block; position: relative; width: 290px; z-index: 1024; border-right: none; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: 50px; position: absolute; width: 240px; z-index: 1024; border-left-style: solid; border-left-width: 1px; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { position: relative; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { position: absolute; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=push] .pcoded-header .pcoded-left-header { width: 230px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=push] .pcoded-header .pcoded-right-header { margin-left: 230px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=push] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=push] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; margin-right: 0; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=push] .pcoded-navbar { width: 230px; margin-left: -250px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=push] .pcoded-content { margin-left: 0; margin-right: 0; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=push] .pcoded-header .pcoded-left-header { width: 230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=push] .pcoded-header .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=push] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=push] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; margin-left: 0; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=push] .pcoded-navbar { width: 230px; margin-right: -250px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=push] .pcoded-content { margin-right: 0; margin-left: 0; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=shrink] .pcoded-header .pcoded-left-header { width: 230px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=shrink] .pcoded-header .pcoded-right-header { margin-left: 230px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=shrink] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=shrink] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=shrink] .pcoded-navbar { width: 230px; margin-left: -250px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=shrink] .pcoded-content { margin-left: 0; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=shrink] .pcoded-header .pcoded-left-header { width: 230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=shrink] .pcoded-header .pcoded-right-header { margin-right: 230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=shrink] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=shrink] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=shrink] .pcoded-navbar { width: 230px; margin-right: -230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=shrink] .pcoded-content { margin-right: 0; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=overlay] .pcoded-header .pcoded-left-header { width: 230px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=overlay] .pcoded-header .pcoded-right-header { margin-left: 230px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=overlay] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=overlay] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=overlay] .pcoded-navbar { width: 230px; margin-left: -250px; } .pcoded[theme-layout=vertical][vertical-placement=left][vertical-nav-type=offcanvas][vertical-effect=overlay] .pcoded-content { margin-left: 0; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=overlay] .pcoded-header .pcoded-left-header { width: 230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=overlay] .pcoded-header .pcoded-right-header { margin-right: 230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=overlay] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=overlay] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=overlay] .pcoded-navbar { width: 230px; margin-right: -230px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=offcanvas][vertical-effect=overlay] .pcoded-content { margin-right: 0; } .pcoded-navbar .sidebar_toggle a { opacity: 1; visibility: visible; transform: rotateX(90deg); position: absolute; } .pcoded-navbar .sidebar_toggle a:hover { color: #fff; } .pcoded[theme-layout=vertical][pcoded-device-type=phone][vertical-nav-type=collapsed] .pcoded-header.nocollapsed .pcoded-left-header { padding-left: 45px; } .pcoded[theme-layout=vertical][pcoded-device-type=phone] .pcoded-header.nocollapsed .sidebar_toggle a { background: transparent none repeat scroll 0 0; border-radius: 4px; color: #fff; float: left; font-size: 18px; height: 35px; margin-right: 5px; position: fixed; right: 0; text-align: center; top: 6px; width: 40px; z-index: 1028; } .pcoded.nocollapsed[theme-layout=vertical][pcoded-device-type=phone] .pcoded-navbar { top: 0; z-index: 1030; } .pcoded.nocollapsed[theme-layout=vertical][pcoded-device-type=phone] .pcoded-main-container { position: unset; } .pcoded .pcoded-navbar .pcoded-navigation-label { font-size: 13px; font-weight: bold; opacity: 1; padding: 10px 15px; } .pcoded .pcoded-navbar .pcoded-navigation-label[menu-title-theme=theme1] { color: #373a3c; } .pcoded .pcoded-navbar .pcoded-navigation-label[menu-title-theme=theme2] { color: #ff5252; } .pcoded .pcoded-navbar .pcoded-navigation-label[menu-title-theme=theme3] { color: #D81B60; } .pcoded .pcoded-navbar .pcoded-navigation-label[menu-title-theme=theme4] { color: #66BB6A; } .pcoded .pcoded-navbar .pcoded-navigation-label[menu-title-theme=theme5] { color: #7C4DFF; } .pcoded .pcoded-navbar .pcoded-navigation-label[menu-title-theme=theme6] { color: #424242; } .pcoded .pcoded-navbar .pcoded-navigation-label[menu-title-theme=theme7] { color: #000; } .pcoded .pcoded-navbar .pcoded-navigation-label[menu-title-theme=theme8] { color: #999; } .pcoded .pcoded-navbar .pcoded-navigation-label[menu-title-theme=theme9] { color: #fff; } .pcoded .pcoded-navbar .pcoded-search + .pcoded-navigation-label { border-top: 0 solid transparent; } .pcoded[vertical-nav-type=collapsed] .pcoded-navbar .pcoded-navigation-label { opacity: 0; visibility: hidden; position: absolute; transform: rotateX(90deg); transition: opacity 0.3s linear; } .pcoded .pcoded-navbar .pcoded-item li a .pcoded-badge { position: absolute; right: 30px; text-align: center; top: 10px; vertical-align: middle; text-transform: lowercase; white-space: nowrap; opacity: 1; visibility: visible; transition: opacity 0.3s linear; } .pcoded .pcoded-navbar .pcoded-item .pcoded-submenu > li a .pcoded-badge { top: 10px; right: 2px; } .pcoded[vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item > li > a .pcoded-badge { opacity: 0; visibility: hidden; transition: opacity 0.3s linear; } .pcoded[vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item > li.pcoded-trigger > a .pcoded-badge { opacity: 1; visibility: visible; transition: opacity 0.3s linear; } .pcoded[theme-layout=vertical][vertical-placement=right] .card .card-header h5:after { right: -30px; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-item > li.active > a:before { left: auto; right: 0; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after { left: 8px; right: auto; top: 7px; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-item > li > a .pcoded-mtext { left: auto; right: 0; padding-right: 40px; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-item li a .pcoded-badge { position: relative; right: 15px; top: -2px; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-item > li:hover > a:before { left: auto; right: 0; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { left: auto; right: 0; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { text-align: right; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { float: right; left: 6px; top: 3px; padding-right: 10px; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-item li .pcoded-submenu li > a .pcoded-badge { left: 35px; position: absolute; right: auto; top: 11px; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-navigation-label { text-align: right; padding: 10px 15px 2px 20px; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-navigation-label:before { left: auto; right: 20px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=expanded][pcoded-device-type=desktop] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=expanded][pcoded-device-type=desktop] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=expanded][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=expanded][pcoded-device-type=tablet] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: auto; right: 100%; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu > a:after { left: 7px; right: auto; top: 0; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item > li.pcoded-trigger { left: auto; right: 240px; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: auto; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item li a .pcoded-badge { position: absolute; right: auto; top: 10px; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-header .sidebar_toggle { float: right; } .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=collapsed] .pcoded-search.open .pcoded-search-box { right: 0; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { text-align: right; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { padding-left: 10px; transform: rotate(180deg); } body[themebg-pattern=theme1] { background-color: #4680ff; } body[themebg-pattern=theme2] { background-color: #ff5252; } body[themebg-pattern=theme3] { background-color: #D81B60; } body[themebg-pattern=theme4] { background-color: #66BB6A; } body[themebg-pattern=theme5] { background-color: #7C4DFF; } body[themebg-pattern=theme6] { background-color: #424242; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar[navbar-theme=themelight1] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: #ededed; box-shadow: 4px 4px 13px -4px rgba(0, 0, 0, 0.3); } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar[navbar-theme=theme1] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: #545454; box-shadow: 4px 4px 13px -4px rgba(0, 0, 0, 0.3); } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li.pcoded-trigger > a { border-bottom: 1px solid #5c5c5c; } .pcoded #styleSelector { min-height: 300px; height: calc(100vh - 50px); border: 1px solid #e9e9e9; background: #FFF; position: fixed; margin: 0; padding: 20px; width: 400px; top: 50px; z-index: 100; transition: 0.5s; } .pcoded #styleSelector.open { background: #FFF none repeat scroll 0 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); } .pcoded #styleSelector .soc-icon { width: 55px; height: 55px; padding: 15px; border-radius: 50%; } .pcoded #styleSelector .soc-icon i { font-size: 25px; margin-right: 0; } @media only screen and (max-width: 992px) { .pcoded #styleSelector { display: none; } } .pcoded[theme-layout=horizontal] #styleSelector, .pcoded[vertical-placement=left] #styleSelector { right: -400px; border-left: 2px solid rgba(48, 53, 73, 0.28); } .pcoded[theme-layout=horizontal] #styleSelector.open, .pcoded[vertical-placement=left] #styleSelector.open { right: 0; } .pcoded[vertical-placement=right] #styleSelector { left: -400px; border-right: 2px solid rgba(48, 53, 73, 0.28); } .pcoded[vertical-placement=right] #styleSelector.open { left: 0; } .pcoded .pcoded-navbar[navbar-theme=theme1] { background-color: #424242; } .pcoded .pcoded-navbar[navbar-theme=theme1] .main-menu .main-menu-header .user-details p { color: #fff; } .pcoded .pcoded-navbar[navbar-theme=theme1] .main-menu .main-menu-content .more-details a { color: #fff; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li > a { color: #fff; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li > a .pcoded-micon { color: #fff; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li.active > a { color: #FFF; border-bottom-color: #424242; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li > a { border-bottom-color: #424242; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item li.pcoded-hasmenu .pcoded-submenu { background: #424242; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li > a { border-bottom-color: #5c5c5c; color: #fff; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after, .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li.pcoded-hasmenu > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu.pcoded-trigger > a:after, .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li.active:hover > a, .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li:hover > a { color: #FFF; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a { color: #FFF; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { border-left-color: transparent; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a { color: #FFF; background-color: #424242; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:before { border-bottom-color: #424242; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:after { border-left-color: #424242; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { border-bottom-color: #fff; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:after { border-left-color: #fff; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li:hover > a:before { border-left-color: #424242; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li.pcoded-trigger > a { border-bottom-color: #424242; } .pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-navbar[navbar-theme=theme1] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded .pcoded-navbar[theme-layout=vertical][vertical-nav-type=sub-expanded] .pcoded-navbar[navbar-theme=theme1] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout=vertical][vertical-nav-type=ex-popover] .pcoded-navbar[navbar-theme=theme1] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout=vertical][vertical-nav-type=fullpage] .pcoded-navbar[navbar-theme=theme1] { background-color: #424242; } .pcoded .pcoded-navbar[theme-layout=vertical][vertical-nav-type=fullpage] .pcoded-navbar[navbar-theme=theme1] .pcoded-item > li:hover > a { color: #FFF; } .pcoded .pcoded-navbar[theme-layout=vertical][vertical-nav-type=fullpage] .pcoded-navbar[navbar-theme=theme1] .sidebar_toggle a { color: #fff; } .pcoded .pcoded-navbar[navbar-theme=themelight1] { background-color: #fff; } .pcoded .pcoded-navbar[navbar-theme=themelight1] .main-menu .main-menu-header .user-details span { color: #fff; } .pcoded .pcoded-navbar[navbar-theme=themelight1] .main-menu .main-menu-content .more-details a { color: #666; } .pcoded .pcoded-navbar[navbar-theme=themelight1] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after, .pcoded .pcoded-navbar[navbar-theme=themelight1] .pcoded-item > li.pcoded-hasmenu > a:after { color: #666; } .pcoded .pcoded-navbar[navbar-theme=themelight1] .pcoded-item > li.active:hover > a, .pcoded .pcoded-navbar[navbar-theme=themelight1] .pcoded-item > li:hover > a { color: #666; } .pcoded .pcoded-navbar[navbar-theme=themelight1] .pcoded-item > li.pcoded-trigger > a { border-bottom-color: #fff; } .pcoded .pcoded-navbar[navbar-theme=themelight1] .pcoded-item > li > a { color: #666; border-bottom-color: #fff; } .pcoded .pcoded-navbar[navbar-theme=themelight1] .pcoded-item > li.active > a { color: #FFF; } .pcoded .pcoded-navbar[navbar-theme=themelight1] .pcoded-item .pcoded-submenu { background-color: #fff; } .pcoded .pcoded-navbar[navbar-theme=themelight1] .pcoded-item .pcoded-submenu li > a { border-bottom-color: #ededed; color: #666; } .pcoded .pcoded-navbar[navbar-theme=themelight1] .pcoded-item .pcoded-submenu li > a .pcoded-mtext:before { border-bottom-color: #fff; } .pcoded .pcoded-navbar[navbar-theme=themelight1] .pcoded-item .pcoded-submenu li > a .pcoded-mtext:after { border-left-color: #fff; } .pcoded .pcoded-navbar[navbar-theme=themelight1] .pcoded-item .pcoded-submenu li:hover > a:before { border-left-color: #fff; } .pcoded .pcoded-navbar[navbar-theme=themelight1] .pcoded-item .pcoded-submenu li.active > a { color: #666; } .pcoded .pcoded-navbar[navbar-theme=themelight1] .pcoded-item .pcoded-submenu li.active > a .pcoded-mtext:before { border-bottom-color: #fff; } .pcoded .pcoded-navbar[navbar-theme=themelight1] .pcoded-item .pcoded-submenu li.active > a .pcoded-mtext:after { border-left-color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li .pcoded-submenu li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li .pcoded-submenu li:hover > a { color: #4680ff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li .pcoded-submenu li.active > a { font-weight: 500; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li:hover > a { color: #4680ff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li:hover > a .pcoded-micon { color: #4680ff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li:hover > a { background: #4680ff; color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.active > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.active:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.active > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.pcoded-trigger:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.pcoded-trigger > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li:hover:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li:hover > a:after { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item li .pcoded-submenu li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item li .pcoded-submenu li:hover > a { color: #ff5252; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item li .pcoded-submenu li.active > a { font-weight: 500; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item li:hover > a { color: #ff5252; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item li:hover > a .pcoded-micon { color: #ff5252; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li:hover > a { background: #ff5252; color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.active > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.active:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.active > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.pcoded-trigger:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.pcoded-trigger > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li:hover:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li:hover > a:after { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item li .pcoded-submenu li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item li .pcoded-submenu li:hover > a { color: #D81B60; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item li .pcoded-submenu li.active > a { font-weight: 500; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item li:hover > a { color: #D81B60; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item li:hover > a .pcoded-micon { color: #D81B60; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li:hover > a { background: #D81B60; color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.active > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.active:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.active > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.pcoded-trigger:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.pcoded-trigger > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li:hover:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li:hover > a:after { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item li .pcoded-submenu li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item li .pcoded-submenu li:hover > a { color: #66BB6A; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item li .pcoded-submenu li.active > a { font-weight: 500; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item li:hover > a { color: #66BB6A; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item li:hover > a .pcoded-micon { color: #66BB6A; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li:hover > a { background: #66BB6A; color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.active > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.active:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.active > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.pcoded-trigger:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.pcoded-trigger > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li:hover:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li:hover > a:after { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item li .pcoded-submenu li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item li .pcoded-submenu li:hover > a { color: #7C4DFF; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item li .pcoded-submenu li.active > a { font-weight: 500; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item li:hover > a { color: #7C4DFF; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item li:hover > a .pcoded-micon { color: #7C4DFF; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li:hover > a { background: #7C4DFF; color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.pcoded-trigger:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.pcoded-trigger > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li:hover:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li:hover > a:after { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item li .pcoded-submenu li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item li .pcoded-submenu li:hover > a { color: #424242; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item li .pcoded-submenu li.active > a { font-weight: 500; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item li:hover > a { color: #424242; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item li:hover > a .pcoded-micon { color: #424242; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li:hover > a { background: #424242; color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.active > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.active:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.active > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.pcoded-trigger:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.pcoded-trigger > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li:hover:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li:hover > a:after { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item li .pcoded-submenu li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item li .pcoded-submenu li:hover > a { color: #11c788; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item li .pcoded-submenu li.active > a { font-weight: 500; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item li:hover > a { color: #11c788; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item li:hover > a .pcoded-micon { color: #11c788; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li:hover > a { background: #11c788; color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.active > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.active:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.active > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.pcoded-trigger:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.pcoded-trigger > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li:hover:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li:hover > a:after { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item li .pcoded-submenu li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item li .pcoded-submenu li:hover > a { color: #FF4444; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item li .pcoded-submenu li.active > a { font-weight: 500; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item li:hover > a { color: #FF4444; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item li:hover > a .pcoded-micon { color: #FF4444; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li:hover > a { background: #FF4444; color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.active > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.active:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.active > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.pcoded-trigger:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.pcoded-trigger > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li:hover:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li:hover > a:after { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item li .pcoded-submenu li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item li .pcoded-submenu li:hover > a { color: #ff784f; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item li .pcoded-submenu li.active > a { font-weight: 500; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item li:hover > a { color: #ff784f; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item li:hover > a .pcoded-micon { color: #ff784f; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li:hover > a { background: #ff784f; color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.active > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.active:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.active > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.pcoded-trigger:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.pcoded-trigger > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li:hover:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li:hover > a:after { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item li .pcoded-submenu li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item li .pcoded-submenu li:hover > a { color: #38a9f9; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item li .pcoded-submenu li.active > a { font-weight: 500; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item li:hover > a { color: #38a9f9; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item li:hover > a .pcoded-micon { color: #38a9f9; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li:hover > a { background: #38a9f9; color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.active > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.active:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.active > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.pcoded-trigger:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.pcoded-trigger > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li:hover:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li:hover > a:after { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item li .pcoded-submenu li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item li .pcoded-submenu li:hover > a { color: #038f9e; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item li .pcoded-submenu li.active > a { font-weight: 500; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item li:hover > a { color: #038f9e; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item li:hover > a .pcoded-micon { color: #038f9e; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li:hover > a { background: #038f9e; color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.active > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.active:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.active > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.pcoded-trigger:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.pcoded-trigger > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li:hover:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li:hover > a:after { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item li .pcoded-submenu li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item li .pcoded-submenu li:hover > a { color: #39ADB5; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item li .pcoded-submenu li.active > a { font-weight: 500; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item li:hover > a { color: #39ADB5; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item li:hover > a .pcoded-micon { color: #39ADB5; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.active > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li:hover > a { background: #39ADB5; color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.active > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.active:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.active > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.pcoded-trigger:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.pcoded-trigger > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li:hover:hover > a:after, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li:hover > a:after { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li:hover > a { background: #4680ff; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li.active > a:after, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li:hover > a:after { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li:hover > a { background: #4680ff; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme1] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item li:hover > a { background: #ff5252; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item li.active > a:after, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item li:hover > a:after { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li:hover > a { background: #ff5252; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme2] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item li:hover > a { background: #D81B60; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item li.active > a:after, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item li:hover > a:after { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li:hover > a { background: #D81B60; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme3] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item li:hover > a { background: #66BB6A; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item li.active > a:after, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item li:hover > a:after { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li:hover > a { background: #66BB6A; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item li:hover > a { background: #7C4DFF; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item li.active > a:after, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item li:hover > a:after { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li:hover > a { background: #7C4DFF; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item li:hover > a { background: #424242; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item li.active > a:after, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item li:hover > a:after { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li:hover > a { background: #424242; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme6] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item li:hover > a { background: #11c788; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item li.active > a:after, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item li:hover > a:after { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li:hover > a { background: #11c788; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme7] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item li:hover > a { background: #FF4444; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item li.active > a:after, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item li:hover > a:after { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li:hover > a { background: #FF4444; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme8] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item li:hover > a { background: #ff784f; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item li.active > a:after, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item li:hover > a:after { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li:hover > a { background: #ff784f; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme9] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item li:hover > a { background: #38a9f9; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item li.active > a:after, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item li:hover > a:after { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li:hover > a { background: #38a9f9; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme10] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item li:hover > a { background: #038f9e; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item li.active > a:after, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item li:hover > a:after { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li:hover > a { background: #038f9e; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme11] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item li:hover > a { background: #39ADB5; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item li:hover > a:before { border-left-color: transparent; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item li.active > a:after, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item li:hover > a:after { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.active:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.pcoded-trigger:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.pcoded-trigger > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li:hover:hover > a, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li:hover > a { background: #39ADB5; color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.active:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.active > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.pcoded-trigger > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li:hover:hover > a .pcoded-micon, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li:hover > a .pcoded-micon { color: #fff; } .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.active:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.active > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.pcoded-trigger:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li.pcoded-trigger > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li:hover:hover > a:before, .pcoded[theme-layout=horizontal] .pcoded-navbar[active-item-theme=theme12] .pcoded-item > li:hover > a:before { border-left-color: transparent; } .selector-toggle { position: relative; } .pcoded .selector-toggle > a { position: absolute; top: 0; width: 60px; height: 60px; display: block; cursor: pointer; text-align: center; background: #ff5252; color: #fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); padding: 14px 10px; } .pcoded[theme-layout=horizontal] .selector-toggle > a, .pcoded[vertical-placement=left] .selector-toggle > a { left: -80px; border-right: 0; border-radius: 50% 0 0 50%; } .pcoded[vertical-placement=right] .selector-toggle > a { right: -80px; border-left: 0; border-radius: 0 50% 50% 0; } .pcoded[vertical-placement=right] .selector-toggle > a:before { left: 10px; } .selector-toggle > a:before { font-family: "feather"; font-size: 20px; content: "\e8c3"; position: relative; float: left; left: 13px; line-height: 35px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; animation: mymove 1.3s infinite linear; } .open .selector-toggle > a:before { content: "\e8f6"; animation: mymove 0s infinite linear; } #styleSelector .nav-tabs { margin-bottom: 20px; border-bottom: 2px solid #448aff; padding-bottom: 5px; } #styleSelector .nav-tabs .nav-item { width: 50%; margin: 0; padding: 0; float: left; } #styleSelector .nav-tabs .nav-item a { color: #37474f; text-align: center; font-weight: 500; font-size: 13px; padding: 0.66rem 1rem; border-radius: 2px; border: none; transition: all 0.3s ease-in-out; } #styleSelector .nav-tabs .nav-item a.active { color: #fff; background: #448aff; } #styleSelector .style-cont { background-color: #F6F7FB; padding: 10px; } #styleSelector .st-main-title { font-size: 18px; } #styleSelector .checkbox-fade label { margin-bottom: 0.8rem; } #styleSelector .sub-title { text-transform: capitalize; } #styleSelector #menu-effect { padding-bottom: 15px; } #styleSelector #menu-effect .radio > label { padding-left: 0; } #styleSelector #menu-effect .radio .helper { bottom: -30px; left: 3px; } #styleSelector #menu-effect .radio .helper:after, #styleSelector #menu-effect .radio .helper:before { top: auto; bottom: 0; } #styleSelector #menu-effect .micon { font-size: 20px; padding: 3px; width: 30px; display: block; height: 30px; text-align: center; } #styleSelector #menu-effect .micon.st1 { background-color: transparent; } #styleSelector #menu-effect .micon.st1 i { color: #448aff; } #styleSelector #menu-effect .micon.st2 { background-color: transparent; } #styleSelector #menu-effect .micon.st2 i { color: #37474f; } #styleSelector #bg-pattern-visiblity { padding-left: 30px; } #styleSelector .form-control { border: none; box-shadow: none; background-color: #f1f1f1; margin-bottom: 10px; } #styleSelector .form-control:focus { border: none; background-color: #f1f1f1; } #styleSelector ul { border: 0 none; margin: 0; padding: 0; width: 100%; } #styleSelector ul li { border-bottom: 0 solid #e9e9e9; display: block; margin: 0; padding: 0; text-align: left; width: 100%; } #styleSelector ul li p.selector-title, #styleSelector ul li span.selector-title { color: #444; font-size: 14px; margin: 0 0 15px; padding: 10px 0; text-align: left; } #styleSelector ul li p.selector-title { font-weight: 500; border-bottom: 1px solid #e9e9e9; } #styleSelector ul li p.selector-title.main-title { font-weight: 500; } #styleSelector ul li p.sub-title.drp-title { border-bottom: 0 solid transparent; margin-bottom: 0; margin-top: 10px; } #styleSelector > ul > li > .sub-title { color: #9c9c9c; display: block; font-size: 13px; margin: 0; padding: 5px 0; position: relative; text-align: left; } #styleSelector li { padding: 5px; } .theme-option select { background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 2px; padding: 3px 10px; } .theme-color { padding: 0; width: 100%; } .theme-color a { border-radius: 4px; cursor: pointer; display: inline-block; margin: 5px 8px 5px 0; box-shadow: 0.4px 0.9px 3px 0 rgba(0, 0, 0, 0.33); overflow: hidden; width: 45px; height: 40px; } .theme-color a:focus, .theme-color a:hover { text-decoration: none; } .theme-color a.small { width: 20px; height: 20px; } .theme-color a .cont, .theme-color a .head { display: block; position: relative; } .theme-color a .cont:after, .theme-color a .cont:before, .theme-color a .head:after, .theme-color a .head:before { content: ""; height: 100%; display: inline-block; position: absolute; } .theme-color a .cont:after, .theme-color a .head:after { width: 40%; left: 0; } .theme-color a .cont:before, .theme-color a .head:before { width: 60%; right: 0; } .theme-color a .head { height: 10px; } .theme-color a .head:before { background: #fff; } .theme-color a .cont { height: 30px; } .theme-color a .cont:before { background: #F6F7FB; } .theme-color a[menu-caption=theme1] { background: #373a3c; } .theme-color a[menu-caption=theme2] { background: #ff5252; } .theme-color a[menu-caption=theme3] { background: #D81B60; } .theme-color a[menu-caption=theme4] { background: #66BB6A; } .theme-color a[menu-caption=theme5] { background: #7C4DFF; } .theme-color a[menu-caption=theme6] { background: #424242; } .theme-color a[menu-caption=theme7] { background: #000; } .theme-color a[menu-caption=theme8] { background: #999; } .theme-color a[menu-caption=theme9] { background: #fff; } .theme-color a[header-theme=theme1] .head { background: #4680ff; } .theme-color a[header-theme=theme1] .head:after, .theme-color a[header-theme=theme1] .head:before { background: transparent; } .theme-color a[header-theme=theme2] .head { background: #ff5252; } .theme-color a[header-theme=theme2] .head:after, .theme-color a[header-theme=theme2] .head:before { background: transparent; } .theme-color a[header-theme=theme3] .head { background: #D81B60; } .theme-color a[header-theme=theme3] .head:after, .theme-color a[header-theme=theme3] .head:before { background: transparent; } .theme-color a[header-theme=theme4] .head { background: #66BB6A; } .theme-color a[header-theme=theme4] .head:after, .theme-color a[header-theme=theme4] .head:before { background: transparent; } .theme-color a[header-theme=theme5] .head { background: #7C4DFF; } .theme-color a[header-theme=theme5] .head:after, .theme-color a[header-theme=theme5] .head:before { background: transparent; } .theme-color a[header-theme=theme6] .head { background: #424242; } .theme-color a[header-theme=theme6] .head:after, .theme-color a[header-theme=theme6] .head:before { background: transparent; } .theme-color a[navbar-theme=theme1] { background: #424242; } .theme-color a[navbar-theme=themelight1] { background: #fff; } .theme-color a[active-item-theme=theme1] { background: #4680ff; } .theme-color a[active-item-theme=theme2] { background: #ff5252; } .theme-color a[active-item-theme=theme3] { background: #D81B60; } .theme-color a[active-item-theme=theme4] { background: #66BB6A; } .theme-color a[active-item-theme=theme5] { background: #7C4DFF; } .theme-color a[active-item-theme=theme6] { background: #424242; } .theme-color a[active-item-theme=theme7] { background: #11c788; } .theme-color a[active-item-theme=theme8] { background: #FF4444; } .theme-color a[active-item-theme=theme9] { background: #ff784f; } .theme-color a[active-item-theme=theme10] { background: #38a9f9; } .theme-color a[active-item-theme=theme11] { background: #038f9e; } .theme-color a[active-item-theme=theme12] { background: #39ADB5; } .theme-color a[layout-type=dark] .cont:after { background: #424242; } .theme-color a[layout-type=dark] .cont:before { background: #5c5c5c; } .theme-color a[layout-type=dark] .head:after { background: #5c5c5c; } .theme-color a[layout-type=dark] .head:before { background: #424242; } .theme-color a[layout-type=reset] { padding: 11px 0; text-align: center; background-color: #ff5252; transition: all 0.3s ease-in-out; } .theme-color a[layout-type=reset] i { font-size: 20px; margin-right: 0; color: #fff; transition: all 0.3s ease-in-out; } .theme-color a[layout-type=reset]:hover { background-color: rgba(255, 82, 82, 0.8); } .theme-color a[layout-type=reset]:hover i { text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } .theme-color a[themebg-pattern=theme1] { background: #4680ff; } .theme-color a[themebg-pattern=theme2] { background: #ff5252; } .theme-color a[themebg-pattern=theme3] { background: #D81B60; } .theme-color a[themebg-pattern=theme4] { background: #66BB6A; } .theme-color a[themebg-pattern=theme5] { background: #7C4DFF; } .theme-color a[themebg-pattern=theme6] { background: #424242; } .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-item > li > a .pcoded-micon { float: none; position: relative; z-index: 1051; left: 90%; top: 1px; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed][vertical-placement=right] .pcoded-navbar .pcoded-item > li > a .pcoded-micon i { left: 0; } .pcoded[theme-layout=vertical][vertical-nav-type=collapsed][vertical-placement=right] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a .pcoded-micon i, .pcoded[theme-layout=vertical][vertical-nav-type=collapsed][vertical-placement=right] .pcoded-navbar .pcoded-item > li.pcoded-trigger.active > a .pcoded-micon i { left: 94%; } .pcoded.nocollapsed[theme-layout=vertical][pcoded-device-type=phone] .pcoded-main-container { position: static; } .pcoded[theme-layout=vertical][vertical-nav-type=fullpage] .pcoded-main-container, .pcoded[theme-layout=vertical][vnavigation-view=view3] .pcoded-main-container { position: static; } .pcoded .pcoded-header[header-theme=theme1] { background: #4680ff; } .pcoded .pcoded-header[header-theme=theme1] .dropdown-toggle, .pcoded .pcoded-header[header-theme=theme1] .input-group-addon, .pcoded .pcoded-header[header-theme=theme1] a { color: #fff; } .pcoded .pcoded-header[header-theme=theme2] { background: #ff5252; } .pcoded .pcoded-header[header-theme=theme2] .dropdown-toggle, .pcoded .pcoded-header[header-theme=theme2] .input-group-addon, .pcoded .pcoded-header[header-theme=theme2] a { color: #fff; } .pcoded .pcoded-header[header-theme=theme3] { background: #D81B60; } .pcoded .pcoded-header[header-theme=theme3] .dropdown-toggle, .pcoded .pcoded-header[header-theme=theme3] .input-group-addon, .pcoded .pcoded-header[header-theme=theme3] a { color: #fff; } .pcoded .pcoded-header[header-theme=theme4] { background: #66BB6A; } .pcoded .pcoded-header[header-theme=theme4] .dropdown-toggle, .pcoded .pcoded-header[header-theme=theme4] .input-group-addon, .pcoded .pcoded-header[header-theme=theme4] a { color: #fff; } .pcoded .pcoded-header[header-theme=theme5] { background: #7C4DFF; } .pcoded .pcoded-header[header-theme=theme5] .dropdown-toggle, .pcoded .pcoded-header[header-theme=theme5] .input-group-addon, .pcoded .pcoded-header[header-theme=theme5] a { color: #fff; } .pcoded .pcoded-header[header-theme=theme6] { background: #424242; } .pcoded .pcoded-header[header-theme=theme6] .dropdown-toggle, .pcoded .pcoded-header[header-theme=theme6] .input-group-addon, .pcoded .pcoded-header[header-theme=theme6] a { color: #fff; } .pcoded[fream-type=theme1][theme-layout=vertical] .page-header { background: #4680ff; } .pcoded[fream-type=theme1][theme-layout=horizontal] .page-header { background: #93b5ff; } .pcoded[fream-type=theme2][theme-layout=vertical] .page-header { background: #ff5252; } .pcoded[fream-type=theme2][theme-layout=horizontal] .page-header { background: #ff9f9f; } .pcoded[fream-type=theme3][theme-layout=vertical] .page-header { background: #D81B60; } .pcoded[fream-type=theme3][theme-layout=horizontal] .page-header { background: #ea568c; } .pcoded[fream-type=theme4][theme-layout=vertical] .page-header { background: #66BB6A; } .pcoded[fream-type=theme4][theme-layout=horizontal] .page-header { background: #9bd39e; } .pcoded[fream-type=theme5][theme-layout=vertical] .page-header { background: #7C4DFF; } .pcoded[fream-type=theme5][theme-layout=horizontal] .page-header { background: #b49aff; } .pcoded[fream-type=theme6][theme-layout=vertical] .page-header { background: #424242; } .pcoded[fream-type=theme6][theme-layout=horizontal] .page-header { background: #686868; } .pcoded.pcoded-toggle-animate .pcoded-content { transition: all 0.5s ease-in-out; } .pcoded.pcoded-toggle-animate .pcoded-header .pcoded-left-header, .pcoded.pcoded-toggle-animate .pcoded-header .pcoded-right-header { transition: all 0.5s ease-in-out; } .pcoded.pcoded-toggle-animate .pcoded-navbar { transition: all 0.3s ease-in-out; } .pcoded.pcoded-toggle-animate .pcoded-navbar .user-details { transition: all 0.5s ease-in-out; transform: rotateX(90deg); } .pcoded.pcoded-toggle-animate .pcoded-navbar .pcoded-item > li > a .pcoded-mtext { transition-delay: 0.2s; transform: rotateX(90deg); } .pcoded.pcoded-toggle-animate .pcoded-navbar .pcoded-item > li.pcoded-trigger > a .pcoded-mtext { transition: all 0.3s ease-in-out; transform: rotateX(90deg); } .pcoded.pcoded-toggle-animate .pcoded-navbar .pcoded-item li a .pcoded-badge { transition: all 0.5s ease-in-out; transform: rotateX(90deg); } .pcoded.pcoded-toggle-animate .pcoded-navbar .pcoded-item li.pcoded-hasmenu > a:after, .pcoded.pcoded-toggle-animate .pcoded-navbar .pcoded-item li.pcoded-hasmenu.pcoded-trigger a:after { transition: all 0.5s ease-in-out; transform: rotateX(90deg); } .pcoded.pcoded-toggle-animate .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after { transform: rotateX(90deg); transition: opacity 0.5s linear; } body .pcoded[pcoded-device-type=phone][vertical-nav-type=expanded] .pcoded-navbar, body .pcoded[pcoded-device-type=phone][vertical-nav-type=expanded] .pcoded-navbar[pcoded-navbar-position=fixed], body .pcoded[pcoded-device-type=tablet][vertical-nav-type=expanded] .pcoded-navbar, body .pcoded[pcoded-device-type=tablet][vertical-nav-type=expanded] .pcoded-navbar[pcoded-navbar-position=fixed] { position: absolute; top: 50px; } body .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item > li > a .pcoded-micon { left: 0; } body .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=collapsed] .pcoded-navbar .pcoded-item > li.pcoded-trigger > a .pcoded-micon { left: calc(100% - 23px); } body .pcoded[theme-layout=vertical][vertical-placement=right][vertical-nav-type=collapsed] .pcoded-item > li.pcoded-trigger > a > .pcoded-mtext { padding-right: 90px; } body .pcoded[vertical-placement=right] .showChat_inner, body .pcoded[vertical-placement=right] .users { right: auto; left: 0; } body .pcoded[vertical-placement=right] .main-body { direction: rtl; } body .pcoded[vertical-placement=right] .main-body .page-wrapper .page-header-breadcrumb { float: left; } body .pcoded[vertical-placement=right] .main-body .language-markup { direction: ltr; } body .pcoded[vertical-placement=right] .back_chatBox i, body .pcoded[vertical-placement=right] .back_friendlist i { left: auto; right: -40px; border-radius: 0 50% 50% 0; padding: 12px 7px 12px 0; box-shadow: 2px 0 9px -2px rgba(0, 0, 0, 0.3); } body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-logo { float: right; } body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-container { margin-left: 0; margin-right: 240px; } body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-container .nav-left li, body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-container .nav-right li { float: right; } body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-container .nav-left, body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-container .nav-right { float: right; } body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-container .nav-right { float: left; } body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification { right: auto; left: -15px; } body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification:before, body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification:before { right: auto; left: 15px; } body .pcoded[vertical-placement=right][vertical-nav-type=collapsed] .header-navbar .navbar-wrapper .navbar-container { margin-right: 0; } body .pcoded[vertical-nav-type=collapsed] .header-navbar .navbar-wrapper .navbar-container { margin-left: 0; } body.menu-bottom .navbar-wrapper { z-index: 1050; } body.menu-bottom .p-chat-user, body.menu-bottom .showChat_inner { top: 0; } body.menu-bottom .pcoded[pcoded-device-type=phone][vertical-nav-type=expanded] .pcoded-navbar, body.menu-bottom .pcoded[pcoded-device-type=phone][vertical-nav-type=expanded] .pcoded-navbar[pcoded-navbar-position=fixed], body.menu-bottom .pcoded[pcoded-device-type=tablet][vertical-nav-type=expanded] .pcoded-navbar, body.menu-bottom .pcoded[pcoded-device-type=tablet][vertical-nav-type=expanded] .pcoded-navbar[pcoded-navbar-position=fixed] { top: 0; } body.menu-bottom .navbar-wrapper { bottom: 0; top: auto; z-index: 1050; } @media only screen and (max-width: 992px) { body.menu-bottom .navbar-wrapper .pcoded-navbar { top: -50px; } } body.menu-bottom .pcoded[theme-layout=vertical] .header-navbar { min-height: auto; bottom: 0; top: auto; z-index: 9999; } body.menu-bottom .pcoded[theme-layout=vertical] .header-navbar[pcoded-header-position=absolute], body.menu-bottom .pcoded[theme-layout=vertical] .header-navbar[pcoded-header-position=relative] { position: fixed; } body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification { top: auto; bottom: 100px; } body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification:before, body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification:before { transform: rotate(-135deg); top: auto; bottom: -10px; } body.menu-bottom .pcoded[pcoded-device-type=tablet] .pcoded-content, body.menu-bottom .pcoded[pcoded-device-type=phone] .pcoded-content { padding-top: 0; } body.menu-bottom .pcoded[theme-layout=vertical] .pcoded-navbar[pcoded-navbar-position=fixed] { top: 0; } body.menu-bottom #collapse-menu { display: none; } .pcoded[pcoded-device-type=tablet] .pcoded-header[pcoded-header-position=relative], .pcoded[pcoded-device-type=tablet] .pcoded-header[pcoded-header-position=absolute], .pcoded[pcoded-device-type=phone] .pcoded-header[pcoded-header-position=relative], .pcoded[pcoded-device-type=phone] .pcoded-header[pcoded-header-position=absolute] { position: fixed; } .pcoded[pcoded-device-type=tablet] .pcoded-content, .pcoded[pcoded-device-type=phone] .pcoded-content { padding-top: 0px; } /** ===================== Theme-Buttons css start ========================== **/ .btn-default .badge { background-color: #fff; color: #e0e0e0; } .btn { border-radius: 2px; text-transform: capitalize; font-size: 15px; padding: 10px 19px; cursor: pointer; } @media only screen and (max-width: 480px) { .btn { padding: 10px 15px; } } .close { cursor: pointer; } .button-page .card-block { margin-bottom: -20px; } .button-page .card-block ul { margin-bottom: 0; display: inline-block; } .button-page .card-block a { margin-bottom: 20px; } .button-page .card-block ul li { display: inline-block; margin-right: 20px; float: left; } .button-page .btn { margin-bottom: 20px; margin-right: 10px; } .btn.btn-round { border-radius: 2rem; } .btn.btn-square { border-radius: 0; } .btn.btn-skew { transform: skew(-15deg); } .btn i { margin-right: 5px; } .btn.btn-icon { border-radius: 50%; width: 40px; line-height: 30px; height: 40px; padding: 3px; text-align: center; } .btn.btn-out { outline: 1px solid #fff; outline-offset: -5px; } .btn.btn-out-dashed { outline: 1px dashed #fff; outline-offset: -5px; } .btn.btn-out-dotted { outline: 1px dotted #fff; outline-offset: -5px; } .btn-group, .btn-group-vertical { display: inline-block; } .btn-group .btn { float: left; } .icon-btn i { margin-right: 0; } .button-page .btn-group { margin-right: 10px; } .show > .dropdown-menu { overflow: hidden; } .dropdown-danger, .dropdown-default, .dropdown-disabled, .dropdown-info, .dropdown-inverse, .dropdown-primary, .dropdown-success, .dropdown-warning, .dropdown-warning { display: inline-block; position: relative; } .btn-group [class*=btn-], .dropdown-split [class*=btn-] { margin-right: 0; } .list-group-item.active { background-color: #448aff; border-color: #448aff; } .show > .btn-primary.dropdown-toggle { background-color: #0764ff; border-color: #0764ff; box-shadow: none; color: #fff; } #Note-list li:hover .Note-delete { opacity: 1; transform: translateX(0px); } #Note-list li:hover .Note-delete:hover { background: rgba(0, 0, 0, 0.8); } .button-list .btn { margin-bottom: 10px; margin-right: 30px; } .Note-delete { margin-bottom: 0; opacity: 0; background: rgba(0, 0, 0, 0.6); border: none; position: absolute; right: 20px; color: #fff; transition: all ease-in 0.3s; border-radius: 2px; cursor: pointer; transform: translateX(10px); } .popover-body .color-code { margin-bottom: 10px; } .popover-body .display-color { width: 75px; height: 2.5rem; border-radius: 0.25rem; margin-right: 30px; background-color: rgba(68, 138, 255, 0.5); border-color: rgba(68, 138, 255, 0.5); } .popover-body span.block { display: block; width: 100%; text-align: center; font-size: 14px; } .popover-title { text-align: center; } .btn.btn-disabled, .dropdown-disabled, .dropdown-split-disabled { cursor: not-allowed; } .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active.active, .nav-pills .nav-link.active.active:focus, .nav-pills .nav-link.active.active:hover { background: transparent; color: #0275d8; text-align: center; border-bottom: 1px solid #0275d8; } .btn { /**====== Basic-Buttons css Start ======**/ /**====== Basic-Buttons css end ======**/ /**====== Outline-Buttons css Start ======**/ /**====== Outline-Buttons css end ======**/ /**====== gradient css Start ======**/ /**====== gradient-Buttons css end ======**/ /**====== matrialized-Buttons css Start ======**/ /**====== matrialized css end ======**/ /**====== Button-Size css start ======**/ /**====== Button-Size css end ======**/ /**====== Badges-button css start ======**/ /**====== Badges-button css end ======**/ /**====== Social-Buttons css start ======**/ /**====== Social-Buttons css end ======**/ } .btn-primary { background-color: #448aff; border-color: #448aff; color: #fff; cursor: pointer; transition: all ease-in 0.3s; } .btn-primary:hover { background-color: #77aaff; border-color: #77aaff; } .btn-primary:active { background-color: #0764ff; border-color: #0764ff; box-shadow: none; color: #fff; } .btn-primary:focus { box-shadow: none; color: #fff; background-color: #77aaff; } .btn-primary.disabled { background-color: rgba(68, 138, 255, 0.5); border-color: rgba(68, 138, 255, 0.5); } .btn-warning { background-color: #ffba57; border-color: #ffba57; color: #fff; cursor: pointer; transition: all ease-in 0.3s; } .btn-warning:hover { background-color: #ffcf8a; border-color: #ffcf8a; color: #fff; } .btn-warning:active { background-color: #ffa11a; border-color: #ffa11a; box-shadow: none; color: #fff; } .btn-warning:focus { box-shadow: none; color: #fff; background-color: #ffcf8a; } .btn-warning.disabled { background-color: rgba(255, 186, 87, 0.5); border-color: rgba(255, 186, 87, 0.5); } .btn-danger { background-color: #ff5252; border-color: #ff5252; color: #fff; cursor: pointer; transition: all ease-in 0.3s; } .btn-danger:hover { background-color: #ff8585; border-color: #ff8585; } .btn-danger:active { background-color: #ff1515; border-color: #ff1515; box-shadow: none; color: #fff; } .btn-danger:focus { box-shadow: none; color: #fff; background-color: #ff8585; } .btn-danger.disabled { background-color: rgba(255, 82, 82, 0.5); border-color: rgba(255, 82, 82, 0.5); } .btn-success { background-color: #9ccc65; border-color: #9ccc65; color: #fff; cursor: pointer; transition: all ease-in 0.3s; } .btn-success:hover { background-color: #b5d98b; border-color: #b5d98b; } .btn-success:active { background-color: #7eb73d; border-color: #7eb73d; box-shadow: none; color: #fff; } .btn-success:focus { box-shadow: none; color: #fff; background-color: #b5d98b; } .btn-success.disabled { background-color: rgba(156, 204, 101, 0.5); border-color: rgba(156, 204, 101, 0.5); } .btn-inverse { background-color: #37474f; border-color: #37474f; color: #fff; cursor: pointer; transition: all ease-in 0.3s; } .btn-inverse:hover { background-color: #4c626d; border-color: #4c626d; } .btn-inverse:active { background-color: #1e272b; border-color: #1e272b; box-shadow: none; color: #fff; } .btn-inverse:focus { box-shadow: none; color: #fff; background-color: #4c626d; } .btn-inverse.disabled { background-color: rgba(55, 71, 79, 0.5); border-color: rgba(55, 71, 79, 0.5); } .btn-info { background-color: #00bcd4; border-color: #00bcd4; color: #fff; cursor: pointer; transition: all ease-in 0.3s; } .btn-info:hover { background-color: #08e3ff; border-color: #08e3ff; } .btn-info:active { background-color: #008697; border-color: #008697; box-shadow: none; color: #fff; } .btn-info:focus { box-shadow: none; color: #fff; background-color: #08e3ff; } .btn-info.disabled { background-color: rgba(0, 188, 212, 0.5); border-color: rgba(0, 188, 212, 0.5); } .btn-disabled { background-color: rgba(68, 138, 255, 0.5); border-color: rgba(68, 138, 255, 0.5); color: #fff; cursor: pointer; transition: all ease-in 0.3s; } .btn-outline-primary { color: #0764ff; background-color: #fff; background-color: transparent; } .btn-outline-warning { color: #ffa11a; background-color: #fff; background-color: transparent; } .btn-outline-danger { color: #ff1515; background-color: #fff; background-color: transparent; } .btn-outline-success { color: #7eb73d; background-color: #fff; background-color: transparent; } .btn-outline-inverse { color: #1e272b; background-color: #fff; background-color: transparent; } .btn-outline-inverse:hover { color: #fff; } .btn-outline-warning { color: #ffa11a; background-color: #fff; background-color: transparent; } .btn-outline-info { color: #008697; background-color: #fff; background-color: transparent; } .btn-outline-disabled { color: #0764ff; background-color: #fff; } .btn-grd-danger, .btn-grd-disabled, .btn-grd-info, .btn-grd-inverse, .btn-grd-primary, .btn-grd-success, .btn-grd-warning, .btn-grd-warning { background-size: 200% auto; transition: 0.5s ease-in-out; color: #fff; } .btn-grd-danger:hover, .btn-grd-disabled:hover, .btn-grd-info:hover, .btn-grd-inverse:hover, .btn-grd-primary:hover, .btn-grd-success:hover, .btn-grd-warning:hover, .btn-grd-warning:hover { background-position: right center; } .btn-grd-danger.hor-grd, .btn-grd-disabled.hor-grd, .btn-grd-info.hor-grd, .btn-grd-inverse.hor-grd, .btn-grd-primary.hor-grd, .btn-grd-success.hor-grd, .btn-grd-warning.hor-grd, .btn-grd-warning.hor-grd { background-size: auto 200%; } .btn-grd-danger.hor-grd:hover, .btn-grd-disabled.hor-grd:hover, .btn-grd-info.hor-grd:hover, .btn-grd-inverse.hor-grd:hover, .btn-grd-primary.hor-grd:hover, .btn-grd-success.hor-grd:hover, .btn-grd-warning.hor-grd:hover, .btn-grd-warning.hor-grd:hover { background-position: bottom center; } .btn-grd-primary { background-image: linear-gradient(to right, #77aaff 0%, #0764ff 51%, #77aaff 100%); } .btn-grd-primary.hor-grd { background-image: linear-gradient(to top, #77aaff 0%, #0764ff 51%, #77aaff 100%); } .btn-grd-warning { background-image: linear-gradient(to right, #ffcf8a 0%, #ffa11a 51%, #ffcf8a 100%); } .btn-grd-warning.hor-grd { background-image: linear-gradient(to top, #ffcf8a 0%, #ffa11a 51%, #ffcf8a 100%); } .btn-grd-danger { background-image: linear-gradient(to right, #ff8585 0%, #ff1515 51%, #ff8585 100%); } .btn-grd-danger.hor-grd { background-image: linear-gradient(to top, #ff8585 0%, #ff1515 51%, #ff8585 100%); } .btn-grd-success { background-image: linear-gradient(to right, #b5d98b 0%, #7eb73d 51%, #b5d98b 100%); } .btn-grd-success.hor-grd { background-image: linear-gradient(to top, #b5d98b 0%, #7eb73d 51%, #b5d98b 100%); } .btn-grd-inverse { background-image: linear-gradient(to right, #4c626d 0%, #1e272b 51%, #4c626d 100%); } .btn-grd-inverse.hor-grd { background-image: linear-gradient(to top, #4c626d 0%, #1e272b 51%, #4c626d 100%); } .btn-grd-info { background-image: linear-gradient(to right, #08e3ff 0%, #008697 51%, #08e3ff 100%); } .btn-grd-info.hor-grd { background-image: linear-gradient(to top, #08e3ff 0%, #008697 51%, #08e3ff 100%); } .btn-grd-disabled { background-image: linear-gradient(to right, #77aaff 0%, #0764ff 51%, #77aaff 100%); } .btn-grd-disabled.hor-grd { background-image: linear-gradient(to top, #77aaff 0%, #0764ff 51%, #77aaff 100%); } .btn-mat { position: relative; border-radius: 0; border: none; } .btn-mat:before { content: ""; position: absolute; bottom: 0; left: 50%; right: 50%; height: 3px; transition: all 0.3s ease-in-out; } .btn-mat:hover { border: none; } .btn-mat:hover:before { left: 0; right: 0; } .btn-primary.btn-mat { background-color: #448aff; } .btn-primary.btn-mat:before { background-color: #0764ff; } .btn-warning.btn-mat { background-color: #ffba57; } .btn-warning.btn-mat:before { background-color: #ffa11a; } .btn-danger.btn-mat { background-color: #ff5252; } .btn-danger.btn-mat:before { background-color: #ff1515; } .btn-success.btn-mat { background-color: #9ccc65; } .btn-success.btn-mat:before { background-color: #7eb73d; } .btn-inverse.btn-mat { background-color: #37474f; } .btn-inverse.btn-mat:before { background-color: #1e272b; } .btn-info.btn-mat { background-color: #00bcd4; } .btn-info.btn-mat:before { background-color: #008697; } .btn-outline-disabled { background-color: #448aff; } .btn-outline-disabled:before { background-color: #0764ff; } .btn-xlg { padding: 14px 20px; font-size: 21px; line-height: 40px; } .btn-lg { padding: 12px 18px; font-size: 18px; line-height: 32px; } .btn-md { padding: 10px 16px; font-size: 15px; line-height: 23px; } .btn-sm { padding: 8px 14px; line-height: 16px; font-size: 11px; } .btn-mini { padding: 5px 10px; line-height: 14px; font-size: 10px; } .btn-primary .badge { color: #448aff; background-color: #fff; } .btn-success .badge { color: #9ccc65; background-color: #fff; } .btn-info .badge { color: #00bcd4; background-color: #fff; } .btn-warning .badge { color: #ffba57; background-color: #fff; } .btn-danger .badge { color: #ff5252; background-color: #fff; } .btn-dribbble, .btn-dropbox, .btn-facebook, .btn-flickr, .btn-github, .btn-google-plus, .btn-instagram, .btn-linkedin, .btn-pinterest, .btn-skype, .btn-tumblr, .btn-twitter, .btn-youtube { color: #fff; } .btn-dribbble:focus, .btn-dribbble:hover, .btn-dropbox:focus, .btn-dropbox:hover, .btn-facebook:focus, .btn-facebook:hover, .btn-flickr:focus, .btn-flickr:hover, .btn-github:focus, .btn-github:hover, .btn-google-plus:focus, .btn-google-plus:hover, .btn-instagram:focus, .btn-instagram:hover, .btn-linkedin:focus, .btn-linkedin:hover, .btn-pinterest:focus, .btn-pinterest:hover, .btn-skype:focus, .btn-skype:hover, .btn-tumblr:focus, .btn-tumblr:hover, .btn-twitter:focus, .btn-twitter:hover, .btn-youtube:focus, .btn-youtube:hover { color: #fff; box-shadow: none; } .btn-facebook { background-color: #3b5998; } .btn-twitter { background-color: #00ACED; } .btn-linkedin { background-color: #007BB6; } .btn-dribbble { background-color: #EA4C89; } .btn-google-plus { background-color: #DD4B39; } .btn-instagram { background-color: #517FA4; } .btn-pinterest { background-color: #CB2027; } .btn-dropbox { background-color: #32506D; } .btn-tumblr { background-color: #00ACED; } /**====== Drop-down-Buttons css start ======**/ .dropdown-primary .dropdown-menu a:hover, .dropdown-split-primary .dropdown-menu a:hover { background-color: #448aff; color: #fff; } .dropdown-split-success .dropdown-menu a:hover, .dropdown-success .dropdown-menu a:hover { background-color: #9ccc65; color: #fff; } .dropdown-info .dropdown-menu a:hover, .dropdown-split-info .dropdown-menu a:hover { background-color: #00bcd4; color: #fff; } .dropdown-split-warning .dropdown-menu a:hover, .dropdown-warning .dropdown-menu a:hover { background-color: #ffba57; color: #fff; } .dropdown-danger .dropdown-menu a:hover, .dropdown-split-danger .dropdown-menu a:hover { background-color: #ff5252; color: #fff; } .dropdown-inverse .dropdown-item, .dropdown-split-inverse .dropdown-item { transition: all 0.3s ease-in; } .dropdown-inverse .dropdown-item:hover, .dropdown-split-inverse .dropdown-item:hover { background-color: #37474f; color: #fff; } /**====== Drop-down-Buttons css end ======**/ /**====== Theme-Buttons css end ======**/ /** ===================== Basic form elements css start ========================== **/ .col-form-label { font-size: 14px; } .select2-container { width: 100%; } .form-group { margin-bottom: 1.25em; } .form-group .form-control-lg { font-size: 1.25em; } .form-group .form-control-round { border-radius: 50px; } .form-group .form-control-static:focus { outline: none; } .form-control { font-size: 14px; border-radius: 2px; border: 1px solid rgb(204, 204, 204); } .form-control:focus { border: 1px solid #448aff; } .form-control.form-control-normal { font-weight: 400; } .form-control.form-control-bold { font-weight: 500; } .form-control.form-control-capitalize { text-transform: capitalize; } .form-control.form-control-uppercase { text-transform: uppercase; } .form-control.form-control-lowercase { text-transform: lowercase; } .form-control.form-control-variant { font-variant: small-caps; } .form-control.form-control-left { text-align: left; } .form-control.form-control-center { text-align: center; } .form-control.form-control-right { text-align: right; } .form-control.form-control-rtl { direction: rtl; } .form-control:disabled { cursor: not-allowed; opacity: 0.5; } /*===== Border Inputs start =====*/ .form-control-primary { border-color: #448aff; color: #448aff; } .form-control-primary:focus { border-color: #448aff; } .input-group-primary .input-group-append .input-group-text, .input-group-primary .input-group-prepend .input-group-text { background-color: #448aff; } .input-group-primary .form-control { border-color: #448aff; } .form-control-warning { border-color: #ffba57; color: #ffba57; } .form-control-warning:focus { border-color: #ffba57; } .input-group-warning .input-group-append .input-group-text, .input-group-warning .input-group-prepend .input-group-text { background-color: #ffba57; } .input-group-warning .form-control { border-color: #ffba57; } .form-control-default { border-color: #d6d6d6; color: #d6d6d6; } .form-control-default:focus { border-color: #d6d6d6; } .input-group-default .input-group-append .input-group-text, .input-group-default .input-group-prepend .input-group-text { background-color: #d6d6d6; } .input-group-default .form-control { border-color: #d6d6d6; } .form-control-danger { border-color: #ff5252; color: #ff5252; } .form-control-danger:focus { border-color: #ff5252; } .input-group-danger .input-group-append .input-group-text, .input-group-danger .input-group-prepend .input-group-text { background-color: #ff5252; } .input-group-danger .form-control { border-color: #ff5252; } .form-control-success { border-color: #9ccc65; color: #9ccc65; } .form-control-success:focus { border-color: #9ccc65; } .input-group-success .input-group-append .input-group-text, .input-group-success .input-group-prepend .input-group-text { background-color: #9ccc65; } .input-group-success .form-control { border-color: #9ccc65; } .form-control-inverse { border-color: #37474f; color: #37474f; } .form-control-inverse:focus { border-color: #37474f; } .input-group-inverse .input-group-append .input-group-text, .input-group-inverse .input-group-prepend .input-group-text { background-color: #37474f; } .input-group-inverse .form-control { border-color: #37474f; } .form-control-info { border-color: #00bcd4; color: #00bcd4; } .form-control-info:focus { border-color: #00bcd4; } .input-group-info .input-group-append .input-group-text, .input-group-info .input-group-prepend .input-group-text { background-color: #00bcd4; } .input-group-info .form-control { border-color: #00bcd4; } /*===== Form Input-Text start =====*/ .form-txt-primary { color: #448aff; } .form-txt-primary:focus { color: #448aff; } .form-txt-primary::-moz-placeholder { color: #448aff; opacity: 1; } .form-txt-primary:-ms-input-placeholder { color: #448aff; } .form-txt-primary::-webkit-input-placeholder { color: #448aff; } .form-txt-warning { color: #ffba57; } .form-txt-warning:focus { color: #ffba57; } .form-txt-warning::-moz-placeholder { color: #ffba57; opacity: 1; } .form-txt-warning:-ms-input-placeholder { color: #ffba57; } .form-txt-warning::-webkit-input-placeholder { color: #ffba57; } .form-txt-default { color: #d6d6d6; } .form-txt-default:focus { color: #d6d6d6; } .form-txt-default::-moz-placeholder { color: #d6d6d6; opacity: 1; } .form-txt-default:-ms-input-placeholder { color: #d6d6d6; } .form-txt-default::-webkit-input-placeholder { color: #d6d6d6; } .form-txt-danger { color: #ff5252; } .form-txt-danger:focus { color: #ff5252; } .form-txt-danger::-moz-placeholder { color: #ff5252; opacity: 1; } .form-txt-danger:-ms-input-placeholder { color: #ff5252; } .form-txt-danger::-webkit-input-placeholder { color: #ff5252; } .form-txt-success { color: #9ccc65; } .form-txt-success:focus { color: #9ccc65; } .form-txt-success::-moz-placeholder { color: #9ccc65; opacity: 1; } .form-txt-success:-ms-input-placeholder { color: #9ccc65; } .form-txt-success::-webkit-input-placeholder { color: #9ccc65; } .form-txt-inverse { color: #37474f; } .form-txt-inverse:focus { color: #37474f; } .form-txt-inverse::-moz-placeholder { color: #37474f; opacity: 1; } .form-txt-inverse:-ms-input-placeholder { color: #37474f; } .form-txt-inverse::-webkit-input-placeholder { color: #37474f; } .form-txt-info { color: #00bcd4; } .form-txt-info:focus { color: #00bcd4; } .form-txt-info::-moz-placeholder { color: #00bcd4; opacity: 1; } .form-txt-info:-ms-input-placeholder { color: #00bcd4; } .form-txt-info::-webkit-input-placeholder { color: #00bcd4; } /*===== Form Background-inputs start =====*/ .form-bg-primary { background-color: #448aff; border-color: #448aff; color: #fff; } .form-bg-primary:focus { background-color: #448aff; border-color: #448aff; color: #fff; } .form-bg-primary::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-primary:-ms-input-placeholder { color: #fff; } .form-bg-primary::-webkit-input-placeholder { color: #fff; } .form-bg-warning { background-color: #ffba57; border-color: #ffba57; color: #fff; } .form-bg-warning:focus { background-color: #ffba57; border-color: #ffba57; color: #fff; } .form-bg-warning::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-warning:-ms-input-placeholder { color: #fff; } .form-bg-warning::-webkit-input-placeholder { color: #fff; } .form-bg-default { background-color: #d6d6d6; border-color: #d6d6d6; color: #fff; } .form-bg-default:focus { background-color: #d6d6d6; border-color: #d6d6d6; color: #fff; } .form-bg-default::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-default:-ms-input-placeholder { color: #fff; } .form-bg-default::-webkit-input-placeholder { color: #fff; } .form-bg-danger { background-color: #ff5252; border-color: #ff5252; color: #fff; } .form-bg-danger:focus { background-color: #ff5252; border-color: #ff5252; color: #fff; } .form-bg-danger::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-danger:-ms-input-placeholder { color: #fff; } .form-bg-danger::-webkit-input-placeholder { color: #fff; } .form-bg-success { background-color: #9ccc65; border-color: #9ccc65; color: #fff; } .form-bg-success:focus { background-color: #9ccc65; border-color: #9ccc65; color: #fff; } .form-bg-success::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-success:-ms-input-placeholder { color: #fff; } .form-bg-success::-webkit-input-placeholder { color: #fff; } .form-bg-inverse { background-color: #37474f; border-color: #37474f; color: #fff; } .form-bg-inverse:focus { background-color: #37474f; border-color: #37474f; color: #fff; } .form-bg-inverse::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-inverse:-ms-input-placeholder { color: #fff; } .form-bg-inverse::-webkit-input-placeholder { color: #fff; } .form-bg-info { background-color: #00bcd4; border-color: #00bcd4; color: #fff; } .form-bg-info:focus { background-color: #00bcd4; border-color: #00bcd4; color: #fff; } .form-bg-info::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-info:-ms-input-placeholder { color: #fff; } .form-bg-info::-webkit-input-placeholder { color: #fff; } /*===== Form Validation states start =====*/ .has-success .col-form-label { color: #9ccc65; } .has-success .form-control-success { border-color: #9ccc65; } .has-warning .col-form-label { color: #ffba57; } .has-warning .form-control-success { border-color: #ffba57; } .has-danger .col-form-label { color: #ff5252; } .has-danger .form-control-success { border-color: #ff5252; } /*===== Form-icon css starts =====*/ .left-icon-control { position: relative; } .left-icon-control input { padding-left: 50px; } .left-icon-control .form-icon { position: absolute; top: 50%; left: 17px; margin-top: -12px; } .right-icon-control { position: relative; } .right-icon-control input { padding-right: 50px; } .right-icon-control .form-icon { position: absolute; bottom: 8px; right: 8px; } .right-icon-control .form-icon .btn.btn-icon { width: 35px; height: 35px; padding: 0; } .right-icon-control .btn > i { margin-right: 0; } /*===== Form-icon css ends =====*/ /*===== Basic form elements ends =====*/ /** ===================== Form group-add-on css start ========================== **/ .input-group { margin-bottom: 1.25em; } .input-group-append .input-group-text, .input-group-prepend .input-group-text { background-color: #448aff; border-color: rgba(0, 0, 0, 0.15); color: #fff; } .input-group-button .input-group-addon { transition: all ease-in 0.3s; } .input-group-button .input-group-addon:hover { background-color: #77aaff; border-color: #77aaff; } .input-group-button .input-group-addon:hover .btn { background-color: #77aaff; border-color: #77aaff; } .input-group-dropdown [class*=btn-] { margin-bottom: 0; } /*===== Form group-add-on ends =====*/ /** ===================== Switches css start ========================== **/ .js-dynamic-disable, .js-dynamic-enable { vertical-align: inherit; } /*===== Switches css ends =====*/ /** ===================== Radio-button css start ========================== **/ .form-radio { position: relative; } .form-radio .form-help { position: absolute; width: 100%; } .form-radio label { position: relative; padding-left: 1.5rem; text-align: left; color: #333; display: block; line-height: 1.8; } .form-radio input { width: auto; position: absolute; left: 0; } .radio .helper { position: absolute; top: -0.15rem; left: -0.25rem; cursor: pointer; display: block; font-size: 1rem; user-select: none; color: #999; } .radio .helper::after { transform: scale(0); background-color: #448aff; border-color: #448aff; } .radio .helper::after, .radio .helper::before { content: ""; position: absolute; left: 0; top: 3px; margin: 0.25rem; width: 1rem; height: 1rem; transition: transform 0.28s ease; border-radius: 50%; border: 0.125rem solid #448aff; } .radio label:hover .helper { color: #448aff; } .radio input:checked ~ .helper::after { transform: scale(0.5); } .radio input:checked ~ .helper::before { color: #448aff; animation: ripple 0.3s linear forwards; } .radio.radiofill input:checked ~ .helper::after { transform: scale(1); } .radio.radiofill .helper::after { background-color: #448aff; } .radio.radio-outline input:checked ~ .helper::after { transform: scale(0.6); } .radio.radio-outline .helper::after { background-color: #fff; border: 0.225rem solid #448aff; } .radio.radio-matrial input ~ .helper::after { background-color: #fff; } .radio.radio-matrial input:checked ~ .helper::after { transform: scale(0.5); box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.72); } .radio.radio-matrial input:checked ~ .helper::before { background-color: #448aff; } .radio.radio-disable { opacity: 0.7; } .radio.radio-disable label { cursor: not-allowed; } .radio-inline { display: inline-block; margin-right: 20px; } .radio.radio-primary .helper::after { background-color: #448aff; border-color: #448aff; } .radio.radio-primary .helper::before { border-color: #448aff; } .radio.radio-outline.radio-primary .helper::after { background-color: #fff; border: 0.225rem solid #448aff; } .radio.radio-outline.radio-primary .helper::before { border-color: #448aff; } .radio.radio-matrial.radio-primary input ~ .helper::after { background-color: #fff; border-color: #fff; } .radio.radio-matrial.radio-primary input ~ .helper::before { background-color: #448aff; border-color: #448aff; } .radio.radio-warning .helper::after { background-color: #ffba57; border-color: #ffba57; } .radio.radio-warning .helper::before { border-color: #ffba57; } .radio.radio-outline.radio-warning .helper::after { background-color: #fff; border: 0.225rem solid #ffba57; } .radio.radio-outline.radio-warning .helper::before { border-color: #ffba57; } .radio.radio-matrial.radio-warning input ~ .helper::after { background-color: #fff; border-color: #fff; } .radio.radio-matrial.radio-warning input ~ .helper::before { background-color: #ffba57; border-color: #ffba57; } .radio.radio-default .helper::after { background-color: #d6d6d6; border-color: #d6d6d6; } .radio.radio-default .helper::before { border-color: #d6d6d6; } .radio.radio-outline.radio-default .helper::after { background-color: #fff; border: 0.225rem solid #d6d6d6; } .radio.radio-outline.radio-default .helper::before { border-color: #d6d6d6; } .radio.radio-matrial.radio-default input ~ .helper::after { background-color: #fff; border-color: #fff; } .radio.radio-matrial.radio-default input ~ .helper::before { background-color: #d6d6d6; border-color: #d6d6d6; } .radio.radio-danger .helper::after { background-color: #ff5252; border-color: #ff5252; } .radio.radio-danger .helper::before { border-color: #ff5252; } .radio.radio-outline.radio-danger .helper::after { background-color: #fff; border: 0.225rem solid #ff5252; } .radio.radio-outline.radio-danger .helper::before { border-color: #ff5252; } .radio.radio-matrial.radio-danger input ~ .helper::after { background-color: #fff; border-color: #fff; } .radio.radio-matrial.radio-danger input ~ .helper::before { background-color: #ff5252; border-color: #ff5252; } .radio.radio-success .helper::after { background-color: #9ccc65; border-color: #9ccc65; } .radio.radio-success .helper::before { border-color: #9ccc65; } .radio.radio-outline.radio-success .helper::after { background-color: #fff; border: 0.225rem solid #9ccc65; } .radio.radio-outline.radio-success .helper::before { border-color: #9ccc65; } .radio.radio-matrial.radio-success input ~ .helper::after { background-color: #fff; border-color: #fff; } .radio.radio-matrial.radio-success input ~ .helper::before { background-color: #9ccc65; border-color: #9ccc65; } .radio.radio-inverse .helper::after { background-color: #37474f; border-color: #37474f; } .radio.radio-inverse .helper::before { border-color: #37474f; } .radio.radio-outline.radio-inverse .helper::after { background-color: #fff; border: 0.225rem solid #37474f; } .radio.radio-outline.radio-inverse .helper::before { border-color: #37474f; } .radio.radio-matrial.radio-inverse input ~ .helper::after { background-color: #fff; border-color: #fff; } .radio.radio-matrial.radio-inverse input ~ .helper::before { background-color: #37474f; border-color: #37474f; } .radio.radio-info .helper::after { background-color: #00bcd4; border-color: #00bcd4; } .radio.radio-info .helper::before { border-color: #00bcd4; } .radio.radio-outline.radio-info .helper::after { background-color: #fff; border: 0.225rem solid #00bcd4; } .radio.radio-outline.radio-info .helper::before { border-color: #00bcd4; } .radio.radio-matrial.radio-info input ~ .helper::after { background-color: #fff; border-color: #fff; } .radio.radio-matrial.radio-info input ~ .helper::before { background-color: #00bcd4; border-color: #00bcd4; } @keyframes ripple { 0% { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0); } 50% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.05); } 100% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } } /*===== Radio Button css ends =====*/ /*===== Border-checkbox css start =====*/ .border-checkbox-section .border-checkbox-group { display: inline-block; } .border-checkbox-section .border-checkbox-group .border-checkbox:checked + .border-checkbox-label:before { animation: ripple 0.3s linear forwards; } .border-checkbox-section .border-checkbox-group .border-checkbox:checked + .border-checkbox-label:after { animation: check linear 0.5s; opacity: 1; border-color: #448aff; } .border-checkbox-section .border-checkbox-group .border-checkbox:checked + .border-checkbox-label:after .border-checkbox-label:before { border-color: #eee; } .border-checkbox-section .border-checkbox-group .border-checkbox-label { position: relative; display: inline-block; cursor: pointer; height: 20px; line-height: 20px; padding-left: 30px; margin-right: 15px; } .border-checkbox-section .border-checkbox-group .border-checkbox-label:after { content: ""; display: block; width: 6px; height: 12px; opacity: 0.9; border-right: 2px solid #eee; border-top: 2px solid #eee; position: absolute; left: 4px; top: 11px; transform: scaleX(-1) rotate(135deg); transform-origin: left top; } .border-checkbox-section .border-checkbox-group .border-checkbox-label:before { content: ""; display: block; border: 2px solid #448aff; width: 20px; height: 20px; position: absolute; left: 0; } .border-checkbox-section .border-checkbox { display: none; } .border-checkbox-section .border-checkbox:disabled ~ .border-checkbox-label { cursor: no-drop; color: #ccc; } @keyframes check { 0% { height: 0; width: 0; } 25% { height: 0; width: 6px; } 50% { height: 12px; width: 6px; } } .border-checkbox-section .border-checkbox-group-primary .border-checkbox-label:before { border: 2px solid #448aff; } .border-checkbox-section .border-checkbox-group-primary .border-checkbox:checked + .border-checkbox-label:after { border-color: #448aff; } .border-checkbox-section .border-checkbox-group-warning .border-checkbox-label:before { border: 2px solid #ffba57; } .border-checkbox-section .border-checkbox-group-warning .border-checkbox:checked + .border-checkbox-label:after { border-color: #ffba57; } .border-checkbox-section .border-checkbox-group-default .border-checkbox-label:before { border: 2px solid #d6d6d6; } .border-checkbox-section .border-checkbox-group-default .border-checkbox:checked + .border-checkbox-label:after { border-color: #d6d6d6; } .border-checkbox-section .border-checkbox-group-danger .border-checkbox-label:before { border: 2px solid #ff5252; } .border-checkbox-section .border-checkbox-group-danger .border-checkbox:checked + .border-checkbox-label:after { border-color: #ff5252; } .border-checkbox-section .border-checkbox-group-success .border-checkbox-label:before { border: 2px solid #9ccc65; } .border-checkbox-section .border-checkbox-group-success .border-checkbox:checked + .border-checkbox-label:after { border-color: #9ccc65; } .border-checkbox-section .border-checkbox-group-inverse .border-checkbox-label:before { border: 2px solid #37474f; } .border-checkbox-section .border-checkbox-group-inverse .border-checkbox:checked + .border-checkbox-label:after { border-color: #37474f; } .border-checkbox-section .border-checkbox-group-info .border-checkbox-label:before { border: 2px solid #00bcd4; } .border-checkbox-section .border-checkbox-group-info .border-checkbox:checked + .border-checkbox-label:after { border-color: #00bcd4; } /*===== zoom Fade-in-checkbox css start =====*/ .checkbox-fade, .checkbox-zoom { display: inline-block; margin-right: 15px; } .checkbox-fade label, .checkbox-zoom label { line-height: 20px; } .checkbox-fade label input[type=checkbox], .checkbox-fade label input[type=radio], .checkbox-zoom label input[type=checkbox], .checkbox-zoom label input[type=radio] { display: none; } .checkbox-fade label input[type=checkbox]:checked + .cr > .cr-icon, .checkbox-fade label input[type=radio]:checked + .cr > .cr-icon, .checkbox-zoom label input[type=checkbox]:checked + .cr > .cr-icon, .checkbox-zoom label input[type=radio]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1; } .checkbox-fade label input[type=checkbox] + .cr > .cr-icon, .checkbox-fade label input[type=radio] + .cr > .cr-icon, .checkbox-zoom label input[type=checkbox] + .cr > .cr-icon, .checkbox-zoom label input[type=radio] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all 0.3s ease-in; } .checkbox-fade label:after, .checkbox-zoom label:after { content: ""; display: table; clear: both; } .checkbox-fade.fade-in-disable .cr, .checkbox-fade.fade-in-disable label, .checkbox-zoom.fade-in-disable .cr, .checkbox-zoom.fade-in-disable label { color: #ccc; cursor: no-drop; } .checkbox-fade .cr, .checkbox-zoom .cr { border-radius: 0; border: 2px solid #448aff; cursor: pointer; display: inline-block; float: left; height: 20px; margin-right: 1rem; position: relative; width: 20px; } .checkbox-fade .cr .cr-icon, .checkbox-zoom .cr .cr-icon { color: #448aff; font-size: 0.8em; left: 0; line-height: 0; position: absolute; right: 0; text-align: center; top: 50%; } .checkbox-fade input[type=checkbox]:checked + .cr, .checkbox-zoom input[type=checkbox]:checked + .cr { animation: ripple 0.3s linear forwards; } .checkbox-fade label { line-height: 20px; } .checkbox-fade label input[type=checkbox], .checkbox-fade label input[type=radio] { display: none; } .checkbox-fade label input[type=checkbox]:checked + .cr > .cr-icon, .checkbox-fade label input[type=radio]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1; } .checkbox-fade label input[type=checkbox] + .cr > .cr-icon, .checkbox-fade label input[type=radio] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all 0.3s ease-in; } .checkbox-zoom label { line-height: 20px; } .checkbox-zoom label input[type=checkbox], .checkbox-zoom label input[type=radio] { display: none; } .checkbox-zoom label input[type=checkbox]:checked + .cr > .cr-icon, .checkbox-zoom label input[type=radio]:checked + .cr > .cr-icon { transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .checkbox-zoom label input[type=checkbox] + .cr > .cr-icon, .checkbox-zoom label input[type=radio] + .cr > .cr-icon { transform: scale3d(0.2, 0.2, 0.1) translate3d(0, 0, 0); opacity: 0; transition: all 0.3s ease-in; } .checkbox-fade.fade-in-primary .cr, .checkbox-fade.zoom-primary .cr, .checkbox-zoom.fade-in-primary .cr, .checkbox-zoom.zoom-primary .cr { border: 2px solid #448aff; } .checkbox-fade.fade-in-primary .cr .cr-icon, .checkbox-fade.zoom-primary .cr .cr-icon, .checkbox-zoom.fade-in-primary .cr .cr-icon, .checkbox-zoom.zoom-primary .cr .cr-icon { color: #448aff; } .checkbox-fade.fade-in-warning .cr, .checkbox-fade.zoom-warning .cr, .checkbox-zoom.fade-in-warning .cr, .checkbox-zoom.zoom-warning .cr { border: 2px solid #ffba57; } .checkbox-fade.fade-in-warning .cr .cr-icon, .checkbox-fade.zoom-warning .cr .cr-icon, .checkbox-zoom.fade-in-warning .cr .cr-icon, .checkbox-zoom.zoom-warning .cr .cr-icon { color: #ffba57; } .checkbox-fade.fade-in-default .cr, .checkbox-fade.zoom-default .cr, .checkbox-zoom.fade-in-default .cr, .checkbox-zoom.zoom-default .cr { border: 2px solid #d6d6d6; } .checkbox-fade.fade-in-default .cr .cr-icon, .checkbox-fade.zoom-default .cr .cr-icon, .checkbox-zoom.fade-in-default .cr .cr-icon, .checkbox-zoom.zoom-default .cr .cr-icon { color: #d6d6d6; } .checkbox-fade.fade-in-danger .cr, .checkbox-fade.zoom-danger .cr, .checkbox-zoom.fade-in-danger .cr, .checkbox-zoom.zoom-danger .cr { border: 2px solid #ff5252; } .checkbox-fade.fade-in-danger .cr .cr-icon, .checkbox-fade.zoom-danger .cr .cr-icon, .checkbox-zoom.fade-in-danger .cr .cr-icon, .checkbox-zoom.zoom-danger .cr .cr-icon { color: #ff5252; } .checkbox-fade.fade-in-success .cr, .checkbox-fade.zoom-success .cr, .checkbox-zoom.fade-in-success .cr, .checkbox-zoom.zoom-success .cr { border: 2px solid #9ccc65; } .checkbox-fade.fade-in-success .cr .cr-icon, .checkbox-fade.zoom-success .cr .cr-icon, .checkbox-zoom.fade-in-success .cr .cr-icon, .checkbox-zoom.zoom-success .cr .cr-icon { color: #9ccc65; } .checkbox-fade.fade-in-inverse .cr, .checkbox-fade.zoom-inverse .cr, .checkbox-zoom.fade-in-inverse .cr, .checkbox-zoom.zoom-inverse .cr { border: 2px solid #37474f; } .checkbox-fade.fade-in-inverse .cr .cr-icon, .checkbox-fade.zoom-inverse .cr .cr-icon, .checkbox-zoom.fade-in-inverse .cr .cr-icon, .checkbox-zoom.zoom-inverse .cr .cr-icon { color: #37474f; } .checkbox-fade.fade-in-info .cr, .checkbox-fade.zoom-info .cr, .checkbox-zoom.fade-in-info .cr, .checkbox-zoom.zoom-info .cr { border: 2px solid #00bcd4; } .checkbox-fade.fade-in-info .cr .cr-icon, .checkbox-fade.zoom-info .cr .cr-icon, .checkbox-zoom.fade-in-info .cr .cr-icon, .checkbox-zoom.zoom-info .cr .cr-icon { color: #00bcd4; } /*===== Color-checkbox css start =====*/ .checkbox-color { display: inline-block; margin-right: 20px; cursor: pointer; } .checkbox-color label { display: inline-block; position: relative; padding-left: 10px; line-height: 20px; } .checkbox-color label::before { content: ""; display: inline-block; position: absolute; top: 0; width: 20px; height: 20px; left: 0; right: 0; text-align: center; margin-left: -20px; border: 1px solid #ccc; border-radius: 0; background-color: #fff; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox-color label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: -1px; top: 0; margin-left: -17px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #fff; } .checkbox-color input[type=checkbox] { opacity: 0; } .checkbox-color input[type=checkbox]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .checkbox-color input[type=checkbox]:checked + label::after { font-family: "FontAwesome"; content: "\f00c"; } .checkbox-color input[type=checkbox]:checked + label::before { animation: ripple 0.3s linear forwards; } .checkbox-color input[type=checkbox]:disabled + label { opacity: 0.65; } .checkbox-color input[type=checkbox]:disabled + label::before { background-color: #eee; cursor: not-allowed; } .checkbox-color.checkbox-circle label::before { border-radius: 50%; } .checkbox-color.checkbox-inline { margin-top: 0; } .checkbox-danger input[type=checkbox]:checked + label::after, .checkbox-info input[type=checkbox]:checked + label::after, .checkbox-primary input[type=checkbox]:checked + label::after, .checkbox-success input[type=checkbox]:checked + label::after, .checkbox-warning input[type=checkbox]:checked + label::after { color: #fff; } .checkbox-primary input[type=checkbox]:checked + label::before { background-color: #2196f3; border-color: #2196f3; } .checkbox-primary input[type=checkbox]:checked + label::before { background-color: #448aff; } .checkbox-warning input[type=checkbox]:checked + label::before { background-color: #ffba57; } .checkbox-default input[type=checkbox]:checked + label::before { background-color: #d6d6d6; } .checkbox-danger input[type=checkbox]:checked + label::before { background-color: #ff5252; } .checkbox-success input[type=checkbox]:checked + label::before { background-color: #9ccc65; } .checkbox-inverse input[type=checkbox]:checked + label::before { background-color: #37474f; } .checkbox-info input[type=checkbox]:checked + label::before { background-color: #00bcd4; } /*===== Tag input css start =====*/ .bootstrap-tagsinput { border: 1px solid #448aff; line-height: 30px; border-radius: 2px; } .bootstrap-tagsinput .tag { padding: 6px; border-radius: 2px; } /** ===================== Select-2 css start ========================== **/ .select2-container--default:focus { border-color: #448aff; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #fff transparent; } .select2-container--default .select2-search__field:focus { border: 1px solid #448aff; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #448aff; } .select2-container--default .select2-selection--multiple { padding: 3px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #448aff; border: 1px solid #448aff; padding: 5px 15px; color: #fff; } .select2-container--default .select2-selection--multiple .select2-selection__choice span { color: #fff; } .select2-container--default .select2-selection--multiple .select2-search__field { border: none; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #448aff; } .select2-container--default .select2-selection--single { color: #fff; height: auto; } .select2-container--default .select2-selection--single .select2-selection__rendered { background-color: #448aff; color: #fff; padding: 8px 30px 8px 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 10px; right: 15px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent; } /*===== Select-2 css ends =====*/ /** ===================== Multi-select css start ========================== **/ .ms-container .ms-list.ms-focus { border-color: #448aff; box-shadow: inset 0 1px 1px rgba(26, 188, 156, 0.49), 0 0 8px rgba(26, 188, 156, 0.5); } .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { background-color: #448aff; } .ms-selectable .custom-header, .ms-selection .custom-header { background-color: #448aff; color: #fff; text-align: center; } /*===== Multi-select css ends =====*/ /** ===================== Validation-forms css start ========================== **/ .form-group .messages p { margin-bottom: 0; transition: all ease-in 0.3s; } .form-group .popover-valid { position: absolute; right: 40px; top: 7px; } /*===== Validation-forms css end =====*/ /** ===================== Form-wizards css start ========================== **/ .wizard > .steps .current a { background: #448aff; transition: all ease-in 0.3s; cursor: pointer; border-radius: 2px; outline: 1px solid #fff; outline-offset: -7px; } .wizard > .steps .current a:hover { background: #5e9aff; outline-offset: 0; } #design-wizard .steps li { position: relative; z-index: 99; margin-bottom: 20px; } #design-wizard .steps li:after { content: ""; position: absolute; height: 2px; background: #448aff; width: 100%; top: 30px; z-index: -1; } #design-wizard .steps li a { width: 20%; margin: 0 auto; text-align: center; border-radius: 2px; } .wizard > .steps .done a { background: #d6d6d6; } .card .card-block .wizard-form .steps ul { display: block; } .card .card-block .wizard-form li { margin-right: 0; } .wizard > .content { border: 1px solid #ccc; border-radius: 2px; background: #fff; } /*===== Form-wizard forms css end =====*/ /*Form control start*/ .form-material .form-group { position: relative; } .form-material .form-group.form-static-label .form-control ~ .float-label { top: -14px; font-size: 11px; } .form-material .form-control { display: inline-block; height: 43px; width: 100%; border: none; border-radius: 0; font-size: 16px; font-weight: 400; padding: 0; background-color: transparent; box-shadow: none; border-bottom: 1px solid #ccc; } .form-material .form-control:focus { border-color: transparent; outline: none; box-shadow: none; } .form-material .form-control:focus ~ .form-bar:after, .form-material .form-control:focus ~ .form-bar:before { width: 50%; } .form-material .form-control:focus ~ .float-label, .form-material .form-control:valid ~ .float-label { top: -14px; font-size: 11px; } .form-material textarea { height: 100px; } .form-material .form-bar { position: relative; display: block; width: 100%; } .form-material .form-bar:after, .form-material .form-bar:before { content: ""; height: 2px; width: 0; bottom: 0; position: absolute; transition: 0.3s ease all; -moz-transition: 0.3s ease all; -webkit-transition: 0.3s ease all; } .form-material .form-bar:before { left: 50%; } .form-material .form-bar:after { right: 50%; } .form-material .float-label { pointer-events: none; position: absolute; top: 12px; left: 0; font-size: 14px; font-weight: 400; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .form-material .material-group { display: flex; margin-bottom: 1.25em; } .form-material .material-group .material-addone { padding: 0.5rem 0.75rem; display: flex; align-items: center; } .form-material .material-group .material-addone i, .form-material .material-group .material-addone span { font-size: 20px; } .form-material .material-group .form-group { flex: 1 1 auto; width: 1%; margin-bottom: 0; } .form-material .material-group.material-group-lg .material-addone { padding: 0.5rem 1rem; } .form-material .material-group.material-group-lg .material-addone i, .form-material .material-group.material-group-lg .material-addone span { font-size: 1.55rem; font-weight: 500; } .form-material .material-group.material-group-lg .form-control { padding: 0.5rem 0; font-size: 1.25rem; line-height: 1.5; } .form-material .material-group.material-group-lg .form-control:focus ~ .float-label, .form-material .material-group.material-group-lg .form-control:valid ~ .float-label { top: -15px; font-size: 14px; } .form-material .material-group.material-group-lg .float-label { font-size: 1.25rem; } .form-material .material-group.material-group-sm .material-addone { padding: 0.25rem 0.5rem; } .form-material .material-group.material-group-sm .material-addone i, .form-material .material-group.material-group-sm .material-addone span { font-size: 0.775rem; } .form-material .material-group.material-group-sm .form-control { padding: 0.25rem 0; font-size: 0.875rem; line-height: 1.5; } .form-material .material-group.material-group-sm .form-control:focus ~ .float-label, .form-material .material-group.material-group-sm .form-control:valid ~ .float-label { top: -9px; font-size: 11px; } .form-material .material-group.material-group-sm .float-label { font-size: 0.775rem; } .form-material .form-primary .form-control:focus ~ label { color: #448aff; } .form-material .form-primary .form-control:focus ~ .form-bar:after, .form-material .form-primary .form-control:focus ~ .form-bar:before { background: #448aff; } .form-material .form-primary.form-static-label .float-label { color: #448aff; } .form-material .form-primary.form-static-label .form-control { border-bottom-color: #448aff; } .form-material .material-group-primary .material-addone i, .form-material .material-group-primary .material-addone span { color: #448aff; } .form-material .form-warning .form-control:focus ~ label { color: #ffba57; } .form-material .form-warning .form-control:focus ~ .form-bar:after, .form-material .form-warning .form-control:focus ~ .form-bar:before { background: #ffba57; } .form-material .form-warning.form-static-label .float-label { color: #ffba57; } .form-material .form-warning.form-static-label .form-control { border-bottom-color: #ffba57; } .form-material .material-group-warning .material-addone i, .form-material .material-group-warning .material-addone span { color: #ffba57; } .form-material .form-default .form-control:focus ~ label { color: #d6d6d6; } .form-material .form-default .form-control:focus ~ .form-bar:after, .form-material .form-default .form-control:focus ~ .form-bar:before { background: #d6d6d6; } .form-material .form-default.form-static-label .float-label { color: #d6d6d6; } .form-material .form-default.form-static-label .form-control { border-bottom-color: #d6d6d6; } .form-material .material-group-default .material-addone i, .form-material .material-group-default .material-addone span { color: #d6d6d6; } .form-material .form-danger .form-control:focus ~ label { color: #ff5252; } .form-material .form-danger .form-control:focus ~ .form-bar:after, .form-material .form-danger .form-control:focus ~ .form-bar:before { background: #ff5252; } .form-material .form-danger.form-static-label .float-label { color: #ff5252; } .form-material .form-danger.form-static-label .form-control { border-bottom-color: #ff5252; } .form-material .material-group-danger .material-addone i, .form-material .material-group-danger .material-addone span { color: #ff5252; } .form-material .form-success .form-control:focus ~ label { color: #9ccc65; } .form-material .form-success .form-control:focus ~ .form-bar:after, .form-material .form-success .form-control:focus ~ .form-bar:before { background: #9ccc65; } .form-material .form-success.form-static-label .float-label { color: #9ccc65; } .form-material .form-success.form-static-label .form-control { border-bottom-color: #9ccc65; } .form-material .material-group-success .material-addone i, .form-material .material-group-success .material-addone span { color: #9ccc65; } .form-material .form-inverse .form-control:focus ~ label { color: #37474f; } .form-material .form-inverse .form-control:focus ~ .form-bar:after, .form-material .form-inverse .form-control:focus ~ .form-bar:before { background: #37474f; } .form-material .form-inverse.form-static-label .float-label { color: #37474f; } .form-material .form-inverse.form-static-label .form-control { border-bottom-color: #37474f; } .form-material .material-group-inverse .material-addone i, .form-material .material-group-inverse .material-addone span { color: #37474f; } .form-material .form-info .form-control:focus ~ label { color: #00bcd4; } .form-material .form-info .form-control:focus ~ .form-bar:after, .form-material .form-info .form-control:focus ~ .form-bar:before { background: #00bcd4; } .form-material .form-info.form-static-label .float-label { color: #00bcd4; } .form-material .form-info.form-static-label .form-control { border-bottom-color: #00bcd4; } .form-material .material-group-info .material-addone i, .form-material .material-group-info .material-addone span { color: #00bcd4; } select.form-control, select.form-control:focus, select.form-control:hover { border-top: none; border-right: none; border-left: none; box-shadow: none; } /* form controll end*/ .md-input-file input[type=file] { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .md-input-file { overflow: hidden; padding-left: 10px; } .md-add-on-file { float: left; height: 3rem; line-height: 3rem; } .md-add-on-file .btn { padding: 7px 20px; } .md-form-file ~ .md-form-control { opacity: 0; position: absolute; top: 0; } .md-input-wrapper .md-check { padding-left: 0; top: 0; } /** ===================== Label-Badges css start ========================== **/ .label { border-radius: 4px; font-size: 75%; padding: 4px 7px; margin-right: 5px; font-weight: 400; color: #fff; } .label-main { display: inline-block; vertical-align: middle; margin: 8px 5px; } .badge { border-radius: 10px; padding: 3px 7px; } .badge-top-left { margin-right: -10px; right: 100%; top: -3px; } .badge-top-right { margin-left: -10px; top: -3px; } .badge-bottom-left { margin-left: -33px; bottom: -12px; right: 97%; } .badge-bottom-right { margin-left: -10px; bottom: -12px; } .label.label-lg { padding: 8px 21px; } .label.label-md { padding: 6px 14px; } .badge-lg { padding: 5px 9px; font-size: 14px; } .badge-md { padding: 4px 8px; font-size: 14px; } span.badge { display: inline-block; } .label-default { background-color: #d6d6d6; border-color: #d6d6d6; box-shadow: none; color: #fff; } .label-inverse-default { border: 1px solid; border-color: #d6d6d6; color: #d6d6d6; } .label-inverse-primary { border: 1px solid; border-color: #448aff; color: #448aff; } .label-inverse-success { border: 1px solid; border-color: #9ccc65; color: #9ccc65; } .label-inverse-warning { border: 1px solid; border-color: #ffba57; color: #ffba57; } .label-inverse-danger { border: 1px solid; border-color: #ff5252; color: #ff5252; } .label-inverse-info { border: 1px solid; border-color: #00bcd4; color: #00bcd4; } .label-inverse-info-border { border: 1px solid; border-color: #37474f; color: #37474f; } .badge-inverse-default { border: 1px solid; border-color: #d6d6d6; color: #d6d6d6; } .badge-inverse-primary { border: 1px solid; border-color: #448aff; color: #448aff; } .badge-inverse-success { border: 1px solid; border-color: #9ccc65; color: #9ccc65; } .badge-inverse-warning { border: 1px solid; border-color: #ffba57; color: #ffba57; } .badge-inverse-danger { border: 1px solid; border-color: #ff5252; color: #ff5252; } .badge-inverse-info { border: 1px solid; border-color: #37474f; color: #37474f; } .label-icon { position: relative; } .label-icon label { position: absolute; } .icofont.icofont-envelope { font-size: 20px; } /*===== Label and Badges css end =====*/ /** ===================== Data-table css start ========================== **/ table.table-bordered.dataTable tbody td:focus, table.table-bordered.dataTable tbody th:focus { outline: none; } .card .card-block ul.pagination li { margin-right: 0; } .page-item.active .page-link { background-color: #448aff; border-color: #448aff; } .page-link { color: #222; } .table-hover tbody tr:hover { background-color: rgba(68, 138, 255, 0.1); } td.highlight { font-weight: 500; color: #00bcd4; background-color: #f5f5f5; } .table.compact td, .table.compact th { padding: 0.45rem; } .dataTables_paginate .pagination { float: right; } #multi-table_wrapper .dataTables_paginate .pagination { float: none; } #dt-live-dom .form-control, #footer-search tfoot .form-control, #footer-select tfoot .form-control, #form-input-table .form-control, .search-api .form-control { width: 90%; } .search-api .column_filter, .search-api .global_filter { margin: 0 auto; } .search-api .checkbox-fade { display: block; text-align: center; } #row-delete .selected, #row-select .selected { background-color: #448aff; color: #fff; } /*===== Autofill data-table ===== */ div.dt-autofill-list div.dt-autofill-button button { background-color: #448aff; border-color: #448aff; } table.dataTable { border-collapse: collapse; } table.dataTable tbody > tr > .selected, table.dataTable tbody > tr.selected { background-color: #448aff; color: #fff; } table.dataTable td.select-checkbox:before, table.dataTable th.select-checkbox:before { margin-top: 0; } table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after { margin-top: -6px; margin-left: -5px; } /*===== Button data-table ===== */ a.dt-button, a.dt-button.active:not(.disabled), a.dt-button:active:not(.disabled), a.dt-button:focus:not(.disabled), button.dt-button, button.dt-button.active:not(.disabled), button.dt-button:active:not(.disabled), button.dt-button:focus:not(.disabled), div.dt-button, div.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled), div.dt-button:focus:not(.disabled) { background-color: #448aff; border-color: #448aff; border-radius: 2px; color: #fff; background-image: none; font-size: 14px; } a.dt-button.btn-warning, button.dt-button.btn-warning, div.dt-button.btn-warning { background-color: #ffba57; border-color: #ffba57; border-radius: 2px; color: #fff; background-image: none; } a.dt-button.btn-danger, button.dt-button.btn-danger, div.dt-button.btn-danger { background-color: #ff5252; border-color: #ff5252; border-radius: 2px; color: #fff; background-image: none; } a.dt-button.btn-inverse, button.dt-button.btn-inverse, div.dt-button.btn-inverse { background-color: #37474f; border-color: #37474f; border-radius: 2px; color: #fff; background-image: none; } a.dt-button:hover:not(.disabled), button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled) { background-image: none; background-color: #5e9aff; border-color: #448aff; } a.dt-button.btn-warning:hover:not(.disabled), button.dt-button.btn-warning:hover:not(.disabled), div.dt-button.btn-warning:hover:not(.disabled) { background-image: none; background-color: #ffcf8a; border-color: #ffba57; } a.dt-button.btn-danger:hover:not(.disabled), button.dt-button.btn-danger:hover:not(.disabled), div.dt-button.btn-danger:hover:not(.disabled) { background-image: none; background-color: #ff8585; border-color: #ff5252; } a.dt-button.btn-inverse:hover:not(.disabled), button.dt-button.btn-inverse:hover:not(.disabled), div.dt-button.btn-inverse:hover:not(.disabled) { background-image: none; background-color: #4c626d; border-color: #37474f; } div.dt-button-collection a.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled) { background-color: #448aff; border-color: #448aff; background-image: none; } div.dt-buttons { clear: both; } .card .table-card-header b { display: block; color: #448aff; margin-top: 15px; } .card .table-card-header span { color: #116aff; display: inline-block; margin-top: 0; } div.dataTables_wrapper div.dataTables_info { display: inline-block; } /*===== Colreorder data-table ===== */ table.DTCR_clonedTable.dataTable { position: absolute; background-color: rgba(255, 255, 255, 0.7); z-index: 202; } div.DTCR_pointer { width: 1px; background-color: #0259C4; z-index: 201; } /*===== Fixed-column data-table ===== */ table.DTFC_Cloned tfoot, table.DTFC_Cloned thead { background-color: white; } div.DTFC_Blocker { background-color: white; } div.DTFC_LeftWrapper table.dataTable, div.DTFC_RightWrapper table.dataTable { margin-bottom: 0; z-index: 2; } div.DTFC_LeftWrapper table.dataTable.no-footer, div.DTFC_RightWrapper table.dataTable.no-footer { border-bottom: none; } td, th { white-space: nowrap; } /*===== Fixed-header data-table ===== */ table.fixedHeader-floating { position: fixed; background-color: white; } table.fixedHeader-floating.no-footer { border-bottom-width: 0; } table.fixedHeader-locked { position: absolute; background-color: white; } @media print { table.fixedHeader-floating { display: none; } } /*===== Key-table data-table ===== */ table.dataTable td.focus, table.dataTable th.focus { outline: 3px solid #448aff; outline-offset: -1px; } table.dataTable td.focus { outline: 1px solid #ff5252; outline-offset: -3px; background-color: #f8e6e6; } #events { margin-bottom: 1em; padding: 1em; background-color: #f6f6f6; border: 1px solid #999; border-radius: 3px; height: 100px; overflow: auto; } /*===== Row-Re-order data-table ===== */ table.dt-rowReorder-float { position: absolute; opacity: 0.8; table-layout: fixed; outline: 2px solid #888; outline-offset: -2px; z-index: 2001; } tr.dt-rowReorder-moving { outline: 2px solid #555; outline-offset: -2px; } body.dt-rowReorder-noOverflow { overflow-x: hidden; } table.dataTable td.reorder { text-align: center; cursor: move; } #result { border: 1px solid #888; background: #f7f7f7; padding: 1em; margin-bottom: 1em; } /*===== Scroller data-table ===== */ div.DTS { display: block; } div.DTS tbody td, div.DTS tbody th { white-space: nowrap; } div.DTS div.DTS_Loading { z-index: 1; } div.DTS div.dataTables_scrollBody table { z-index: 2; } div.DTS div.dataTables_length, div.DTS div.dataTables_paginate { display: none; } /**====== Data-table css end ======**/ .table td, .table th { padding: 1.25rem 0.75rem; } .table thead th { border-bottom: 1px solid #d6dde1; } .table.product-multiplier thead th, .table.product-multiplier thead th a { font-weight: 600 !important; color: #212529; } .invoice-box .table td, .invoice-box .table th, .invoive-info .table td, .invoive-info .table th { padding: 3px 0; } table.invoice-table td, table.invoice-table th { padding: 3px 0; } th { font-weight: 600; } table.dataTable.display tbody tr.odd, table.dataTable.stripe tbody tr.odd { background-color: #ddeaff; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #f7faff; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #c4daff; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(68, 138, 255, 0.1); } .table-striped.product-multiplier tbody tr:nth-of-type(odd) { background-color: #f0f0f0 !important; } .dataTables_filter .form-control { margin-top: 5px; margin-right: 5px; } .dataTable.table td, .dataTable.table th { padding: 0.75rem; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { top: 14px; } /** ===================== Chatting css start ========================== **/ .user-box { height: 100%; } .user-box .media-object { height: 45px; width: 45px; display: inline-block; } .p-chat-user { position: fixed; top: 0; right: 0; width: 280px; height: 100%; z-index: 1030; background-color: #fff; box-shadow: -2px 0 11px -2px rgba(0, 0, 0, 0.3); } .p-chat-user .chat-search-box { padding: 20px; } .p-chat-user .userlist-box { cursor: pointer; border-bottom: 1px solid #efefef; } .p-chat-user .userlist-box .media-left { padding-right: 10px; } .showChat_inner { position: fixed; top: 0; background-color: #fff; right: 0; display: none; width: 280px; height: 100%; z-index: 1032; } .showChat_inner .chat-reply-box { background-color: #fff; position: absolute; bottom: 0; width: 100%; padding: 20px 20px 0; border-top: 1px solid #ccc; } .showChat_inner .chat-inner-header { text-align: center; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding: 20px; } .showChat_inner .chat-messages { padding-bottom: 20px; padding-left: 15px; padding-right: 15px; } .showChat_inner .chat-messages .chat-menu-content > div, .showChat_inner .chat-messages .chat-menu-reply > div { position: relative; overflow: visible; display: inline-block; } .showChat_inner .chat-messages .chat-menu-content > div .chat-cont, .showChat_inner .chat-messages .chat-menu-reply > div .chat-cont { padding: 10px; margin-bottom: 0; } .showChat_inner .chat-messages .chat-menu-content .chat-time, .showChat_inner .chat-messages .chat-menu-reply .chat-time { margin: 9px 8px 0 10px; } .showChat_inner .chat-messages .chat-menu-reply { text-align: right; padding-right: 10px; } .showChat_inner .chat-messages .chat-menu-reply > div { border-radius: 10px 10px 0; background: #ecf0f5; } .showChat_inner .chat-messages .chat-menu-reply > div:before { content: ""; position: absolute; bottom: 0; right: -10px; width: 0; height: 0; border: 5px solid transparent; border-left-color: #ecf0f5; border-bottom-color: #ecf0f5; } .showChat_inner .chat-messages .chat-menu-content > div { background: #ddeaff; border-radius: 0 10px 10px; } .showChat_inner .chat-messages .chat-menu-content > div:before { content: ""; position: absolute; top: 0; left: -14px; width: 0; height: 0; border: 8px solid transparent; border-right-color: #ddeaff; border-top-color: #ddeaff; } .back_chatBox, .back_friendlist { margin: 0 auto; font-weight: 600; } .back_chatBox i, .back_friendlist i { position: absolute; line-height: 18px; font-size: 20px; left: -40px; top: 80px; cursor: pointer; text-align: center; background-color: #fff; box-shadow: -2px 0 9px -2px rgba(0, 0, 0, 0.3); padding: 12px 0 12px 7px; border-radius: 50% 0 0 50%; width: 40px; height: 40px; } .users-main { height: 100%; width: 280px; position: fixed; border-radius: 0; } .users-main .media { display: flex; align-items: center; padding-top: 0; padding-bottom: 10px; margin-bottom: 10px; padding-left: 20px; padding-right: 20px; position: relative; } .users-main .media .chat-header { font-size: 14px; font-weight: 600; } .users-main .media-body div + div { font-size: 12px; } .photo-table img { display: inline-block; width: 40px; margin-bottom: 5px; } .live-status { height: 10px; width: 10px; position: absolute; top: 20px; right: 20px; border-radius: 100%; border: 1px solid; } .showChat { display: none; } /**====== Chatting css end ======**/ /** ===================== Progress-bar css start ========================== **/ .progress-xl { height: 30px; } .progress-lg { height: 24px; } .progres-md { height: 18px; } .progress-sm { height: 12px; } .progress-xs { height: 6px; } .progress-bar-page .progress { margin-bottom: 2rem; } .progress-bar-default { background-color: #d6d6d6; } .progress-bar-primary { background-color: #448aff; } .progress-bar-success { background-color: #9ccc65; } .progress-bar-info { background-color: #00bcd4; } .progress-bar-warning { background-color: #ffba57; } .progress-bar-danger { background-color: #ff5252; } .progress-bar-pink { background-color: #ff7aa3; } .progress-bar-purple { background-color: #9261c6; } .progress-bar-orange { background-color: #e67e22; } .progress-bar-yellow { background-color: #f1c40f; } .progress-bar-emrald { background-color: #2ecc71; } /**====== Progress-bar css end ======**/ @media only screen and (max-width: 1366px) { .img-tabs img { width: 75px; } .card .card-block .sub-title { font-size: 12px; } } @media only screen and (max-width: 1199px) { .pagination { float: inherit; text-align: center; display: inline-block; margin-top: 10px; } .pagination li { float: left; margin-bottom: 10px; } } @media only screen and (max-width: 992px) { .navbar, .navbar .navbar-logo { width: 100%; } #dt-live-dom .form-control, #footer-search tfoot .form-control, #footer-select tfoot .form-control, #form-input-table .form-control, .search-api .form-control { width: 80%; } .header-navbar { z-index: 1209; top: 0; } .header-navbar[pcoded-header-position=relative] { top: 0; } .header-navbar .navbar-wrapper .navbar-container { margin-left: 0; } .header-navbar .navbar-wrapper .navbar-logo { width: 100%; } .header-navbar .navbar-wrapper .navbar-logo a img { display: block; } .header-navbar .navbar-wrapper .navbar-logo .mobile-menu { position: absolute; right: auto; left: 0; top: 0; width: 60px; } .header-navbar .navbar-wrapper .navbar-logo .mobile-search { display: block; position: absolute; left: 70px; top: 0; } .header-navbar .navbar-wrapper .navbar-logo .mobile-options { display: block; position: absolute; right: 0; top: 0; font-size: 16px; line-height: 3.5; width: 60px; } .header-navbar .navbar-container .nav-left { display: none; } } @media only screen and (max-width: 991px) { .main-body .page-wrapper .align-items-end .page-header-title { text-align: center; display: block; } .main-body .page-wrapper .align-items-end .page-header-title i { float: none; margin-bottom: 10px; margin-right: 0; } .main-body .page-wrapper .align-items-end .page-header-breadcrumb { width: 100%; text-align: center; margin-top: 10px; display: block; } .page-header-breadcrumb .breadcrumb-item { display: inline-block; float: none; } } @media only screen and (max-width: 768px) { h4 { font-size: 1rem; font-weight: 500; } .card h5 { font-size: 16px; } .header-navbar .navbar-wrapper .navbar-logo { display: inherit; } .header-navbar .navbar-wrapper .navbar-logo a { display: inline-block; } body.horizontal-icon .page-header, body.horizontal-icon-fixed .page-header { margin-top: 0; } body.horizontal-icon .pcoded .pcoded-navbar .pcoded-item > li > a > .pcoded-micon, body.horizontal-icon-fixed .pcoded .pcoded-navbar .pcoded-item > li > a > .pcoded-micon { display: inline-block; margin-right: 20px; } } @media only screen and (max-width: 991px) { .main-body .page-wrapper .align-items-end .page-header-title { text-align: center; display: block; } .main-body .page-wrapper .align-items-end .page-header-title i { float: none; margin-bottom: 10px; } .main-body .page-wrapper .align-items-end .page-header-breadcrumb { width: 100%; text-align: center; margin-top: 10px; display: block; } .page-header-breadcrumb .breadcrumb-item { display: inline-block; float: none; } } @media only screen and (max-width: 993px) { .navbar, .navbar .navbar-logo { width: 100%; } } @media only screen and (max-width: 573px) { .md-tabs { display: initial; } .md-tabs .nav-item { width: 100%; position: relative; } .nav-tabs.tabs { display: inherit; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border: none; } } @media only screen and (max-width: 480px) { .main-body .page-wrapper { padding: 10px; } } @media only screen and (max-width: 576px) { .pcoded .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification { min-width: 280px; left: -30px; right: auto; width: auto; } .pcoded .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification:before { right: calc(100% - 40px); } .pcoded .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification { left: auto; right: 0; } .pcoded .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification:before { right: 40px; } .nav-tabs .nav-link.active { margin-bottom: 0; } body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification { left: auto; right: -40px; } body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification:before { left: auto; right: 40px; } body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification { right: auto; left: 0; } body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification:before { right: calc(100% - 40px); } } .pcoded[layout-type=dark] { color: #fff; } .pcoded[layout-type=dark] a { color: #fff; } .pcoded[layout-type=dark] text { fill: #fff; } .pcoded[layout-type=dark] .card { background-color: #4f4f4f; } .pcoded[layout-type=dark] .card code { background-color: #5c5c5c; color: #fff; } .pcoded[layout-type=dark] .card code[class*=language-], .pcoded[layout-type=dark] .card pre[class*=language-] { color: #5c5c5c; } .pcoded[layout-type=dark] .card .card-header h5 { color: #fff; } .pcoded[layout-type=dark] .card .card-header .card-header-right i { color: #fff; } .pcoded[layout-type=dark] .card .card-block code { background-color: #5c5c5c; } .pcoded[layout-type=dark] .card .card-block code.language-markup { background-color: #fff; } .pcoded[layout-type=dark] .card .card-block .dropdown-menu { background-color: #545454; } .pcoded[layout-type=dark] .card-footer { background-color: #4a4a4a; } .pcoded[layout-type=dark] .dropdown-menu { background-color: #545454; } .pcoded[layout-type=dark] .dropdown-menu .dropdown-item .dropdown-divider { border-top: 1px solid #424242; } .pcoded[layout-type=dark] .dropdown-menu .dropdown-item:focus, .pcoded[layout-type=dark] .dropdown-menu .dropdown-item:hover { background-color: #424242; } .pcoded[layout-type=dark] .sub-title { color: #757575; } .pcoded[layout-type=dark] .b-l-default, .pcoded[layout-type=dark] .b-l-theme { border-left: 1px solid #5c5c5c; } .pcoded[layout-type=dark] .b-r-default, .pcoded[layout-type=dark] .b-r-theme, .pcoded[layout-type=dark] .messages-content { border-right: 1px solid #5c5c5c; } .pcoded[layout-type=dark] .btn-default { background-color: #5c5c5c; color: #fff; } .pcoded[layout-type=dark] .pcoded-main-container { background-color: #5c5c5c; } .pcoded[layout-type=dark][vertical-layout=box] .pcoded-container, .pcoded[layout-type=dark][theme-layout=vertical][vertical-nav-type=collapsed] .pcoded-container { background-color: #5c5c5c; } .pcoded[layout-type=dark] .progress { background-color: #5c5c5c; } .pcoded[layout-type=dark] .alert.alert-danger, .pcoded[layout-type=dark] .alert.alert-default, .pcoded[layout-type=dark] .alert.alert-info, .pcoded[layout-type=dark] .alert.alert-primary, .pcoded[layout-type=dark] .alert.alert-success, .pcoded[layout-type=dark] .alert.alert-warning { background-color: #424242; } .pcoded[layout-type=dark] .alert.background-default { background-color: #d6d6d6; color: #fff; } .pcoded[layout-type=dark] .alert.background-primary { background-color: #448aff; color: #fff; } .pcoded[layout-type=dark] .alert.background-success { background-color: #9ccc65; color: #fff; } .pcoded[layout-type=dark] .alert.background-info { background-color: #00bcd4; color: #fff; } .pcoded[layout-type=dark] .alert.background-warning { background-color: #ffba57; color: #fff; } .pcoded[layout-type=dark] .alert.background-danger { background-color: #ff5252; color: #fff; } .pcoded[layout-type=dark] .accordion-msg { color: #fff; border-top: 1px solid #5c5c5c; } .pcoded[layout-type=dark] .accordion-desc { color: #fff; } .pcoded[layout-type=dark] .header-navbar .navbar-wrapper .navbar-container .nav-right > .header-notification:nth-child(1) .show-notification li:first-child:hover { background-color: #424242 !important; } .pcoded[layout-type=dark] .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .pcoded[layout-type=dark] .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification { color: #fff; background-color: #424242; } .pcoded[layout-type=dark] .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification.show:before, .pcoded[layout-type=dark] .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification.show:before { border-left-color: #424242; border-top-color: #424242; } .pcoded[layout-type=dark] .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a, .pcoded[layout-type=dark] .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification a { color: #fff; } .pcoded[layout-type=dark] .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:hover, .pcoded[layout-type=dark] .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:hover { background-color: #5c5c5c; } .pcoded[layout-type=dark] .p-chat-user { background-color: #4f4f4f; } .pcoded[layout-type=dark] .p-chat-user .userlist-box { border-bottom: 1px solid #5c5c5c; } .pcoded[layout-type=dark] .p-chat-user .userlist-box .chat-header { color: #fff; } .pcoded[layout-type=dark] .back_chatBox i, .pcoded[layout-type=dark] .back_friendlist i { background-color: #4f4f4f; color: #fff; } .pcoded[layout-type=dark] .showChat_inner { background-color: #4f4f4f; } .pcoded[layout-type=dark] .showChat_inner .chat-messages .chat-menu-content > div { background-color: #424242; } .pcoded[layout-type=dark] .showChat_inner .chat-messages .chat-menu-content > div:before { border-right-color: #424242; border-top-color: #424242; } .pcoded[layout-type=dark] .showChat_inner .chat-messages .chat-menu-reply > div { background-color: #5c5c5c; } .pcoded[layout-type=dark] .showChat_inner .chat-messages .chat-menu-reply > div:before { border-left-color: #5c5c5c; border-bottom-color: #5c5c5c; } .pcoded[layout-type=dark] .showChat_inner .chat-inner-header { border-bottom: 1px solid #424242; } .pcoded[layout-type=dark] .showChat_inner .chat-reply-box { background-color: #4f4f4f; border-top: 1px solid #424242; } .pcoded[layout-type=dark] .form-control { background-color: transparent; color: #fff; } .pcoded[layout-type=dark] select.form-control { background-color: #4f4f4f; } .pcoded[layout-type=dark] .bg-white { background: #4f4f4f !important; } .pcoded[layout-type=dark] .card-header-img h5, .pcoded[layout-type=dark] .card-header-img h6 { color: #fff; } .pcoded[layout-type=dark] .text-inverse { color: #fff !important; } .pcoded[layout-type=dark] #styleSelector { color: #424242; } .pcoded[layout-type=dark] #styleSelector .form-control { color: #424242; } .pcoded[layout-type=dark] .chat-card .chat-control .chat-form .form-control { background-color: transparent; } .pcoded[layout-type=dark] .chat-card .chat-control .chat-form .form-control:active, .pcoded[layout-type=dark] .chat-card .chat-control .chat-form .form-control:focus { box-shadow: none; } .pcoded[layout-type=dark] .table > thead > tr > th { border-bottom-color: #5c5c5c; } .pcoded[layout-type=dark] .table td, .pcoded[layout-type=dark] .table th { border-top-color: #5c5c5c; } .pcoded[layout-type=dark] .main-menu .main-menu-header:before, .pcoded[layout-type=dark] .page-header:before { background-color: #4f4f4f; } .pcoded[layout-type=dark] .bg-c-blue { background: #448aff; } .pcoded[layout-type=dark] .bg-c-red { background: #ff5252; } .pcoded[layout-type=dark] .bg-c-green { background: #9ccc65; } .pcoded[layout-type=dark] .bg-c-yellow { background: #ffba57; } .pcoded[layout-type=dark] .bg-c-orenge { background: #FE8A7D; } .pcoded[layout-type=dark] .bg-c-lite-green { background: #69CEC6; } .pcoded[layout-type=dark] .bg-c-purple { background: #536dfe; } /*! * Waves v0.7.5 * http://fian.my.id/Waves * * Copyright 2014-2016 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */ .waves-effect { position: relative; cursor: pointer; /*display: inline-block;*/ overflow: hidden; user-select: none; -webkit-tap-highlight-color: transparent; } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: rgba(0, 0, 0, 0.2); background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); transition: all 0.5s ease-out; transition-property: transform, opacity; transform: scale(0) translate(0, 0); pointer-events: none; } .waves-effect.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); } .waves-effect.waves-classic .waves-ripple { background: rgba(0, 0, 0, 0.2); } .waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); } .waves-notransition { transition: none !important; } .waves-button, .waves-circle { transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%); } .waves-button { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: 0; color: inherit; background-color: transparent; font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1; } .waves-button:hover, .waves-button:visited { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: 0; color: inherit; background-color: transparent; font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1; } .waves-button-input { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: 0; color: inherit; background-color: transparent; font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1; } .waves-button { padding: 0.85em 1.1em; border-radius: 0.2em; } .waves-button-input { margin: 0; padding: 0.85em 1.1em; } .waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; } .waves-input-wrapper.waves-button { padding: 0; } .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; } .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; } .waves-float { -webkit-mask-image: none; box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.12); transition: all 300ms; } .waves-float:active { box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3); } .waves-block { display: block; } .below-tabs { transform: rotate(180deg); } .below-tabs .nav-tabs, .below-tabs .tab-content { transform: rotate(180deg); } .below-tabs .nav-tabs { border-top: 1px solid #ddd; border-bottom: transparent; } .below-tabs .nav-tabs .nav-link { border: 1px solid transparent; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .below-tabs .nav-tabs .nav-item.show .nav-link, .below-tabs .nav-tabs .nav-link.active { color: #464a4c; background-color: #fff; border-color: #fff #ddd #ddd; margin-top: -1px; } /* tab material start */ .md-tabs.md-card-tabs .nav.nav-tabs { background: #fff; border-radius: 5px; box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16); border: none; margin-bottom: 30px; transition: all 0.3s ease-in-out; } .md-tabs .nav-link { transition: all 0.4s ease-in-out; border-bottom: 4px solid transparent; } .md-tabs .nav-link.active { border-bottom: 4px solid #448aff; border-bottom: 4px solid #448aff; } .md-tabs .nav-link.active:focus, .md-tabs .nav-link.active:hover { border-bottom: 4px solid #448aff; } .md-tabs .nav-link:hover, .md-tabs .nav-link:focus { border-bottom: 4px solid #ddd; } .md-tabs.md-below-tabs { transform: rotate(180deg); } .md-tabs.md-below-tabs .nav-tabs, .md-tabs.md-below-tabs .tab-content { transform: rotate(180deg); } .md-tabs.md-below-tabs .nav-tabs, .md-tabs.md-below-tabs .nav-item:first-child { border-top: 1px solid #ddd; border-bottom: 0px solid transparent; margin-top: -1px; } .md-tabs.md-below-tabs .nav-link { transition: all 0.4s ease-in-out; border-top: 0px solid transparent; } .md-tabs.md-below-tabs .nav-link.active { border-top: 4px solid #448aff; border-top: 4px solid #448aff; border-bottom: 0px solid transparent; } .md-tabs.md-below-tabs .nav-link.active:focus, .md-tabs.md-below-tabs .nav-link.active:hover { border-top: 4px solid #448aff; border-bottom: 0px solid transparent; } .md-tabs.md-below-tabs .nav-tabs .nav-link:hover { border-top: 4px solid #ddd; border-bottom: 0px solid transparent; } .md-tabs.md-below-tabs .nav-tabs .nav-link.active:hover { border-top: 4px solid #448aff; } .md-tabs.md-left-tabs .nav-item { width: 100%; } .md-tabs.md-left-tabs .nav-item:first-child { border-bottom: 0px; } .md-tabs.md-left-tabs .nav-item .nav-link { border: 0px solid transparent; padding: 10px 0 !important; margin: 10px 0; } .md-tabs.md-left-tabs .nav-link.active { border-left: 4px solid #448aff; border-bottom: 0px solid transparent; } .md-tabs.md-left-tabs .nav-link.active:focus, .md-tabs.md-left-tabs .nav-link.active:hover { border-left: 4px solid #448aff; border-bottom: 0px solid transparent; } .md-tabs.md-left-tabs .nav-item .nav-link.active { border: 0px solid transparent; border-left: 4px solid #448aff; } .md-tabs.md-left-tabs .nav-tabs { border-bottom: 0px solid transparent; display: table-cell; min-width: 120px; vertical-align: top; width: 150px; } .md-tabs.md-left-tabs .nav-tabs .nav-link.active:hover { border-left: 4px solid #448aff; } .md-tabs.md-left-tabs .nav-tabs .nav-link:hover { border: 0px solid transparent; border-left: 4px solid #ddd; } .md-tabs.md-left-tabs .tab-content { display: table-cell; top: 0; position: absolute; left: 150px; } .md-tabs.md-right-tabs .nav-item { width: 100%; } .md-tabs.md-right-tabs .nav-item:first-child { border-bottom: 0px; } .md-tabs.md-right-tabs .nav-item .nav-link { border: 0px solid transparent; padding: 10px 0 !important; margin: 10px 0; } .md-tabs.md-right-tabs .nav-link.active { border-right: 4px solid #448aff; border-bottom: 0px solid transparent; } .md-tabs.md-right-tabs .nav-link.active:focus, .md-tabs.md-right-tabs .nav-link.active:hover { border-right: 4px solid #448aff; border-bottom: 0px solid transparent; } .md-tabs.md-right-tabs .nav-item .nav-link.active { border: 0px solid transparent; border-right: 4px solid #448aff; } .md-tabs.md-right-tabs .nav-tabs { border-bottom: 0px solid transparent; display: table-cell; min-width: 120px; vertical-align: top; width: 150px; float: right; } .md-tabs.md-right-tabs .nav-tabs .nav-link.active:hover { border-right: 4px solid #448aff; } .md-tabs.md-right-tabs .nav-tabs .nav-link:hover { border: 0px solid transparent; border-right: 4px solid #ddd; } .md-tabs.md-right-tabs .tab-content { display: table-cell; top: 0; position: absolute; right: 150px; } .md-tabs.md-image-tab .nav-link { position: relative; display: inline-block; } .md-tabs.md-image-tab .nav-item, .md-tabs.md-image-tab .nav-link, .md-tabs.md-image-tab .nav-tabs { border: 0px solid transparent !important; } .md-tabs.md-image-tab img { width: 100px; border: 4px solid #448aff; } .md-tabs.md-image-tab img + .quote { position: absolute; height: 25px; width: 25px; border-radius: 100%; bottom: 10px; right: 70px; } .md-tabs.md-image-tab .quote i { border-radius: 50%; padding: 3px 5px; } .md-tabs.md-image-tab .nav-link { opacity: 0.5; } .md-tabs.md-image-tab .nav-link.active { opacity: 1; } @media only screen and (max-width: 576px) { ngb-tabset .nav-tabs .nav-link.active { border: 1px solid transparent; border-color: #dee2e6 #dee2e6 #fff; } .md-tabs .nav { display: block; } .md-tabs .nav.nav-tabs { width: 100%; } .md-tabs .nav.nav-tabs a.nav-link { margin-bottom: 0; } .md-tabs .nav-tabs .nav-link.active { border: none; border-bottom: 4px solid #448aff; } .md-tabs.md-below-tabs { display: block; } .md-tabs.md-below-tabs .nav-tabs .nav-link.active { border: none; border-bottom: 4px solid transparent; border-top: 4px solid #448aff; } .md-tabs.md-right-tabs .nav-tabs, .md-tabs.md-left-tabs .nav-tabs { display: block; } .md-tabs.md-right-tabs .tab-content, .md-tabs.md-left-tabs .tab-content { position: relative; left: 0; } } .pcoded[layout-type=dark] .md-tabs .nav-item a.active, .pcoded[layout-type=dark] .md-tabs .nav-item a:focus, .pcoded[layout-type=dark] .md-tabs .nav-item a:hover, body.dark .md-tabs .nav-item a.active, body.dark .md-tabs .nav-item a:focus, body.dark .md-tabs .nav-item a:hover { border-color: #448aff !important; } .pcoded[layout-type=dark] .below-tabs .nav-tabs, body.dark .below-tabs .nav-tabs { border-top: none; } .pcoded[layout-type=dark] .md-tabs.md-below-tabs .nav-link.active, body.dark .md-tabs.md-below-tabs .nav-link.active { margin-top: -1px; } .pcoded[layout-type=dark] .md-tabs.md-card-tabs .nav.nav-tabs, body.dark .md-tabs.md-card-tabs .nav.nav-tabs { background-color: #4f4f4f; } .basic-list, .list-view-media { margin-bottom: 30px; } .basic-list li { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .basic-list li:last-child { border: 0; padding-bottom: 0; } .basic-list.list-icons li, .basic-list.list-icons-img li { margin-left: 50px; position: relative; } .list-icons i { left: -64px; top: 0; bottom: -1px; width: 64px; padding: 8px 0; float: left; position: absolute; } .basic-list p { margin: 0; } .list-icons-img img { left: -60px; top: 0; bottom: -1px; width: 40px; position: absolute; border-radius: 5px; } .list-view li button { margin-right: 10px; margin-bottom: 10px; } .list-view li .user-card { margin-bottom: 20px; } .list-view li:last-child .user-card { margin-bottom: 0; } .small-icon .icon { width: auto !important; height: auto !important; } .no-icon .icon { display: none; } .simple-notification-wrapper { z-index: 10001 !important; width: auto !important; max-width: 450px; } .br-horizontal .br-unit.br-active, .br-horizontal .br-unit.br-selected, .br-movie .br-unit.br-active, .br-movie .br-unit.br-selected, .br-vertical .br-unit.br-active, .br-vertical .br-unit.br-selected { background-color: #449bff !important; } .br-square .br-unit.br-active, .br-square .br-unit.br-selected { border: 2px solid #449bff !important; color: #449bff !important; } .br-fontawesome .br-selected:after, .br-default .br-selected:after, .br-fontawesome-o .br-selected:after, .br-fontawesome-o .br-fraction:after { color: #449bff !important; } .br-horizontal .br-unit, .br-movie .br-unit, .br-vertical .br-unit { background-color: rgba(114, 180, 255, 0.4) !important; } .br-square .br-unit { border: 2px solid rgba(114, 180, 255, 0.4) !important; } .stars .title { top: -5px; } .ngx-carousel .bannerStyle { background-color: #ccc; background-size: cover !important; height: 100%; } .ngx-carousel .bannerStyle img { width: 100%; height: 100%; } .ngx-carousel .bannerStyle h1 { text-align: center; line-height: 400px; background: rgba(0, 0, 0, 0.32); color: white; margin: 0; } .ngx-carousel .tile { min-height: 200px; background-color: #ccc; background-size: cover !important; } .ngx-carousel .tile h1 { text-align: center; line-height: 200px; background: rgba(0, 0, 0, 0.32); color: white; margin: 0; } .ngx-carousel h4 { margin: 0; padding: 10px 15px; text-align: center; } .ngx-carousel p { margin: 0; padding: 0 15px 10px; text-align: center; } .ngx-carousel .wBg { background: white; } .ngx-carousel .container { max-width: 1200px; margin: 0 auto; } .ngx-carousel nav { border-bottom: 1px solid #ccc; position: fixed; width: 100%; top: 0; background: white; z-index: 12; } .ngx-carousel nav h1 { margin: 0; padding: 10px; text-align: center; } .ngx-carousel .carBtn { position: absolute; margin: auto; top: 0; bottom: 0; width: 50px; height: 50px; box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3); border-radius: 999px; } .ngx-carousel .tile { height: auto; background: #fff; } .ngx-carousel .tile img { width: 100%; } .ngx-carousel .carousel-control-prev, .ngx-carousel .carousel-control-next { opacity: 1; background-color: transparent; cursor: pointer; border: none; } .ngx-carousel .carousel-control-prev i, .ngx-carousel .carousel-control-next i { color: #fff; font-size: 35px; opacity: 0.5; } .ngx-carousel .carousel-control-prev:hover i { opacity: 1; } .ngx-carousel .carousel-control-next:hover i { opacity: 1; } .tag-chips .ng2-tag-input { border-bottom: 1px solid #448aff !important; border: 1px solid #448aff; line-height: 30px; border-radius: 2px; padding: 6px !important; } .tag-chips .ng2-tag-input tag, .tag-chips .ng2-tag-input .ng2-tag-input.bootstrap { color: #fff !important; background: linear-gradient(45deg, #00bcd4, #08e3ff) !important; border-radius: 2px !important; } .tag-chips .ng2-tag-input tag.tag--editing, .tag-chips .ng2-tag-input .tag--editing.ng2-tag-input.bootstrap { color: #333 !important; background: #fff !important; } .tag-chips .ng2-tag-input.minimal tag, .tag-chips .ng2-tag-input.minimal .ng2-tag-input.bootstrap { border-radius: 15px !important; } .tag-chips .ng2-tag-input.dark tag, .tag-chips .ng2-tag-input.dark .ng2-tag-input.bootstrap { background: linear-gradient(45deg, #150909, #bbb8b8) !important; } .tag-chips .ng2-tag-input.danger tag, .tag-chips .ng2-tag-input.danger .ng2-tag-input.bootstrap { background: linear-gradient(45deg, #FF5370, #ff869a) !important; } .tag-chips .ng2-tag-input.success tag, .tag-chips .ng2-tag-input.success .ng2-tag-input.bootstrap { background: linear-gradient(45deg, #2ed8b6, #59e0c5) !important; } .tag-chips .ng2-tag-input.warning tag, .tag-chips .ng2-tag-input.warning .ng2-tag-input.bootstrap { background: linear-gradient(45deg, #FFB64D, #ffcb80) !important; } .tag-chips .ng2-tag-input.minimal-dark tag, .tag-chips .ng2-tag-input.minimal-dark .ng2-tag-input.bootstrap { border-radius: 15px !important; background: linear-gradient(45deg, #150909, #bbb8b8) !important; } .tag-chips .ng2-tag-input.minimal-danger tag, .tag-chips .ng2-tag-input.minimal-danger .ng2-tag-input.bootstrap { border-radius: 15px !important; background: linear-gradient(45deg, #FF5370, #ff869a) !important; } .tag-chips .ng2-tag-input.minimal-success tag, .tag-chips .ng2-tag-input.minimal-success .ng2-tag-input.bootstrap { border-radius: 15px !important; background: linear-gradient(45deg, #2ed8b6, #59e0c5) !important; } .tag-chips .ng2-tag-input.minimal-warning tag, .tag-chips .ng2-tag-input.minimal-warning .ng2-tag-input.bootstrap { border-radius: 15px !important; background: linear-gradient(45deg, #FFB64D, #ffcb80) !important; } .tag-chips .tag__text { line-height: 2; font-size: 11px; font-weight: 400; } .tag-chips delete-icon svg { height: 12px !important; line-height: 1; vertical-align: top !important; margin-top: 5px; } .tag-chips delete-icon svg path { fill: #fff !important; } .tag-chips .ng2-tags-container tag, .tag-chips .ng2-tags-container .ng2-tag-input.bootstrap { padding: 3px 6px !important; height: 27px !important; } .tag-chips delete-icon:hover { transform: none !important; } .tag-chips .ng2-tag-input__text-input { height: auto !important; } ng-select.material-select > div { border-left: 0; border-right: 0; border-top: 0; } ng-select.ng-select > div { border: none; } ng-select.ng-select > div > div.single { background-color: #448aff; color: #fff; padding: 8px 30px 8px 20px; border-radius: 4px; height: auto; } ng-select.ng-select > div.disabled > div.single { background-color: #aaa; color: #fff; } ng-select.ng-select > div > div.single > div.clear:hover, ng-select.ng-select > div > div.single > div.toggle:hover { background-color: transparent; } ng-select.ng-select > div > div.single > div.clear { color: #fff; } ng-select.ng-select > div > div.single > div.toggle { color: #fff; font-size: 9px; } ng-select.ng-select > div > div.single > div.clear, ng-select.ng-select > div > div.single > div.toggle { width: 0; } .ng-select select-dropdown .highlighted { background-color: #448aff; } .famfamfam-flags { display: inline-block; margin-right: 6px; width: 16px; } ng-select.ng-select > div > div.multiple { border: 1px solid #aaa; padding: 6px 10px 6px 10px !important; border-radius: 4px; } ng-select.ng-select > div > div.multiple > div.option { background-color: #448aff !important; border: 1px solid #448aff !important; padding: 5px 15px !important; color: #fff !important; margin: 0 2px 2px !important; } ng-select.ng-select > div > div.multiple > div.option span.deselect-option { color: #fff !important; font-size: 10px !important; vertical-align: middle; font-weight: bold; margin-right: 2px; } ng-select.ng-select > div > div.single > div.placeholder { color: #fff; } ng-select.ng-select > div > div.single > div.clear { font-size: 10px; margin-right: 14px; font-weight: bold; } .tag-select .bootstrap tag, .tag-select .bootstrap .tag-chips .ng2-tag-input.bootstrap, .tag-chips .tag-select .bootstrap .ng2-tag-input.bootstrap { padding: 5px 10px !important; height: auto !important; z-index: 0; line-height: 25px !important; background: #448aff !important; } .tag-select .bootstrap tag delete-icon:hover, .tag-select .bootstrap .tag-chips .ng2-tag-input.bootstrap delete-icon:hover, .tag-chips .tag-select .bootstrap .ng2-tag-input.bootstrap delete-icon:hover { transform: scale(1); } .tag-select .bootstrap tag delete-icon svg, .tag-select .bootstrap .tag-chips .ng2-tag-input.bootstrap delete-icon svg, .tag-chips .tag-select .bootstrap .ng2-tag-input.bootstrap delete-icon svg { height: 27px !important; } .tag-select tag-input-form { padding: 0px 10px 0px 10px !important; } .tag-select .ng2-tag-input { border-bottom: 1px solid #aaa !important; border: 1px solid #aaa; padding: 5px !important; border-radius: 4px; } .pcoded[layout-type=dark] .tag-chips .ng2-tag-input__text-input, .pcoded[layout-type=dark] .ng2-tag-input__text-input, body.dark .tag-chips .ng2-tag-input__text-input, body.dark .ng2-tag-input__text-input { background-color: transparent; color: #fff; } .pcoded[layout-type=dark] select-dropdown > div, body.dark select-dropdown > div { background-color: #5c5c5c; } .pcoded[layout-type=dark] select-dropdown .selected, body.dark select-dropdown .selected { background-color: #4f4f4f; } /* data table */ ngx-datatable.data-table { border: 1px solid #eceeef; } .data-table datatable-header { border-bottom: 2px solid #ccc; } .data-table datatable-footer { border-top: 2px solid #ccc; padding: 0 0.75rem; background-color: #eceeef; box-shadow: inset 0 2px 4px -2px rgba(0, 0, 0, 0.15); } .data-table .empty-row { padding: 0.75rem; text-align: center; } .data-table .datatable-row-wrapper:nth-child(odd) { background-color: rgba(0, 0, 0, 0.05); } .data-table datatable-body-cell { padding: 0.75rem; } .data-table datatable-body-cell + datatable-body-cell { border-left: 1px solid #eceeef; } .data-table datatable-header-cell .datatable-header-cell-label { padding: 0.75rem 30px 0.75rem 0.75rem; } .data-table datatable-header-cell + datatable-header-cell { border-left: 1px solid #eceeef; } .data-table datatable-header-cell.sortable:before, .data-table datatable-header-cell.sortable:after { font-family: "IcoFont" !important; position: absolute; top: 10px; color: #ccc; font-size: 20px; } .datatable-header-cell-wrapper, .datatable-header-cell-label { display: block; } .dt-cust-search.float-right label { display: inline-block; } .dt-cust-search.float-right .form-control { display: inline-block; width: auto; vertical-align: middle; } .data-table datatable-header-cell.sortable:after { content: "\eb53"; right: 10px; } .data-table datatable-header-cell.sortable:before { content: "\eb56"; right: 15px; } .data-table datatable-header-cell.sortable.sort-active.sort-desc:after, .data-table datatable-header-cell.sortable.sort-active.sort-asc:before { color: #666; } .data-table.scroll .datatable-body, .data-table.fullscreen .datatable-body { height: 500px !important; } .data-table datatable-scroller { width: auto !important; } .datatable-footer { border-top: 1px solid rgba(0, 0, 0, 0.12); font-size: 16px; } .datatable-footer .page-count { line-height: 50px; height: 50px; padding: 0 1.2rem; } .datatable-footer .datatable-pager { margin: 0 10px; } .datatable-footer .datatable-pager li { vertical-align: middle; } .datatable-footer .datatable-pager li.disabled a { color: rgba(0, 0, 0, 0.26) !important; background-color: transparent !important; } .datatable-footer .datatable-pager li.active a { background-color: #448aff; color: #fff; } .datatable-footer .datatable-pager a { padding: 0 6px; border-radius: 3px; margin: 6px 3px; text-align: center; vertical-align: top; color: rgba(0, 0, 0, 0.54); text-decoration: none; vertical-align: bottom; } .datatable-footer .datatable-pager a:hover { color: rgba(0, 0, 0, 0.75); background-color: rgba(158, 158, 158, 0.2); } .datatable-footer .datatable-pager .datatable-icon-left, .datatable-footer .datatable-pager .datatable-icon-skip, .datatable-footer .datatable-pager .datatable-icon-right, .datatable-footer .datatable-pager .datatable-icon-prev { font-size: 20px; line-height: 20px; padding: 0 3px; } .datatable-icon-right:before { content: "\eb27"; font-family: "icofont"; font-style: normal; } .datatable-icon-skip:before { content: "\eb3a"; font-family: "icofont"; font-style: normal; } .datatable-icon-left:before { content: "\eb26"; font-family: "icofont"; font-style: normal; } .datatable-icon-down:before { content: "\eb28"; font-family: "icofont"; font-style: normal; } .datatable-icon-up:before { content: "\eb25"; font-family: "icofont"; font-style: normal; } .datatable-icon-prev:before { content: "\eb39"; font-family: "icofont"; font-style: normal; } .dt-desc { padding: 0.45rem 50px; } .dt-desc th, .dt-desc td { padding: 0.75rem; } .dt-desc table { min-width: 400px; } .datatable-row-detail { background-color: #f9f9f9; box-shadow: inset 0px 2px 9px -6px rgba(0, 0, 0, 0.68); } .expandable datatable-body-cell + datatable-body-cell, .expandable datatable-header-cell + datatable-header-cell { width: calc((100% - 50px) / 5) !important; } .expandable .datatable-body-row, .expandable .datatable-header-inner { width: 100% !important; } .datatable-row-center, .datatable-scroll, .data-table.expandable datatable-scroller { width: 100% !important; } .ngx-datatable.data-table.single-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.data-table.multi-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.data-table.single-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.data-table.multi-selection .datatable-body-row.active .datatable-row-group { background: #448aff !important; color: #FFF !important; } .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell { overflow: visible !important; } .selection-cell .datatable-body-cell.active { background: #448aff !important; color: #FFF !important; } .selected-column label { margin-bottom: 5px; } .dt-chk label { margin-bottom: 0; } .dt-chk .datatable-body-cell { line-height: 1 !important; overflow: hidden; } .full-data-search { margin-left: 0.5em; display: inline-block; width: auto !important; } .full-data-show-entry { width: 75px; display: inline-block; } .full-data-table .glyphicon { font-family: IcoFont; position: absolute; right: 14px; font-size: 20px; top: 9px; } .full-data-table .glyphicon.glyphicon-triangle-bottom:before { content: "\eb53"; } .full-data-table .glyphicon.glyphicon-triangle-top:before { content: "\eb56"; } .full-data-table th { position: relative; } .pcoded[layout-type=dark] .data-table datatable-footer, body.dark .data-table datatable-footer { background-color: transparent; } .pcoded[layout-type=dark] .datatable-footer .datatable-pager a, body.dark .datatable-footer .datatable-pager a { color: #fff; } .pcoded[layout-type=dark] .datatable-row-detail, body.dark .datatable-row-detail { background-color: transparent; } .ngb-accordion .card { border-bottom: none; border-top: 1px solid rgba(0, 0, 0, 0.125); box-shadow: none; margin-bottom: 0; border-radius: 0; } .ngb-accordion .card .card-header { border-radius: 0; border-bottom: none; padding: 14px 20px; box-shadow: none; } .ngb-accordion .card .card-header a { transition: all 0.5s ease-in-out; font-weight: 500; } .ngb-accordion .card .card-header:hover a, .ngb-accordion .card .card-header:focus a { color: #448aff; background: #fff; } .ngb-accordion .card .card-header:hover a:hover, .ngb-accordion .card .card-header:hover a:focus, .ngb-accordion .card .card-header:focus a:hover, .ngb-accordion .card .card-header:focus a:focus { background: #fff; } .ngb-accordion.color-accordion .card { border-top: 1px solid #fff; } .ngb-accordion.color-accordion .card .card-header { transition: all 0s ease-in-out; } .ngb-accordion.color-accordion .card .card-header a { transition: all 0s ease-in-out; } .ngb-accordion.color-accordion .card .card-header:hover, .ngb-accordion.color-accordion .card .card-header:focus, .ngb-accordion.color-accordion .card .card-header.active { background: #448aff; } .ngb-accordion.color-accordion .card .card-header:hover a, .ngb-accordion.color-accordion .card .card-header:focus a, .ngb-accordion.color-accordion .card .card-header.active a { color: #fff; background: #448aff; } .ngb-accordion.color-accordion .card .card-header:hover a:hover, .ngb-accordion.color-accordion .card .card-header:hover a:focus, .ngb-accordion.color-accordion .card .card-header:focus a:hover, .ngb-accordion.color-accordion .card .card-header:focus a:focus, .ngb-accordion.color-accordion .card .card-header.active a:hover, .ngb-accordion.color-accordion .card .card-header.active a:focus { color: #fff; background: #448aff; } .pcoded[layout-type=dark] .ngb-accordion .card .card-header:hover a, .pcoded[layout-type=dark] .ngb-accordion .card .card-header:focus a, body.dark .ngb-accordion .card .card-header:hover a, body.dark .ngb-accordion .card .card-header:focus a { background-color: transparent !important; } .pcoded[layout-type=dark] .ngb-accordion.color-accordion .card, body.dark .ngb-accordion.color-accordion .card { border-top: inherit; } .taskboard { overflow-x: auto; overflow-y: hidden; white-space: nowrap; height: calc(100vh - 3.5rem); padding: 1rem; } .taskboard .taskboard-wrapper { width: 280px; padding-right: 0.5rem; padding-left: 0.5rem; box-sizing: border-box; display: inline-block; vertical-align: top; height: 100%; } .taskboard .taskboard-wrapper:first-child { padding-left: 0; } .taskboard .taskboard-wrapper:last-child { padding-right: 0; } .taskboard .taskboard-list { box-sizing: border-box; display: flex; flex-direction: column; max-height: 100%; white-space: normal; background-color: #fff; border: 1px solid #ddd; border-radius: 0.125rem; } .taskboard .taskboard-header { position: relative; display: flex; flex-direction: row; align-items: center; font-family: "Montserrat", Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.02rem; font-size: 13px; padding: 0.5rem 0.5rem 0; } .taskboard .taskboard-task { position: relative; display: flex; flex-direction: column; border: 0 solid rgba(0, 0, 0, 0.06); border-radius: 0.125rem; padding: 0.5rem; margin-bottom: 0.5rem; } .taskboard .taskboard-task:last-child { margin-bottom: 0; } .taskboard .taskboard-task:hover { cursor: grab; } .taskboard .taskboard-task:after { content: ""; position: absolute; border: 4px solid transparent; top: 0; border-top-width: 12px; border-bottom-color: transparent; right: 6px; } .taskboard .taskboard-task.task-status-success:after { border-top-color: #9ccc65; border-right-color: #9ccc65; border-left-color: #9ccc65; } .taskboard .taskboard-task.task-status-info:after { border-top-color: #00bcd4; border-right-color: #00bcd4; border-left-color: #00bcd4; } .taskboard .taskboard-task.task-status-warning:after { border-top-color: #ffba57; border-right-color: #ffba57; border-left-color: #ffba57; } .taskboard .taskboard-task.task-status-danger:after { border-top-color: #ff5252; border-right-color: #ff5252; border-left-color: #ff5252; } .taskboard .taskboard-cards { padding: 0.5rem; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; } .taskboard .taskboard-task-title { margin-bottom: 0.5rem; } .ripple { position: relative; overflow: hidden; } .ripple:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: radial-gradient(circle, #000 10%, transparent 10.01%); background-repeat: no-repeat; background-position: 50%; transform: scale(10, 10); opacity: 0; transition: transform 0.5s, opacity 1s; } .ripple:active:after { transform: scale(0, 0); opacity: 0.2; transition: 0s; } .ripple.menu-ripple { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1030; } .ripple.light:after { background-image: radial-gradient(circle, #fff 10%, transparent 10.01%); } .header-navbar .navbar-wrapper .navbar-container .nav-right li { padding: 0 0; } .header-navbar .navbar-wrapper .navbar-container .nav-right li .badge { right: 0; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification { display: block; padding: 0; right: 0; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification > li:first-child, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification > li:first-child { padding-top: 15px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification > li:last-child, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification > li:last-child { padding-bottom: 15px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li, .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li { border-top: none; } .header-notification.ripple, .show-notification.show { overflow: visible; } .showChat, .showChat_inner { display: block; height: 100vh; overflow: hidden; } .showChat.out .back_chatBox i, .showChat.out .back_friendlist i, .showChat_inner.out .back_chatBox i, .showChat_inner.out .back_friendlist i { display: none; } .showChat.out .users-main, .showChat_inner.out .users-main { width: 0; overflow: hidden; } .showChat.ng-animating .users-main, .showChat_inner.ng-animating .users-main { width: 0; overflow: hidden; } @media only screen and (max-width: 576px) { .pcoded .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification:before { left: calc(100% - 60px); } .pcoded .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification:before { right: calc(100% - 60px); } } @media only screen and (max-width: 992px) { .header-navbar .navbar-wrapper .navbar-container .nav-right { display: block; overflow: hidden; } .header-navbar .navbar-wrapper .navbar-container .nav-right.nav-on { overflow: visible; } .header-navbar .navbar-wrapper .navbar-container .nav-right.nav-on.nav-off { overflow: hidden; } } .main-menu .main-menu-content .more-details { display: block; } .pcoded .pcoded-navbar .pcoded-item { padding: 0; } perfect-scrollbar.disabled .ps__rail-y { display: none; } perfect-scrollbar.disabled .ps--scrolling-y .ps_rail-x { bottom: 0 !important; } perfect-scrollbar.disabled .ps--scrolling-y .ps_rail-y { top: 0 !important; } #styleSelector { z-index: 101; } #styleSelector .ps__rail-y:focus > .ps__thumb-y, #styleSelector .ps__rail-y:hover > .ps__thumb-y, #styleSelector .ps__thumb-y { width: 6px; } #styleSelector .theme-color a { margin: 5px 4px 5px 0; } body .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] perfect-scrollbar.disabled { overflow: visible; } body .pcoded[theme-layout=vertical][vertical-nav-type=collapsed] perfect-scrollbar.disabled .ps { overflow: visible !important; } body .pcoded[theme-layout=vertical] .pcoded-item .pcoded-hasmenu .pcoded-submenu { width: 80%; list-style: outside none none; margin: 15px auto; opacity: 0; visibility: hidden; position: absolute; } body .pcoded[theme-layout=vertical] .pcoded-item .pcoded-hasmenu.pcoded-trigger .pcoded-submenu { transform-origin: 10% 10%; transition: transform 0.5s, opacity 0.5s; } body .pcoded[theme-layout=vertical] .pcoded-item .pcoded-hasmenu .pcoded-submenu { transform-style: preserve-3d; transform: rotateX(-90deg); } body .pcoded[theme-layout=vertical] .pcoded-item .pcoded-hasmenu.pcoded-trigger.active > .pcoded-submenu { display: block; } body .pcoded[theme-layout=vertical] .pcoded-item .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { position: relative; display: block; opacity: 1; visibility: visible; transform: rotateX(0deg); } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(2) > li > a > .pcoded-micon { color: #448aff; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(3) > li > a > .pcoded-micon { color: #b71c1c; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(4) > li > a > .pcoded-micon { color: #4CAF50; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(5) > li > a > .pcoded-micon { color: #d84315; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(6) > li > a > .pcoded-micon { color: #4527a0; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(7) > li > a > .pcoded-micon { color: #37474f; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(8) > li > a > .pcoded-micon { color: #7C4DFF; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(9) > li > a > .pcoded-micon { color: #FF5370; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(10) > li > a > .pcoded-micon { color: #448aff; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(11) > li > a > .pcoded-micon { color: #b71c1c; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(12) > li > a > .pcoded-micon { color: #4CAF50; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(13) > li > a > .pcoded-micon { color: #d84315; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(14) > li > a > .pcoded-micon { color: #4527a0; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(15) > li > a > .pcoded-micon { color: #37474f; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(16) > li > a > .pcoded-micon { color: #7C4DFF; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(17) > li > a > .pcoded-micon { color: #FF5370; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(18) > li > a > .pcoded-micon { color: #448aff; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(19) > li > a > .pcoded-micon { color: #b71c1c; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(20) > li > a > .pcoded-micon { color: #4CAF50; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(21) > li > a > .pcoded-micon { color: #d84315; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(22) > li > a > .pcoded-micon { color: #4527a0; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(23) > li > a > .pcoded-micon { color: #37474f; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(24) > li > a > .pcoded-micon { color: #7C4DFF; } .pcoded[nav-type=st1] .d-color > .pcoded-item:nth-child(25) > li > a > .pcoded-micon { color: #FF5370; } .pcoded .d-color { padding-bottom: 20px; position: relative; } .pcoded .d-color:after { content: ""; background-color: #e4e9eb; width: 80%; height: 1px; position: absolute; left: 10%; bottom: 10px; } .pcoded[theme-layout=horizontal] .d-color { padding-bottom: 0; } .pcoded[theme-layout=horizontal] .d-color:after { display: none; } .pcoded .pcoded-navbar .pcoded-item { padding-bottom: 0; } .pcoded .pcoded-navbar .pcoded-item:after { display: none; } .pcoded[nav-type=st1] .pcoded-item.pcoded-left-item > li > a > .pcoded-micon b, .pcoded[nav-type=st2] .pcoded-item.pcoded-left-item > li > a > .pcoded-micon b { display: none; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .custom-file-control { position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; pointer-events: none; user-select: none; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-control:lang(en)::before { content: "Browse"; } .custom-file-control::before { position: absolute; top: -1px; right: -1px; bottom: -1px; z-index: 6; display: block; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0; } .custom-file-control:lang(en):empty::after { content: "Choose file..."; } .pcoded-inner-content { margin-top: 0; } #ngb-open-p3 .btn-outline-success:hover { color: #fff; background-color: #28a745 !important; border-color: #28a745; } #ngb-open-p3 .btn-outline-warning:hover { color: #fff; background-color: #ffa11a !important; border-color: #ffa11a; } #ngb-open-p3 .btn-outline-danger:hover { color: #fff; background-color: #ff1515 !important; border-color: #ff1515; } #ngb-open-p3 .btn-outline-primary:hover { color: #fff; background-color: #0764ff !important; border-color: #0764ff; } .filter-bar .navbar-nav .dropdown-menu { position: absolute; } .pcoded-inner-content { padding: 10px; margin-top: -50px; } .tooltip-error { position: absolute; right: 30px; top: 7px; } .custom-range { text-align: center; padding: 0.185rem 0.25rem; display: inline-block; height: 2rem; width: 2rem; } .custom-range.focused { background-color: #e6e6e6; } .custom-range.range, .custom-range:hover { background-color: #448aff; color: white; } .faded { opacity: 0.5; } .custom-day { text-align: center; padding: 0.185rem 0.25rem; border-radius: 0.25rem; display: inline-block; width: 2rem; } .custom-day:hover, .custom-day.focused { background-color: #e6e6e6; } .weekend { background-color: #999; border-radius: 1rem; color: white; } @media (min-width: 576px) { .form-inline .form-group { display: block; flex: 240px; } } .table-styling .table-info, .table-styling.table-info { background-color: #00bcd4; color: #fff; border: none; border-top: 3px solid #00bcd4; border-bottom: 3px solid #00bcd4; } .login-block .auth-box { margin: 65px auto 0 auto !important; } .ngx-form-wizard .nav-item a.nav-link { background: #eee; color: #aaa; margin: 0 0.5em 0.5em; padding: 1em 1em; border-radius: 5px; } .ngx-form-wizard .nav-item a.nav-link.active { background-color: #448aff; color: #fff; } .ngx-form-wizard .nav-tabs { border-bottom: none; } .ngx-form-wizard .tab-pane { border: 1px solid #d6d6d6; padding: 20px; margin: 8px; border-radius: 5px; } .arc-wizard.arc-custom .steps-indicator li:after { border-radius: 5px !important; } .arc-wizard .centered-content { text-align: center; } .arc-wizard .wizard-steps { border-radius: 5px; border: 1px solid #d6d6d6; padding: 20px; } .arc-wizard .small ul.steps-indicator li.current:after, .arc-wizard .small ul.steps-indicator li.editing:after { background-color: #448aff !important; } .arc-wizard .large-filled-symbols ul.steps-indicator li.current:after, .arc-wizard .large-filled-symbols ul.steps-indicator li.editing:after { background-color: #448aff !important; color: #fff !important; } .arc-wizard .large-filled-symbols ul.steps-indicator li.done:after { color: #fff !important; } .arc-wizard .large-empty-symbols ul.steps-indicator li.current:after, .arc-wizard .large-empty-symbols ul.steps-indicator li.editing:after { border-color: #448aff !important; color: #448aff !important; } .ag-slider .noUi-horizontal { height: 16px; background: transparent; border-radius: 0px; border: none; border-top: 1px solid #D3D3D3; box-shadow: none; cursor: pointer; } .ag-slider .noUi-horizontal .noUi-handle { width: 20px; height: 20px; top: -10px; border: 1px solid transparent; border-radius: 100%; background-color: #4680ff; box-shadow: none; } .ag-slider .noUi-horizontal .noUi-handle:after, .ag-slider .noUi-horizontal .noUi-handle:before { background: transparent; } .ag-slider .noUi-horizontal .noUi-connects { padding: 10px; top: -10px; } .ag-slider .noUi-horizontal .noUi-connects .noUi-connect { background: #4680ff; height: 3px; top: 8px; } .ag-slider .noUi-horizontal .noUi-pips-horizontal { top: 0; padding: 0; } .ag-slider .noUi-horizontal .noUi-tooltip { border: 1px solid #37474f; border-radius: 5px; background: #37474f; color: #fff; padding: 5px 15px; transform: translate(-50%, -15px); } .ag-slider .noUi-horizontal .noUi-tooltip:after { content: ""; position: absolute; border: 6px solid transparent; border-bottom-color: #37474f; border-right-color: #37474f; bottom: -10px; left: 50%; transform: rotate(45deg) translate(-50%, 0); } ngb-popover-window:before { content: ""; position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; display: none; } ngb-popover-window .arrow, ngb-popover-window .popover-header, ngb-popover-window .popover-body { position: relative; z-index: 9; } ngb-popover-window .popover-body { background: #fff; border-radius: 0 0 3px 3px; overflow-y: scroll; max-height: 294px; } .touranchor--is-active { z-index: 2999; position: relative; padding: 5px 10px; background: #fff; } .client-map .client-contain { margin-left: 10px !important; } @media only screen and (max-width: 768px) { wizard.vertical .vertical a { display: none; } } .pcoded[layout-type=dark] .page-item.active a, body.dark .page-item.active a { background-color: #448aff; } .pcoded[layout-type=dark] google-chart rect, body.dark google-chart rect { fill: transparent; } .pcoded[layout-type=dark] .popover-header, .pcoded[layout-type=dark] .taskboard-task-title, .pcoded[layout-type=dark] .touranchor--is-active, .pcoded[layout-type=dark] .well.ngb-drop-zone, .pcoded[layout-type=dark] .cal-month-view .cal-cell-row:hover, .pcoded[layout-type=dark] .google-visualization-table-table, body.dark .popover-header, body.dark .taskboard-task-title, body.dark .touranchor--is-active, body.dark .well.ngb-drop-zone, body.dark .cal-month-view .cal-cell-row:hover, body.dark .google-visualization-table-table { color: #424242; } .pcoded[layout-type=dark] .cal-month-view .cal-cell-row .cal-cell:hover, .pcoded[layout-type=dark] .cal-month-view .cal-cell.cal-has-events.cal-open, .pcoded[layout-type=dark] .taskboard-header, body.dark .cal-month-view .cal-cell-row .cal-cell:hover, body.dark .cal-month-view .cal-cell.cal-has-events.cal-open, body.dark .taskboard-header { color: #37474f; } .pcoded[layout-type=dark] .node-content-wrapper-focused, body.dark .node-content-wrapper-focused { background: #e7f4f9; color: #37474f; } .pcoded[layout-type=dark] .node-content-wrapper:hover, body.dark .node-content-wrapper:hover { background: #f7fbff; color: #37474f; } .pcoded[layout-type=dark] .node-content-wrapper-active, .pcoded[layout-type=dark] .node-content-wrapper-focused, .pcoded[layout-type=dark] .node-content-wrapper:hover, body.dark .node-content-wrapper-active, body.dark .node-content-wrapper-focused, body.dark .node-content-wrapper:hover { box-shadow: inset 0 0 1px #999; } .pcoded[layout-type=dark] .node-content-wrapper-active, .pcoded[layout-type=dark] .node-content-wrapper.node-content-wrapper-active:hover, .pcoded[layout-type=dark] .node-content-wrapper-active.node-content-wrapper-focused, body.dark .node-content-wrapper-active, body.dark .node-content-wrapper.node-content-wrapper-active:hover, body.dark .node-content-wrapper-active.node-content-wrapper-focused { background: #beebff; color: #37474f; } .pcoded[layout-type=dark] perfect-scrollbar > .ps.ps--scrolling-y > .ps__rail-y, .pcoded[layout-type=dark] .ps__rail-x:focus, .pcoded[layout-type=dark] .ps__rail-x:hover, .pcoded[layout-type=dark] .ps__rail-y:focus, .pcoded[layout-type=dark] .ps__rail-y:hover, body.dark perfect-scrollbar > .ps.ps--scrolling-y > .ps__rail-y, body.dark .ps__rail-x:focus, body.dark .ps__rail-x:hover, body.dark .ps__rail-y:focus, body.dark .ps__rail-y:hover { background-color: transparent; } .pcoded[layout-type=dark] .btn-light, body.dark .btn-light { color: #fff; } .pcoded[layout-type=dark] .btn-light:hover, body.dark .btn-light:hover { color: #37474f; } .pcoded[layout-type=dark] .bg-light, body.dark .bg-light { background-color: transparent !important; } .error-400, .error-403, .error-404, .error-500, .error-503 { position: fixed; height: 100%; width: 100%; display: flex; align-items: center; text-align: center; background-color: #fff; } .error-400 h1, .error-403 h1, .error-404 h1, .error-500 h1, .error-503 h1 { padding: 0; margin-bottom: 40px; font-size: 210px; font-weight: 900; line-height: 210px; color: #37474f; } .error-400 h5, .error-403 h5, .error-404 h5, .error-500 h5, .error-503 h5 { font-size: 24px; margin-bottom: 20px; font-weight: 400; color: #448aff; } .coming { background-size: cover; position: fixed; height: 100%; width: 100%; display: flex; align-items: center; } .comming-soon { text-align: center; color: #fff; } .comming-soon h1 { font-size: 54px; font-weight: 600; } .comming-soon p { font-size: 24px; font-weight: 400; color: #fff; } .coming-social { padding-top: 50px; text-align: center; } .comming-soon .timer .time { font-size: 90px; color: #fff; } .comming-soon .timer .text { font-size: 24px; font-weight: 400; color: #448aff; } .coming-social a { margin-right: 20px; color: #fff; font-size: 30px; } .mb70 { margin-bottom: 70px; } .mb50 { margin-bottom: 50px; } .squeezebox .sb-item { overflow: hidden; } .squeezebox .sb-item .sb-item-body { height: 0; overflow: hidden; transition: 0.5s height; } .form-control::-moz-placeholder { color: #ccc; opacity: 1; } .form-control:-ms-input-placeholder { color: #ccc; } .form-control::-webkit-input-placeholder { color: #ccc; } .header-navbar .navbar-wrapper .header-search .main-search { padding: 6px 0; display: block; } .cursor-default { cursor: default; } .cursor-pointer { cursor: pointer; } .fit-content { width: fit-content; } .cursor-progress { cursor: progress !important; } .cursor-progress * { pointer-events: none; } .finalizer-switch small { background: #FFC107 !important; } .finalizer-switch .checked { background-color: #28a745 !important; } .finalizer-switch .checked small { background: rgb(255, 255, 255) !important; } #styleSelector .rightbar-button { background: #37474f; } .page-mode #dashboard-switch > span { top: 2px; } .work-order-field .isDisabled { cursor: not-allowed; color: grey; } .wo-switch-tooltip .tooltip .tooltip-inner { width: 500px !important; } .home-screen-metrics .actions { width: 20% !important; } .action-column ngb-popover-window .popover-body { height: 150px; overflow-y: auto; } .metric-tree-checkbox .sub-title { font-size: 11px !important; color: #999 !important; } .scheduler-resource-setting .tree-checkbox-padding, .scheduler-resource-setting .c-btn { font-size: 13px; } .sensor-report .sensor-header { text-align: center; padding: 0.75rem !important; } .sensor-report .sensor-header:first-child { position: sticky; left: 0; z-index: 1; } .sensor-report .custom-picker { height: 40px; } .sensor-report tbody tr:nth-child(odd) td:first-child { background: white !important; z-index: 2; } .sensor-report tbody tr:nth-child(even) td:first-child { background: #f3f3f3 !important; z-index: 2; } td.is-status { padding: 0 !important; } .mb-16px { margin-bottom: 16px; } .mb-8px { margin-bottom: 8px; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .mt-24px { margin-top: 24px; } .mt-16px { margin-top: 16px; } .mt-8px { margin-top: 8px; } .layout-accordion .mat-expansion-panel { overflow: initial; margin-bottom: 10px; } .layout-accordion .mat-expansion-panel-content { overflow: hidden; } .pcoded[theme-layout=horizontal] .pcoded-container { position: relative; } .pcoded[theme-layout=horizontal] .pcoded-header { z-index: 1024; } .pcoded[theme-layout=horizontal] .pcoded-navbar { display: block; height: 50px; width: 100%; z-index: 1023; box-shadow: 0 2px 7px -3px rgba(0, 0, 0, 0.4); } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { opacity: 1; visibility: visible; transform: rotateX(0deg); } .pcoded[theme-layout=horizontal] .pcoded-navbar li.pcoded-hasmenu > a:after { right: 3px; top: -3px; } .pcoded[theme-layout=horizontal] #styleSelector { z-index: 1024; } .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .p-chat-user, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .showChat_inner, .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .p-chat-user, .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .showChat_inner { top: 107px; } .pcoded[theme-layout=horizontal][pcoded-device-type=desktop] .navbar-logo .mobile-menu, .pcoded[theme-layout=horizontal][pcoded-device-type=desktop] .pcoded-brand .menu-toggle { display: none; } .pcoded[theme-layout=horizontal][pcoded-device-type=desktop] .page-header { padding-top: 50px; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item[item-border=true][item-border-style=dashed] > li > a { border-right-style: dashed; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item[item-border=true][item-border-style=dotted] > li > a { border-right-style: dotted; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item[item-border=true][item-border-style=solid] > li > a { border-right-style: solid; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item[item-border=true][item-border-style=dashed] .pcoded-hasmenu .pcoded-submenu li > a { border-bottom-style: dashed; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item[item-border=true][item-border-style=dotted] .pcoded-hasmenu .pcoded-submenu li > a { border-bottom-style: dotted; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item[item-border=true][item-border-style=solid] .pcoded-hasmenu .pcoded-submenu li > a { border-bottom-style: solid; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item[item-border=false] > li > a { border-right-width: 0; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item[item-border=true] > li > a { border-right-width: 1px; cursor: pointer; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item[subitem-border=false] .pcoded-hasmenu .pcoded-submenu li > a { border-bottom-width: 0; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item[subitem-border=true] .pcoded-hasmenu .pcoded-submenu li > a { border-bottom-width: 1px; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item { display: block; list-style: none; margin: 0; padding: 0; position: relative; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item > li { display: block; list-style: outside none none; margin: 0; padding: 5px; position: relative; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item > li > a { display: block; font-size: 13px; padding: 5px 20px; text-decoration: none; position: relative; } @media only screen and (max-width: 1200px) and (min-width: 992px) { .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item > li > a { padding: 5px; } } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a { line-height: 1.85; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { list-style: outside none none; margin: 0; padding: 5px 0; box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.4); } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li { display: block; list-style: outside none none; margin: 0; padding: 3px 10px; position: relative; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { display: block; font-size: 14px; padding: 7px 10px; text-decoration: none; position: relative; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a:after { padding-top: 7px; line-height: 1; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item > li > a > .pcoded-micon { font-size: 14px; padding: 0; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item.pcoded-search-item > li > a > .pcoded-micon { padding: 0 5px 0 7px; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-micon { font-size: 13px; padding-right: 5px; } .pcoded[theme-layout=horizontal][horizontal-layout=widebox] .pcoded-container { width: 100%; } .pcoded[theme-layout=horizontal][horizontal-layout=widebox] .pcoded-content .pcoded-wrapper, .pcoded[theme-layout=horizontal][horizontal-layout=widebox] .pcoded-header .pcoded-wrapper, .pcoded[theme-layout=horizontal][horizontal-layout=widebox] .pcoded-navbar .pcoded-wrapper { display: block; margin: 0 auto; max-width: 1200px; width: 100%; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item > li { float: left; padding: 5px 10px; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item li a { border-radius: 2px; transition: all 0s linear; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item li.active > a, .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item li.pcoded-trigger > a, .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item li:hover > a { box-shadow: 0 15px 8px -9px rgba(0, 0, 0, 0.25); } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { position: absolute; min-width: 200px; z-index: 1031; border-top-width: 0; top: 100%; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { font-size: 14px; font-weight: 500; text-align: left; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a > .pcoded-mtext { transition: all 0s ease-in-out; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a > .pcoded-mtext:before { transition: all 0s ease-in-out; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item .pcoded-submenu .pcoded-submenu { position: absolute; min-width: 250px; z-index: 1032; left: 100%; top: -1px; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { opacity: 0; visibility: hidden; transform-origin: 50% 50%; transition: transform 0.3s, opacity 0.3s; transform-style: preserve-3d; transform: rotateX(-90deg); } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item .pcoded-submenu li.pcoded-hasmenu > a:after { margin-left: 3px; position: relative; float: right; top: -3px; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after, .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.active > a:after, .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after { font-style: normal; margin-left: 3px; padding-left: 5px; position: relative; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.edge.pcoded-trigger > .pcoded-submenu { right: 0; } .pcoded[theme-layout=horizontal][horizontal-placement=top] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active .pcoded-submenu { border-top-style: solid; border-top-width: 1px; } .pcoded[theme-layout=horizontal] .pcoded-navbar .pcoded-item[subitem-border=true] .pcoded-hasmenu .pcoded-submenu > li:last-child > a { border-bottom-color: transparent; } .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item.pcoded-search-item > li > a > .pcoded-micon { display: block; } .pcoded[theme-layout=horizontal][pcoded-device-type=desktop] .pcoded-navbar .pcoded-inner-navbar, .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-inner-navbar { position: relative; } .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar { height: auto; padding: 10px 10px 0; position: absolute; opacity: 0; visibility: hidden; transform-origin: 50% 50%; transition: transform 0.3s, opacity 0.3s; transform-style: preserve-3d; transform: rotateX(-90deg); } .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-inner-navbar, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-inner-navbar { height: auto; position: relative; } .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar.show-menu, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar.show-menu { opacity: 1; visibility: visible; transform: rotateX(0deg); } .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item { display: block; float: none; position: relative; width: 100%; z-index: 1; } .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item > li, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item > li { float: none; display: block; position: relative; } .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item[item-border=true] > li > a, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item[item-border=true] > li > a { border-right-width: 0; border-bottom-width: 1px; border-bottom-style: solid; } .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item[item-border=true] > li.pcoded-trigger > a, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item[item-border=true] > li.pcoded-trigger > a { border-bottom-width: 0; } .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu { min-width: 100%; z-index: 2; } .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { position: relative; } .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu > .pcoded-submenu, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu > .pcoded-submenu { left: 0; min-width: 100%; right: 0; top: 0; z-index: 1; } .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { position: relative; } .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu > .pcoded-submenu, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu > .pcoded-submenu { left: 0; min-width: 100%; right: 0; top: 0; z-index: 1; } .pcoded[theme-layout=horizontal][pcoded-device-type=tablet][horizontal-placement=bottom] .pcoded-navbar, .pcoded[theme-layout=horizontal][pcoded-device-type=phone][horizontal-placement=bottom] .pcoded-navbar { bottom: auto; } .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after, .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.active > a:after, .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.active > a:after, .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after { position: absolute; right: 13px; } .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-header, .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-header { height: auto; padding-top: 0; } .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu, .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { border-top: none; margin: 15px auto; min-width: 90%; width: 90%; box-shadow: none; } .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu .pcoded-hasmenu .pcoded-submenu, .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu .pcoded-hasmenu .pcoded-submenu { min-width: 90%; width: 90%; } .pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu .pcoded-hasmenu .pcoded-submenu .pcoded-hasmenu .pcoded-submenu, .pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu .pcoded-hasmenu .pcoded-submenu .pcoded-hasmenu .pcoded-submenu { min-width: 90%; } .pcoded[theme-layout=horizontal] .pcoded-header[pcoded-header-position=relative] ~ .pcoded-main-container { top: -1px; } .pcoded .pcoded-navbar .pcoded-item .pcoded-submenu > li a .pcoded-badge { top: 7px; right: 20px; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu.edge > .pcoded-submenu { left: auto; right: 100%; } .pcoded-main-container { clear: both; } .pcoded .pcoded-navbar .pcoded-item:after { display: none; } @media only screen and (max-width: 1366px) { .pcoded[pcoded-device-type=desktop][theme-layout=horizontal] .pcoded-item li { padding: 5px 5px; } .pcoded[pcoded-device-type=desktop][theme-layout=horizontal] .pcoded-item li a { padding: 5px 10px; } } body.horizontal-icon .pcoded[theme-layout=horizontal] .page-header, body.horizontal-icon-fixed .pcoded[theme-layout=horizontal] .page-header { padding-top: 100px; } body.horizontal-icon .pcoded .pcoded-navbar, body.horizontal-icon-fixed .pcoded .pcoded-navbar { height: 80px; } body.horizontal-icon .pcoded .pcoded-navbar .pcoded-item > li > a > .pcoded-micon, body.horizontal-icon-fixed .pcoded .pcoded-navbar .pcoded-item > li > a > .pcoded-micon { display: block; text-align: center; margin: 0 auto; } body.horizontal-icon .pcoded .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a, body.horizontal-icon-fixed .pcoded .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a { line-height: 30px; } body.horizontal-icon .pcoded[pcoded-device-type=desktop] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a, body.horizontal-icon-fixed .pcoded[pcoded-device-type=desktop] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a { height: 70px; } .switch.switch-small { min-width: 33px; } .switch.switch-medium { min-width: 50px; } .switch.switch-large { min-width: 60px; } .switch.switch-small > .switch-pane > span { font-size: 9px; } .switch.switch-medium > .switch-pane > span { font-size: 16px; } .switch.switch-large > .switch-pane > span { font-size: 16px; } .switch { border: 1px solid #dfdfdf; position: relative; display: inline-block; box-sizing: content-box; padding: 0; margin: 0; cursor: pointer; box-shadow: rgb(223, 223, 223) 0 0 0 0 inset; transition: 0.3s ease-out all; -webkit-transition: 0.3s ease-out all; white-space: nowrap; } .switch small { border-radius: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); position: absolute; top: 0; right: calc(100% - 30px); transition: 0.3s ease-out all; -webkit-transition: 0.3s ease-out all; background: #fff; display: flex; align-items: center; justify-content: center; } .switch.switch-small { height: 20px; border-radius: 20px; } .switch.switch-small small { width: 20px; height: 20px; right: calc(100% - 20px); } .switch.switch-small > .switch-pane > span { line-height: 20px; } .switch.switch-small > .switch-pane .switch-label-checked { padding-right: 25px; padding-left: 10px; } .switch.switch-small > .switch-pane .switch-label-unchecked { padding-left: 25px; padding-right: 10px; } .switch.switch-medium { height: 30px; border-radius: 30px; } .switch.switch-medium small { width: 30px; height: 30px; right: calc(100% - 30px); } .switch.switch-medium > .switch-pane > span { line-height: 30px; } .switch.switch-medium > .switch-pane .switch-label-checked { padding-right: 35px; padding-left: 15px; } .switch.switch-medium > .switch-pane .switch-label-unchecked { padding-left: 35px; padding-right: 15px; } .switch.switch-large { height: 40px; border-radius: 40px; } .switch.switch-large small { width: 40px; height: 40px; right: calc(100% - 40px); } .switch.switch-large > .switch-pane > span { line-height: 40px; } .switch.switch-large > .switch-pane .switch-label-checked { padding-right: 45px; padding-left: 20px; } .switch.switch-large > .switch-pane .switch-label-unchecked { padding-left: 45px; padding-right: 20px; } .switch.checked { background: rgb(100, 189, 99); } .switch.checked small { right: 0; left: auto; } .switch.checked .switch-pane { top: 0; } .switch.checked .switch-pane .switch-label-checked { display: block; } .switch.checked .switch-pane .switch-label-unchecked { display: none; } .switch.disabled { opacity: 0.5; cursor: not-allowed; } .switch .switch-pane { display: flex; flex-direction: column; height: 100%; min-height: 100%; justify-content: flex-start; align-items: center; top: 0; position: relative; pointer-events: none; } .switch .switch-pane > span { display: block; min-height: 100%; } .switch .switch-pane .switch-label { color: black; } .switch .switch-pane .switch-label-checked { display: none; } .switch .switch-pane .switch-label-unchecked { display: block; } .switch.loading { background-color: #f1f1f1; } .switch.loading small { background-color: transparent; border: none; box-shadow: none; right: 50%; transform: translateX(50%); } aw-wizard { display: flex; justify-content: flex-start; } aw-wizard .wizard-steps { top: 0; display: flex; } aw-wizard.horizontal { flex-direction: column; } aw-wizard.horizontal .wizard-steps { width: 100%; flex-direction: row; } aw-wizard.vertical { flex-direction: row; } aw-wizard.vertical .wizard-steps { min-width: calc(100% - 280px); width: 80%; height: 100%; flex-direction: column; } aw-wizard-step, aw-wizard-completion-step { height: auto; width: 100%; } aw-wizard-navigation-bar ul.steps-indicator * { box-sizing: border-box; } aw-wizard-navigation-bar ul.steps-indicator li { position: relative; pointer-events: none; } aw-wizard-navigation-bar ul.steps-indicator li a .label { color: #808080; line-height: 14px; font-size: 14px; text-decoration: none; text-transform: uppercase; font-weight: bold; transition: 0.25s; } aw-wizard-navigation-bar ul.steps-indicator li.navigable { pointer-events: auto; } aw-wizard-navigation-bar ul.steps-indicator li.navigable a { cursor: pointer; } aw-wizard-navigation-bar ul.steps-indicator li.navigable a:hover .label { color: #4d4d4d; } aw-wizard-navigation-bar.horizontal ul.steps-indicator { display: flex; flex-direction: row; justify-content: center; margin: 0; width: 100%; list-style: none; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-2:after { left: 25%; right: 25%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-2 li { width: 50%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-3:after { left: 16.6666666667%; right: 16.6666666667%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-3 li { width: 33.3333333333%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-4:after { left: 12.5%; right: 12.5%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-4 li { width: 25%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-5:after { left: 10%; right: 10%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-5 li { width: 20%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-6:after { left: 8.3333333333%; right: 8.3333333333%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-6 li { width: 16.6666666667%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-7:after { left: 7.1428571429%; right: 7.1428571429%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-7 li { width: 14.2857142857%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-8:after { left: 6.25%; right: 6.25%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-8 li { width: 12.5%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-9:after { left: 5.5555555556%; right: 5.5555555556%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-9 li { width: 11.1111111111%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-10:after { left: 5%; right: 5%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-10 li { width: 10%; } aw-wizard-navigation-bar.horizontal ul.steps-indicator li { margin: 0; padding: 0; text-align: center; } aw-wizard-navigation-bar.horizontal ul.steps-indicator li a .label { display: inline-block; padding-top: 10px; text-align: center; } aw-wizard-navigation-bar.vertical { max-width: 280px; width: 20%; height: 100%; position: sticky; top: 0; } aw-wizard-navigation-bar.vertical ul.steps-indicator { display: flex; flex-direction: column; justify-content: center; list-style: none; margin: auto; } aw-wizard-navigation-bar.vertical ul.steps-indicator li:not(:last-child) { margin-bottom: 0; padding-bottom: 10px; } aw-wizard-navigation-bar.vertical ul.steps-indicator li a { display: flex; flex-direction: row; align-items: center; } aw-wizard-navigation-bar.vertical ul.steps-indicator li a .label { margin-left: 15px; text-align: left; } [dir=rtl] aw-wizard-navigation-bar.vertical ul.steps-indicator li a .label { margin-left: 0; margin-right: 15px; text-align: right; } aw-wizard-navigation-bar.horizontal.small ul.steps-indicator { padding: 24px 0 10px 0; } aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li:not(:last-child):after { background-color: #E6E6E6; content: ""; position: absolute; height: 1px; width: calc(100% - 14px); top: -7px; left: calc(50% + 7px); } [dir=rtl] aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li:not(:last-child):after { left: auto; right: calc(50% + 7px); } aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li .step-indicator { top: -14px; left: calc(50% - 7px); position: absolute; width: 14px; height: 14px; text-align: center; vertical-align: middle; line-height: 14px; transition: 0.25s; border-radius: 100%; background-color: #E6E6E6; } [dir=rtl] aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li .step-indicator { left: auto; right: calc(50% - 7px); } aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.optional .step-indicator { background-color: #38ef38; } aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.done .step-indicator { background-color: #339933; } aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.current .step-indicator { background-color: #808080; } aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.editing .step-indicator { background-color: #FF0000; } aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.completed .step-indicator { background-color: #339933; } aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable a:hover .step-indicator { position: absolute; width: 14px; height: 14px; text-align: center; vertical-align: middle; line-height: 14px; transition: 0.25s; border-radius: 100%; background-color: #d9d9d9; } aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.optional a:hover .step-indicator { background-color: #20ed20; } aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.done a:hover .step-indicator { background-color: #2d862d; } aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.current a:hover .step-indicator { background-color: #737373; } aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.editing a:hover .step-indicator { background-color: #e60000; } aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.completed a:hover .step-indicator { background-color: #2d862d; } aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator { padding: 60px 0 10px 0; } aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li:not(:last-child):after { background-color: #E6E6E6; content: ""; position: absolute; height: 1px; width: calc(100% - 50px); top: -25px; left: calc(50% + 25px); } [dir=rtl] aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li:not(:last-child):after { left: auto; right: calc(50% + 25px); } aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li .step-indicator { top: -50px; left: calc(50% - 25px); position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 50px; transition: 0.25s; border-radius: 100%; background-color: #E6E6E6; } [dir=rtl] aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li .step-indicator { left: auto; right: calc(50% - 25px); } aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.optional .step-indicator { background-color: #38ef38; } aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.done .step-indicator { background-color: #339933; } aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.current .step-indicator { background-color: #808080; } aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.editing .step-indicator { background-color: #FF0000; } aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.completed .step-indicator { background-color: #339933; } aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable a:hover .step-indicator { position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 50px; transition: 0.25s; border-radius: 100%; background-color: #d9d9d9; } aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.optional a:hover .step-indicator { background-color: #20ed20; } aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.done a:hover .step-indicator { background-color: #2d862d; } aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.current a:hover .step-indicator { background-color: #737373; } aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.editing a:hover .step-indicator { background-color: #e60000; } aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.completed a:hover .step-indicator { background-color: #2d862d; } aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator { padding: 60px 0 10px 0; } aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li:not(:last-child):after { background-color: #E6E6E6; content: ""; position: absolute; height: 1px; width: calc(100% - 50px); top: -25px; left: calc(50% + 25px); } [dir=rtl] aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li:not(:last-child):after { left: auto; right: calc(50% + 25px); } aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li .step-indicator { top: -50px; left: calc(50% - 25px); position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 46px; transition: 0.25s; border-radius: 100%; border: 2px solid #E6E6E6; } [dir=rtl] aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li .step-indicator { left: auto; right: calc(50% - 25px); } aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.optional .step-indicator { border: 2px solid #38ef38; } aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.done .step-indicator { border: 2px solid #339933; } aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.current .step-indicator { border: 2px solid #808080; } aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.editing .step-indicator { border: 2px solid #FF0000; } aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.completed .step-indicator { border: 2px solid #339933; } aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable a:hover .step-indicator { position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 46px; transition: 0.25s; border-radius: 100%; border: 2px solid #cdcdcd; } aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.optional a:hover .step-indicator { border: 2px solid #12e212; } aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.done a:hover .step-indicator { border: 2px solid #267326; } aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.current a:hover .step-indicator { border: 2px solid #676767; } aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.editing a:hover .step-indicator { border: 2px solid #cc0000; } aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.completed a:hover .step-indicator { border: 2px solid #267326; } aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator { padding: 60px 0 10px 0; } aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li:not(:last-child):after { background-color: #E6E6E6; content: ""; position: absolute; height: 1px; width: calc(100% - 50px); top: -25px; left: calc(50% + 25px); } [dir=rtl] aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li:not(:last-child):after { left: auto; right: calc(50% + 25px); } aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li .step-indicator { top: -50px; left: calc(50% - 25px); position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 50px; transition: 0.25s; border-radius: 100%; background-color: #E6E6E6; color: black; } [dir=rtl] aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li .step-indicator { left: auto; right: calc(50% - 25px); } aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.optional .step-indicator { background-color: #38ef38; color: black; } aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.done .step-indicator { background-color: #339933; color: black; } aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.current .step-indicator { background-color: #808080; color: black; } aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.editing .step-indicator { background-color: #FF0000; color: black; } aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.completed .step-indicator { background-color: #339933; color: black; } aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable a:hover .step-indicator { position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 50px; transition: 0.25s; border-radius: 100%; background-color: #d9d9d9; color: black; } aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator { background-color: #20ed20; color: black; } aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator { background-color: #2d862d; color: black; } aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator { background-color: #737373; color: black; } aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator { background-color: #e60000; color: black; } aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator { background-color: #2d862d; color: black; } aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator { padding: 60px 0 10px 0; } aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li:not(:last-child):after { background-color: #E6E6E6; content: ""; position: absolute; height: 1px; width: calc(100% - 50px); top: -25px; left: calc(50% + 25px); } [dir=rtl] aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li:not(:last-child):after { left: auto; right: calc(50% + 25px); } aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li .step-indicator { top: -50px; left: calc(50% - 25px); position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 46px; transition: 0.25s; border-radius: 100%; border: 2px solid #E6E6E6; color: #E6E6E6; } [dir=rtl] aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li .step-indicator { left: auto; right: calc(50% - 25px); } aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.optional .step-indicator { border: 2px solid #38ef38; color: #38ef38; } aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.done .step-indicator { border: 2px solid #339933; color: #339933; } aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.current .step-indicator { border: 2px solid #808080; color: #808080; } aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.editing .step-indicator { border: 2px solid #FF0000; color: #FF0000; } aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.completed .step-indicator { border: 2px solid #339933; color: #339933; } aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable a:hover .step-indicator { position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 46px; transition: 0.25s; border-radius: 100%; border: 2px solid #cdcdcd; color: #cdcdcd; } aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator { border: 2px solid #12e212; color: #12e212; } aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator { border: 2px solid #267326; color: #267326; } aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator { border: 2px solid #676767; color: #676767; } aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator { border: 2px solid #cc0000; color: #cc0000; } aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator { border: 2px solid #267326; color: #267326; } aw-wizard-navigation-bar.vertical.small ul.steps-indicator { padding: 5px 5px 5px 19px; } [dir=rtl] aw-wizard-navigation-bar.vertical.small ul.steps-indicator { padding: 5px 19px 5px 5px; } aw-wizard-navigation-bar.vertical.small ul.steps-indicator li:not(:last-child):after { background-color: #E6E6E6; content: ""; position: absolute; left: -7px; top: 14px; height: calc(100% - 14px); width: 1px; } [dir=rtl] aw-wizard-navigation-bar.vertical.small ul.steps-indicator li:not(:last-child):after { left: auto; right: -7px; } aw-wizard-navigation-bar.vertical.small ul.steps-indicator li a { min-height: 14px; } aw-wizard-navigation-bar.vertical.small ul.steps-indicator li .step-indicator { top: 0; left: -14px; position: absolute; width: 14px; height: 14px; text-align: center; vertical-align: middle; line-height: 14px; transition: 0.25s; border-radius: 100%; background-color: #E6E6E6; } [dir=rtl] aw-wizard-navigation-bar.vertical.small ul.steps-indicator li .step-indicator { left: auto; right: -14px; } aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.optional .step-indicator { background-color: #38ef38; } aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.done .step-indicator { background-color: #339933; } aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.current .step-indicator { background-color: #808080; } aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.editing .step-indicator { background-color: #FF0000; } aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.completed .step-indicator { background-color: #339933; } aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable a:hover .step-indicator { position: absolute; width: 14px; height: 14px; text-align: center; vertical-align: middle; line-height: 14px; transition: 0.25s; border-radius: 100%; background-color: #d9d9d9; } aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.optional a:hover .step-indicator { background-color: #20ed20; } aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.done a:hover .step-indicator { background-color: #2d862d; } aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.current a:hover .step-indicator { background-color: #737373; } aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.editing a:hover .step-indicator { background-color: #e60000; } aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.completed a:hover .step-indicator { background-color: #2d862d; } aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator { padding: 5px 5px 5px 55px; } [dir=rtl] aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator { padding: 5px 55px 5px 5px; } aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li:not(:last-child):after { background-color: #E6E6E6; content: ""; position: absolute; left: -25px; top: 50px; height: calc(100% - 50px); width: 1px; } [dir=rtl] aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li:not(:last-child):after { left: auto; right: -25px; } aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li a { min-height: 50px; } aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li .step-indicator { top: 0; left: -50px; position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 50px; transition: 0.25s; border-radius: 100%; background-color: #E6E6E6; } [dir=rtl] aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li .step-indicator { left: auto; right: -50px; } aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.optional .step-indicator { background-color: #38ef38; } aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.done .step-indicator { background-color: #339933; } aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.current .step-indicator { background-color: #808080; } aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.editing .step-indicator { background-color: #FF0000; } aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.completed .step-indicator { background-color: #339933; } aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable a:hover .step-indicator { position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 50px; transition: 0.25s; border-radius: 100%; background-color: #d9d9d9; } aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.optional a:hover .step-indicator { background-color: #20ed20; } aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.done a:hover .step-indicator { background-color: #2d862d; } aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.current a:hover .step-indicator { background-color: #737373; } aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.editing a:hover .step-indicator { background-color: #e60000; } aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.completed a:hover .step-indicator { background-color: #2d862d; } aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator { padding: 5px 5px 5px 55px; } [dir=rtl] aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator { padding: 5px 55px 5px 5px; } aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li:not(:last-child):after { background-color: #E6E6E6; content: ""; position: absolute; left: -25px; top: 50px; height: calc(100% - 50px); width: 1px; } [dir=rtl] aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li:not(:last-child):after { left: auto; right: -25px; } aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li a { min-height: 50px; } aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li .step-indicator { top: 0; left: -50px; position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 46px; transition: 0.25s; border-radius: 100%; border: 2px solid #E6E6E6; } [dir=rtl] aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li .step-indicator { left: auto; right: -50px; } aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.optional .step-indicator { border: 2px solid #38ef38; } aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.done .step-indicator { border: 2px solid #339933; } aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.current .step-indicator { border: 2px solid #808080; } aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.editing .step-indicator { border: 2px solid #FF0000; } aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.completed .step-indicator { border: 2px solid #339933; } aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable a:hover .step-indicator { position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 46px; transition: 0.25s; border-radius: 100%; border: 2px solid #cdcdcd; } aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.optional a:hover .step-indicator { border: 2px solid #12e212; } aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.done a:hover .step-indicator { border: 2px solid #267326; } aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.current a:hover .step-indicator { border: 2px solid #676767; } aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.editing a:hover .step-indicator { border: 2px solid #cc0000; } aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.completed a:hover .step-indicator { border: 2px solid #267326; } aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator { padding: 5px 5px 5px 55px; } [dir=rtl] aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator { padding: 5px 55px 5px 5px; } aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li:not(:last-child):after { background-color: #E6E6E6; content: ""; position: absolute; left: -25px; top: 50px; height: calc(100% - 50px); width: 1px; } [dir=rtl] aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li:not(:last-child):after { left: auto; right: -25px; } aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li a { min-height: 50px; } aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li .step-indicator { top: 0; left: -50px; position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 50px; transition: 0.25s; border-radius: 100%; background-color: #E6E6E6; color: black; } [dir=rtl] aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li .step-indicator { left: auto; right: -50px; } aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.optional .step-indicator { background-color: #38ef38; color: black; } aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.done .step-indicator { background-color: #339933; color: black; } aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.current .step-indicator { background-color: #808080; color: black; } aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.editing .step-indicator { background-color: #FF0000; color: black; } aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.completed .step-indicator { background-color: #339933; color: black; } aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable a:hover .step-indicator { position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 50px; transition: 0.25s; border-radius: 100%; background-color: #d9d9d9; color: black; } aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator { background-color: #20ed20; color: black; } aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator { background-color: #2d862d; color: black; } aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator { background-color: #737373; color: black; } aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator { background-color: #e60000; color: black; } aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator { background-color: #2d862d; color: black; } aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator { padding: 5px 5px 5px 55px; } [dir=rtl] aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator { padding: 5px 55px 5px 5px; } aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li:not(:last-child):after { background-color: #E6E6E6; content: ""; position: absolute; left: -25px; top: 50px; height: calc(100% - 50px); width: 1px; } [dir=rtl] aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li:not(:last-child):after { left: auto; right: -25px; } aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li a { min-height: 50px; } aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li .step-indicator { top: 0; left: -50px; position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 46px; transition: 0.25s; border-radius: 100%; border: 2px solid #E6E6E6; color: #E6E6E6; } [dir=rtl] aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li .step-indicator { left: auto; right: -50px; } aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.optional .step-indicator { border: 2px solid #38ef38; color: #38ef38; } aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.done .step-indicator { border: 2px solid #339933; color: #339933; } aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.current .step-indicator { border: 2px solid #808080; color: #808080; } aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.editing .step-indicator { border: 2px solid #FF0000; color: #FF0000; } aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.completed .step-indicator { border: 2px solid #339933; color: #339933; } aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable a:hover .step-indicator { position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: middle; line-height: 46px; transition: 0.25s; border-radius: 100%; border: 2px solid #cdcdcd; color: #cdcdcd; } aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator { border: 2px solid #12e212; color: #12e212; } aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator { border: 2px solid #267326; color: #267326; } aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator { border: 2px solid #676767; color: #676767; } aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator { border: 2px solid #cc0000; color: #cc0000; } aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator { border: 2px solid #267326; color: #267326; } .form-control.builder-sidebar_search { display: none; } /*!********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/scss/widget-output.css ***! \********************************************************************************************************************************************************************************************************************/ .social-card{color:#fff;overflow:hidden}.social-card .social-icon{background-color:#fff;border-radius:5px;text-align:center;padding:22px 23px;display:inline-block}.social-card .download-icon{color:#fff;background-color:rgba(255,255,255,0.5);position:absolute;height:125px;width:125px;right:-125px;font-size:35px;padding:40px 22px;border-radius:50%;transition:all 0.3s ease-in-out}.social-card:hover .download-icon{right:-60px}.total-card{overflow:hidden}.total-card .text-left h4{color:#fff;font-weight:400;margin-bottom:5px}.total-card .text-left p{color:#fff;font-size:15px}.total-card .value-badges{position:absolute;top:10px;right:5px}.table-card .card-block{padding-left:0;padding-right:0;padding-top:0}.table-card .card-block .table>thead>tr>th{border-top:0}.table-card .card-block .table .chk-option{vertical-align:middle;width:30px;display:inline-block}.table-card .card-block .table .chk-option .checkbox-fade,.table-card .card-block .table .chk-option .checkbox-fade .cr,.table-card .card-block .table .chk-option .checkbox-zoom,.table-card .card-block .table .chk-option .checkbox-zoom .cr{margin-right:0}.table-card .card-block .table label{margin-bottom:0}.table-card .card-block .table tr td:first-child,.table-card .card-block .table tr th:first-child{padding-left:20px}.table-card .card-block .table tr td:last-child,.table-card .card-block .table tr th:last-child{padding-right:20px}.latest-update-card .card-block{padding-top:0}.latest-update-card .card-block .latest-update-box{position:relative}.latest-update-card .card-block .latest-update-box td{border-top:none}.latest-update-card .card-block .latest-update-box:after{content:"";position:absolute;background:#d6d6d6;height:100%;width:1px;top:0;left:108px;z-index:1}.latest-update-card .card-block .latest-update-box .update-meta{z-index:2;min-width:160px}.latest-update-card .card-block .latest-update-box .update-meta .update-icon{width:40px;height:40px;border-radius:50%;text-align:center;padding:12px 13px;font-size:16px;color:#fff;margin-left:10px}@media only screen and (max-width: 575px){.latest-update-card .card-block .latest-update-box:after{display:none}.latest-update-card .card-block .latest-update-box .update-meta{z-index:2;min-width:100%;text-align:left !important;margin-bottom:15px;border-top:1px solid #f1f1f1;padding-top:15px}}.review-card .review-block .cust-img{width:50px;height:50px}.review-card .review-block>div{padding-top:25px;padding-bottom:25px;margin-left:0;margin-right:0;padding-left:5px;padding-right:5px}.review-card .review-block>div:hover{background-color:rgba(68,138,255,0.1)}.chat-card .msg{margin-bottom:5px;display:inline-block;padding:10px;position:relative}.chat-card .msg img{width:60px;border-radius:5px;margin-bottom:5px;margin-top:5px;margin-right:10px}.chat-card .received-chat .msg{background:rgba(68,138,255,0.1);border-radius:0 5px 5px 5px}.chat-card .received-chat .msg:after{content:"";position:absolute;left:-7px;top:-7px;transform:rotate(45deg);border:7px solid transparent;border-bottom-color:rgba(68,138,255,0.1)}.chat-card .send-chat{text-align:right}.chat-card .send-chat .msg{background:rgba(156,204,101,0.1);border-radius:5px 0 5px 5px}.chat-card .send-chat .msg:after{content:"";position:absolute;right:-7px;top:-7px;transform:rotate(45deg);border:7px solid transparent;border-right-color:rgba(156,204,101,0.1)}.user-card2 .risk-rate{display:inline-block;margin:0 auto}.user-card2 .risk-rate span{width:130px;height:130px;border-radius:50%;border:6px dashed #d6d6d6;border-top-color:#9ccc65;border-bottom-color:transparent;padding:45px;display:block;position:relative}.user-card2 .risk-rate span:after{content:"";width:90px;height:90px;background-color:rgba(156,204,101,0.5);border-radius:50%;position:absolute;top:15px;left:15px;z-index:1}.user-card2 .risk-rate span b{font-size:20px;color:#fff;z-index:2;position:relative}.to-do-list{padding-bottom:10px;margin-bottom:20px}.to-do-list i{color:#ccc;font-size:17px;opacity:0}.to-do-list:last-child{border:none;padding:0;margin:0}.to-do-list:hover i{opacity:1;transition:opacity ease-in 0.3s}.to-do-list p{display:inline-block}.to-do-label .checkbox-fade{display:block}.to-do-label .checkbox-fade .delete_todo{float:right;font-size:24px;color:#ccc}.to-do-label .check-task{display:block}.to-do-label i{cursor:pointer}.done-task .captions,.done-task span{color:#919aa3;text-decoration:line-through}.trafic-card .progress{height:7px}.trafic-card .progress.blue{background-color:rgba(68,138,255,0.5)}.trafic-card .progress.green{background-color:rgba(156,204,101,0.5)}.trafic-card .progress.red{background-color:rgba(255,82,82,0.5)}.trafic-card .progress.purple{background-color:rgba(83,109,254,0.5)}.trafic-card .progress.yellow{background-color:rgba(255,186,87,0.5)}.user-activity-card .u-img{position:relative}.user-activity-card .u-img .cover-img{width:40px;height:40px}.user-activity-card .u-img .profile-img{width:20px;height:20px;position:absolute;bottom:0;right:-5px}.user-Messages-card .u-img{position:relative}.user-Messages-card .u-img .profile-img{width:40px;height:40px}.user-Messages-card .u-img .tot-msg{width:15px;height:15px;position:absolute;bottom:0;right:-5px;background-color:#ff5252;color:#fff;font-size:10px;border-radius:50%;text-align:center}.latest-posts-card .latest-posts-img{width:90px;height:80px}.task-card .task-list{position:relative}.task-card .task-list:after{content:"";position:absolute;background:#d6d6d6;height:100%;width:2px;top:0;left:10px;z-index:1}.task-card .task-list:before{content:"";position:absolute;background:#d6d6d6;height:15px;width:15px;bottom:-14px;left:3px;z-index:2;border-radius:50%}.task-card .task-list li{margin-bottom:30px;padding-left:30px;position:relative}.task-card .task-list li .task-icon{position:absolute;left:3px;top:1px;border-radius:50%;padding:2px;color:#fff;min-width:15px;min-height:15px;z-index:2}.latest-activity-card .card-block{padding-top:0}.latest-activity-card .card-block .latest-update-box{position:relative}.latest-activity-card .card-block .latest-update-box .update-meta{z-index:2;min-width:160px}.latest-activity-card .card-block .latest-update-box .update-meta .update-icon{width:40px;height:40px;border-radius:50%;text-align:center;padding:12px 13px;font-size:16px;color:#fff;margin-left:10px}@media only screen and (max-width: 575px){.latest-activity-card .card-block .latest-update-box .update-meta{z-index:2;min-width:100%;text-align:left !important;margin-bottom:15px;border-top:1px solid #f1f1f1;padding-top:15px}}.feed-card h6{margin-top:7px}.feed-card .feed-icon{color:#fff;border-radius:50%;width:30px;height:30px;text-align:center;padding:8px}.latest-activity-card .table td{vertical-align:middle}.order-visitor-card{transition:all 0.3s ease-in-out;cursor:pointer}.order-visitor-card:hover{background-color:#448aff;color:#fff}.user-card-full{overflow:hidden}.user-card-full .user-profile{border-radius:5px 0 0 5px}.user-card-full .social-link li{display:inline-block}.user-card-full .social-link li a{font-size:20px;margin:0 10px 0 0;transition:all 0.3s ease-in-out}.user-card-full .social-link li a i{color:#666}.user-card-full .social-link li a i.facebook:hover{color:#3B5997}.user-card-full .social-link li a i.twitter:hover{color:#42C0FB}.user-card-full .social-link li a i.instagram:hover{color:#AA7C62}.user-card-full .social-link li a i.youtube:hover{color:#E0291D}.wather-card{overflow:hidden}.wather-card .nature-card{position:relative;background:linear-gradient(#5e9aff 60%, #448aff 100%);overflow:hidden}.wather-card .nature-card .main-img{width:100%}@media only screen and (min-width: 1400px){.wather-card .nature-card .main-img{height:260px}}.wather-card .nature-card .bottom-img{position:absolute;bottom:-5px;left:0;width:100%}.wather-card .nature-card .snow1,.wather-card .nature-card .snow2{position:absolute;top:0;left:0;width:100%}.wather-card .nature-card .snow1{animation:sparcle 2.1s linear infinite}.wather-card .nature-card .snow2{animation:sparcle 2.1s linear infinite;animation-delay:1.15s}.wather-card .nature-card .nature-cont{position:absolute;top:20px;text-align:center;width:100%}@keyframes sparcle{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1;transform:translateY(-5px)}50%{opacity:1;transform:translateY(0px)}80%{opacity:1;transform:translateY(5px)}100%{opacity:0;transform:translateY(10px)}}.widget-statstic-card{position:relative;overflow:hidden}.widget-statstic-card .st-icon{color:#fff;font-size:23px;padding:40px 40px 20px 20px;border-radius:50%;position:absolute;top:-30px;right:-30px;transition:all 0.3s ease-in-out}.widget-statstic-card h2{font-weight:600;display:inline-block}.widget-statstic-card span{border-radius:30px;padding:5px 20px;color:#fff;font-weight:600}.widget-statstic-card:hover .st-icon{font-size:50px}.widget-visitor-card{overflow:hidden;padding:10px 0}.widget-visitor-card i{color:#fff;font-size:80px;position:absolute;bottom:-10px;opacity:0.3;left:-10px;transform:rotate(15deg);transition:all 0.3s ease-in-out}.widget-visitor-card:hover i{transform:rotate(0deg) scale(1.4);opacity:0.5}.app-design .btn{padding:5px 8px;font-size:12px;font-weight:600;border-radius:5px}.app-design .team-section img{width:35px;border-radius:5px}.app-design .progress-box p{margin-bottom:0}.app-design .progress-box .progress{width:calc(100% - 80px);height:8px;text-align:center;margin:0 auto;background-color:#E5E5E5;border-radius:30px;position:relative;overflow:inherit}.app-design .progress-box .progress .progress-bar{border-radius:30px}.app-design .progress-box .progress .progress-bar label{position:absolute;top:-24px;right:0;font-weight:600;font-size:13px}.order-card{color:#fff;overflow:hidden}.order-card .card-icon{position:absolute;right:-17px;font-size:100px;top:20px;opacity:0.5}.statustic-card .card-block{position:relative}.statustic-card .card-block .progress{position:absolute;bottom:0;width:100%;left:0;height:5px;overflow:visible}.statustic-card .card-block .progress .progress-bar{position:relative}.statustic-card .card-block .progress .progress-bar:before{content:"";height:5px;width:5px;border-radius:50%;position:absolute;right:0;background:inherit}.statustic-card .card-block .progress .progress-bar.bg-c-blue:before{animation:blue-blink-bar 0.5s linear infinite}.statustic-card .card-block .progress .progress-bar.bg-c-green:before{animation:green-blink-bar 0.5s linear infinite}.statustic-card .card-block .progress .progress-bar.bg-c-red:before{animation:red-blink-bar 0.5s linear infinite}.statustic-card .card-block .progress .progress-bar.bg-c-yellow:before{animation:yellow-blink-bar 0.5s linear infinite}@keyframes blue-blink-bar{0%{box-shadow:0 0 0 0 rgba(68,138,255,0.1)}50%{box-shadow:0 0 0 6px rgba(68,138,255,0.3)}}@keyframes green-blink-bar{0%{box-shadow:0 0 0 0 rgba(156,204,101,0.1)}50%{box-shadow:0 0 0 6px rgba(156,204,101,0.3)}}@keyframes red-blink-bar{0%{box-shadow:0 0 0 0 rgba(255,82,82,0.1)}50%{box-shadow:0 0 0 6px rgba(255,82,82,0.3)}}@keyframes yellow-blink-bar{0%{box-shadow:0 0 0 0 rgba(255,186,87,0.1)}50%{box-shadow:0 0 0 6px rgba(255,186,87,0.3)}}.statustic-progress-card .progress{height:5px}.quater-card .progress{height:4px}.client-map img{vertical-align:top;width:90px}.client-map .client-detail{margin-bottom:20px}.client-map .client-detail img{border-radius:5px}.client-map .client-profile{float:left}.client-map .client-contain{display:inline-block;margin-left:20px}.client-map .client-contain h5{display:block;text-transform:capitalize;font-weight:600;font-size:18px;padding-bottom:10px}.client-map .client-card-box{border:1px solid #ccc;border-radius:5px}.client-map .client-card-box .client-border{border-right:1px solid #ccc}.client-map .client-card-box .client-border-card{border-top:1px solid #ccc} /*!*******************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/scss/pages-output.css ***! \*******************************************************************************************************************************************************************************************************************/ .box-list div div div{margin-bottom:20px}.box-list{padding-bottom:0}.box-list p{margin-bottom:0 !important}.z-depth-top-0{box-shadow:0 -5px 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-top-1{box-shadow:0 -7px 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-top-2{box-shadow:0 -9px 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-top-3{box-shadow:0 -10px 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-top-4{box-shadow:0 -11px 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-top-5{box-shadow:0 -12px 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-bottom-0{box-shadow:0 5px 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-bottom-1{box-shadow:0 7px 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-bottom-2{box-shadow:0 9px 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-bottom-3{box-shadow:0 10px 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-bottom-4{box-shadow:0 11px 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-bottom-5{box-shadow:0 12px 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-left-0{box-shadow:-5px 0 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-left-1{box-shadow:-7px 0 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-left-2{box-shadow:-9px 0 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-left-3{box-shadow:-10px 0 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-left-4{box-shadow:-11px 0 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-left-5{box-shadow:-12px 0 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-right-0{box-shadow:5px 0 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-right-1{box-shadow:7px 0 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-right-2{box-shadow:9px 0 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-right-3{box-shadow:10px 0 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-right-4{box-shadow:11px 0 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-right-5{box-shadow:12px 0 25px -5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-0{box-shadow:0 0 25px 5px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-1{box-shadow:0 0 25px 7px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-2{box-shadow:0 0 25px 9px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-3{box-shadow:0 0 25px 10px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-4{box-shadow:0 0 25px 11px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.z-depth-5{box-shadow:0 0 25px 12px #ccc,0 1px 5px 0 rgba(0,0,0,0.1),0 0 0 0 rgba(0,0,0,0)}.data-table-main.icon-list-demo [class*=col-]{margin-bottom:10px}.data-table-main.icon-svg-demo [class*=col-]{margin-bottom:10px}.icon-list-demo i{border:1px solid #eceeef;border-radius:3px;color:rgba(43,61,81,0.7);display:inline-block;font-size:24px;height:50px;line-height:50px;margin:0 12px 0 0;text-align:center;vertical-align:middle;width:50px}.icon-list-demo div{cursor:pointer;white-space:nowrap;margin-bottom:10px}.icon-list-demo i:hover{color:#64b0f2}.flags .f-item{padding:12px;border:1px solid #ddd;margin-right:15px;display:inline-block}.data-table-main.flags [class*=col-]{display:flex;align-items:center;margin-bottom:10px}.content-flag label{margin-bottom:0;cursor:pointer}.content-flag .txt-ellipsis{text-overflow:ellipsis;white-space:nowrap;width:120px;overflow:hidden}.outer-ellipsis{overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:250px}label.txt-ellipsis{overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:135px}.flags .f-item .name,.flags .f-item .capital{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:0}.flags .f-item .code{display:block;font-size:90%;color:#999;padding-bottom:0}.bg-pic{background-color:rgba(0,0,0,0.5);background-blend-mode:overlay}.j-pro{box-shadow:none;border:1px solid rgba(0,0,0,0.15)}.j-pro .j-header{background-color:#448aff;border-top:1px solid #448aff;box-shadow:none}.j-pro .j-icon-right{border-left:1px solid rgba(0,0,0,0.32)}.j-pro .j-icon-left{border-right:1px solid rgba(0,0,0,0.32)}.j-pro .j-footer{background-color:#fff;border-top:1px dashed #448aff;padding:20px 25px;position:inherit}.j-pro .j-footer button{margin-bottom:0;float:right}.j-pro .j-divider-text span{color:#222}.j-pro .btn-primary.disabled,.j-pro .btn-primary:disabled{background-color:#9ccc65;border-color:#9ccc65}.j-pro input[type="text"],.j-pro input[type="password"],.j-pro input[type="email"],.j-pro input[type="search"],.j-pro input[type="url"],.j-pro textarea,.j-pro select,.j-forms input[type="text"],.j-forms input[type="password"],.j-forms input[type="email"],.j-forms input[type="search"],.j-forms input[type="url"],.j-forms textarea,.j-forms select{border:1px solid rgba(0,0,0,0.15)}.j-pro input[type="text"]:hover,.j-pro input[type="password"]:hover,.j-pro input[type="email"]:hover,.j-pro input[type="search"]:hover,.j-pro input[type="url"]:hover,.j-pro textarea:hover,.j-pro select:hover,.j-pro input[type="text"]:focus,.j-pro input[type="password"]:focus,.j-pro input[type="email"]:focus,.j-pro input[type="search"]:focus,.j-pro input[type="url"]:focus,.j-pro textarea:focus,.j-pro select:focus,.j-pro .j-file-button:hover+input,.j-forms input[type="text"]:hover,.j-forms input[type="password"]:hover,.j-forms input[type="email"]:hover,.j-forms input[type="search"]:hover,.j-forms input[type="url"]:hover,.j-forms textarea:hover,.j-forms select:hover,.j-forms input[type="text"]:focus,.j-forms input[type="password"]:focus,.j-forms input[type="email"]:focus,.j-forms input[type="search"]:focus,.j-forms input[type="url"]:focus,.j-forms textarea:focus,.j-forms select:focus{border:1px solid #448aff}.j-pro .j-radio-toggle,.j-pro .j-checkbox-toggle,.j-pro .j-inline-group .j-radio-toggle,.j-pro .j-inline-group .j-checkbox-toggle{padding:9px 0 18px 0}.j-pro .j-tooltip,.j-pro .j-tooltip-image{background-color:#448aff}.j-pro .j-tooltip:before,.j-pro .j-tooltip-image:before{border-color:#448aff transparent}.j-pro .j-primary-btn,.j-pro .j-file-button,.j-pro .j-secondary-btn,.j-pro .j-widget .j-addon-btn{background-color:#448aff}.j-pro .j-primary-btn:hover,.j-pro .j-file-button:hover,.j-pro .j-secondary-btn:hover,.j-pro .j-widget .j-addon-btn:hover{background-color:#5e9aff}.j-pro .j-ratings input+label:hover,.j-pro .j-ratings input+label:hover ~ label,.j-pro .j-ratings input:checked+label,.j-pro .j-ratings input:checked+label ~ label{color:#448aff}.j-unit .checkbox-fade{display:block;margin-top:20px}.j-forms{box-shadow:none;border:1px solid rgba(0,0,0,0.15)}.j-forms button i{margin-right:0}.j-forms .checkbox-fade{margin-top:10px}.j-forms .checkbox-fade .disabled-view{opacity:0.5;cursor:not-allowed}.j-forms .link{color:#448aff;border-bottom:none;text-transform:capitalize;margin-bottom:15px}.j-forms .label{margin-bottom:15px}.j-forms .btn-primary:disabled{background-color:#d6d6d6;border-color:#d6d6d6}.j-forms .radio-toggle,.j-forms .checkbox-toggle,.j-forms .inline-group .radio-toggle,.j-forms .inline-group .checkbox-toggle{padding:9px 0 8px 0px}.j-forms .header{background-color:#448aff;border-top:1px solid #448aff;box-shadow:none}.j-forms .divider-text span{color:#222}.j-forms .widget .addon,.j-forms .widget .addon-btn{background-color:#448aff;color:#fff}.j-forms .widget .addon:hover,.j-forms .widget .addon:focus,.j-forms .widget .addon-btn:hover,.j-forms .widget .addon-btn:focus{background-color:#5e9aff}.j-forms .widget .addon:hover i,.j-forms .widget .addon:focus i,.j-forms .widget .addon-btn:hover i,.j-forms .widget .addon-btn:focus i{color:#fff}.j-forms .widget .addon i,.j-forms .widget .addon-btn i{color:#fff}.j-forms .footer{background-color:#fff;border-top:1px dashed #1abc9c;padding:20px 25px;position:inherit}.j-forms .footer button{float:right;margin-bottom:0}.j-forms .stepper .stepper-arrow{background-color:#448aff}.j-forms .stepper .stepper-arrow:hover{background-color:#5e9aff}.j-forms .stepper .stepper-arrow.up:after{border-bottom:7px solid #fff}.j-forms .stepper .stepper-arrow.down:after{border-top:7px solid #fff}.popup-menu{padding:0}.popup-menu .popup-list{background:#448aff;border-radius:0}.popup-menu .popup-list>ul>li{transition:all ease-in .3s;color:#fff;border-left:none;cursor:pointer}.popup-menu .popup-list>ul>li:hover{background-color:#384c5f;color:#fff}.j-tabs-container .j-tabs-label,.j-tabs-container input[type="radio"]:checked+.j-tabs-label{border-top:4px solid #448aff}.pop-up-logo img{margin-top:10px;margin-left:80px}.popup-list-open .popup-list-wrapper{z-index:99}.span4 label{color:#222 !important}.pop-up-wrapper{margin-left:0 !important}@media only screen and (max-width: 480px){.j-forms,.j-pro{border:none;background-color:#fff}.j-forms .footer,.j-forms .j-footer,.j-pro .footer,.j-pro .j-footer{border-top:none}.j-forms .footer button,.j-forms .j-footer button,.j-pro .footer button,.j-pro .j-footer button{margin:5px}.j-forms .j-content,.j-pro .j-content{padding:0}.j-forms .j-divider-text,.j-pro .j-divider-text{border-top:none}.j-forms .j-divider-text span,.j-pro .j-divider-text span{white-space:unset;background:transparent;border:none}.j-forms .icon-right ~ input,.j-forms .j-forms .icon-right ~ textarea,.j-pro .icon-right ~ input,.j-pro .j-forms .icon-right ~ textarea{padding-right:0}.j-wrapper{padding:0;border:none;background-color:transparent}}.alert{font-size:15px;margin-bottom:2rem}.alert.icons-alert{border-left-width:48px}.alert.icons-alert .alert-icon{left:15px;position:relative;text-align:center;top:0;z-index:3}.alert.icons-alert p{line-height:21px;margin-bottom:0}.close{font-size:16px;margin-top:5px}.alert-default{background-color:#fff;border-color:#d6d6d6;color:#d6d6d6}.alert-primary{background-color:#fff;border-color:#448aff;color:#448aff}.alert-success{background-color:#fff;border-color:#9ccc65;color:#9ccc65}.alert-info{background-color:#fff;border-color:#00bcd4;color:#00bcd4}.alert-warning{background-color:#fff;border-color:#ffba57;color:#ffba57}.alert-danger{background-color:#fff;border-color:#ff5252;color:#ff5252}.border-default{border-color:transparent;border-left:3px solid #d6d6d6;border-radius:0;box-shadow:0 0 1px #999;color:#d6d6d6}.border-primary{border-color:transparent;border-left:3px solid #448aff;border-radius:0;box-shadow:0 0 1px #999;color:#448aff}.border-success{border-color:transparent;border-left:3px solid #9ccc65;border-radius:0;box-shadow:0 0 1px #999;color:#9ccc65}.border-info{border-color:transparent;border-left:3px solid #00bcd4;border-radius:0;box-shadow:0 0 1px #999;color:#00bcd4}.border-warning{border-color:transparent;border-left:3px solid #ffba57;border-radius:0;box-shadow:0 0 1px #999;color:#ffba57}.border-danger{border-color:transparent;border-left:3px solid #ff5252;border-radius:0;box-shadow:0 0 1px #999;color:#ff5252}.background-default{background-color:#d6d6d6;color:#fff}.background-primary{background-color:#448aff;color:#fff}.background-success{background-color:#9ccc65;color:#fff}.background-info{background-color:#00bcd4;color:#fff}.background-warning{background-color:#ffba57;color:#fff}.background-danger{background-color:#ff5252;color:#fff}.icons-alert{position:relative}.icons-alert:before{color:#fff;content:'\f027';font-family:'IcoFont' !important;font-size:16px;left:-32px;position:absolute;top:10px}[class*="alert-"] code{margin-left:10px}.login-block{margin:30px auto}.login-block .auth-box{margin:20px auto 0 auto;max-width:450px}.login-block .auth-box .confirm h3{color:#448aff;font-size:34px}.login-block .auth-box i.icofont-check-circled{font-size:42px}.login-block.offline-404 .auth-box{max-width:650px}.login-block.offline-404 .auth-box h1{color:#2c3e50;font-size:160px;font-weight:500;letter-spacing:5px;text-shadow:3px -2px 4px rgba(128,128,128,0.57)}@media only screen and (max-width: 992px){.login-block.offline-404 .auth-box{margin-top:45px}}@media only screen and (max-width: 575px){.login-block.offline-404 .auth-box h1{font-size:60px}.login-block.offline-404 .auth-box h2{font-size:0.8rem}}.footer{background-color:#37474f;color:#fff;padding:15px 0;position:fixed;bottom:0;width:100%}.caption-breadcrumb .breadcrumb-header,.primary-breadcrumb .breadcrumb-header,.inverse-breadcrumb .breadcrumb-header,.danger-breadcrumb .breadcrumb-header,.info-breadcrumb .breadcrumb-header,.warning-breadcrumb .breadcrumb-header,.success-breadcrumb .breadcrumb-header{display:inline-block}.caption-breadcrumb .breadcrumb-header span,.primary-breadcrumb .breadcrumb-header span,.inverse-breadcrumb .breadcrumb-header span,.danger-breadcrumb .breadcrumb-header span,.info-breadcrumb .breadcrumb-header span,.warning-breadcrumb .breadcrumb-header span,.success-breadcrumb .breadcrumb-header span{display:block;font-size:13px;margin-top:5px}.front-icon-breadcrumb .breadcrumb-header{display:inline-block}.front-icon-breadcrumb .big-icon{display:inline-block}.front-icon-breadcrumb .big-icon i{font-size:50px;margin-right:10px;color:#448aff}.front-icon-breadcrumb .d-inline-block span{display:block;font-size:13px;margin-top:5px}.breadcrumb{background-color:transparent;margin-bottom:0}.primary-breadcrumb,.inverse-breadcrumb,.danger-breadcrumb,.info-breadcrumb,.warning-breadcrumb,.success-breadcrumb{background-color:#448aff;color:#fff}.primary-breadcrumb h5,.inverse-breadcrumb h5,.danger-breadcrumb h5,.info-breadcrumb h5,.warning-breadcrumb h5,.success-breadcrumb h5,.primary-breadcrumb a,.inverse-breadcrumb a,.danger-breadcrumb a,.info-breadcrumb a,.warning-breadcrumb a,.success-breadcrumb a,.primary-breadcrumb .breadcrumb li:last-child a,.inverse-breadcrumb .breadcrumb li:last-child a,.danger-breadcrumb .breadcrumb li:last-child a,.info-breadcrumb .breadcrumb li:last-child a,.warning-breadcrumb .breadcrumb li:last-child a,.success-breadcrumb .breadcrumb li:last-child a,.primary-breadcrumb .breadcrumb-item+.breadcrumb-item::before,.inverse-breadcrumb .breadcrumb-item+.breadcrumb-item::before,.danger-breadcrumb .breadcrumb-item+.breadcrumb-item::before,.info-breadcrumb .breadcrumb-item+.breadcrumb-item::before,.warning-breadcrumb .breadcrumb-item+.breadcrumb-item::before,.success-breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:#fff}.inverse-breadcrumb{background-color:#37474f}.danger-breadcrumb{background-color:#ff5252}.info-breadcrumb{background-color:#00bcd4}.warning-breadcrumb{background-color:#ffba57}.success-breadcrumb{background-color:#9ccc65}.nvd-chart{height:400px}.peity-chart .peity{width:100%;height:250px}@keyframes dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}.morris-hover{position:absolute;min-width:100px;width:100px;right:0;background:#fff;padding:20px;border:1px solid #ccc}.rickshaw_graph svg{width:100% !important}.amber-colors ul li p,.bg-danger li p,.bg-default li p,.bg-info li p,.bg-primary li p,.bg-success li p,.bg-warning li p,.blue-colors ul li p,.blue-grey-colors ul li p,.brown-colors ul li p,.cyan-colors ul li p,.deep-orange-colors ul li p,.deep-purple-colors ul li p,.green-colors ul li p,.grey-colors ul li p,.indigo-colors ul li p,.light-blue-colors ul li p,.light-green-colors ul li p,.lime-colors ul li p,.orange-colors ul li p,.pink-colors ul li p,.purple-colors ul li p,.red-colors ul li p,.teal-colors ul li p,.yellow-colors ul li p,.primary-colorr ul li p,.success-colorr ul li p,.info-colorr ul li p,.warning-colorr ul li p,.danger-colorr ul li p{font-size:18px;padding:10px 0;text-align:center;text-transform:uppercase;color:#fff;margin-bottom:0}.red-colors ul li:nth-child(14){background-color:#e40505}.red-colors ul li:nth-child(14) p:before{content:"#e40505"}.red-colors ul li:nth-child(13){background-color:#f30606}.red-colors ul li:nth-child(13) p:before{content:"#f30606"}.red-colors ul li:nth-child(12){background-color:#f90f0f}.red-colors ul li:nth-child(12) p:before{content:"#f90f0f"}.red-colors ul li:nth-child(11){background-color:#fa1d1d}.red-colors ul li:nth-child(11) p:before{content:"#fa1d1d"}.red-colors ul li:nth-child(10){background-color:#fa2c2c}.red-colors ul li:nth-child(10) p:before{content:"#fa2c2c"}.red-colors ul li:nth-child(9){background-color:#fa3b3b}.red-colors ul li:nth-child(9) p:before{content:"#fa3b3b"}.red-colors ul li:nth-child(8){background-color:#fb4a4a}.red-colors ul li:nth-child(8) p:before{content:"#fb4a4a"}.red-colors ul li:nth-child(7){background-color:#fb5959}.red-colors ul li:nth-child(7) p:before{content:"#fb5959"}.red-colors ul li:nth-child(6){background-color:#fb6868}.red-colors ul li:nth-child(6) p:before{content:"#fb6868"}.red-colors ul li:nth-child(5){background-color:#fc7777}.red-colors ul li:nth-child(5) p:before{content:"#fc7777"}.red-colors ul li:nth-child(4){background-color:#fc8686}.red-colors ul li:nth-child(4) p:before{content:"#fc8686"}.red-colors ul li:nth-child(3){background-color:#fd9595}.red-colors ul li:nth-child(3) p:before{content:"#fd9595"}.red-colors ul li:nth-child(2){background-color:#fda4a4}.red-colors ul li:nth-child(2) p:before{content:"#fda4a4"}.red-colors ul li:nth-child(1){background-color:#fdb3b3}.red-colors ul li:nth-child(1) p:before{content:"#fdb3b3"}.pink-colors ul li:nth-child(14){background-color:#d4166c}.pink-colors ul li:nth-child(14) p:before{content:"#d4166c"}.pink-colors ul li:nth-child(13){background-color:#e21873}.pink-colors ul li:nth-child(13) p:before{content:"#e21873"}.pink-colors ul li:nth-child(12){background-color:#e7217b}.pink-colors ul li:nth-child(12) p:before{content:"#e7217b"}.pink-colors ul li:nth-child(11){background-color:#e92f83}.pink-colors ul li:nth-child(11) p:before{content:"#e92f83"}.pink-colors ul li:nth-child(10){background-color:#ea3d8b}.pink-colors ul li:nth-child(10) p:before{content:"#ea3d8b"}.pink-colors ul li:nth-child(9){background-color:#ec4b94}.pink-colors ul li:nth-child(9) p:before{content:"#ec4b94"}.pink-colors ul li:nth-child(8){background-color:#ed599c}.pink-colors ul li:nth-child(8) p:before{content:"#ed599c"}.pink-colors ul li:nth-child(7){background-color:#ef67a4}.pink-colors ul li:nth-child(7) p:before{content:"#ef67a4"}.pink-colors ul li:nth-child(6){background-color:#f074ac}.pink-colors ul li:nth-child(6) p:before{content:"#f074ac"}.pink-colors ul li:nth-child(5){background-color:#f282b5}.pink-colors ul li:nth-child(5) p:before{content:"#f282b5"}.pink-colors ul li:nth-child(4){background-color:#f390bd}.pink-colors ul li:nth-child(4) p:before{content:"#f390bd"}.pink-colors ul li:nth-child(3){background-color:#f59ec5}.pink-colors ul li:nth-child(3) p:before{content:"#f59ec5"}.pink-colors ul li:nth-child(2){background-color:#f6accd}.pink-colors ul li:nth-child(2) p:before{content:"#f6accd"}.pink-colors ul li:nth-child(1){background-color:#f8bad6}.pink-colors ul li:nth-child(1) p:before{content:"#f8bad6"}.purple-colors ul li:nth-child(14){background-color:#b014ff}.purple-colors ul li:nth-child(14) p:before{content:"#b014ff"}.purple-colors ul li:nth-child(13){background-color:#b524ff}.purple-colors ul li:nth-child(13) p:before{content:"#b524ff"}.purple-colors ul li:nth-child(12){background-color:#ba33ff}.purple-colors ul li:nth-child(12) p:before{content:"#ba33ff"}.purple-colors ul li:nth-child(11){background-color:#c042ff}.purple-colors ul li:nth-child(11) p:before{content:"#c042ff"}.purple-colors ul li:nth-child(10){background-color:#c552ff}.purple-colors ul li:nth-child(10) p:before{content:"#c552ff"}.purple-colors ul li:nth-child(9){background-color:#ca61ff}.purple-colors ul li:nth-child(9) p:before{content:"#ca61ff"}.purple-colors ul li:nth-child(8){background-color:#cf70ff}.purple-colors ul li:nth-child(8) p:before{content:"#cf70ff"}.purple-colors ul li:nth-child(7){background-color:#d47fff}.purple-colors ul li:nth-child(7) p:before{content:"#d47fff"}.purple-colors ul li:nth-child(6){background-color:#d98fff}.purple-colors ul li:nth-child(6) p:before{content:"#d98fff"}.purple-colors ul li:nth-child(5){background-color:#de9eff}.purple-colors ul li:nth-child(5) p:before{content:"#de9eff"}.purple-colors ul li:nth-child(4){background-color:#e4adff}.purple-colors ul li:nth-child(4) p:before{content:"#e4adff"}.purple-colors ul li:nth-child(3){background-color:#e9bdff}.purple-colors ul li:nth-child(3) p:before{content:"#e9bdff"}.purple-colors ul li:nth-child(2){background-color:#ecf}.purple-colors ul li:nth-child(2) p:before{content:"#ecf"}.purple-colors ul li:nth-child(1){background-color:#f3dbff}.purple-colors ul li:nth-child(1) p:before{content:"#f3dbff"}.deep-purple-colors ul li:nth-child(14){background-color:#6b05f9}.deep-purple-colors ul li:nth-child(14) p:before{content:"#6b05f9"}.deep-purple-colors ul li:nth-child(13){background-color:#7414fa}.deep-purple-colors ul li:nth-child(13) p:before{content:"#7414fa"}.deep-purple-colors ul li:nth-child(12){background-color:#7d23fa}.deep-purple-colors ul li:nth-child(12) p:before{content:"#7d23fa"}.deep-purple-colors ul li:nth-child(11){background-color:#8632fb}.deep-purple-colors ul li:nth-child(11) p:before{content:"#8632fb"}.deep-purple-colors ul li:nth-child(10){background-color:#8f41fb}.deep-purple-colors ul li:nth-child(10) p:before{content:"#8f41fb"}.deep-purple-colors ul li:nth-child(9){background-color:#9850fb}.deep-purple-colors ul li:nth-child(9) p:before{content:"#9850fb"}.deep-purple-colors ul li:nth-child(8){background-color:#a05ffc}.deep-purple-colors ul li:nth-child(8) p:before{content:"#a05ffc"}.deep-purple-colors ul li:nth-child(7){background-color:#a96efc}.deep-purple-colors ul li:nth-child(7) p:before{content:"#a96efc"}.deep-purple-colors ul li:nth-child(6){background-color:#b27cfc}.deep-purple-colors ul li:nth-child(6) p:before{content:"#b27cfc"}.deep-purple-colors ul li:nth-child(5){background-color:#bb8bfd}.deep-purple-colors ul li:nth-child(5) p:before{content:"#bb8bfd"}.deep-purple-colors ul li:nth-child(4){background-color:#c49afd}.deep-purple-colors ul li:nth-child(4) p:before{content:"#c49afd"}.deep-purple-colors ul li:nth-child(3){background-color:#cda9fd}.deep-purple-colors ul li:nth-child(3) p:before{content:"#cda9fd"}.deep-purple-colors ul li:nth-child(2){background-color:#d5b8fd}.deep-purple-colors ul li:nth-child(2) p:before{content:"#d5b8fd"}.deep-purple-colors ul li:nth-child(1){background-color:#dec7fe}.deep-purple-colors ul li:nth-child(1) p:before{content:"#dec7fe"}.indigo-colors ul li:nth-child(14){background-color:#415dfe}.indigo-colors ul li:nth-child(14) p:before{content:"#415dfe"}.indigo-colors ul li:nth-child(13){background-color:#4d68fe}.indigo-colors ul li:nth-child(13) p:before{content:"#4d68fe"}.indigo-colors ul li:nth-child(12){background-color:#5a72fe}.indigo-colors ul li:nth-child(12) p:before{content:"#5a72fe"}.indigo-colors ul li:nth-child(11){background-color:#677dfe}.indigo-colors ul li:nth-child(11) p:before{content:"#677dfe"}.indigo-colors ul li:nth-child(10){background-color:#7388fe}.indigo-colors ul li:nth-child(10) p:before{content:"#7388fe"}.indigo-colors ul li:nth-child(9){background-color:#8093fe}.indigo-colors ul li:nth-child(9) p:before{content:"#8093fe"}.indigo-colors ul li:nth-child(8){background-color:#8d9efe}.indigo-colors ul li:nth-child(8) p:before{content:"#8d9efe"}.indigo-colors ul li:nth-child(7){background-color:#9aa9ff}.indigo-colors ul li:nth-child(7) p:before{content:"#9aa9ff"}.indigo-colors ul li:nth-child(6){background-color:#a6b3ff}.indigo-colors ul li:nth-child(6) p:before{content:"#a6b3ff"}.indigo-colors ul li:nth-child(5){background-color:#b3beff}.indigo-colors ul li:nth-child(5) p:before{content:"#b3beff"}.indigo-colors ul li:nth-child(4){background-color:#c0c9ff}.indigo-colors ul li:nth-child(4) p:before{content:"#c0c9ff"}.indigo-colors ul li:nth-child(3){background-color:#ccd4ff}.indigo-colors ul li:nth-child(3) p:before{content:"#ccd4ff"}.indigo-colors ul li:nth-child(2){background-color:#d9dfff}.indigo-colors ul li:nth-child(2) p:before{content:"#d9dfff"}.indigo-colors ul li:nth-child(1){background-color:#e6e9ff}.indigo-colors ul li:nth-child(1) p:before{content:"#e6e9ff"}.blue-colors ul li:nth-child(14){background-color:#3a6eff}.blue-colors ul li:nth-child(14) p:before{content:"#3a6eff"}.blue-colors ul li:nth-child(13){background-color:#4778ff}.blue-colors ul li:nth-child(13) p:before{content:"#4778ff"}.blue-colors ul li:nth-child(12){background-color:#5381ff}.blue-colors ul li:nth-child(12) p:before{content:"#5381ff"}.blue-colors ul li:nth-child(11){background-color:#608aff}.blue-colors ul li:nth-child(11) p:before{content:"#608aff"}.blue-colors ul li:nth-child(10){background-color:#6d94ff}.blue-colors ul li:nth-child(10) p:before{content:"#6d94ff"}.blue-colors ul li:nth-child(9){background-color:#7a9dff}.blue-colors ul li:nth-child(9) p:before{content:"#7a9dff"}.blue-colors ul li:nth-child(8){background-color:#86a6ff}.blue-colors ul li:nth-child(8) p:before{content:"#86a6ff"}.blue-colors ul li:nth-child(7){background-color:#93b0ff}.blue-colors ul li:nth-child(7) p:before{content:"#93b0ff"}.blue-colors ul li:nth-child(6){background-color:#a0b9ff}.blue-colors ul li:nth-child(6) p:before{content:"#a0b9ff"}.blue-colors ul li:nth-child(5){background-color:#adc3ff}.blue-colors ul li:nth-child(5) p:before{content:"#adc3ff"}.blue-colors ul li:nth-child(4){background-color:#b9ccff}.blue-colors ul li:nth-child(4) p:before{content:"#b9ccff"}.blue-colors ul li:nth-child(3){background-color:#c6d5ff}.blue-colors ul li:nth-child(3) p:before{content:"#c6d5ff"}.blue-colors ul li:nth-child(2){background-color:#d3dfff}.blue-colors ul li:nth-child(2) p:before{content:"#d3dfff"}.blue-colors ul li:nth-child(1){background-color:#e0e8ff}.blue-colors ul li:nth-child(1) p:before{content:"#e0e8ff"}.light-blue-colors ul li:nth-child(14){background-color:#059cf9}.light-blue-colors ul li:nth-child(14) p:before{content:"#059cf9"}.light-blue-colors ul li:nth-child(13){background-color:#14a2fa}.light-blue-colors ul li:nth-child(13) p:before{content:"#14a2fa"}.light-blue-colors ul li:nth-child(12){background-color:#23a8fa}.light-blue-colors ul li:nth-child(12) p:before{content:"#23a8fa"}.light-blue-colors ul li:nth-child(11){background-color:#32aefb}.light-blue-colors ul li:nth-child(11) p:before{content:"#32aefb"}.light-blue-colors ul li:nth-child(10){background-color:#41b4fb}.light-blue-colors ul li:nth-child(10) p:before{content:"#41b4fb"}.light-blue-colors ul li:nth-child(9){background-color:#50bafb}.light-blue-colors ul li:nth-child(9) p:before{content:"#50bafb"}.light-blue-colors ul li:nth-child(8){background-color:#5fc0fc}.light-blue-colors ul li:nth-child(8) p:before{content:"#5fc0fc"}.light-blue-colors ul li:nth-child(7){background-color:#6ec6fc}.light-blue-colors ul li:nth-child(7) p:before{content:"#6ec6fc"}.light-blue-colors ul li:nth-child(6){background-color:#7cccfc}.light-blue-colors ul li:nth-child(6) p:before{content:"#7cccfc"}.light-blue-colors ul li:nth-child(5){background-color:#8bd2fd}.light-blue-colors ul li:nth-child(5) p:before{content:"#8bd2fd"}.light-blue-colors ul li:nth-child(4){background-color:#9ad7fd}.light-blue-colors ul li:nth-child(4) p:before{content:"#9ad7fd"}.light-blue-colors ul li:nth-child(3){background-color:#a9ddfd}.light-blue-colors ul li:nth-child(3) p:before{content:"#a9ddfd"}.light-blue-colors ul li:nth-child(2){background-color:#b8e3fd}.light-blue-colors ul li:nth-child(2) p:before{content:"#b8e3fd"}.light-blue-colors ul li:nth-child(1){background-color:#c7e9fe}.light-blue-colors ul li:nth-child(1) p:before{content:"#c7e9fe"}.cyan-colors ul li:nth-child(14){background-color:#05c6e3}.cyan-colors ul li:nth-child(14) p:before{content:"#05c6e3"}.cyan-colors ul li:nth-child(13){background-color:#06d3f2}.cyan-colors ul li:nth-child(13) p:before{content:"#06d3f2"}.cyan-colors ul li:nth-child(12){background-color:#0edbf9}.cyan-colors ul li:nth-child(12) p:before{content:"#0edbf9"}.cyan-colors ul li:nth-child(11){background-color:#1dddfa}.cyan-colors ul li:nth-child(11) p:before{content:"#1dddfa"}.cyan-colors ul li:nth-child(10){background-color:#2bdffa}.cyan-colors ul li:nth-child(10) p:before{content:"#2bdffa"}.cyan-colors ul li:nth-child(9){background-color:#3ae1fa}.cyan-colors ul li:nth-child(9) p:before{content:"#3ae1fa"}.cyan-colors ul li:nth-child(8){background-color:#49e4fb}.cyan-colors ul li:nth-child(8) p:before{content:"#49e4fb"}.cyan-colors ul li:nth-child(7){background-color:#58e6fb}.cyan-colors ul li:nth-child(7) p:before{content:"#58e6fb"}.cyan-colors ul li:nth-child(6){background-color:#67e8fb}.cyan-colors ul li:nth-child(6) p:before{content:"#67e8fb"}.cyan-colors ul li:nth-child(5){background-color:#76eafc}.cyan-colors ul li:nth-child(5) p:before{content:"#76eafc"}.cyan-colors ul li:nth-child(4){background-color:#85edfc}.cyan-colors ul li:nth-child(4) p:before{content:"#85edfc"}.cyan-colors ul li:nth-child(3){background-color:#94effc}.cyan-colors ul li:nth-child(3) p:before{content:"#94effc"}.cyan-colors ul li:nth-child(2){background-color:#a3f1fd}.cyan-colors ul li:nth-child(2) p:before{content:"#a3f1fd"}.cyan-colors ul li:nth-child(1){background-color:#b2f3fd}.cyan-colors ul li:nth-child(1) p:before{content:"#b2f3fd"}.teal-colors ul li:nth-child(14){background-color:#05cfb3}.teal-colors ul li:nth-child(14) p:before{content:"#05cfb3"}.teal-colors ul li:nth-child(13){background-color:#06dec0}.teal-colors ul li:nth-child(13) p:before{content:"#06dec0"}.teal-colors ul li:nth-child(12){background-color:#06edcd}.teal-colors ul li:nth-child(12) p:before{content:"#06edcd"}.teal-colors ul li:nth-child(11){background-color:#0af9d7}.teal-colors ul li:nth-child(11) p:before{content:"#0af9d7"}.teal-colors ul li:nth-child(10){background-color:#19f9da}.teal-colors ul li:nth-child(10) p:before{content:"#19f9da"}.teal-colors ul li:nth-child(9){background-color:#27f9dc}.teal-colors ul li:nth-child(9) p:before{content:"#27f9dc"}.teal-colors ul li:nth-child(8){background-color:#36fadf}.teal-colors ul li:nth-child(8) p:before{content:"#36fadf"}.teal-colors ul li:nth-child(7){background-color:#45fae1}.teal-colors ul li:nth-child(7) p:before{content:"#45fae1"}.teal-colors ul li:nth-child(6){background-color:#54fbe3}.teal-colors ul li:nth-child(6) p:before{content:"#54fbe3"}.teal-colors ul li:nth-child(5){background-color:#63fbe6}.teal-colors ul li:nth-child(5) p:before{content:"#63fbe6"}.teal-colors ul li:nth-child(4){background-color:#72fbe8}.teal-colors ul li:nth-child(4) p:before{content:"#72fbe8"}.teal-colors ul li:nth-child(3){background-color:#81fceb}.teal-colors ul li:nth-child(3) p:before{content:"#81fceb"}.teal-colors ul li:nth-child(2){background-color:#90fced}.teal-colors ul li:nth-child(2) p:before{content:"#90fced"}.teal-colors ul li:nth-child(1){background-color:#9ffcef}.teal-colors ul li:nth-child(1) p:before{content:"#9ffcef"}.green-colors ul li:nth-child(14){background-color:#05d85c}.green-colors ul li:nth-child(14) p:before{content:"#05d85c"}.green-colors ul li:nth-child(13){background-color:#06e763}.green-colors ul li:nth-child(13) p:before{content:"#06e763"}.green-colors ul li:nth-child(12){background-color:#06f669}.green-colors ul li:nth-child(12) p:before{content:"#06f669"}.green-colors ul li:nth-child(11){background-color:#12f972}.green-colors ul li:nth-child(11) p:before{content:"#12f972"}.green-colors ul li:nth-child(10){background-color:#21f97a}.green-colors ul li:nth-child(10) p:before{content:"#21f97a"}.green-colors ul li:nth-child(9){background-color:#30fa83}.green-colors ul li:nth-child(9) p:before{content:"#30fa83"}.green-colors ul li:nth-child(8){background-color:#3ffa8c}.green-colors ul li:nth-child(8) p:before{content:"#3ffa8c"}.green-colors ul li:nth-child(7){background-color:#4efb95}.green-colors ul li:nth-child(7) p:before{content:"#4efb95"}.green-colors ul li:nth-child(6){background-color:#5dfb9e}.green-colors ul li:nth-child(6) p:before{content:"#5dfb9e"}.green-colors ul li:nth-child(5){background-color:#6cfba7}.green-colors ul li:nth-child(5) p:before{content:"#6cfba7"}.green-colors ul li:nth-child(4){background-color:#7bfcb0}.green-colors ul li:nth-child(4) p:before{content:"#7bfcb0"}.green-colors ul li:nth-child(3){background-color:#8afcb9}.green-colors ul li:nth-child(3) p:before{content:"#8afcb9"}.green-colors ul li:nth-child(2){background-color:#98fcc2}.green-colors ul li:nth-child(2) p:before{content:"#98fcc2"}.green-colors ul li:nth-child(1){background-color:#a7fdcb}.green-colors ul li:nth-child(1) p:before{content:"#a7fdcb"}.light-green-colors ul li:nth-child(14){background-color:#6fe423}.light-green-colors ul li:nth-child(14) p:before{content:"#6fe423"}.light-green-colors ul li:nth-child(13){background-color:#78e631}.light-green-colors ul li:nth-child(13) p:before{content:"#78e631"}.light-green-colors ul li:nth-child(12){background-color:#81e73e}.light-green-colors ul li:nth-child(12) p:before{content:"#81e73e"}.light-green-colors ul li:nth-child(11){background-color:#8ae94c}.light-green-colors ul li:nth-child(11) p:before{content:"#8ae94c"}.light-green-colors ul li:nth-child(10){background-color:#93eb5a}.light-green-colors ul li:nth-child(10) p:before{content:"#93eb5a"}.light-green-colors ul li:nth-child(9){background-color:#9bec67}.light-green-colors ul li:nth-child(9) p:before{content:"#9bec67"}.light-green-colors ul li:nth-child(8){background-color:#a4ee75}.light-green-colors ul li:nth-child(8) p:before{content:"#a4ee75"}.light-green-colors ul li:nth-child(7){background-color:#adf083}.light-green-colors ul li:nth-child(7) p:before{content:"#adf083"}.light-green-colors ul li:nth-child(6){background-color:#b6f190}.light-green-colors ul li:nth-child(6) p:before{content:"#b6f190"}.light-green-colors ul li:nth-child(5){background-color:#bff39e}.light-green-colors ul li:nth-child(5) p:before{content:"#bff39e"}.light-green-colors ul li:nth-child(4){background-color:#c8f5ac}.light-green-colors ul li:nth-child(4) p:before{content:"#c8f5ac"}.light-green-colors ul li:nth-child(3){background-color:#d1f6b9}.light-green-colors ul li:nth-child(3) p:before{content:"#d1f6b9"}.light-green-colors ul li:nth-child(2){background-color:#daf8c7}.light-green-colors ul li:nth-child(2) p:before{content:"#daf8c7"}.light-green-colors ul li:nth-child(1){background-color:#e3fad4}.light-green-colors ul li:nth-child(1) p:before{content:"#e3fad4"}.lime-colors ul li:nth-child(14){background-color:#baf905}.lime-colors ul li:nth-child(14) p:before{content:"#baf905"}.lime-colors ul li:nth-child(13){background-color:#bffa14}.lime-colors ul li:nth-child(13) p:before{content:"#bffa14"}.lime-colors ul li:nth-child(12){background-color:#c3fa23}.lime-colors ul li:nth-child(12) p:before{content:"#c3fa23"}.lime-colors ul li:nth-child(11){background-color:#c7fb32}.lime-colors ul li:nth-child(11) p:before{content:"#c7fb32"}.lime-colors ul li:nth-child(10){background-color:#cbfb41}.lime-colors ul li:nth-child(10) p:before{content:"#cbfb41"}.lime-colors ul li:nth-child(9){background-color:#cffb50}.lime-colors ul li:nth-child(9) p:before{content:"#cffb50"}.lime-colors ul li:nth-child(8){background-color:#d3fc5f}.lime-colors ul li:nth-child(8) p:before{content:"#d3fc5f"}.lime-colors ul li:nth-child(7){background-color:#d7fc6e}.lime-colors ul li:nth-child(7) p:before{content:"#d7fc6e"}.lime-colors ul li:nth-child(6){background-color:#dbfc7c}.lime-colors ul li:nth-child(6) p:before{content:"#dbfc7c"}.lime-colors ul li:nth-child(5){background-color:#dffd8b}.lime-colors ul li:nth-child(5) p:before{content:"#dffd8b"}.lime-colors ul li:nth-child(4){background-color:#e3fd9a}.lime-colors ul li:nth-child(4) p:before{content:"#e3fd9a"}.lime-colors ul li:nth-child(3){background-color:#e8fda9}.lime-colors ul li:nth-child(3) p:before{content:"#e8fda9"}.lime-colors ul li:nth-child(2){background-color:#ecfdb8}.lime-colors ul li:nth-child(2) p:before{content:"#ecfdb8"}.lime-colors ul li:nth-child(1){background-color:#f0fec7}.lime-colors ul li:nth-child(1) p:before{content:"#f0fec7"}.yellow-colors ul li:nth-child(14){background-color:#ffd812}.yellow-colors ul li:nth-child(14) p:before{content:"#ffd812"}.yellow-colors ul li:nth-child(13){background-color:#ffda1f}.yellow-colors ul li:nth-child(13) p:before{content:"#ffda1f"}.yellow-colors ul li:nth-child(12){background-color:#ffdc2b}.yellow-colors ul li:nth-child(12) p:before{content:"#ffdc2b"}.yellow-colors ul li:nth-child(11){background-color:#ffde38}.yellow-colors ul li:nth-child(11) p:before{content:"#ffde38"}.yellow-colors ul li:nth-child(10){background-color:#ffe045}.yellow-colors ul li:nth-child(10) p:before{content:"#ffe045"}.yellow-colors ul li:nth-child(9){background-color:#ffe352}.yellow-colors ul li:nth-child(9) p:before{content:"#ffe352"}.yellow-colors ul li:nth-child(8){background-color:#ffe55e}.yellow-colors ul li:nth-child(8) p:before{content:"#ffe55e"}.yellow-colors ul li:nth-child(7){background-color:#ffe76b}.yellow-colors ul li:nth-child(7) p:before{content:"#ffe76b"}.yellow-colors ul li:nth-child(6){background-color:#ffe978}.yellow-colors ul li:nth-child(6) p:before{content:"#ffe978"}.yellow-colors ul li:nth-child(5){background-color:#ffeb85}.yellow-colors ul li:nth-child(5) p:before{content:"#ffeb85"}.yellow-colors ul li:nth-child(4){background-color:#ffed91}.yellow-colors ul li:nth-child(4) p:before{content:"#ffed91"}.yellow-colors ul li:nth-child(3){background-color:#ffef9e}.yellow-colors ul li:nth-child(3) p:before{content:"#ffef9e"}.yellow-colors ul li:nth-child(2){background-color:#fff1ab}.yellow-colors ul li:nth-child(2) p:before{content:"#fff1ab"}.yellow-colors ul li:nth-child(1){background-color:#fff3b8}.yellow-colors ul li:nth-child(1) p:before{content:"#fff3b8"}.amber-colors ul li:nth-child(14){background-color:#ffb012}.amber-colors ul li:nth-child(14) p:before{content:"#ffb012"}.amber-colors ul li:nth-child(13){background-color:#ffb41f}.amber-colors ul li:nth-child(13) p:before{content:"#ffb41f"}.amber-colors ul li:nth-child(12){background-color:#ffb92b}.amber-colors ul li:nth-child(12) p:before{content:"#ffb92b"}.amber-colors ul li:nth-child(11){background-color:#ffbd38}.amber-colors ul li:nth-child(11) p:before{content:"#ffbd38"}.amber-colors ul li:nth-child(10){background-color:#ffc145}.amber-colors ul li:nth-child(10) p:before{content:"#ffc145"}.amber-colors ul li:nth-child(9){background-color:#ffc552}.amber-colors ul li:nth-child(9) p:before{content:"#ffc552"}.amber-colors ul li:nth-child(8){background-color:#ffca5e}.amber-colors ul li:nth-child(8) p:before{content:"#ffca5e"}.amber-colors ul li:nth-child(7){background-color:#ffce6b}.amber-colors ul li:nth-child(7) p:before{content:"#ffce6b"}.amber-colors ul li:nth-child(6){background-color:#ffd278}.amber-colors ul li:nth-child(6) p:before{content:"#ffd278"}.amber-colors ul li:nth-child(5){background-color:#ffd685}.amber-colors ul li:nth-child(5) p:before{content:"#ffd685"}.amber-colors ul li:nth-child(4){background-color:#ffdb91}.amber-colors ul li:nth-child(4) p:before{content:"#ffdb91"}.amber-colors ul li:nth-child(3){background-color:#ffdf9e}.amber-colors ul li:nth-child(3) p:before{content:"#ffdf9e"}.amber-colors ul li:nth-child(2){background-color:#ffe3ab}.amber-colors ul li:nth-child(2) p:before{content:"#ffe3ab"}.amber-colors ul li:nth-child(1){background-color:#ffe7b8}.amber-colors ul li:nth-child(1) p:before{content:"#ffe7b8"}.orange-colors ul li:nth-child(14){background-color:#ff7814}.orange-colors ul li:nth-child(14) p:before{content:"#ff7814"}.orange-colors ul li:nth-child(13){background-color:#ff8124}.orange-colors ul li:nth-child(13) p:before{content:"#ff8124"}.orange-colors ul li:nth-child(12){background-color:#ff8933}.orange-colors ul li:nth-child(12) p:before{content:"#ff8933"}.orange-colors ul li:nth-child(11){background-color:#ff9242}.orange-colors ul li:nth-child(11) p:before{content:"#ff9242"}.orange-colors ul li:nth-child(10){background-color:#ff9b52}.orange-colors ul li:nth-child(10) p:before{content:"#ff9b52"}.orange-colors ul li:nth-child(9){background-color:#ffa461}.orange-colors ul li:nth-child(9) p:before{content:"#ffa461"}.orange-colors ul li:nth-child(8){background-color:#ffad70}.orange-colors ul li:nth-child(8) p:before{content:"#ffad70"}.orange-colors ul li:nth-child(7){background-color:#ffb67f}.orange-colors ul li:nth-child(7) p:before{content:"#ffb67f"}.orange-colors ul li:nth-child(6){background-color:#ffbe8f}.orange-colors ul li:nth-child(6) p:before{content:"#ffbe8f"}.orange-colors ul li:nth-child(5){background-color:#ffc79e}.orange-colors ul li:nth-child(5) p:before{content:"#ffc79e"}.orange-colors ul li:nth-child(4){background-color:#ffd0ad}.orange-colors ul li:nth-child(4) p:before{content:"#ffd0ad"}.orange-colors ul li:nth-child(3){background-color:#ffd9bd}.orange-colors ul li:nth-child(3) p:before{content:"#ffd9bd"}.orange-colors ul li:nth-child(2){background-color:#ffe2cc}.orange-colors ul li:nth-child(2) p:before{content:"#ffe2cc"}.orange-colors ul li:nth-child(1){background-color:#ffeadb}.orange-colors ul li:nth-child(1) p:before{content:"#ffeadb"}.deep-orange-colors ul li:nth-child(14){background-color:#ec3305}.deep-orange-colors ul li:nth-child(14) p:before{content:"#ec3305"}.deep-orange-colors ul li:nth-child(13){background-color:#f93707}.deep-orange-colors ul li:nth-child(13) p:before{content:"#f93707"}.deep-orange-colors ul li:nth-child(12){background-color:#fa4316}.deep-orange-colors ul li:nth-child(12) p:before{content:"#fa4316"}.deep-orange-colors ul li:nth-child(11){background-color:#fa5025}.deep-orange-colors ul li:nth-child(11) p:before{content:"#fa5025"}.deep-orange-colors ul li:nth-child(10){background-color:#fa5c34}.deep-orange-colors ul li:nth-child(10) p:before{content:"#fa5c34"}.deep-orange-colors ul li:nth-child(9){background-color:#fb6843}.deep-orange-colors ul li:nth-child(9) p:before{content:"#fb6843"}.deep-orange-colors ul li:nth-child(8){background-color:#fb7452}.deep-orange-colors ul li:nth-child(8) p:before{content:"#fb7452"}.deep-orange-colors ul li:nth-child(7){background-color:#fb8061}.deep-orange-colors ul li:nth-child(7) p:before{content:"#fb8061"}.deep-orange-colors ul li:nth-child(6){background-color:#fc8c70}.deep-orange-colors ul li:nth-child(6) p:before{content:"#fc8c70"}.deep-orange-colors ul li:nth-child(5){background-color:#fc987f}.deep-orange-colors ul li:nth-child(5) p:before{content:"#fc987f"}.deep-orange-colors ul li:nth-child(4){background-color:#fca48e}.deep-orange-colors ul li:nth-child(4) p:before{content:"#fca48e"}.deep-orange-colors ul li:nth-child(3){background-color:#fdb09d}.deep-orange-colors ul li:nth-child(3) p:before{content:"#fdb09d"}.deep-orange-colors ul li:nth-child(2){background-color:#fdbcac}.deep-orange-colors ul li:nth-child(2) p:before{content:"#fdbcac"}.deep-orange-colors ul li:nth-child(1){background-color:#fdc8bb}.deep-orange-colors ul li:nth-child(1) p:before{content:"#fdc8bb"}.brown-colors ul li:nth-child(14){background-color:#513631}.brown-colors ul li:nth-child(14) p:before{content:"#513631"}.brown-colors ul li:nth-child(13){background-color:#61403a}.brown-colors ul li:nth-child(13) p:before{content:"#61403a"}.brown-colors ul li:nth-child(12){background-color:#714b44}.brown-colors ul li:nth-child(12) p:before{content:"#714b44"}.brown-colors ul li:nth-child(11){background-color:#81554d}.brown-colors ul li:nth-child(11) p:before{content:"#81554d"}.brown-colors ul li:nth-child(10){background-color:#916057}.brown-colors ul li:nth-child(10) p:before{content:"#916057"}.brown-colors ul li:nth-child(9){background-color:#a06b61}.brown-colors ul li:nth-child(9) p:before{content:"#a06b61"}.brown-colors ul li:nth-child(8){background-color:#aa7a71}.brown-colors ul li:nth-child(8) p:before{content:"#aa7a71"}.brown-colors ul li:nth-child(7){background-color:#b38981}.brown-colors ul li:nth-child(7) p:before{content:"#b38981"}.brown-colors ul li:nth-child(6){background-color:#bd9791}.brown-colors ul li:nth-child(6) p:before{content:"#bd9791"}.brown-colors ul li:nth-child(5){background-color:#c6a6a1}.brown-colors ul li:nth-child(5) p:before{content:"#c6a6a1"}.brown-colors ul li:nth-child(4){background-color:#d0b5b1}.brown-colors ul li:nth-child(4) p:before{content:"#d0b5b1"}.brown-colors ul li:nth-child(3){background-color:#dac4c1}.brown-colors ul li:nth-child(3) p:before{content:"#dac4c1"}.brown-colors ul li:nth-child(2){background-color:#e3d3d0}.brown-colors ul li:nth-child(2) p:before{content:"#e3d3d0"}.brown-colors ul li:nth-child(1){background-color:#ede2e0}.brown-colors ul li:nth-child(1) p:before{content:"#ede2e0"}.grey-colors ul li:nth-child(14){background-color:#323232}.grey-colors ul li:nth-child(14) p:before{content:"#323232"}.grey-colors ul li:nth-child(13){background-color:#3f3f3f}.grey-colors ul li:nth-child(13) p:before{content:"#3f3f3f"}.grey-colors ul li:nth-child(12){background-color:#4b4b4b}.grey-colors ul li:nth-child(12) p:before{content:"#4b4b4b"}.grey-colors ul li:nth-child(11){background-color:#585858}.grey-colors ul li:nth-child(11) p:before{content:"#585858"}.grey-colors ul li:nth-child(10){background-color:#656565}.grey-colors ul li:nth-child(10) p:before{content:"#656565"}.grey-colors ul li:nth-child(9){background-color:#727272}.grey-colors ul li:nth-child(9) p:before{content:"#727272"}.grey-colors ul li:nth-child(8){background-color:#7e7e7e}.grey-colors ul li:nth-child(8) p:before{content:"#7e7e7e"}.grey-colors ul li:nth-child(7){background-color:#8b8b8b}.grey-colors ul li:nth-child(7) p:before{content:"#8b8b8b"}.grey-colors ul li:nth-child(6){background-color:#989898}.grey-colors ul li:nth-child(6) p:before{content:"#989898"}.grey-colors ul li:nth-child(5){background-color:#a5a5a5}.grey-colors ul li:nth-child(5) p:before{content:"#a5a5a5"}.grey-colors ul li:nth-child(4){background-color:#b1b1b1}.grey-colors ul li:nth-child(4) p:before{content:"#b1b1b1"}.grey-colors ul li:nth-child(3){background-color:#bebebe}.grey-colors ul li:nth-child(3) p:before{content:"#bebebe"}.grey-colors ul li:nth-child(2){background-color:#cbcbcb}.grey-colors ul li:nth-child(2) p:before{content:"#cbcbcb"}.grey-colors ul li:nth-child(1){background-color:#d8d8d8}.grey-colors ul li:nth-child(1) p:before{content:"#d8d8d8"}.blue-grey-colors ul li:nth-child(14){background-color:#35444a}.blue-grey-colors ul li:nth-child(14) p:before{content:"#35444a"}.blue-grey-colors ul li:nth-child(13){background-color:#3f5159}.blue-grey-colors ul li:nth-child(13) p:before{content:"#3f5159"}.blue-grey-colors ul li:nth-child(12){background-color:#4a5f68}.blue-grey-colors ul li:nth-child(12) p:before{content:"#4a5f68"}.blue-grey-colors ul li:nth-child(11){background-color:#546d77}.blue-grey-colors ul li:nth-child(11) p:before{content:"#546d77"}.blue-grey-colors ul li:nth-child(10){background-color:#5f7a85}.blue-grey-colors ul li:nth-child(10) p:before{content:"#5f7a85"}.blue-grey-colors ul li:nth-child(9){background-color:#6a8894}.blue-grey-colors ul li:nth-child(9) p:before{content:"#6a8894"}.blue-grey-colors ul li:nth-child(8){background-color:#78949f}.blue-grey-colors ul li:nth-child(8) p:before{content:"#78949f"}.blue-grey-colors ul li:nth-child(7){background-color:#87a0aa}.blue-grey-colors ul li:nth-child(7) p:before{content:"#87a0aa"}.blue-grey-colors ul li:nth-child(6){background-color:#96abb4}.blue-grey-colors ul li:nth-child(6) p:before{content:"#96abb4"}.blue-grey-colors ul li:nth-child(5){background-color:#a5b7bf}.blue-grey-colors ul li:nth-child(5) p:before{content:"#a5b7bf"}.blue-grey-colors ul li:nth-child(4){background-color:#b4c3ca}.blue-grey-colors ul li:nth-child(4) p:before{content:"#b4c3ca"}.blue-grey-colors ul li:nth-child(3){background-color:#c3cfd4}.blue-grey-colors ul li:nth-child(3) p:before{content:"#c3cfd4"}.blue-grey-colors ul li:nth-child(2){background-color:#d2dbdf}.blue-grey-colors ul li:nth-child(2) p:before{content:"#d2dbdf"}.blue-grey-colors ul li:nth-child(1){background-color:#e1e7e9}.blue-grey-colors ul li:nth-child(1) p:before{content:"#e1e7e9"}.primary-colorr ul li:nth-child(14){background-color:#1cc9a7}.primary-colorr ul li:nth-child(14) p:before{content:"#1cc9a7"}.primary-colorr ul li:nth-child(13){background-color:#1ed7b2}.primary-colorr ul li:nth-child(13) p:before{content:"#1ed7b2"}.primary-colorr ul li:nth-child(12){background-color:#23e1bb}.primary-colorr ul li:nth-child(12) p:before{content:"#23e1bb"}.primary-colorr ul li:nth-child(11){background-color:#31e2bf}.primary-colorr ul li:nth-child(11) p:before{content:"#31e2bf"}.primary-colorr ul li:nth-child(10){background-color:#3ee4c4}.primary-colorr ul li:nth-child(10) p:before{content:"#3ee4c4"}.primary-colorr ul li:nth-child(9){background-color:#4ce6c8}.primary-colorr ul li:nth-child(9) p:before{content:"#4ce6c8"}.primary-colorr ul li:nth-child(8){background-color:#59e8cc}.primary-colorr ul li:nth-child(8) p:before{content:"#59e8cc"}.primary-colorr ul li:nth-child(7){background-color:#66ead0}.primary-colorr ul li:nth-child(7) p:before{content:"#66ead0"}.primary-colorr ul li:nth-child(6){background-color:#74ecd4}.primary-colorr ul li:nth-child(6) p:before{content:"#74ecd4"}.primary-colorr ul li:nth-child(5){background-color:#81eed8}.primary-colorr ul li:nth-child(5) p:before{content:"#81eed8"}.primary-colorr ul li:nth-child(4){background-color:#8fefdc}.primary-colorr ul li:nth-child(4) p:before{content:"#8fefdc"}.primary-colorr ul li:nth-child(3){background-color:#9cf1e1}.primary-colorr ul li:nth-child(3) p:before{content:"#9cf1e1"}.primary-colorr ul li:nth-child(2){background-color:#aaf3e5}.primary-colorr ul li:nth-child(2) p:before{content:"#aaf3e5"}.primary-colorr ul li:nth-child(1){background-color:#b7f5e9}.primary-colorr ul li:nth-child(1) p:before{content:"#b7f5e9"}.success-colorr ul li:nth-child(14){background-color:#33d176}.success-colorr ul li:nth-child(14) p:before{content:"#33d176"}.success-colorr ul li:nth-child(13){background-color:#3bd37c}.success-colorr ul li:nth-child(13) p:before{content:"#3bd37c"}.success-colorr ul li:nth-child(12){background-color:#44d581}.success-colorr ul li:nth-child(12) p:before{content:"#44d581"}.success-colorr ul li:nth-child(11){background-color:#4cd787}.success-colorr ul li:nth-child(11) p:before{content:"#4cd787"}.success-colorr ul li:nth-child(10){background-color:#54d98c}.success-colorr ul li:nth-child(10) p:before{content:"#54d98c"}.success-colorr ul li:nth-child(9){background-color:#5dda92}.success-colorr ul li:nth-child(9) p:before{content:"#5dda92"}.success-colorr ul li:nth-child(8){background-color:#65dc98}.success-colorr ul li:nth-child(8) p:before{content:"#65dc98"}.success-colorr ul li:nth-child(7){background-color:#6dde9d}.success-colorr ul li:nth-child(7) p:before{content:"#6dde9d"}.success-colorr ul li:nth-child(6){background-color:#76e0a3}.success-colorr ul li:nth-child(6) p:before{content:"#76e0a3"}.success-colorr ul li:nth-child(5){background-color:#7ee2a8}.success-colorr ul li:nth-child(5) p:before{content:"#7ee2a8"}.success-colorr ul li:nth-child(4){background-color:#86e4ae}.success-colorr ul li:nth-child(4) p:before{content:"#86e4ae"}.success-colorr ul li:nth-child(3){background-color:#8fe6b4}.success-colorr ul li:nth-child(3) p:before{content:"#8fe6b4"}.success-colorr ul li:nth-child(2){background-color:#97e8b9}.success-colorr ul li:nth-child(2) p:before{content:"#97e8b9"}.success-colorr ul li:nth-child(1){background-color:#9fe9bf}.success-colorr ul li:nth-child(1) p:before{content:"#9fe9bf"}.info-colorr ul li:nth-child(14){background-color:#3d9cdd}.info-colorr ul li:nth-child(14) p:before{content:"#3d9cdd"}.info-colorr ul li:nth-child(13){background-color:#45a1de}.info-colorr ul li:nth-child(13) p:before{content:"#45a1de"}.info-colorr ul li:nth-child(12){background-color:#4ea5e0}.info-colorr ul li:nth-child(12) p:before{content:"#4ea5e0"}.info-colorr ul li:nth-child(11){background-color:#57aae1}.info-colorr ul li:nth-child(11) p:before{content:"#57aae1"}.info-colorr ul li:nth-child(10){background-color:#5faee3}.info-colorr ul li:nth-child(10) p:before{content:"#5faee3"}.info-colorr ul li:nth-child(9){background-color:#68b2e4}.info-colorr ul li:nth-child(9) p:before{content:"#68b2e4"}.info-colorr ul li:nth-child(8){background-color:#71b7e6}.info-colorr ul li:nth-child(8) p:before{content:"#71b7e6"}.info-colorr ul li:nth-child(7){background-color:#79bbe7}.info-colorr ul li:nth-child(7) p:before{content:"#79bbe7"}.info-colorr ul li:nth-child(6){background-color:#82c0e9}.info-colorr ul li:nth-child(6) p:before{content:"#82c0e9"}.info-colorr ul li:nth-child(5){background-color:#8bc4ea}.info-colorr ul li:nth-child(5) p:before{content:"#8bc4ea"}.info-colorr ul li:nth-child(4){background-color:#93c8ec}.info-colorr ul li:nth-child(4) p:before{content:"#93c8ec"}.info-colorr ul li:nth-child(3){background-color:#9ccded}.info-colorr ul li:nth-child(3) p:before{content:"#9ccded"}.info-colorr ul li:nth-child(2){background-color:#a5d1ef}.info-colorr ul li:nth-child(2) p:before{content:"#a5d1ef"}.info-colorr ul li:nth-child(1){background-color:#add6f1}.info-colorr ul li:nth-child(1) p:before{content:"#add6f1"}.warning-colorr ul li:nth-child(14){background-color:#f2c619}.warning-colorr ul li:nth-child(14) p:before{content:"#f2c619"}.warning-colorr ul li:nth-child(13){background-color:#f2c922}.warning-colorr ul li:nth-child(13) p:before{content:"#f2c922"}.warning-colorr ul li:nth-child(12){background-color:#f3cb2c}.warning-colorr ul li:nth-child(12) p:before{content:"#f3cb2c"}.warning-colorr ul li:nth-child(11){background-color:#f3cd36}.warning-colorr ul li:nth-child(11) p:before{content:"#f3cd36"}.warning-colorr ul li:nth-child(10){background-color:#f4d03f}.warning-colorr ul li:nth-child(10) p:before{content:"#f4d03f"}.warning-colorr ul li:nth-child(9){background-color:#f4d249}.warning-colorr ul li:nth-child(9) p:before{content:"#f4d249"}.warning-colorr ul li:nth-child(8){background-color:#f5d552}.warning-colorr ul li:nth-child(8) p:before{content:"#f5d552"}.warning-colorr ul li:nth-child(7){background-color:#f5d75c}.warning-colorr ul li:nth-child(7) p:before{content:"#f5d75c"}.warning-colorr ul li:nth-child(6){background-color:#f6d966}.warning-colorr ul li:nth-child(6) p:before{content:"#f6d966"}.warning-colorr ul li:nth-child(5){background-color:#f7dc6f}.warning-colorr ul li:nth-child(5) p:before{content:"#f7dc6f"}.warning-colorr ul li:nth-child(4){background-color:#f7de79}.warning-colorr ul li:nth-child(4) p:before{content:"#f7de79"}.warning-colorr ul li:nth-child(3){background-color:#f8e083}.warning-colorr ul li:nth-child(3) p:before{content:"#f8e083"}.warning-colorr ul li:nth-child(2){background-color:#f8e38c}.warning-colorr ul li:nth-child(2) p:before{content:"#f8e38c"}.warning-colorr ul li:nth-child(1){background-color:#f9e596}.warning-colorr ul li:nth-child(1) p:before{content:"#f9e596"}.danger-colorr ul li:nth-child(14){background-color:#e85445}.danger-colorr ul li:nth-child(14) p:before{content:"#e85445"}.danger-colorr ul li:nth-child(13){background-color:#e95d4e}.danger-colorr ul li:nth-child(13) p:before{content:"#e95d4e"}.danger-colorr ul li:nth-child(12){background-color:#ea6557}.danger-colorr ul li:nth-child(12) p:before{content:"#ea6557"}.danger-colorr ul li:nth-child(11){background-color:#eb6d60}.danger-colorr ul li:nth-child(11) p:before{content:"#eb6d60"}.danger-colorr ul li:nth-child(10){background-color:#ed7669}.danger-colorr ul li:nth-child(10) p:before{content:"#ed7669"}.danger-colorr ul li:nth-child(9){background-color:#ee7e72}.danger-colorr ul li:nth-child(9) p:before{content:"#ee7e72"}.danger-colorr ul li:nth-child(8){background-color:#ef867c}.danger-colorr ul li:nth-child(8) p:before{content:"#ef867c"}.danger-colorr ul li:nth-child(7){background-color:#f08f85}.danger-colorr ul li:nth-child(7) p:before{content:"#f08f85"}.danger-colorr ul li:nth-child(6){background-color:#f1978e}.danger-colorr ul li:nth-child(6) p:before{content:"#f1978e"}.danger-colorr ul li:nth-child(5){background-color:#f29f97}.danger-colorr ul li:nth-child(5) p:before{content:"#f29f97"}.danger-colorr ul li:nth-child(4){background-color:#f3a8a0}.danger-colorr ul li:nth-child(4) p:before{content:"#f3a8a0"}.danger-colorr ul li:nth-child(3){background-color:#f4b0a9}.danger-colorr ul li:nth-child(3) p:before{content:"#f4b0a9"}.danger-colorr ul li:nth-child(2){background-color:#f6b8b2}.danger-colorr ul li:nth-child(2) p:before{content:"#f6b8b2"}.danger-colorr ul li:nth-child(1){background-color:#f7c1bb}.danger-colorr ul li:nth-child(1) p:before{content:"#f7c1bb"}#draggableMultiple .sortable-moves{cursor:move;margin-bottom:0;box-shadow:0 1px 5px 0 rgba(0,0,0,0.14);margin-bottom:20px;padding:15px 0 15px 60px}.sortable-moves{font-size:14px;line-height:1.55556em;list-style-type:none;margin-bottom:15px;min-height:3.55556em;padding-left:5.11111em;position:relative;cursor:move}.sortable-moves img{position:absolute;height:40px;left:10px;border-radius:5px;top:15px}.sortable-moves h6{font-weight:500}.card-sub{cursor:move;border:none;box-shadow:0 0 1px 2px rgba(0,0,0,0.05),0 -2px 1px -2px rgba(0,0,0,0.04),0 0 0 -1px rgba(0,0,0,0.05)}.card-sub:hover{box-shadow:0 0 25px -5px #9e9c9e;transition:all 180ms linear}.payment-card .icofont-paypal-alt,.payment-card .icofont-visa-alt,.payment-card .icofont-mastercard{display:block;font-size:60px;color:#ed5565}.payment-card .icofont-visa-alt{color:#1c84c6}.payment-card .icofont-mastercard{color:#f8ac59}.demo-container{padding-bottom:0}.jp-card .jp-card-front,.jp-card .jp-card-back{background:#448aff !important}.payment-form{max-width:550px;margin:0 auto;padding:20px;padding-bottom:0}.ace_editor{width:100% !important;position:relative !important;margin-top:20px}.long-press:focus{outline-color:#448aff}.inputor:focus{border-color:#448aff}#edui1{width:auto !important}.tab-pane form .md-add-on i{font-size:20px}.wall-elips{position:absolute;right:15px}.social-wallpaper{position:relative}.social-profile{position:relative;padding-top:15px}.timeline-btn{position:absolute;bottom:0;right:30px}.nav-tabs.md-tabs.tab-timeline li a{padding:20px 0 10px;color:#37474f;font-size:16px}.social-timeline-left{position:absolute;top:-200px;margin-right:15px}.post-input{padding:10px 10px 10px 5px;display:block;width:100%;border:none;resize:none}.user-box .media-object,.friend-box .media-object{height:45px;width:45px;display:inline-block;cursor:pointer}.friend-box img{margin-right:10px;margin-bottom:10px}.chat-header{color:#222222}.live-status{height:9px;width:9px;position:absolute;bottom:0;right:17px;border-radius:100%;border:1px solid;top:5px}.tab-timeline .slide{bottom:-1px}.image-upload input{visibility:hidden;max-width:0;max-height:0}.file-upload-lbl{max-width:15px;padding:5px 0 0}.ellipsis::after{top:15px;border:none;position:absolute;content:'\f142';font-family:FontAwesome;right:30px}.elipsis-box{box-shadow:0 0 5px 1px rgba(0,0,0,0.11);top:40px;right:-10px}.elipsis-box:after{content:'';height:13px;width:13px;background:#fff;position:absolute;top:-5px;right:10px;transform:rotate(45deg);box-shadow:-3px -3px 11px 1px rgba(170,170,170,0.22)}.friend-elipsis{left:-10px;top:-10px}.social-profile:hover .profile-hvr,.social-wallpaper:hover .profile-hvr{opacity:1;transition:all ease-in-out 0.3s}.profile-hvr{opacity:0;position:absolute;text-align:center;width:100%;font-size:20px;padding:10px;top:0;color:#fff;background-color:rgba(0,0,0,0.61);transition:all ease-in-out 0.3s}.social-profile{margin:0 15px}.social-follower{text-align:center}.social-follower h4{font-size:18px;margin-bottom:10px;font-style:normal}.social-follower h5{font-size:14px}.social-follower .follower-counter{text-align:center;margin-top:25px;margin-bottom:25px;font-size:13px}.social-follower .follower-counter .txt-primary{font-size:24px}.timeline-icon{height:45px;width:45px;display:block;margin:0 auto;border:4px #fff solid}.social-timelines-left:after{height:3px;width:20px;position:absolute;background:#cccccc;top:20px;content:"";right:-10px;z-index:0}.social-timelines-left{position:relative;z-index:3}.social-timelines:before{position:absolute;content:' ';width:3px;background:#cccccc;left:48px;height:100%;top:0;z-index:1}.timeline-dot:after,.timeline-dot:before{content:"";position:absolute;height:9px;width:9px;background-color:#cccccc;left:45px;border-radius:100%}.user-box .social-designation,.post-timelines .social-time{font-size:13px}.user-box .f-right{text-transform:capitalize}.social-msg a{display:inline-block}.social-msg a span{color:#666;padding-left:10px;padding-right:10px;margin-right:10px}.social-msg a:hover{color:#448aff}.social-msg a:hover span,.social-msg a:hover i{color:#448aff !important}.view-info .social-label,.contact-info .social-label,.work-info .social-label{font-size:15px;padding-left:0;padding-top:0}.view-info .social-user-name,.contact-info .social-user-name,.work-info .social-user-name{font-size:14px;padding-left:0}.friend-elipsis .social-designation{font-size:13px}.timeline-details p{padding-top:10px;margin-bottom:0}.post-timelines{cursor:pointer}.timeline-details .chat-header,.post-timelines .chat-header{font-size:16px;font-weight:500}.social-client-description{padding-bottom:20px;margin-bottom:20px}.social-client-description p{margin-top:5px;margin-bottom:0}.social-client-description span{font-size:12px;margin-left:10px}.social-client-description .chat-header{font-size:14px;font-weight:500;cursor:pointer}.social-tabs a{font-size:18px}.timeline-btn a{margin-bottom:20px}.profile-hvr i{cursor:pointer}.fc-left{margin-bottom:10px}#external-events h4{font-size:16px;margin-top:0;padding-top:1em}#external-events .fc-event{background:#fff;color:#000;cursor:move;padding:5px 18px;margin-bottom:5px}#external-events p{margin:1.5em 0;font-size:11px;color:#666}#external-events p input{margin:0;vertical-align:middle}.fc th,.fc td{line-height:2.5}.fc-state-default{background-color:#fff;color:#272727}tr:first-child>td>.fc-day-grid-event{color:#000;padding-left:10px;background:#f3f3f3}.fc-nonbusiness{background-color:#fff}.fc-state-active{background-color:#448aff;color:#fff}.fc-toolbar{margin-bottom:8px}.fc-toolbar .fc-center{display:block}.fc-center h2{font-weight:300;font-size:25px;margin-top:10px}.fc button{height:auto;padding:10px}.fc-toolbar .fc-left{float:right}.fc-button-group{margin-right:10px}.fc .fc-toolbar>*>*{margin-left:0}.fc-event,.fc-event-dot{background-color:transparent}.fc-day-grid-event:hover{color:#000 !important;opacity:0.8}.fc-time-grid-event .fc-content{color:#fff}.fc-bgevent{background:#d8d6d6 !important}.fc-state-default{background-image:none !important;border-color:none !important;text-shadow:none !important;box-shadow:none !important}.fc-state-down,.fc-state-active{background-color:none !important;background-image:none !important;box-shadow:none !important}.fc th{background:#448aff;color:#fff;border-color:#448aff}.fc-event-container a{padding:5px}.fc-event{line-height:1.3;border-radius:2px}tr:first-child>td>.fc-day-grid-event{margin-left:0}.clndr{width:100%}.clndr{background-color:#F3F3F3;box-shadow:0 4 px 0 #272727}.clndr .clndr-controls{padding:14px;background-color:#303549;color:#fff;text-align:center}.clndr.clndr-controls.clndr-previous-button{float:left;text-align:left}.clndr.clndr-controls.clndr-next-button{float:right;text-align:right}.clndr.clndr-controls.clndr-next-button,.clndr.clndr-controls.clndr-previous-button{width:30px;cursor:pointer}.clndr.clndr-controls.clndr-next-button:hover,.clndr.clndr-controls.clndr-previous-button:hover{opacity:.5}.clndr.clndr-grid{float:left;width:65%;background-color:#FFF}.clndr.clndr-grid.days-of-the-week{width:100%;background-color:#F6BB42}.clndr.clndr-grid.days-of-the-week.header-day{float:left;width:14.2857%;padding:14px;text-align:center;color:#fff}.clndr.clndr-grid.days{width:100%}.clndr.clndr-grid.days.day,.clndr.clndr-grid.days.empty{float:left;width:14.2857%;padding:12px 0;text-align:center;color:#4f4f4f}.clndr .clndr-grid .days .day.event .day-number,.clndr .clndr-grid .days .empty.event .day-number{border:1px solid #ff5252;border-radius:50%;padding:6px 9px}.clndr.clndr-grid.days.day.adjacent-month.day-number,.clndr.clndr-grid.days.day.inactive.day-number,.clndr.clndr-grid.days.empty.adjacent-month.day-number{opacity:.3;cursor:pointer}.clndr.clndr-grid.days.day.selected{background-color:#ff5252;color:#fff}.clndr.clndr-grid.days.today{color:#fff;background-image:none}.clndr.event-listing{background-color:#448aff;float:left;width:35%}.clndr.event-listing.event-listing-title{padding:15.5px;font-size:.88rem;background-color:#ffba57;text-align:center;color:#fff;letter-spacing:1px}.clndr.event-listing.event-item{padding:6px 14px;color:#4f4f4f}.clndr .event-listing .event-item-location{font-weight:400}.fc-event{border-color:#448aff}.clndr .clndr-grid .days .day.event .day-number,.clndr .clndr-grid .days .empty.event .day-number{color:#448aff;border:none;padding:0}.job-right-header .card-header .card-header-right{top:7px;right:15px}.job-right-header .radio-inline{display:block}.job-right-header .checkbox-fade{display:block}.job-right-header .checkbox-fade label{position:absolute;z-index:99}.job-right-header .checkbox-fade div{position:relative;padding-left:40px;margin-bottom:20px}.job-right-header a{color:#448aff;font-weight:500}.job-details-list{padding-left:inherit;list-style-type:square;margin-bottom:40px}.job-details-list li{margin-bottom:10px}.company-name p{font-weight:500;font-size:20px;margin-bottom:5px}.job-cards .media{padding-top:20px;padding-bottom:20px;display:flex;align-items:center;position:relative;border-bottom:1px solid #ddd}.job-cards:last-child .media{border-bottom:none;padding-bottom:0}.job-cards img{width:60px}.job-cards .media-right{position:absolute;top:20px;right:0}@media only screen and (max-width: 575px){.job-cards .media-left{padding-right:0}}.job-badge{position:absolute;top:35px;right:-15px}.job-badge:after{content:"";border:7px solid transparent;border-top-color:#005cf7;position:absolute;transform:rotate(45deg);top:-7px;right:8px;z-index:1}.job-badge .label{width:50px;text-align:center;padding:7px;border-radius:0;z-index:10}@media only screen and (max-width: 768px){.job-badge{display:none}}.job-lable{margin-bottom:20px}.job-lable .label{margin:5px 10px 5px 0;position:relative;z-index:9;display:inline-block;padding:5px 10px 5px 12px}.job-card-desc{font-weight:500;margin-top:10px;cursor:pointer}.job-meta-data{text-transform:capitalize;font-size:12px;margin-bottom:10px}.job-meta-data i{margin-right:5px;color:#448aff}.card-block.email-card{padding:10px 25px}.email-card .user-head{background-color:#448aff;padding:10px;min-height:81px;display:flex;align-items:center}.email-card .user-head .user-name{margin-left:10px;margin-bottom:10px}.email-card .user-head .user-name span{display:block;color:#fff}.email-card label{margin-bottom:0}.email-card .user-body{margin-left:-15px;margin-right:-15px;background-color:#fff}.email-card .user-body .page-list{border-bottom:0px solid transparent}.email-card .user-body .page-list li{text-transform:capitalize;border-bottom:1px solid #e9ecef;transition:all ease-in .3s;cursor:pointer}.email-card .user-body .page-list li.mail-section{display:block;margin-bottom:0}.email-card .user-body .page-list li.mail-section a{padding:15px 20px;border-radius:0px !important;color:#37474f;border:0px solid transparent}.email-card .user-body .page-list li.mail-section a.active,.email-card .user-body .page-list li.mail-section a:hover{color:#448aff;background-color:#ddeaff}.email-card .user-body .page-list li i{margin-right:10px}.email-card .user-body .page-list li:last-child{border-bottom:0px solid transparent}.email-card .user-body .label-list a{padding:10px 20px;display:block;color:#6a6a6a;position:relative;padding-left:25px}.email-card .user-body .label-list a:before{content:'';position:absolute;height:10px;width:10px;border-radius:50px;left:0;top:16px}.email-card .user-body .label-list a.mail-work:before{background-color:#448aff}.email-card .user-body .label-list a.mail-design:before{background-color:#00bcd4}.email-card .user-body .label-list a.mail-family:before{background-color:#9ccc65}.email-card .user-body .label-list a.mail-friends:before{background-color:#ffba57}.email-card .user-body .label-list a.mail-office:before{background-color:#ff5252}.email-card .mail-box-head{background-color:#448aff;min-height:80px;padding:20px 0 0}.email-card .mail-box-head .input-group{margin-bottom:0}.email-card .mail-box-head .form-control,.email-card .mail-box-head .float-label,.email-card .mail-box-head .material-addone{color:#fff}.email-card .mail-body{padding:20px 0}.email-card .mail-body .mail-body-header{margin-bottom:20px}.email-card .mail-body .mail-body-header .btn,.email-card .mail-body .mail-body-header .btn-group{margin:2px}.email-card .mail-body-content .check-star{display:flex;align-items:center}.email-card .mail-body-content .check-star .icofont-star{margin-top:-8px}.email-card .mail-body-content tr{transition:all ease-in .3s}.email-card .mail-body-content tr:hover{background-color:#ddeaff;cursor:pointer}.email-card .mail-body-content .unread a{color:#222;font-weight:500}.email-card .mail-body-content .read a{color:#222;font-weight:400}.email-read .photo-table{padding-right:10px}.email-read .user-name{margin-bottom:10px}.mail-body-content.email-read .card{box-shadow:none;margin-bottom:0}.user-name{margin-bottom:20px}.email-card .user-mail h6{font-size:14px;margin-top:5px;margin-bottom:20px;color:#292b2c}.email-content{line-height:30px;border-bottom:1px solid #ccc;padding-bottom:15px}.mail-img{margin-top:20px}.email-welcome-txt{font-weight:500}.set-map{height:400px;width:100% !important}#mapGeo{height:345px}#address-search .input-group{margin-bottom:0}.note-card{padding-top:0;padding-bottom:0}.note-card .note-box-aside{border-right:1px solid #ddd}.note-card .note-box-aside .row{padding:20px 0;display:flex;align-items:center}.note-card .Note-header{padding:20px 0}.note-card .note-write{position:relative;background:-webkit-linear-gradient(top, #91baff 0%, #ddeaff 5%) 0 0;background-size:100% 35px}.note-card .note-write:before{content:'';position:absolute;width:0px;top:0;left:32px;bottom:0;border-left:1px solid #448aff}.note-card .note-write:after{content:'';position:absolute;width:0px;top:0;left:34px;bottom:0;border-left:1px solid #448aff}.note-card #Note-pad{border:none;resize:none;background:transparent;padding:0px 20px 0 50px;line-height:35px}.note-card .Note-created__on{display:block}pre[class*="language-"]{background-color:#fff;border:1px solid #ddd}pre[class*="language-"] code{background-color:#fff !important}pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre.line-numbers>code{position:relative}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;user-select:none}.line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:0.8em;text-align:right}.loader{margin:18px auto;top:65px;left:65px;right:0;width:100px;height:100px;position:relative;transform:translate(-50%, -50%)}.loader.animation-start .circle{animation:rotating 2s ease-in-out infinite}.loader.animation-stop .circle{animation-iteration-count:1}.loader .circle{width:50px;height:50px;display:block;position:absolute;transform-origin:50% 50%;animation-iteration-count:0}.loader .circle:after{content:'';top:0;left:0;width:10px;height:10px;display:block;border-radius:50%;transform:translate(-50%, -50%);background-color:#1abc9c}.loader .circle.delay-1{animation-delay:0.125s}.loader .circle.size-1:after{width:11px;height:11px}.loader .circle.delay-2{animation-delay:0.25s}.loader .circle.size-2:after{width:12px;height:12px}.loader .circle.delay-3{animation-delay:0.375s}.loader .circle.size-3:after{width:13px;height:13px}.loader .circle.delay-4{animation-delay:0.5s}.loader .circle.size-4:after{width:14px;height:14px}.loader .circle.delay-5{animation-delay:0.625s}.loader .circle.size-5:after{width:15px;height:15px}.loader .circle.delay-6{animation-delay:0.75s}.loader .circle.size-6:after{width:16px;height:16px}.loader .circle.delay-7{animation-delay:0.875s}.loader .circle.size-7:after{width:17px;height:17px}.loader .circle.delay-8{animation-delay:1s}.loader .circle.size-8:after{width:18px;height:18px}.loader .circle.delay-9{animation-delay:1.125s}.loader .circle.size-9:after{width:19px;height:19px}.loader .circle.delay-10{animation-delay:1.25s}.loader .circle.size-10:after{width:20px;height:20px}.loader .circle.delay-11{animation-delay:1.375s}.loader .circle.size-11:after{width:21px;height:21px}.loader .circle.delay-12{animation-delay:1.5s}.loader .circle.size-12:after{width:22px;height:22px}@keyframes rotating{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#loader2{width:80px;height:130px;display:block;transform-origin:50% 50%;top:calc(50% - 50px);left:calc(50% - 50px);animation:spin 1s linear infinite;margin:0 auto}#circle-loader2{fill:none;stroke:#448aff;stroke-width:4;animation:draw 3s ease-in-out infinite}@keyframes draw{0%{stroke-dasharray:20, 282.6}50%{stroke-dasharray:200, 282.6}100%{stroke-dasharray:20, 282.6}}@keyframes spin{to{transform:rotate(360deg)}}.preloader3{width:auto;height:130px;text-align:center;font-size:10px;display:flex;align-items:center;justify-content:center}.preloader3>div{margin:2px;background-color:#448aff;height:10px;width:10px;border-radius:50%;display:inline-block;animation:stretchdelay 0.7s infinite ease-in-out}.preloader3 .circ2{animation-delay:-0.6s}.preloader3 .circ3{animation-delay:-0.5s}.preloader3 .circ4{animation-delay:-0.4s}.preloader3 .circ5{animation-delay:-0.3s}.preloader3 .loader-md{height:13px;width:13px}.preloader3 .loader-lg{height:18px;width:18px}@keyframes stretchdelay{0%,40%,100%{transform:translateY(-10px);-webkit-transform:translateY(-10px)}20%{transform:translateY(-20px);-webkit-transform:translateY(-20px)}}@keyframes rotateColor{0%{border-top-color:#1b8bf9}12.5%{border-bottom-color:rgba(27,139,249,0.8)}25%{border-bottom-color:rgba(27,139,249,0.6)}37.5%{border-bottom-color:rgba(27,139,249,0.4)}50%{border-bottom-color:rgba(27,139,249,0.6)}50.00001%{border-bottom-color:#1b8bf9}62.5%{border-bottom-color:rgba(27,139,249,0.8)}75%{border-bottom-color:rgba(27,139,249,0.6)}87.5%{border-bottom-color:rgba(27,139,249,0.4)}}.preloader4{width:30px;height:30px;position:relative;margin:55px auto}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#448aff;opacity:0.6;position:absolute;top:0;left:0;animation:bounce 2.0s infinite ease-in-out;animation-delay:-1.0s}@keyframes bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.preloader5{margin:55px 0;text-align:center}.preloader5 .circle-5{display:inline-block;padding:11px;margin:0 0.6em;background:#448aff;border-radius:100%}.preloader5 .l{animation:pulse 2s infinite linear}.preloader5 .m{animation:pulse 2s infinite linear;animation-delay:0.3s}.preloader5 .r{animation:pulse 2s infinite linear;animation-delay:0.6s}@keyframes pulse{10%{transform:scale(1)}20%{transform:scale(1)}30%{transform:scale(1.7)}50%{transform:scale(1.7)}70%{transform:scale(1.7)}80%{transform:scale(1)}90%{transform:scale(1)}100%{transform:scale(1)}}.preloader6{border-radius:100%;width:100px;height:100px;position:relative;overflow:hidden;z-index:1;background:inherit;margin:18px 0}.preloader6 hr{border:0;background:inherit;width:80%;height:80%;margin:10%;border-radius:100%}.preloader6::before,.preloader6::after,.preloader6 hr::before,.preloader6 hr::after{content:'';position:absolute;top:0;z-index:-1;left:33px;border:17px solid transparent;border-bottom:50px solid #448aff;border-top:50px solid #448aff;animation:rotateColor 1000ms infinite}.preloader6::after{transform:rotate(45deg);animation-delay:125ms}.preloader6 hr::before{transform:rotate(90deg);animation-delay:250ms}.preloader6 hr::after{transform:rotate(135deg);animation-delay:375ms}.loader-block,.loader{display:flex;align-items:center;justify-content:center}@keyframes rotateColor{0%{border-top-color:#1abc9c}12.5%{border-bottom-color:rgba(26,188,156,0.8)}25%{border-bottom-color:rgba(26,188,156,0.6)}37.5%{border-bottom-color:rgba(26,188,156,0.4)}50%{border-bottom-color:rgba(26,188,156,0.6)}50.00001%{border-bottom-color:#1abc9c}62.5%{border-bottom-color:rgba(26,188,156,0.8)}75%{border-bottom-color:rgba(26,188,156,0.6)}87.5%{border-bottom-color:rgba(26,188,156,0.4)}}.loader-primary{background-color:#448aff !important}.loader-warning{background-color:#ffba57 !important}.loader-default{background-color:#d6d6d6 !important}.loader-danger{background-color:#ff5252 !important}.loader-success{background-color:#9ccc65 !important}.loader-inverse{background-color:#37474f !important}.loader-info{background-color:#00bcd4 !important}.range-slider{min-height:200px;display:flex;align-items:center;margin-left:15px}.range-slider b{margin-top:-10px}#RGB{height:10px;background:gray}#RC .slider-selection{background:#FF8282}#RC .slider-handle{background:red}#GC .slider-selection{background:#428041}#GC .slider-handle{background:green}#BC .slider-selection{background:#8283FF}#BC .slider-handle{border-bottom-color:blue}#R,#G,#B{width:300px}.range-slider-contain{position:absolute;bottom:15px}.slider-handle{top:-5px;background-image:linear-gradient(to bottom, #448aff 0%, #448aff 100%);box-shadow:none}.slider-tick,.slider-track{background-image:linear-gradient(to bottom, #BDC3C7 0%, #BDC3C7 100%)}.slider-handle.custom::before{line-height:15px;font-size:35px;color:#448aff}#slider12a .slider-track-high,#slider12c .slider-track-high{background:green}#slider12b .slider-track-low,#slider12c .slider-track-low{background:red}#slider12c .slider-selection{background:yellow}.slider-selection.tick-slider-selection{background-image:linear-gradient(to bottom, #7af 0%, #7af 100%)}.slider-tick.in-selection{background-image:linear-gradient(to bottom, #7af 0%, #7af 100%)}.slider.slider-horizontal .slider-track{height:2px}.slider.slider-horizontal .slider-tick,.slider.slider-horizontal .slider-handle{top:-5px;cursor:pointer}.slider.slider-horizontal .slider-track{width:90%;margin-top:-5px;top:50%;left:10px}.br-wrapper{margin:20px 0 50px}.br-theme-bars-1to10 .br-widget .br-current-rating{clear:both;padding:0;font-size:13px;color:#757575;font-weight:400}.br-theme-bars-reversed .br-widget .br-current-rating{clear:both;padding:0;line-height:2;font-size:13px}.br-theme-bars-movie .br-widget .br-current-rating{color:#757575;font-weight:400;text-align:left}.br-theme-bars-horizontal .br-widget .br-current-rating,.br-theme-bars-reversed .br-widget .br-current-rating{color:#757575;font-weight:400;font-size:13px}span.value{display:inline}.current-rating{position:relative;top:-50px}.current-rating.hidden{display:none}.your-rating{position:relative;top:-50px}.your-rating.hidden{display:none}.br-theme-bars-1to10 .br-widget a,.br-theme-bars-movie .br-widget a,.br-theme-bars-reversed .br-widget a,.br-theme-bars-horizontal .br-widget a{background-color:#6da4ff}.br-theme-bars-1to10 .br-widget a.br-active,.br-theme-bars-1to10 .br-widget a.br-selected,.br-theme-bars-movie .br-widget a.br-active,.br-theme-bars-movie .br-widget a.br-selected,.br-theme-bars-reversed .br-widget a.br-active,.br-theme-bars-reversed .br-widget a.br-selected,.br-theme-bars-horizontal .br-widget a.br-active,.br-theme-bars-horizontal .br-widget a.br-selected{background-color:#448aff}.br-theme-bars-pill .br-widget a{background-color:#6da4ff;color:#448aff}.br-theme-bars-pill .br-widget a.br-active,.br-theme-bars-pill .br-widget a.br-selected{background-color:#448aff}.br-theme-fontawesome-stars .br-widget a.br-active:after,.br-theme-fontawesome-stars .br-widget a.br-selected:after{color:#448aff}.br-theme-css-stars .br-widget a.br-active:after,.br-theme-css-stars .br-widget a.br-selected:after{color:#448aff}.br-theme-bars-square .br-widget a{border:2px solid #6da4ff;color:#6da4ff}.br-theme-bars-square .br-widget a.br-active,.br-theme-bars-square .br-widget a.br-selected{border:2px solid #448aff;color:#448aff}.br-theme-fontawesome-stars-o .br-widget a.br-selected:after,.br-theme-fontawesome-stars-o .br-widget a:after,.br-theme-fontawesome-stars-o .br-widget a.br-active:after,.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after{color:#448aff}#task-container ul{overflow:hidden}#task-container .task-headline{display:none;color:#666666;border-bottom:1px solid #C8C7BB;padding-bottom:20px;margin-bottom:20px;font-size:1.6em;position:relative}#task-container .task-headline:before{height:1px;width:100%;background:#FFF;position:absolute;content:" ";bottom:0;left:0}#task-container .nothing-message{height:160px;color:#666;background-size:15%}#task-container li{float:left;width:49%;overflow:auto;height:auto;min-height:10px;background:#FFF;display:inline-block;padding:20px;border:1px solid #CCC;color:#666;border-top:9px solid #448aff;cursor:pointer;margin-bottom:20px;margin-right:2%;transition:all 0.3s;position:relative}#task-container li:nth-child(even){margin-right:0}#task-container li:hover{opacity:1;border-top:9px solid #d6d6d6}#task-container li.complete{opacity:1;border-top:9px solid #ff5252;transition:all ease-in 0.3s}#task-container li.complete:before{position:absolute;top:5px;right:5px;content:"";width:55px;height:55px;background-size:100%}#task-container li.complete:hover{border-top:9px solid #d6d6d6;opacity:1}#task-container li.complete p{text-decoration:line-through}#task-container p{line-height:1.6em;text-align:left}.add-line.complete{text-decoration:line-through}.task-panel .to-do-label{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:20px}.task-panel .to-do-label:last-child{border-bottom:none;margin-bottom:0;padding:0}.to-do-list{padding-bottom:10px;margin-bottom:20px}.to-do-list i{color:#ccc;font-size:17px;opacity:0}.to-do-list:last-child{border:none;padding:0;margin:0}.to-do-list:hover i{opacity:1;transition:opacity ease-in 0.3s}.to-do-list p{display:inline-block}.to-do-label .checkbox-fade{display:block}.to-do-label .checkbox-fade .delete_todo{float:right;font-size:24px;color:#ccc}.to-do-label .check-task{display:block}.to-do-label i{cursor:pointer}.done-task span,.done-task .captions{color:#919aa3;text-decoration:line-through}.location-selector{width:100%;height:250px;background-color:#fff;border:2px dashed #e5e9ec;position:relative;margin-bottom:20px}.location-selector .bit{background-color:#e5e9ec;cursor:pointer;position:absolute}.location-selector .bit:hover{background-color:#ddd}.location-selector .bit.bottom,.location-selector .bit.top{height:25%;width:40%;margin:0 30%}.location-selector .bit.top{top:0}.location-selector .bit.bottom{bottom:0}.location-selector .bit.left,.location-selector .bit.right{height:20%;width:20%;margin-left:0;margin-right:0}.location-selector .bit.right{right:0}.location-selector .bit.left{left:0}button.close{margin-top:7px;margin-bottom:0}.mytooltip{display:inline;position:relative;z-index:999}.mytooltip .tooltip-item{background:rgba(0,0,0,0.1);cursor:pointer;display:inline-block;font-weight:500;padding:0 10px}.mytooltip .tooltip-content{position:absolute;z-index:9999;width:360px;left:50%;margin:0 0 20px -180px;bottom:100%;text-align:left;font-size:14px;line-height:30px;box-shadow:-5px -5px 15px rgba(48,54,61,0.2);background:#2b2b2b;opacity:0;cursor:default;pointer-events:none}.mytooltip .tooltip-content::after{content:'';top:100%;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:#2a3035 transparent transparent;border-width:10px;margin-left:-10px}.mytooltip .tooltip-content img{position:relative;height:140px;display:block;float:left;margin-right:1em}.mytooltip .tooltip-item::after{content:'';position:absolute;width:360px;height:20px;bottom:100%;left:50%;pointer-events:none;transform:translateX(-50%)}.mytooltip:hover .tooltip-item::after{pointer-events:auto}.mytooltip:hover .tooltip-content{pointer-events:auto;opacity:1;transform:translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg)}.mytooltip:hover .tooltip-content2{opacity:1;font-size:18px}.mytooltip:hover .tooltip-content2 i{opacity:1;font-size:18px}.mytooltip:hover .tooltip-content2{opacity:1;font-size:18px;pointer-events:auto;transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}.mytooltip:hover .tooltip-content2 i{opacity:1;font-size:18px;pointer-events:auto;transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}.mytooltip:hover .tooltip-item2{color:#fff;transform:translate3d(0, -0.9em, 0)}.mytooltip:hover .tooltip-text3{transition-delay:0s;transform:scale3d(1, 1, 1)}.mytooltip:hover .tooltip-content3{opacity:1;pointer-events:auto;transform:scale3d(1, 1, 1)}.mytooltip:hover .tooltip-content4{pointer-events:auto;opacity:1;transform:translate3d(0, 0, 0)}.mytooltip:hover .tooltip-text2{pointer-events:auto;opacity:1;transform:translate3d(0, 0, 0)}.mytooltip:hover .tooltip-inner2{transition-delay:0.3s;transform:translate3d(0, 0, 0)}.mytooltip:hover .tooltip-content5{opacity:1;pointer-events:auto;transition-delay:0s}.mytooltip .tooltip-text{font-size:14px;line-height:24px;display:block;padding:1.31em 1.21em 1.21em 0;color:#fff}.mytooltip .tooltip-item2{color:#448aff;cursor:pointer;z-index:100;position:relative;display:inline-block;font-weight:700;font-size:14px;transition:background-color 0.3s, color 0.3s, transform 0.3s}.tooltip.tooltip-effect-2:hover .tooltip-content{transform:perspective(1000px) rotate3d(1, 0, 0, 0deg)}.tooltip-effect-5 .tooltip-text{padding:1.4em}.tooltip-effect-1 .tooltip-content{transform:translate3d(0, -10px, 0);transition:opacity 0.3s, transform 0.3s;color:#fff}.tooltip-effect-2 .tooltip-content{transform-origin:50% calc(110%);transform:perspective(1000px) rotate3d(1, 0, 0, 45deg);transition:opacity 0.2s, transform 0.2s}.tooltip-effect-3 .tooltip-content{transform:translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);transition:opacity 0.3s, transform 0.3s}.tooltip-effect-4 .tooltip-content{transform-origin:50% 100%;transform:scale3d(0.7, 0.3, 1);transition:opacity 0.2s, transform 0.2s}.tooltip-effect-5 .tooltip-content{width:180px;margin-left:-90px;transform-origin:50% calc(106%);transform:rotate3d(0, 0, 1, 15deg);transition:opacity 0.2s, transform 0.2s;transition-timing-function:ease,cubic-bezier(0.17, 0.67, 0.4, 1.39)}.tooltip-effect-6 .tooltip-content2{transform:translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);transform-origin:50% 100%;transition:opacity 0.3s, transform 0.3s}.tooltip-effect-6 .tooltip-content2 i{transform:scale3d(0, 0, 1);transition:opacity 0.3s, transform 0.3s}.tooltip-effect-7 .tooltip-content2{transform:translate3d(0, 10px, 0);transition:opacity 0.3s, transform 0.3s}.tooltip-effect-7 .tooltip-content2 i{transform:translate3d(0, 15px, 0);transition:opacity 0.3s, transform 0.3s}.tooltip-effect-8 .tooltip-content2{transform:translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg);transform-origin:50% 100%;transition:opacity 0.3s, transform 0.3s}.tooltip-effect-8 .tooltip-content2 i{transform:scale3d(0, 0, 1);transition:opacity 0.3s, transform 0.3s}.tooltip-effect-9 .tooltip-content2{transform:translate3d(0, -20px, 0);transition:opacity 0.3s, transform 0.3s}.tooltip-effect-9 .tooltip-content2 i{transform:translate3d(0, 20px, 0);transition:opacity 0.3s, transform 0.3s}.tooltip-effect-6:hover .tooltip-content2 i{transform:rotate3d(1, 1, 1, 0deg)}.tooltip-content2{position:absolute;z-index:9999;width:80px;height:80px;padding-top:25px;left:50%;margin-left:-40px;bottom:100%;border-radius:50%;text-align:center;background:#448aff;color:#fff;opacity:0;margin-bottom:20px;cursor:default;pointer-events:none}.tooltip-content2 i{opacity:0}.tooltip-content2::after{content:'';position:absolute;top:100%;left:50%;margin:-7px 0 0 -15px;width:30px;height:20px;background-size:100%}.tooltip-content3{position:absolute;background-size:100% 100%;z-index:9999;width:200px;bottom:100%;left:50%;margin-left:-100px;padding:50px 30px;text-align:center;color:#fff;opacity:0;cursor:default;font-size:14px;line-height:27px;pointer-events:none;transform:scale3d(0.1, 0.2, 1);transform-origin:50% 120%;transition:opacity 0.4s, transform 0.4s;transition-timing-function:ease,cubic-bezier(0.6, 0, 0.4, 1)}.tooltip-content3::after{content:'';position:absolute;width:16px;height:16px;left:50%;margin-left:-8px;top:100%;background:#00aeef;transform:translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg)}.tooltip-content4{position:absolute;z-index:99;width:360px;left:50%;margin-left:-180px;bottom:-5px;text-align:left;background:#448aff;opacity:0;font-size:14px;line-height:27px;padding:1.5em;color:#fff;border-bottom:55px solid #0053dd;cursor:default;pointer-events:none;border-radius:5px;transform:translate3d(0, -0.5em, 0);transition:opacity 0.3s, transform 0.3s}.tooltip-content4 a{color:#2b2b2b}.tooltip-content4 .tooltip-text2{opacity:0;transform:translate3d(0, 1.5em, 0);transition:opacity 0.3s, transform 0.3s}.tooltip-content5{position:absolute;z-index:9999;width:300px;left:50%;bottom:100%;font-size:20px;line-height:1.4;text-align:center;font-weight:400;color:#fff;background:0 0;opacity:0;margin:0 0 20px -150px;cursor:default;pointer-events:none;transition:opacity 0.3s 0.3s}.tooltip-content5 span{display:block}.tooltip-content5::after{content:'';bottom:-20px;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:#448aff transparent transparent;border-width:10px;margin-left:-10px}.tooltip-content5 .tooltip-text3{border-bottom:10px solid #448aff;overflow:hidden;transform:scale3d(0, 1, 1);transition:transform 0.3s 0.3s}.tooltip-content5 .tooltip-inner2{background:#2b2b2b;padding:40px;transform:translate3d(0, 100%, 0);transition:transform 0.3s}a.mytooltip{font-weight:700;color:#448aff;z-index:9}.tooltip-link a{margin-left:10px;color:#448aff}.tooltip-icon button i{margin-right:0}.owl-theme .owl-nav [class*='owl-']:hover{background:#448aff}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#448aff}.animation-image img{margin:10px auto 20px;cursor:pointer}.card-block.tree-view ul{display:inherit}.card-block.tree-view ul li{display:inherit;float:none}.jFiler-theme-default .jFiler-input-button{background-color:#448aff;background-image:none;color:#fff}.jFiler-theme-default .jFiler-input{width:100%}.jFiler-input-dragDrop{width:100%;background-color:#fafafa}.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info{position:absolute;bottom:-10%;left:0;width:100%;color:#fff;padding:6px 10px;z-index:9;opacity:0;transition:all 0.12s}.jFiler-input-choose-btn{border:1px solid #448aff;padding:10px 25px;background:#448aff;color:#fff !important}.jFiler-input-choose-btn:hover{background:#fff;border:1px solid #448aff;color:#fff !important}.card .jFiler-item-assets ul li{margin-right:0}.img-container,.img-preview{background-color:#f7f7f7;width:100%;text-align:center}.img-container{min-height:200px;max-height:516px;margin-bottom:20px}@media (min-width: 768px){.img-container{min-height:516px}}.img-container>img{max-width:100%}.docs-preview{margin-right:-15px}.img-preview{float:left;margin-right:10px;margin-bottom:10px;overflow:hidden}.img-preview>img{max-width:100%}.preview-lg{width:100% !important}.preview-md{width:139px;height:78px}.preview-sm{width:69px;height:39px}.preview-xs{width:35px;height:20px;margin-right:0}.docs-data>.input-group{margin-bottom:10px}.docs-data>.input-group>label{min-width:80px}.docs-data>.input-group>span{min-width:50px}.docs-buttons>.btn,.docs-buttons>.form-control,.docs-buttons>.btn-group{margin-right:5px}.docs-toggles>.btn,.docs-toggles>.dropdown,.docs-toggles>.btn-group{margin-bottom:10px}.docs-tooltip{display:block;margin:-6px -12px;padding:6px 12px}.docs-tooltip>.icon{margin:0 -3px;vertical-align:top}.tooltip-inner{white-space:normal}.btn-upload .tooltip-inner{white-space:nowrap}@media (max-width: 400px){.btn-group-crop{margin-right:-15px !important}.btn-group-crop>.btn{padding-left:5px;padding-right:5px}.btn-group-crop .docs-tooltip{margin-left:-5px;margin-right:-5px;padding-left:5px;padding-right:5px}}.docs-options .dropdown-menu{width:100%}.docs-options .dropdown-menu>li{padding:3px 20px;font-size:14px}.docs-options .dropdown-menu>li:hover{background-color:#f7f7f7}.docs-options .dropdown-menu>li>label{display:block}.docs-cropped .modal-body{text-align:center}.docs-cropped .modal-body>img,.docs-cropped .modal-body>canvas{max-width:100%}.card-block .docs-options .dropdown-menu{top:inherit}label.btn-upload{height:40px}.product-edit .md-tabs .nav-item a{padding:0 0 10px !important;color:#37474f}.product-edit .md-tabs .nav-item a .f-20{display:inline-block;margin-right:10px}.h-active a{color:#1b8bf9 !important;font-weight:500}.rounded-card img,.user-img img{margin:0 auto;display:block;width:100%}.user-img img{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.user-about ul li{border-top:1px solid rgba(204,204,204,0.28);padding:10px 0 10px 10px;text-align:left}.user-about ul li a{font-size:16px;color:#666}.user-about ul li.active a{color:#fff}.user-about ul li.active{font-weight:500;background:#1b8bf9}.card-title,h5{margin:0}.card-header.followers a{font-weight:500;color:rgba(51,51,51,0.85)}.user-profile{padding:20px 0}.follow-btn button:first-child,.user-about i{margin-right:10px}.btn-inline i{color:#fff}.btn-inline .fb-btn{background-color:#3b5998}.btn-inline .twitter-btn{background-color:#55acee}.btn-inline .pinterest-btn{background-color:#cb2027}.btn-inline .linkedin-btn{background-color:#007bb5}.btn-inline .dribbble-btn{background-color:#ea4c89}.user-post{font-style:italic}.connection-list img,.contact-user h4,.contact-user img,.earn-heading,.list-inline,.list-inline li,.service-header{display:inline-block}.connection-list img{width:55px;height:55px;margin:5px}.border-post{border:1px solid #ccc}.earn-sub-header{font-size:15px;color:#ccc}.btn-inline{margin-top:20px}.order-summary .progress{margin-bottom:32px}.services .service-btn::after{top:20px;right:15px}.services-list{box-shadow:0 0 5px 1px rgba(0,0,0,0.11);top:46px}.contact-menu i,.services-list i{margin-right:10px}.media-heading{cursor:pointer}h6.media-heading{font-weight:500}.contact-details table .fa-star,.contact-details table .fa-star-o,.review-star i{color:#448aff}.review-star i:last-child{color:#ccc}.card-block.user-info{position:absolute;width:100%;bottom:10px;padding:1.25rem}.profile-bg-img{width:100%}.user-title{position:relative;bottom:20px}.user-title h2{color:#fff;text-shadow:1px 1px 4px #373a3c;font-size:20px}.profile-image img{border:4px solid #fff}.user-info .media-body,.user-info .media-left{display:table-cell;vertical-align:middle}.cover-btn{bottom:38px;right:35px;position:absolute}.cover-profile .profile-bg-img{margin-bottom:25px}.groups-contact span{float:right}.groups-contact span h4{font-size:18px;margin-bottom:20px}.contact-menu{box-shadow:0 0 5px 1px rgba(0,0,0,0.11);top:15%;right:10%}.contact-menu .dropdown-item{padding:8px 20px}.tab-header{margin-bottom:20px}.card-header-img ~ .btn-group i{margin-right:0}.card.business-info{border-top:none;border-left-width:2px !important;box-shadow:0 0 1px 2px rgba(0,0,0,0.05),0 -2px 1px -2px rgba(0,0,0,0.04),0 0 0 -1px rgba(0,0,0,0.05);transition:all 150ms linear}.card.business-info:hover{box-shadow:0 0 25px -5px #9e9c9e}.top-cap-text p{padding:10px 0;margin-bottom:0}.user-content{text-align:center;margin-top:20px}.user-content h4{font-size:16px;font-weight:500}.user-content h5{font-size:14px}.img-overlay{bottom:0;color:#fff;height:100%;width:100%;transition:all 0.4s ease-in-out;position:absolute;transform:scale(0);margin:0 auto}.img-overlay span{position:absolute;top:50%;left:50%;width:100px;text-align:center;transform:translate(-50%, -50%)}.img-overlay span .btn{display:inline-block}.img-overlay span .btn i{margin-right:0}.img-hover-main{padding:0 40px}.img-hover{position:relative;margin:0 auto}.img-hover:hover .img-overlay{left:0;right:0;top:0;bottom:0;transform:scale(1);margin:0 auto;background-color:rgba(0,0,0,0.7);z-index:2;transition:all 0.4s ease-in-out}.card-header-img img{margin:0 auto;display:block}.card-header-img h4{margin-top:30px;font-size:20px;font-weight:500;text-align:center}.card-header-img h5,.card-header-img h6{margin-top:15px;font-size:15px;color:#222;font-weight:500;text-align:center}.simple-cards .btn-group{margin:20px auto 0}.simple-cards .btn-group button{margin:0}.simple-cards .user-card{padding:20px 0;text-align:center}.simple-cards .user-card .label-icon{margin-top:15px}.simple-cards .user-card .label-icon i{font-size:20px}.simple-cards .user-card .label-icon .badge-top-right{margin-left:3px;top:-8px}.card-icon{display:block;margin-bottom:5px}.btn-outline-primary{border-color:#448aff;font-weight:500;padding:10px 16px;font-size:15px}.btn-outline-primary:hover{background-color:#448aff;border-color:#448aff}.simple-cards p{margin:20px;font-size:15px}.user-profile #edit-btn,.user-profile #edit-info-btn{margin-bottom:0}.card-block ul.list-contacts,.card-block.groups-contact ul{display:block;float:none}.card-block ul.list-contacts li,.card-block.groups-contact ul li{display:block;float:none}ul.list-contacts .list-group-item a{color:#292b2c}ul.list-contacts .list-group-item.active a{color:#fff}.pagination li{display:inline-block}.card-block.groups-contact{margin-bottom:0}.card-block .connection-list{margin-bottom:20px}.table button{margin-bottom:0}#crm-contact .img-circle,img.comment-img{width:40px;height:40px}.page-link{color:#656671;padding:0 0.75rem;height:40px;line-height:40px}.page-item:not(.active) .page-link{color:#656671}.page-item.active .page-link{background-color:#373744;border-color:#373744;color:#fff !important}.page-item.disabled .page-link{background-color:#eff0f0;color:#aeb0b2 !important}.page-item a.ng2-smart-page-link{color:#686868 !important}.page-item.active .page-link.ng2-smart-page-link{background-color:#f05422;border-color:#f05422;color:#ffffff !important}#main{margin-bottom:20px}.offline-box iframe{width:100%;border:1px solid #ddd}.gallery-page .card-block{margin-bottom:-20px}.thumbnail{margin-bottom:20px}.thumbnail .thumb{position:relative;display:block}.card.gallery-desc{overflow:hidden}.masonry-media{overflow:hidden}.masonry-media img{transition:all 0.3s ease-in-out}.masonry-media img:hover{transform:scale(1.1)}.masonry-image .masonry-media{margin-bottom:20px}figure.effect-goliath{background:#448aff}.barchart canvas,.tristate canvas{width:100% !important}.ct-series-a .ct-line{stroke:#1ce3bb}.ct-series-b .ct-line{stroke:rgba(255,157,136,0.62)}.ct-series-c .ct-line{stroke:rgba(79,84,103,0.45)}.ct-series-d .ct-line{stroke:rgba(129,142,219,0.61)}.ct-series-a .ct-point,.ct-series-b .ct-point,.ct-series-c .ct-point,.ct-series-d .ct-point{stroke:rgba(52,54,70,0.47);stroke-width:8px;stroke-linecap:round}.ct-series-a .ct-slice-donut{stroke:#01c0c8}.ct-series-b .ct-slice-donut{stroke:#83d6de}.ct-series-c .ct-slice-donut{stroke:#1abc9c}.ct-series-d .ct-slice-donut{stroke:#4f5467}.task-list select{width:92%}.task-list select .task-list img{margin-right:5px;display:inline-block}.task-list input{width:80%}.task-list-table img{width:40px}.task-list-table img i{color:#333;margin-right:5px}.task-page td:last-child{position:relative}.task-page a{cursor:pointer}.task-page tr td:last-child i{margin-right:10px}.thumb-img{position:relative;display:block}.thumb-img:hover .caption-hover{background-color:rgba(0,0,0,0.7);visibility:visible;opacity:1;filter:alpha(opacity=100);position:absolute;width:100%;height:100%}.caption-hover{top:0;visibility:hidden;opacity:0;filter:alpha(opacity=0);transition:all 0.15s ease-in-out}.caption-hover>span{top:38%;width:100%;position:absolute;text-align:center}.media .b-2-primary{border:2px solid #448aff}.thumb-block{box-shadow:0 1px 1px rgba(0,0,0,0.05);padding:3px;background-color:#fff;border:1px solid #ddd;border-radius:3px;transition:border 0.2s ease-in-out}.thumb-block a{font-size:12px}.thumb-block .btn i{margin-right:0}.comment-block .btn i{margin-right:0}.dropdown-item{color:#666;padding:6px 20px}.dropdown-item.active,.dropdown-item:active{background-color:#448aff}.task-detail-right .counter{text-align:center;color:#777}.task-details .table.table-xs td,.task-details .table.table-xs th{padding:1rem 0.3rem}.assign-user .media-left{position:relative}.assign-user .media-left img{margin-bottom:0}.photo-table img{display:inline-block;width:40px;margin-bottom:5px}.v-middle{vertical-align:middle}.revision-block .form-group{margin-bottom:0}.revision-block .btn i{margin-right:0}.task-setting .switchery{display:block !important;float:right}.task-setting .form-group{margin-bottom:0}.task-attachment i{cursor:pointer}.filter-bar .nav,.filter-bar .nav-item{display:inline-block}.filter-bar>.navbar{background-color:#fff;border-radius:4px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.05),0 3px 1px -2px rgba(0,0,0,0.08),0 1px 5px 0 rgba(0,0,0,0.08);padding:0.5rem 1rem}.navbar-nav .nav-item{float:left;line-height:26px}.nav-item button i{margin-right:0}.filter-bar .navbar-light .navbar-nav .nav-link{margin-right:10px}.card-footer .task-list-table,.card-footer .task-list-table a img{display:inline-block}.task-board{margin-top:10px;float:right}.task-board .dropdown{display:inline-block}p.task-detail{margin-bottom:5px}p.task-due{margin-bottom:0}.task-right-header-revision,.task-right-header-status,.task-right-header-users{padding-bottom:10px;padding-top:10px;border-bottom:1px solid #ccc}.taskboard-right-progress,.taskboard-right-revision,.taskboard-right-users{margin-top:10px}.task-right h6{font-size:12px}.task-right .icofont{margin-top:5px;margin-right:0}.taskboard-right-revision .media .media-body .chat-header{font-size:13px}.media-left i{margin-right:0}.nav-item.nav-grid{float:right}.faq-progress .progress{position:relative;background-color:#eeeded;height:10px}.faq-progress .progress .faq-text1,.faq-progress .progress .faq-text2,.faq-progress .progress .faq-text3,.faq-progress .progress .faq-text4,.faq-progress .progress .faq-text5{font-weight:500;margin-right:-37px}.faq-progress .progress .faq-bar1,.faq-progress .progress .faq-bar2,.faq-progress .progress .faq-bar3,.faq-progress .progress .faq-bar4,.faq-progress .progress .faq-bar5{background:#29aecc;height:10px;border-radius:0;position:absolute;top:0}.faq-progress .progress .faq-bar1{background-color:#ffba57}.faq-progress .progress .faq-text1{color:#2196f3}.faq-progress .progress .faq-bar2,.faq-progress .progress .faq-bar5{background-color:#9ccc65}.faq-progress .progress .faq-text2,.faq-progress .progress .faq-text5{color:#4caf50}.faq-progress .progress .faq-bar3{background-color:#ff5252}.faq-progress .progress .faq-text3{color:#ff5252}.faq-progress .progress .faq-bar4{background-color:#448aff}.faq-progress .progress .faq-text4{color:#f57c00}.card-faq h4{color:#2196f3}.faq-progress .progress{margin-bottom:10px}.issue-list-progress{border-bottom:1px solid #ccc}.issue-list-progress .progress{position:relative;background-color:#eeeded;height:9px;width:100%;margin:20px 0;overflow:visible}.issue-progress .progress .issue-text1{font-weight:500;position:absolute}.issue-progress .progress .issue-bar1{background:#448aff;height:10px;border-radius:0;position:absolute;top:0}.matrics-issue .sub-title{padding-top:20px;padding-bottom:10px;display:block}.bg-white{background-color:#fff !important}.matrics-issue div h6{padding-top:10px;color:#777}.dd-w,.sp-container{z-index:999 !important}table.matrics-table tr:first-child td{border-top:none !important}#issue-list-table>thead>tr>th{border-bottom:none}.note-card .notes-list{margin-bottom:20px}.prod-view{overflow:hidden}.prod-view .prod-img{position:relative;overflow:hidden}.prod-view .prod-img .btn i{margin-right:0}.prod-view:hover .option-hover{display:inline-block;transition:all 0.2s ease;z-index:1}.prod-item .prod-img .option-hover{display:none;position:absolute;right:0;top:50%;left:0}.prod-item .prod-img .option-hover .btn-icon{border-radius:5px}.hvr-shrink{display:inline-block;vertical-align:middle;transition:all 0.3s ease-in-out}.hvr-shrink:hover{transform:scale(1.1)}.prod-img .p-new a{position:absolute;top:15px;right:0;padding:8px 13px;line-height:1;font-size:13px;text-transform:uppercase;border-radius:2px 0 0 2px;background:#00bcd4;color:#fff;letter-spacing:1px;font-weight:500}.prod-info .br-wrapper{margin:0 auto 20px}.prod-info .br-widget{display:flex;justify-content:center;align-items:center;margin-top:0}.prod-info h4{font-size:18px;margin-bottom:10px}.prod-info .prod-price{font-size:22px;font-weight:500;margin-bottom:10px}.prod-info .prod-price .old-price{color:#919aa3;text-decoration:line-through;font-size:50%}.prod-item .prod-info{background:#fff;padding:30px 0 20px}.prod-item .br-widget{min-height:inherit}.prod-img .p-sale{position:absolute;top:15px;right:20px;width:40px;height:40px;font-size:11px;text-transform:uppercase;border-radius:50%;background-color:#ff5252;color:#fff;font-weight:800;letter-spacing:1px;padding:11px 4px}.prod-info .br-widget{display:flex;justify-content:center;align-items:center;margin-top:0}.option-icon i{height:25px;width:25px;font-size:25px;line-height:36px}.product-detail-page{border-top:none}.product-detail .br-wrapper{margin:10px 0}.product-detail .product-detail .btn i{margin-right:0}.product-detail .br-widget{min-height:35px;margin-top:0;display:block}.product-detail .btn-number{background-color:#e0e0e0;border-color:#d4d4d4;border-radius:0;color:#000}.product-detail .product-price{display:inline-block;margin-right:50px;font-size:24px}.product-detail .pro-desc{margin-top:15px;margin-bottom:15px}.product-detail .done-task{text-decoration:line-through}.product-detail hr{margin-top:15px;margin-bottom:15px}#small_banner .slick-slide{filter:grayscale(100%);opacity:0.5}#small_banner img{cursor:pointer}#small_banner .slick-center{filter:grayscale(0);opacity:1}#small_banner:hover .slick-prev{left:0;transition:all ease-in 0.3s}#small_banner:hover .slick-next{right:0;transition:all ease-in 0.3s}.port_details_all_img{overflow:hidden}.page-link:hover{color:#448aff}.slick-prev{left:-45px;z-index:1;height:100%;background:rgba(0,0,0,0.62);width:4%;transition:all ease-in 0.3s}.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:rgba(0,0,0,0.8)}.brighttheme-icon-sticker:after{top:-5px;content:'\002016'}.slick-next{right:-45px;z-index:1;height:100%;background:rgba(0,0,0,0.62);width:4%;transition:all ease-in 0.3s}.slick-next:focus,.slick-next:hover{color:transparent;outline:none;background:rgba(0,0,0,0.8)}.counter-input .input-group{width:20%}.pro-det-tab .tab-content{border:1px solid #ccc;border-top:0}.big_banner .port_big_img{margin-bottom:15px}.cd-price .cd-price-month{font-size:64px}.product-edit .br-wrapper{margin:10px 0 30px}.addcontact .md-content>div ul{padding-left:0}.search-result .card{border-top:none;box-shadow:0 2px 7px 0 rgba(0,0,0,0.15)}.search-result .card .card-block h5{font-weight:500}.search-result .card .card-block p{margin-bottom:0;margin-top:10px;line-height:1.4}.seacrh-header{margin-top:20px;display:flex;align-items:center}.search-content{display:flex;align-items:center;border-bottom:1px solid #ccc}.search-content img{width:120px}.search-content:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.search-result i{float:right}.search2 .card-block:first-child{padding-top:0}.cart-page .wizard>.content>.body{width:100%;padding:0}.wizard>.content>.body{width:100%}.card .wizard>.steps .current a{outline:none;border-radius:5px}.payment-card{border:1px solid #ccc;border-radius:0;margin-bottom:15px;padding:20px}.payment-card table{margin-bottom:0}.confirmation{text-align:center;font-size:80px}.confirmation-icon{color:#ff5252}.width-100{width:100%}.post-input{padding:10px 10px 10px 5px;display:block;width:100%;border:none;resize:none}.file-upload-lbl{max-width:15px;padding:5px 0 0}.post-timelines .media{align-items:center}a[data-lightbox='example-set'] .img-fluid,a[data-lightbox='roadtrip'] .img-fluid,a[data-toggle='lightbox'] .img-fluid{margin:10px 0}.post-new-footer{border-top:1px solid #ccc}.post-new-footer i{font-size:18px;margin-right:15px;cursor:pointer}.inline-editable .btn{padding:10px}.inline-editable .input-group .form-control{width:100%}.input-group span{cursor:pointer}.input-group a{padding-top:5px;padding-bottom:5px;font-size:12px}.msg-send{background-color:#f3f3f3}.msg-send:focus{background-color:#f3f3f3}.wall-dropdown:after{position:absolute;top:20px;right:15px;cursor:pointer}.wall-img-preview{display:inline-block;text-align:center}.wall-img-preview .wall-item{display:block;float:left;position:relative;overflow:hidden;border:2px solid #fff;background-repeat:no-repeat;background-size:cover;background-position:center}.wall-img-preview .wall-item:first-child:nth-last-child(2),.wall-img-preview .wall-item:first-child:nth-last-child(2) ~ div{width:50%}.wall-img-preview .wall-item>img{display:none}.wall-img-preview .wall-item:first-child:nth-last-child(2),.wall-img-preview .wall-item:first-child:nth-last-child(2) ~ div{width:50%}.wall-img-preview .wall-item:first-child:nth-last-child(10),.wall-img-preview .wall-item:first-child:nth-last-child(10) ~ div:not(:last-child),.wall-img-preview .wall-item:first-child:nth-last-child(11) ~ div:nth-last-of-type(-n+3),.wall-img-preview .wall-item:first-child:nth-last-child(3),.wall-img-preview .wall-item:first-child:nth-last-child(3) ~ div,.wall-img-preview .wall-item:first-child:nth-last-child(4),.wall-img-preview .wall-item:first-child:nth-last-child(4) ~ div:not(:last-child),.wall-img-preview .wall-item:first-child:nth-last-child(5),.wall-img-preview .wall-item:first-child:nth-last-child(5) ~ div:not(:nth-last-of-type(-n+2)),.wall-img-preview .wall-item:first-child:nth-last-child(6),.wall-img-preview .wall-item:first-child:nth-last-child(6) ~ div,.wall-img-preview .wall-item:first-child:nth-last-child(7) ~ div:nth-last-of-type(-n+3),.wall-img-preview .wall-item:first-child:nth-last-child(9),.wall-img-preview .wall-item:first-child:nth-last-child(9) ~ div{width:33.333333%}.wall-img-preview .wall-item:first-child:nth-last-child(5) ~ div:nth-last-of-type(-n+2){width:50%}.wall-img-preview .wall-item:first-child:nth-last-child(11),.wall-img-preview .wall-item:first-child:nth-last-child(11) ~ div:not(:nth-last-of-type(-n+3)),.wall-img-preview .wall-item:first-child:nth-last-child(12),.wall-img-preview .wall-item:first-child:nth-last-child(12) ~ div,.wall-img-preview .wall-item:first-child:nth-last-child(7),.wall-img-preview .wall-item:first-child:nth-last-child(7) ~ div:not(:nth-last-of-type(-n+3)),.wall-img-preview .wall-item:first-child:nth-last-child(8),.wall-img-preview .wall-item:first-child:nth-last-child(8) ~ div{width:25%}.wall-img-preview .wall-item:first-child:nth-last-child(10) ~ div:nth-child(10),.wall-img-preview .wall-item:first-child:nth-last-child(4) ~ div:nth-child(4),.wall-img-preview .wall-item:only-child{width:100%}.fb-timeliner h2{background:#448aff;color:#fff;margin-top:0;padding:15px;font-size:16px;border-radius:2px;font-weight:300}.fb-timeliner ul{margin-left:15px;margin-bottom:20px}.fb-timeliner ul li{margin-bottom:3px}.fb-timeliner ul li a{color:#999797;border-left:4px solid #d3d7dd;padding-left:10px;padding-top:3px;padding-bottom:3px;display:block}.fb-timeliner ul li a:hover{color:#999797;border-left:4px solid #b1b1b1;padding-left:10px}.fb-timeliner ul li.active a{color:#7a7a7a;border-left:4px solid #7a7a7a;padding-left:10px}.dotted-line-theme .no_edit{width:100% !important}.dotted-line-theme .no_edit .i_text{font-size:13px}.dotted-line-theme .no_edit{padding:15px 2px}.dotted-line-theme .just_edit input[type='radio']{opacity:0}.dotted-line-theme .ibtn_container{padding-left:0;margin-top:2px;position:absolute;top:6px;z-index:999;width:120px}.dotted-line-theme .ibtn_container i{color:#fff;margin-right:0}.dotted-line-theme .i_edit,.dotted-line-theme .ibtn_container,.dotted-line-theme .just_edit,.dotted-line-theme .just_edit input,.dotted-line-theme .just_edit textarea,.dotted-line-theme .no_edit,.dotted-line-theme .no_edit .i_text{font-size:13px}.wizard>.content>.body label.error{margin-left:0}#msform #progressbar li.active{color:#448aff}#msform #progressbar li.active:before,#progressbar li.active:after{background:#448aff}#msform a{color:#448aff;font-weight:500}.invoice-contact{display:flex;margin-bottom:30px;padding-top:30px;align-items:center}.invoice-table{border-left:1px solid #fff;padding-left:20px}.invoice-table td,.invoice-table th{border-top:none;padding:3px 0}.invoice-table>tbody>tr:last-child>td,.invoice-table>tfoot>tr:last-child>td{padding-bottom:0}.invoice-box h1{font-size:7rem}.invoice-order{padding-left:0}.invoice-order th:first-child{padding-left:0;width:80px}.invoice-detail-table th:first-child{width:450px;text-align:left}.invoice-detail-table thead th{text-align:center}.invoice-detail-table td{vertical-align:middle;text-align:center}.invoice-detail-table td:first-child{text-align:left}.invoice-total{background:#f3f3f3;padding:30px 0}.invoice-total td,.invoice-total th{text-align:right}.invoice-total td{padding-left:30px}.invoive-info{display:flex;margin-bottom:30px}.invoive-info h6{margin-bottom:20px;text-transform:uppercase;font-weight:500;color:#757575}.invoice-total tbody{padding-right:20px;float:right}.dropdown-menu i{margin-right:5px}.grid-layout span{display:block;border:1px solid #ddd;padding:10px;margin:5px 0}.vertical-alignment .row{padding:15px 0;min-height:10rem;border:1px solid #ddd}.inte-benifits{border:1px solid #ddd}.inte-benifits ul{list-style:square;padding-left:20px}.version .card-block{padding:0}.card.version .card-header .card-header-right{background-color:#fff;top:8px}.version .nav{display:block}.version .nav li{display:block;padding:10px 20px;cursor:pointer}.version .nav li:hover{background-color:#f6f7f7}.version .nav li a{color:#666}.version .nav li span{position:absolute;right:20px}.version .navigation-header a{color:#999}.support-btn{padding:0 20px 20px}.introjs-helperNumberLayer{background:linear-gradient(to bottom, #ff6c6c 0%, #ff5252 100%)}.dd-handle,.dd3-content{font-weight:500}.img-radius{border-radius:50%}.version .nav li:first-child{border-top:1px solid #ddd;color:#666}.dd-w,.sp-container{z-index:99}#sessionTimeout-dialog .close{display:none}.image-cropper-container{margin-top:10px}.alpaca-field img{width:250px}.arrow_box{z-index:0}@media only screen and (max-width: 575px){.sticky-card{margin-bottom:250px}}.j-pro .j-label{font-weight:500}.ms-container{width:100%}#main-chat .page-error i,.full-calender .page-error i{font-size:35px;border-radius:6px;padding:6px 9px}@media only screen and (min-width: 788px){#main-chat .page-error,.full-calender .page-error{display:none}}@media only screen and (max-width: 786px){#main-chat .page-body,.full-calender .page-body{display:none}}@media only screen and (max-width: 575px){.card .card-header .card-header-right.job-compney-btn{position:relative;float:left;right:0}.clndr .event-listing{display:none}.clndr .clndr-grid{width:100%}.clndr .clndr-grid .day-number{padding:3px 4px !important}}.dotted-line-theme .no_edit{border-bottom:1px dotted #448aff}.handsontable td,.handsontable th{color:#37474f}#map,.radial-bar:after{z-index:99}.content-group{padding:10px}.card-sub .card-title{margin-bottom:10px;font-weight:500}.card-sub .card-text{color:#737373}.long-press-popup{position:fixed;bottom:15px;left:275px;right:35px;text-align:center;background:rgba(0,0,0,0.8);padding:20px;border-radius:8px;margin:0;font-size:50px}.long-press-popup li{margin-right:15px;margin-top:15px;margin-bottom:15px}.jFiler.jFiler-theme-default .jFiler-input{border:none;border-bottom:2px solid #ccc;box-shadow:none;border-radius:0;height:40px}.jFiler.jFiler-theme-default .jFiler-input-button{border-radius:4px;height:auto;padding:7px 16px}#main-chat .page-error i,.full-calender .page-error i{font-size:35px;border-radius:6px;padding:6px 9px}@media only screen and (min-width: 788px){#main-chat .page-error,.full-calender .page-error{display:none}}@media only screen and (max-width: 786px){#main-chat .page-body,.full-calender .page-body{display:none}}.wizard>.content{min-height:36em;overflow-y:auto}.wizard>.content>.body input.form-control{border-top:none;border-right:none;border-left:none}.tabledit-input:disabled{display:none}.footable .pagination>.active>a,.footable .pagination>.active>a:focus,.footable .pagination>.active>a:hover,.footable .pagination>.active>span,.footable .pagination>.active>span:focus,.footable .pagination>.active>span:hover{background-color:#448aff;border-color:#448aff}.footable .pagination>li>a,.footable .pagination>li>span{color:#222}.footable-details.table,.footable.table,table.footable>tfoot>tr.footable-paging>td>span.label{margin-bottom:0}table.footable-paging-center>tfoot>tr.footable-paging>td{padding-bottom:0}.make-me-red{color:red}.scroll-container .wtHolder{height:350px}.scroll-container #autocomplete .wtHolder,.scroll-container #buttons .wtHolder,.scroll-container #checkbox .wtHolder,.scroll-container #chromaJS .wtHolder,.scroll-container #comments .wtHolder,.scroll-container #configuration .wtHolder,.scroll-container #context .wtHolder,.scroll-container #copyPaste .wtHolder,.scroll-container #dateDate .wtHolder,.scroll-container #drag .wtHolder,.scroll-container #dropdown .wtHolder,.scroll-container #highlighting .wtHolder,.scroll-container #jQuery .wtHolder,.scroll-container #nonEditable .wtHolder,.scroll-container #numericData .wtHolder,.scroll-container #paginating .wtHolder,.scroll-container #populating .wtHolder,.scroll-container #readOnly .wtHolder,.scroll-container #searching .wtHolder,.scroll-container #select .wtHolder,.scroll-container #timeData .wtHolder,.scroll-container #validation .wtHolder{height:auto !important}.handson-pagination{margin-top:30px}.currentRow{background-color:#f9f9fb}.currentCol{background-color:#e7e8ef}.contact-table tr td:nth-child(n-2){text-align:center}.contact-table tr td:last-child{position:relative}.contact-table tr td:last-child .dropdown-menu{top:52px}#checkbox-select tr td.select-checkbox,#checkbox-select tr th.select-checkbox{padding-left:30px}#checkbox-select tr td.select-checkbox:after,#checkbox-select tr td.select-checkbox:before,#checkbox-select tr th.select-checkbox:after,#checkbox-select tr th.select-checkbox:before{left:15px}@media only screen and (min-width: 1367px) and (max-width: 1700px){.timeline-dot:after,.timeline-dot:before{left:34px}.timeline-dot .social-timelines:before{left:37px}.timeline-dot .social-timelines-left:after{right:-30px}.timeline-dot .timeline-right .card{margin-left:30px}}@media only screen and (max-width: 1366px){.to-do-list{margin-bottom:15px}}@media only screen and (min-width: 1279px) and (max-width: 1500px){.cd-horizontal-timeline{margin:0 auto}#chartdiv{height:440px}.social-card-1 .card-block-big{padding:1.3em}#morris-extra-area{height:400px !important}.widget-chat-box .receive-chat,.widget-chat-box .send-chat{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.similar-job .media{display:inline-block}.similar-job .media .media-body{margin-top:20px}}@media only screen and (min-width: 1200px) and (max-width: 1258px){.user-head{text-align:center}.user-head .user-face{margin:0 auto}.user-head .user-name{display:none}}@media only screen and (min-width: 1200px) and (max-width: 1366px){.timeline-dot .card{margin-left:50px}.timeline-dot:after,.timeline-dot:before{left:35px}.timeline-dot .social-timelines:before{left:38px}.timeline-dot .social-timelines-left:after{right:-50px}}@media only screen and (max-width: 1199px){.nav-tabs.md-tabs.tab-timeline li a{font-size:14px}#design-wizard .steps li a{padding:1em 0.5em}#draggablePanelList [class*='col-'] .card-sub{margin-bottom:30px}#draggablePanelList [class*='col-']:last-child .card-sub{margin-bottom:0}.user-head{justify-content:center}.user-body{min-height:auto !important}.mail-box-head{text-align:center}.mail-box-head form{float:inherit}#external-events h6{margin-top:0;margin-bottom:20px}.just_edit .input-group{width:100% !important}.dotted-line-theme .ibtn_container{top:10px;position:inherit}.users-card [class*='col-']{margin-bottom:20px}.users-card [class*='col-']:last-child{margin-bottom:0}.timeline-btn{text-align:center;width:100%;right:0}.social-timeline-left{position:inherit;top:0;margin-right:0}.timeline-icon{position:absolute;margin-left:0}.social-timelines:before{left:35px}.timeline-dot:after,.timeline-dot:before{left:32px}.user-box .social-client-description{border-bottom:1px solid #ddd}.user-box .f-right{float:none;display:block}.main-timeline{padding:10px}.main-timeline:after,.main-timeline:before{margin-left:-94px;margin-top:25px;display:none}.cd-timeline-content::before{top:15px}.cd-date,.cd-details{display:block;padding-left:20px !important;padding-top:0 !important}.cd-details{margin-bottom:20px}.cd-timeline-content p{margin-bottom:0}.clock-widget .basic-alarm{display:none}.weather-card-2 .weather-card-temp{padding:0}.weather-card-2 .card-footer{padding-top:20px;padding-bottom:20px}.user-activity-card .card-block-big{padding-top:15px;padding-bottom:15px}}@media only screen and (max-width: 992px){.animation-image img{margin:20px auto 0}.animation-type{text-align:center}.nav-tabs.md-tabs.tab-timeline li a{font-size:16px}}@media only screen and (min-width: 992px){.btn-blog{text-align:right}.basic-list,.card-block [class*='col-']:nth-last-child(-n+3) .card.user-card{margin-bottom:0}.menu-rtl .breadcrumb-item+.breadcrumb-item::after{display:inline-block;padding-right:0.5rem;padding-left:0.5rem;color:#868e96;content:'/'}.menu-rtl .breadcrumb-item+.breadcrumb-item::before{content:none}}@media only screen and (max-width: 991px){.messages-content{border-right:none}}@media only screen and (min-width: 801px) and (max-width: 915px){.grid figure{min-width:auto}}@media only screen and (min-width: 768px){#draggableWithoutImg [class*='col-']:last-child .m-t-20{margin-top:0}}@media only screen and (min-width: 768px) and (max-width: 872px){.author-details .header-right li{margin-right:40px}.recent-candidate-card .recent-contain{margin-left:0}.author-details img ~ .dot1,.author-details img ~ .dot2{top:30%}}@media only screen and (max-width: 768px){.card-block.list-tag ul li:last-child{margin-bottom:20px}.inline-order-list{margin-top:0}.recent-candidate-card .recent-contain{margin-left:0}.mail-body-content .form-group:nth-child(2) .form-control{margin-bottom:20px}.mail-body-content .form-group:nth-child(2) .col-md-6:last-child .form-control{margin-bottom:0}.dataTables_paginate .pagination{float:inherit;text-align:center;display:inline-block;margin-top:10px !important}div.dataTables_wrapper div.dataTables_info{display:inherit}.wizard>.steps>ul>li{float:inherit;width:100%}.gallery-page .grid{padding:0}figure.effect-steve h2{margin-top:0}.cover-profile .profile-bg-img{margin-bottom:0}.card-block.user-info{position:inherit;text-align:center;background-color:#d6d6d6;margin-bottom:20px}.user-info .media-body,.user-info .media-left{display:block}.cover-btn{position:inherit;float:none}.cover-btn .btn:first-child{margin-right:10px}.user-info .user-title{position:initial;margin-bottom:10px;margin-top:10px}.nav-tabs.md-tabs.tab-timeline li a{font-size:14px}.user-content h4{font-size:1rem}.user-content h5{margin-right:0;font-size:14px}.top-cap-text p{padding:0}.top-cap-text p:last-child{margin-bottom:0}.user-card .btn span{font-size:13px}.toolbar-page [class*='col-']{margin-bottom:30px}.toolbar-page [class*='col-']:last-child{margin-bottom:0}.invoice-contact{margin-top:20px;margin-bottom:0}.lng-dropdown{display:none}.group-widget .card-block-big{height:110px}.whether-card .card-footer{text-align:center}.switchery{margin-bottom:20px}.switchery-large,.switchery-large ~ .switchery-default,.switchery-small{margin-bottom:0}.js-dynamic-disable,.js-dynamic-enable{display:block;width:100%}.js-dynamic-disable{margin-bottom:20px}.border-checkbox-section .border-checkbox-group,.checkbox-color,.radio-inline{display:block}.checkbox-fade{display:inline-block}.messages-content{border-right:none}}@media only screen and (max-width: 767px){.signup-card{position:inherit}.similar-job .media{display:inline-block;text-align:center;border-bottom:1px solid #f1f1f1}.similar-job .media .media-body{margin-top:20px}.cal-event .inverse-card p:after{width:100%}.recent-candidate-card .recent-contain{margin-left:10px}.author-details .header-right{text-align:left;margin-top:20px}.post-new-contain textarea:focus{border:none}.wizard.vertical>.content,.wizard.vertical>.steps{width:100%}.wizard{overflow:visible}.comment-input .input-group{display:block}.comment-input .input-group i{text-align:center;width:100%}.comment-input .input-group input{width:100%;margin-top:10px;margin-bottom:10px}}@media only screen and (max-width: 640px){.dt-button{margin-bottom:5px}.email-read .card-header h6{float:none;margin-top:10px}.email-read .media{display:inline-block}.email-read .media.m-b-20{margin-bottom:0}.email-read .mail-img [class*='col-']{margin-bottom:30px}.email-read .mail-img [class*='col-']:last-child{margin-bottom:0}}@media only screen and (max-width: 573px){.author-details .header-right li{margin-right:20px;display:block;margin-top:20px}.toolbar-page [class*='col-'] .sub-title{text-align:center}#task-container li{width:100%}.nav-tabs .nav-link{text-align:center}.email-card .nav-tabs .nav-link{text-align:left}.search-content{display:block;text-align:center}.search-content img{margin-top:20px}.seacrh-header{margin-top:0}.seacrh-header .input-group{margin-bottom:0}.payment-card .text-right{text-align:left !important}.payment-tabs .md-tabs .nav-item,.payment-tabs .md-tabs .nav-item .nav-item,.payment-tabs .md-tabs .nav-item+.nav-item{width:calc(100% / 1) !important}.jp-card{min-width:225px !important}.payment-form{padding:20px 0 0}.modal-mob-btn [class*='col-']:first-child{margin-bottom:20px}.location-mob-btn .btn{margin-bottom:10px;margin-right:0}.job-cards .media{display:inline-block;text-align:center;padding-top:15px;padding-bottom:15px}.job-cards .media p{margin-bottom:0}.invoice-btn-group .m-r-20{margin-right:0}.table-card .row-table{display:block;text-align:center}.table-card .row-table i{font-size:28px;margin-bottom:10px;display:inline-block}.table-card .row-table .br{border:none;border-bottom:1px solid #ccc}.table-card .row-table>[class*='col-']{display:block}.card-block-big{padding:1em}.card-block-big #barchart,.card-block-big #barchart2{display:inline-block;margin-bottom:10px}.mobile-inputs [class*='col-']:first-child{margin-bottom:20px}.pagination-lg .page-link{padding:0.75rem 0.65rem}.mobtn{padding:10px}.task-sale-card{text-align:center}}@media only screen and (max-width: 460px){.fc-toolbar .fc-right .fc-button-group{margin-right:0}.social-msg a{margin-bottom:10px}.social-msg a:last-child{margin-bottom:0}.bd-example-modal .modal-footer{justify-content:center}.bd-example-modal .modal-footer button{margin-right:0}.invoice-total tbody{float:none}.timeline-right .card{margin-left:20px}.user-box .media-left{padding-right:10px}figure.effect-moses h2{width:60%;height:70%;padding:10px;font-size:25px}figure.effect-moses p{padding:5px}}@media only screen and (max-width: 480px){.j-pro .j-checkbox-toggle{padding-bottom:30px}.main-body .page-wrapper{padding:10px}.j-forms .divider-text span{white-space:pre-line;display:block;line-height:1.8}.j-forms .divider-text{height:auto;margin-top:30px;margin-bottom:10px}.j-forms .content{padding:0 10px}.comment-block .media-left{padding-right:10px}.breadcrumb-page .card{text-align:center}div.dataTables_wrapper div.dataTables_filter input{width:150px}#dt-live-dom .form-control,#footer-search tfoot .form-control,#footer-select tfoot .form-control,#form-input-table .form-control,.search-api .form-control{width:65%;padding:0.5rem 6px}.grid figure{min-width:auto}.mytooltip .tooltip-content{width:310px;margin:0 0 20px -90px}.mytooltip .tooltip-content:after{margin-left:-90px}.product-detail .txt-muted.d-inline-block{margin-top:10px}.product-detail .txt-muted.d-inline-block ~ .f-right{float:none;display:block;margin-top:10px}.mob-product-btn{text-align:center}.mob-product-btn .btn-primary{margin-right:0;display:block;margin:10px auto}}@media only screen and (max-width: 420px){#msform{width:320px;margin:20px auto}.ms-container{width:240px}.ms-container .ms-selectable,.ms-container .ms-selection{width:40%}.g-recaptcha{transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0}}@media only screen and (min-width: 576px) and (max-width: 1366px){.job-card.card-columns{column-count:2}}@media only screen and (max-width: 576px){.md-tabs .nav-item a{margin-bottom:5px}.add-task-card .to-do-list h6 span{display:inline-block}}.pcoded[layout-type='dark'] .thumb-block{border:1px solid #5c5c5c}.pcoded[layout-type='dark'] .b-t-default,.pcoded[layout-type='dark'] .b-t-theme,.pcoded[layout-type='dark'] .post-new-footer,.pcoded[layout-type='dark'] .version .nav li:first-child{border-top:1px solid #5c5c5c}.pcoded[layout-type='dark'] .b-b-default,.pcoded[layout-type='dark'] .b-b-theme,.pcoded[layout-type='dark'] .job-cards .media,.pcoded[layout-type='dark'] .search-content{border-bottom:1px solid #5c5c5c}.pcoded[layout-type='dark'] .md-tabs .nav-item a{color:#fff}.pcoded[layout-type='dark'] .md-tabs .nav-item a.active,.pcoded[layout-type='dark'] .md-tabs .nav-item a:focus,.pcoded[layout-type='dark'] .md-tabs .nav-item a:hover{color:#448aff}.pcoded[layout-type='dark'] .md-tabs .nav-item a.active:focus,.pcoded[layout-type='dark'] .md-tabs .nav-item a.active:hover{color:#448aff}.pcoded[layout-type='dark'] .nav-tabs{border-bottom:1px solid #5c5c5c}.pcoded[layout-type='dark'] .nav-tabs .nav-link:focus,.pcoded[layout-type='dark'] .nav-tabs .nav-link:hover{border-color:#5c5c5c}.pcoded[layout-type='dark'] .tab-below{border-top:1px solid #5c5c5c;border-bottom:none}.pcoded[layout-type='dark'] .tab-below .nav-link{margin-top:1px}.pcoded[layout-type='dark'] .scroll-list li{background-color:#545454;color:#fff}.pcoded[layout-type='dark'] .scroll-list li:nth-child(even){background-color:#616161}.pcoded[layout-type='dark'] .page-link{background-color:#5c5c5c;border-color:#303030}.pcoded[layout-type='dark'] .jqpagination input{margin:0;height:30px}.pcoded[layout-type='dark'] .nav-tabs .nav-item.show .nav-link,.pcoded[layout-type='dark'] .nav-tabs .nav-link.active{color:#fff;background-color:#4f4f4f;border-color:#ddd #ddd #4f4f4f}.pcoded[layout-type='dark'] .nav-tabs.tab-below .nav-item.show .nav-link,.pcoded[layout-type='dark'] .nav-tabs.tab-below .nav-link.active{border-color:#4f4f4f #ddd #ddd}.pcoded[layout-type='dark'] .modal-content{background-color:#545454}.pcoded[layout-type='dark'] .modal-content .modal-header{border-bottom:1px solid #424242}.pcoded[layout-type='dark'] .modal-content .modal-footer{border-top:1px solid #424242}.pcoded[layout-type='dark'] .br-theme-bars-square .br-widget a{background-color:#545454}.pcoded[layout-type='dark'] .jstree-anchor.jstree-hovered{background-color:#5c5c5c}.pcoded[layout-type='dark'] .dd-handle{color:#fff}.pcoded[layout-type='dark'] .dd3-content{color:#fff;border:1px solid #424242;background-color:#5c5c5c}.pcoded[layout-type='dark'] .img-thumbnail{background-color:#424242;border:1px solid #303030}.pcoded[layout-type='dark'] .dotted-line-theme .no_edit:hover{background-color:#5c5c5c;border-bottom:1px solid #424242}.pcoded[layout-type='dark'] .icon-list-demo i{color:#fff}.pcoded[layout-type='dark'] .form-radio label{color:#fff}.pcoded[layout-type='dark'] .bootstrap-tagsinput{background-color:#5c5c5c}.pcoded[layout-type='dark'] #reportrange{background-color:#5c5c5c !important}.pcoded[layout-type='dark'] .select2-container--default .select2-selection--multiple,.pcoded[layout-type='dark'] .select2-dropdown{background-color:#545454}.pcoded[layout-type='dark'] .ms-container .ms-selectable,.pcoded[layout-type='dark'] .ms-container .ms-selection{background-color:#545454}.pcoded[layout-type='dark'] .ms-container .ms-selectable li.ms-elem-selectable,.pcoded[layout-type='dark'] .ms-container .ms-selection li.ms-elem-selectable{color:#fff}.pcoded[layout-type='dark'] .ms-container .ms-selectable li.disabled,.pcoded[layout-type='dark'] .ms-container .ms-selection li.disabled{background-color:#545454;opacity:0.5}.pcoded[layout-type='dark'] .wizard>.content{background-color:#4f4f4f}.pcoded[layout-type='dark'] .wizard>.steps .disabled a,.pcoded[layout-type='dark'] .wizard>.steps .disabled a:active,.pcoded[layout-type='dark'] .wizard>.steps .disabled a:hover{background-color:#545454}.pcoded[layout-type='dark'] .wizard>.steps .done a{background-color:#424242}.pcoded[layout-type='dark'] .table-bordered{border:1px solid #5c5c5c}.pcoded[layout-type='dark'] .table-bordered td,.pcoded[layout-type='dark'] .table-bordered th{border:1px solid #5c5c5c}.pcoded[layout-type='dark'] a.dt-button.disabled,.pcoded[layout-type='dark'] button.dt-button.disabled,.pcoded[layout-type='dark'] div.dt-button.disabled{background-image:none;opacity:0.5}.pcoded[layout-type='dark'] .fixedHeader-floating{background-color:#5c5c5c}.pcoded[layout-type='dark'] table.DTFC_Cloned tfoot,.pcoded[layout-type='dark'] table.DTFC_Cloned thead{background-color:#545454}.pcoded[layout-type='dark'] .dt-responsive input{background-color:#5c5c5c;border:1px solid #4f4f4f}.pcoded[layout-type='dark'] .footable-details.table-striped>tbody>tr:nth-child(odd),.pcoded[layout-type='dark'] .footable.table-striped>tbody>tr:nth-child(odd){background:#4f4f4f}.pcoded[layout-type='dark'] .footable-details.table>thead>tr>td,.pcoded[layout-type='dark'] .footable-details.table>thead>tr>th,.pcoded[layout-type='dark'] .footable.table>thead>tr>td,.pcoded[layout-type='dark'] .footable.table>thead>tr>th{border-bottom:2px solid #424242}.pcoded[layout-type='dark'] .c3-tooltip td,.pcoded[layout-type='dark'] .morris-hover{background-color:#424242}.pcoded[layout-type='dark'] #chart_Candlestick rect,.pcoded[layout-type='dark'] #chart_Combo rect,.pcoded[layout-type='dark'] #chart_Donut rect,.pcoded[layout-type='dark'] #chart_Exploading rect,.pcoded[layout-type='dark'] #chart_Threshold rect,.pcoded[layout-type='dark'] #chart_Waterfall rect,.pcoded[layout-type='dark'] #chart_area rect,.pcoded[layout-type='dark'] #chart_bar rect,.pcoded[layout-type='dark'] #chart_bubble rect,.pcoded[layout-type='dark'] #chart_stacking rect{fill:#4f4f4f !important}.pcoded[layout-type='dark'] .auth-box .form-control{background-color:#fff}.pcoded[layout-type='dark'] .chat-header{color:#fff}.pcoded[layout-type='dark'] .social-msg a span{color:#f2f2f2}.pcoded[layout-type='dark'] .list-group-item{background:#4f4f4f}.pcoded[layout-type='dark'] ul.list-contacts a{color:#fff}.pcoded[layout-type='dark'] .prod-item .prod-info{background:#4f4f4f}.pcoded[layout-type='dark'] .email-card .user-body{background:#4f4f4f}.pcoded[layout-type='dark'] .email-card .user-body .page-list li.mail-section a{color:#fff}.pcoded[layout-type='dark'] .email-card .user-body .page-list li.mail-section a.active,.pcoded[layout-type='dark'] .email-card .user-body .page-list li.mail-section a:hover{background:rgba(255,255,255,0.2)}.pcoded[layout-type='dark'] .email-card .user-body .label-list a{color:#fff}.pcoded[layout-type='dark'] .email-card .mail-body-content tr:hover{background:rgba(255,255,255,0.2)}.pcoded[layout-type='dark'] .email-card .mail-body-content .unread a{color:#fff}.pcoded[layout-type='dark'] .email-card .mail-body-content .read a{color:#e6e6e6}.pcoded[layout-type='dark'] .email-card .user-mail h6{color:#fff}.pcoded[layout-type='dark'] .wall-img-preview .wall-item{border:2px solid #4f4f4f}.pcoded[layout-type='dark'] .msg-send{background:#565656}.pcoded[layout-type='dark'] .filter-bar>.navbar{background:#4f4f4f}.pcoded[layout-type='dark'] .navbar-light .navbar-nav .active>.nav-link,.pcoded[layout-type='dark'] .navbar-light .navbar-nav .nav-link,.pcoded[layout-type='dark'] .navbar-light .navbar-nav .nav-link.active,.pcoded[layout-type='dark'] .navbar-light .navbar-nav .nav-link.show,.pcoded[layout-type='dark'] .navbar-light .navbar-nav .show>.nav-link{color:#fff}.pcoded[layout-type='dark'] #task-container li{background:#5c5c5c;color:#fff}.pcoded[layout-type='dark'] .note-card .note-write{background:-webkit-linear-gradient(top, #757575 0%, #8f8f8f 5%) 0 0;background-size:100% 35px}.pcoded[layout-type='dark'] .note-card .note-box-aside{border-right:1px solid #5c5c5c}.pcoded[layout-type='dark'] .invoice-table{border-left:none}.pcoded[layout-type='dark'] .invoice-total,.pcoded[layout-type='dark'] .thead-default th{background:#424242}.pcoded[layout-type='dark'] #external-events .fc-event,.pcoded[layout-type='dark'] .danger-nav,.pcoded[layout-type='dark'] .fc-state-default,.pcoded[layout-type='dark'] .info-nav,.pcoded[layout-type='dark'] .light-nav-border,.pcoded[layout-type='dark'] .primary-nav,.pcoded[layout-type='dark'] .success-nav,.pcoded[layout-type='dark'] .warning-nav{background-color:#5c5c5c;color:#fff}.pcoded[layout-type='dark'] .jFiler-input-dragDrop,.pcoded[layout-type='dark'] .jFiler-theme-default .jFiler-input{background-color:#4a4a4a}.pcoded[layout-type='dark'] .danger-nav .navbar-varient-submenu,.pcoded[layout-type='dark'] .info-nav .navbar-varient-submenu,.pcoded[layout-type='dark'] .light-nav-border .navbar-varient-submenu,.pcoded[layout-type='dark'] .primary-nav .navbar-varient-submenu,.pcoded[layout-type='dark'] .success-nav .navbar-varient-submenu,.pcoded[layout-type='dark'] .warning-nav .navbar-varient-submenu{background-color:#545454;color:#fff}.pcoded[layout-type='dark'] .danger-nav .navbar-varient-submenu a:hover,.pcoded[layout-type='dark'] .info-nav .navbar-varient-submenu a:hover,.pcoded[layout-type='dark'] .light-nav-border .navbar-varient-submenu a:hover,.pcoded[layout-type='dark'] .primary-nav .navbar-varient-submenu a:hover,.pcoded[layout-type='dark'] .success-nav .navbar-varient-submenu a:hover,.pcoded[layout-type='dark'] .warning-nav .navbar-varient-submenu a:hover{background-color:#5c5c5c}.pcoded[layout-type='dark'] .card.version .card-header .card-header-right{background-color:#4f4f4f;color:#fff}.pcoded[layout-type='dark'] .version .nav li:first-child{color:#fff}.pcoded[layout-type='dark'] .version .nav li:hover{background-color:#5c5c5c}.pcoded[layout-type='dark'] .version .nav li a{color:#fff}.pcoded[layout-type='dark'] .main-timeline{background-color:#4f4f4f}.pcoded[layout-type='dark'] .main-timeline .bg-white{background-color:#5c5c5c !important}.pcoded[layout-type='dark'] .main-timeline .cd-timeline-content{background-color:#5c5c5c}.pcoded[layout-type='dark'] .main-timeline .cd-timeline-content h6,.pcoded[layout-type='dark'] .main-timeline .cd-timeline-content i,.pcoded[layout-type='dark'] .main-timeline .cd-timeline-content p,.pcoded[layout-type='dark'] .main-timeline .cd-timeline-content span{color:#fff}.pcoded[layout-type='dark'] table.dataTable tbody tr{background-color:#686868}.pcoded[layout-type='dark'] table.dataTable.display tbody tr.odd,.pcoded[layout-type='dark'] table.dataTable.stripe tbody tr.odd{background-color:#828282}.pcoded[layout-type='dark'] table.dataTable.display tbody tr.even>.sorting_1,.pcoded[layout-type='dark'] table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#8f8f8f}.pcoded[layout-type='dark'] table.dataTable.display tbody tr.odd>.sorting_1,.pcoded[layout-type='dark'] table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#757575}.pcoded[layout-type='dark'] .table-striped tbody tr:nth-of-type(odd){background-color:rgba(68,138,255,0.1)}.pcoded[layout-type='dark'] .chat-card .received-chat .msg{background-color:#5c5c5c}.pcoded[layout-type='dark'] .chat-card .send-chat .msg{background-color:#4f4f4f}.pcoded[layout-type='dark'] .chat-card .chat-saprator span{background:#4f4f4f;color:#fff} /*!*********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/icon/feather/css/feather.css ***! \*********************************************************************************************************************************************************************************************************************************/ @font-face { font-family: "feather"; src: url('feather.54405415b0a1de5f.eot?t=1501841394106'); /* IE9*/ src: url('feather.54405415b0a1de5f.eot?t=1501841394106#iefix') format('embedded-opentype'), url('feather.b7eeb2cd2e07d7e2.woff?t=1501841394106') format('woff'), url('feather.93dd86b54a27fdb2.ttf?t=1501841394106') format('truetype'), url('feather.58b7e98365cdff89.svg?t=1501841394106#feather') format('svg'); /* iOS 4.1- */ } .feather { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'feather' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-alert-octagon:before { content: "\e81b"; } .icon-alert-circle:before { content: "\e81c"; } .icon-activity:before { content: "\e81d"; } .icon-alert-triangle:before { content: "\e81e"; } .icon-align-center:before { content: "\e81f"; } .icon-airplay:before { content: "\e820"; } .icon-align-justify:before { content: "\e821"; } .icon-align-left:before { content: "\e822"; } .icon-align-right:before { content: "\e823"; } .icon-arrow-down-left:before { content: "\e824"; } .icon-arrow-down-right:before { content: "\e825"; } .icon-anchor:before { content: "\e826"; } .icon-aperture:before { content: "\e827"; } .icon-arrow-left:before { content: "\e828"; } .icon-arrow-right:before { content: "\e829"; } .icon-arrow-down:before { content: "\e82a"; } .icon-arrow-up-left:before { content: "\e82b"; } .icon-arrow-up-right:before { content: "\e82c"; } .icon-arrow-up:before { content: "\e82d"; } .icon-award:before { content: "\e82e"; } .icon-bar-chart:before { content: "\e82f"; } .icon-at-sign:before { content: "\e830"; } .icon-bar-chart-2:before { content: "\e831"; } .icon-battery-charging:before { content: "\e832"; } .icon-bell-off:before { content: "\e833"; } .icon-battery:before { content: "\e834"; } .icon-bluetooth:before { content: "\e835"; } .icon-bell:before { content: "\e836"; } .icon-book:before { content: "\e837"; } .icon-briefcase:before { content: "\e838"; } .icon-camera-off:before { content: "\e839"; } .icon-calendar:before { content: "\e83a"; } .icon-bookmark:before { content: "\e83b"; } .icon-box:before { content: "\e83c"; } .icon-camera:before { content: "\e83d"; } .icon-check-circle:before { content: "\e83e"; } .icon-check:before { content: "\e83f"; } .icon-check-square:before { content: "\e840"; } .icon-cast:before { content: "\e841"; } .icon-chevron-down:before { content: "\e842"; } .icon-chevron-left:before { content: "\e843"; } .icon-chevron-right:before { content: "\e844"; } .icon-chevron-up:before { content: "\e845"; } .icon-chevrons-down:before { content: "\e846"; } .icon-chevrons-right:before { content: "\e847"; } .icon-chevrons-up:before { content: "\e848"; } .icon-chevrons-left:before { content: "\e849"; } .icon-circle:before { content: "\e84a"; } .icon-clipboard:before { content: "\e84b"; } .icon-chrome:before { content: "\e84c"; } .icon-clock:before { content: "\e84d"; } .icon-cloud-lightning:before { content: "\e84e"; } .icon-cloud-drizzle:before { content: "\e84f"; } .icon-cloud-rain:before { content: "\e850"; } .icon-cloud-off:before { content: "\e851"; } .icon-codepen:before { content: "\e852"; } .icon-cloud-snow:before { content: "\e853"; } .icon-compass:before { content: "\e854"; } .icon-copy:before { content: "\e855"; } .icon-corner-down-right:before { content: "\e856"; } .icon-corner-down-left:before { content: "\e857"; } .icon-corner-left-down:before { content: "\e858"; } .icon-corner-left-up:before { content: "\e859"; } .icon-corner-up-left:before { content: "\e85a"; } .icon-corner-up-right:before { content: "\e85b"; } .icon-corner-right-down:before { content: "\e85c"; } .icon-corner-right-up:before { content: "\e85d"; } .icon-cpu:before { content: "\e85e"; } .icon-credit-card:before { content: "\e85f"; } .icon-crosshair:before { content: "\e860"; } .icon-disc:before { content: "\e861"; } .icon-delete:before { content: "\e862"; } .icon-download-cloud:before { content: "\e863"; } .icon-download:before { content: "\e864"; } .icon-droplet:before { content: "\e865"; } .icon-edit-2:before { content: "\e866"; } .icon-edit:before { content: "\e867"; } .icon-edit-1:before { content: "\e868"; } .icon-external-link:before { content: "\e869"; } .icon-eye:before { content: "\e86a"; } .icon-feather:before { content: "\e86b"; } .icon-facebook:before { content: "\e86c"; } .icon-file-minus:before { content: "\e86d"; } .icon-eye-off:before { content: "\e86e"; } .icon-fast-forward:before { content: "\e86f"; } .icon-file-text:before { content: "\e870"; } .icon-film:before { content: "\e871"; } .icon-file:before { content: "\e872"; } .icon-file-plus:before { content: "\e873"; } .icon-folder:before { content: "\e874"; } .icon-filter:before { content: "\e875"; } .icon-flag:before { content: "\e876"; } .icon-globe:before { content: "\e877"; } .icon-grid:before { content: "\e878"; } .icon-heart:before { content: "\e879"; } .icon-home:before { content: "\e87a"; } .icon-github:before { content: "\e87b"; } .icon-image:before { content: "\e87c"; } .icon-inbox:before { content: "\e87d"; } .icon-layers:before { content: "\e87e"; } .icon-info:before { content: "\e87f"; } .icon-instagram:before { content: "\e880"; } .icon-layout:before { content: "\e881"; } .icon-link-2:before { content: "\e882"; } .icon-life-buoy:before { content: "\e883"; } .icon-link:before { content: "\e884"; } .icon-log-in:before { content: "\e885"; } .icon-list:before { content: "\e886"; } .icon-lock:before { content: "\e887"; } .icon-log-out:before { content: "\e888"; } .icon-loader:before { content: "\e889"; } .icon-mail:before { content: "\e88a"; } .icon-maximize-2:before { content: "\e88b"; } .icon-map:before { content: "\e88c"; } .icon-map-pin:before { content: "\e88e"; } .icon-menu:before { content: "\e88f"; } .icon-message-circle:before { content: "\e890"; } .icon-message-square:before { content: "\e891"; } .icon-minimize-2:before { content: "\e892"; } .icon-mic-off:before { content: "\e893"; } .icon-minus-circle:before { content: "\e894"; } .icon-mic:before { content: "\e895"; } .icon-minus-square:before { content: "\e896"; } .icon-minus:before { content: "\e897"; } .icon-moon:before { content: "\e898"; } .icon-monitor:before { content: "\e899"; } .icon-more-vertical:before { content: "\e89a"; } .icon-more-horizontal:before { content: "\e89b"; } .icon-move:before { content: "\e89c"; } .icon-music:before { content: "\e89d"; } .icon-navigation-2:before { content: "\e89e"; } .icon-navigation:before { content: "\e89f"; } .icon-octagon:before { content: "\e8a0"; } .icon-package:before { content: "\e8a1"; } .icon-pause-circle:before { content: "\e8a2"; } .icon-pause:before { content: "\e8a3"; } .icon-percent:before { content: "\e8a4"; } .icon-phone-call:before { content: "\e8a5"; } .icon-phone-forwarded:before { content: "\e8a6"; } .icon-phone-missed:before { content: "\e8a7"; } .icon-phone-off:before { content: "\e8a8"; } .icon-phone-incoming:before { content: "\e8a9"; } .icon-phone:before { content: "\e8aa"; } .icon-phone-outgoing:before { content: "\e8ab"; } .icon-pie-chart:before { content: "\e8ac"; } .icon-play-circle:before { content: "\e8ad"; } .icon-play:before { content: "\e8ae"; } .icon-plus-square:before { content: "\e8af"; } .icon-plus-circle:before { content: "\e8b0"; } .icon-plus:before { content: "\e8b1"; } .icon-pocket:before { content: "\e8b2"; } .icon-printer:before { content: "\e8b3"; } .icon-power:before { content: "\e8b4"; } .icon-radio:before { content: "\e8b5"; } .icon-repeat:before { content: "\e8b6"; } .icon-refresh-ccw:before { content: "\e8b7"; } .icon-rewind:before { content: "\e8b8"; } .icon-rotate-ccw:before { content: "\e8b9"; } .icon-refresh-cw:before { content: "\e8ba"; } .icon-rotate-cw:before { content: "\e8bb"; } .icon-save:before { content: "\e8bc"; } .icon-search:before { content: "\e8bd"; } .icon-server:before { content: "\e8be"; } .icon-scissors:before { content: "\e8bf"; } .icon-share-2:before { content: "\e8c0"; } .icon-share:before { content: "\e8c1"; } .icon-shield:before { content: "\e8c2"; } .icon-settings:before { content: "\e8c3"; } .icon-skip-back:before { content: "\e8c4"; } .icon-shuffle:before { content: "\e8c5"; } .icon-sidebar:before { content: "\e8c6"; } .icon-skip-forward:before { content: "\e8c7"; } .icon-slack:before { content: "\e8c8"; } .icon-slash:before { content: "\e8c9"; } .icon-smartphone:before { content: "\e8ca"; } .icon-square:before { content: "\e8cb"; } .icon-speaker:before { content: "\e8cc"; } .icon-star:before { content: "\e8cd"; } .icon-stop-circle:before { content: "\e8ce"; } .icon-sun:before { content: "\e8cf"; } .icon-sunrise:before { content: "\e8d0"; } .icon-tablet:before { content: "\e8d1"; } .icon-tag:before { content: "\e8d2"; } .icon-sunset:before { content: "\e8d3"; } .icon-target:before { content: "\e8d4"; } .icon-thermometer:before { content: "\e8d5"; } .icon-thumbs-up:before { content: "\e8d6"; } .icon-thumbs-down:before { content: "\e8d7"; } .icon-toggle-left:before { content: "\e8d8"; } .icon-toggle-right:before { content: "\e8d9"; } .icon-trash-2:before { content: "\e8da"; } .icon-trash:before { content: "\e8db"; } .icon-trending-up:before { content: "\e8dc"; } .icon-trending-down:before { content: "\e8dd"; } .icon-triangle:before { content: "\e8de"; } .icon-type:before { content: "\e8df"; } .icon-twitter:before { content: "\e8e0"; } .icon-upload:before { content: "\e8e1"; } .icon-umbrella:before { content: "\e8e2"; } .icon-upload-cloud:before { content: "\e8e3"; } .icon-unlock:before { content: "\e8e4"; } .icon-user-check:before { content: "\e8e5"; } .icon-user-minus:before { content: "\e8e6"; } .icon-user-plus:before { content: "\e8e7"; } .icon-user-x:before { content: "\e8e8"; } .icon-user:before { content: "\e8e9"; } .icon-users:before { content: "\e8ea"; } .icon-video-off:before { content: "\e8eb"; } .icon-video:before { content: "\e8ec"; } .icon-voicemail:before { content: "\e8ed"; } .icon-volume-x:before { content: "\e8ee"; } .icon-volume-2:before { content: "\e8ef"; } .icon-volume-1:before { content: "\e8f0"; } .icon-volume:before { content: "\e8f1"; } .icon-watch:before { content: "\e8f2"; } .icon-wifi:before { content: "\e8f3"; } .icon-x-square:before { content: "\e8f4"; } .icon-wind:before { content: "\e8f5"; } .icon-x:before { content: "\e8f6"; } .icon-x-circle:before { content: "\e8f7"; } .icon-zap:before { content: "\e8f8"; } .icon-zoom-in:before { content: "\e8f9"; } .icon-zoom-out:before { content: "\e8fa"; } .icon-command:before { content: "\e8fb"; } .icon-cloud:before { content: "\e8fc"; } .icon-hash:before { content: "\e8fd"; } .icon-headphones:before { content: "\e8fe"; } .icon-underline:before { content: "\e8ff"; } .icon-italic:before { content: "\e900"; } .icon-bold:before { content: "\e901"; } .icon-crop:before { content: "\e902"; } .icon-help-circle:before { content: "\e903"; } .icon-paperclip:before { content: "\e904"; } .icon-shopping-cart:before { content: "\e905"; } .icon-tv:before { content: "\e906"; } .icon-wifi-off:before { content: "\e907"; } .icon-minimize:before { content: "\e88d"; } .icon-maximize:before { content: "\e908"; } .icon-gitlab:before { content: "\e909"; } .icon-sliders:before { content: "\e90a"; } .icon-star-on:before { content: "\e90b"; } .icon-heart-on:before { content: "\e90c"; } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/app/shared/component/scw-mat-ui/style/index.scss ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .scw-header { margin-bottom: 16px; } .scw-modal-header .scw-header-ellipsis { text-overflow: ellipsis; overflow: hidden; } .scw-modal-header .scw-header { margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } .scw-header-combined-line { display: flex; align-items: center; white-space: nowrap; overflow: hidden; } .scw-header-title-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto; min-width: 0; } .scw-header-title-suffix { flex-shrink: 0; white-space: nowrap; margin-left: 0.5em; } .scw-header-muted { color: #53585f; } h1.scw-header, h1.scw-header-ellipsis, h2.scw-header, h2.scw-header-ellipsis, h3.scw-header, h3.scw-header-ellipsis, h4.scw-header, h4.scw-header-ellipsis, h5.scw-header, h5.scw-header-ellipsis, h6.scw-header, h6.scw-header-ellipsis { font-family: "Open Sans", sans-serif !important; } h1.scw-header, h1.scw-header-ellipsis { font-size: 32px !important; font-weight: 600 !important; } h2.scw-header, h2.scw-header-ellipsis { font-size: 28px !important; font-weight: 600 !important; } h3.scw-header, h3.scw-header-ellipsis { font-size: 24px !important; font-weight: 600 !important; } h4.scw-header, h4.scw-header-ellipsis { font-size: 20px !important; font-weight: 600 !important; } h5.scw-header, h5.scw-header-ellipsis { font-size: 18px !important; font-weight: 600 !important; } h6.scw-header, h6.scw-header-ellipsis { font-size: 16px !important; font-weight: 600 !important; } .scw-modal-base .modal-dialog .modal-content, .modal.scw-modal-erp .modal-dialog .modal-content, .modal.scw-modal-xl .modal-dialog .modal-content, .modal.scw-modal-lg .modal-dialog .modal-content, .modal.scw-modal-md .modal-dialog .modal-content, .modal.scw-modal-sm .modal-dialog .modal-content { border-radius: 10px; border: unset; } .scw-modal-base .modal-dialog .modal-content .modal-header.scw-modal-header, .modal.scw-modal-erp .modal-dialog .modal-content .modal-header.scw-modal-header, .modal.scw-modal-xl .modal-dialog .modal-content .modal-header.scw-modal-header, .modal.scw-modal-lg .modal-dialog .modal-content .modal-header.scw-modal-header, .modal.scw-modal-md .modal-dialog .modal-content .modal-header.scw-modal-header, .modal.scw-modal-sm .modal-dialog .modal-content .modal-header.scw-modal-header { min-height: 68px !important; background: #53585f !important; border-bottom: 4px solid #ef5323 !important; color: #fff !important; padding: 16px 24px !important; } .scw-modal-base .modal-dialog .modal-content .modal-header.scw-modal-header .close, .modal.scw-modal-erp .modal-dialog .modal-content .modal-header.scw-modal-header .close, .modal.scw-modal-xl .modal-dialog .modal-content .modal-header.scw-modal-header .close, .modal.scw-modal-lg .modal-dialog .modal-content .modal-header.scw-modal-header .close, .modal.scw-modal-md .modal-dialog .modal-content .modal-header.scw-modal-header .close, .modal.scw-modal-sm .modal-dialog .modal-content .modal-header.scw-modal-header .close { padding: 20px 20px !important; font-size: 17px !important; text-shadow: initial !important; } .scw-modal-base .modal-dialog .modal-content .modal-footer, .modal.scw-modal-erp .modal-dialog .modal-content .modal-footer, .modal.scw-modal-xl .modal-dialog .modal-content .modal-footer, .modal.scw-modal-lg .modal-dialog .modal-content .modal-footer, .modal.scw-modal-md .modal-dialog .modal-content .modal-footer, .modal.scw-modal-sm .modal-dialog .modal-content .modal-footer { overflow: unset; } .scw-modal-base .modal-dialog .modal-content .modal-footer .buttons-left, .modal.scw-modal-erp .modal-dialog .modal-content .modal-footer .buttons-left, .modal.scw-modal-xl .modal-dialog .modal-content .modal-footer .buttons-left, .modal.scw-modal-lg .modal-dialog .modal-content .modal-footer .buttons-left, .modal.scw-modal-md .modal-dialog .modal-content .modal-footer .buttons-left, .modal.scw-modal-sm .modal-dialog .modal-content .modal-footer .buttons-left { margin-right: auto; } .scw-modal-base .modal-dialog .modal-content .modal-footer .buttons-left scw-mat-button:not(:last-child) button, .modal.scw-modal-erp .modal-dialog .modal-content .modal-footer .buttons-left scw-mat-button:not(:last-child) button, .modal.scw-modal-xl .modal-dialog .modal-content .modal-footer .buttons-left scw-mat-button:not(:last-child) button, .modal.scw-modal-lg .modal-dialog .modal-content .modal-footer .buttons-left scw-mat-button:not(:last-child) button, .modal.scw-modal-md .modal-dialog .modal-content .modal-footer .buttons-left scw-mat-button:not(:last-child) button, .modal.scw-modal-sm .modal-dialog .modal-content .modal-footer .buttons-left scw-mat-button:not(:last-child) button, .scw-modal-base .modal-dialog .modal-content .modal-footer .buttons-right scw-mat-button:not(:last-child) button, .modal.scw-modal-erp .modal-dialog .modal-content .modal-footer .buttons-right scw-mat-button:not(:last-child) button, .modal.scw-modal-xl .modal-dialog .modal-content .modal-footer .buttons-right scw-mat-button:not(:last-child) button, .modal.scw-modal-lg .modal-dialog .modal-content .modal-footer .buttons-right scw-mat-button:not(:last-child) button, .modal.scw-modal-md .modal-dialog .modal-content .modal-footer .buttons-right scw-mat-button:not(:last-child) button, .modal.scw-modal-sm .modal-dialog .modal-content .modal-footer .buttons-right scw-mat-button:not(:last-child) button { margin-right: 10px; } .scw-modal-base .modal-dialog .modal-content .modal-section, .modal.scw-modal-erp .modal-dialog .modal-content .modal-section, .modal.scw-modal-xl .modal-dialog .modal-content .modal-section, .modal.scw-modal-lg .modal-dialog .modal-content .modal-section, .modal.scw-modal-md .modal-dialog .modal-content .modal-section, .modal.scw-modal-sm .modal-dialog .modal-content .modal-section { display: flex; flex-direction: row; } .scw-modal-base .modal-dialog .modal-content .modal-info-icon, .modal.scw-modal-erp .modal-dialog .modal-content .modal-info-icon, .modal.scw-modal-xl .modal-dialog .modal-content .modal-info-icon, .modal.scw-modal-lg .modal-dialog .modal-content .modal-info-icon, .modal.scw-modal-md .modal-dialog .modal-content .modal-info-icon, .modal.scw-modal-sm .modal-dialog .modal-content .modal-info-icon { font-size: 22px; color: #666666; padding-right: 7px; } .modal.scw-modal-sm:not(.scw-modal-all-scrollable) .modal-dialog .modal-content, .modal.scw-modal-md:not(.scw-modal-all-scrollable) .modal-dialog .modal-content, .modal.scw-modal-lg:not(.scw-modal-all-scrollable) .modal-dialog .modal-content, .modal.scw-modal-xl:not(.scw-modal-all-scrollable) .modal-dialog .modal-content { max-height: calc(100vh - 3.8em); } .modal.scw-modal-sm:not(.scw-modal-all-scrollable) .modal-dialog .modal-content .modal-body, .modal.scw-modal-md:not(.scw-modal-all-scrollable) .modal-dialog .modal-content .modal-body, .modal.scw-modal-lg:not(.scw-modal-all-scrollable) .modal-dialog .modal-content .modal-body, .modal.scw-modal-xl:not(.scw-modal-all-scrollable) .modal-dialog .modal-content .modal-body { overflow-y: auto; } .modal.scw-modal-sm:not(.scw-modal-all-scrollable) .modal-dialog .modal-content formio figure.table, .modal.scw-modal-md:not(.scw-modal-all-scrollable) .modal-dialog .modal-content formio figure.table, .modal.scw-modal-lg:not(.scw-modal-all-scrollable) .modal-dialog .modal-content formio figure.table, .modal.scw-modal-xl:not(.scw-modal-all-scrollable) .modal-dialog .modal-content formio figure.table { overflow-y: scroll; } .modal.scw-modal-sm:not(.scw-modal-all-scrollable) .modal-dialog .modal-content formio figure.table td, .modal.scw-modal-md:not(.scw-modal-all-scrollable) .modal-dialog .modal-content formio figure.table td, .modal.scw-modal-lg:not(.scw-modal-all-scrollable) .modal-dialog .modal-content formio figure.table td, .modal.scw-modal-xl:not(.scw-modal-all-scrollable) .modal-dialog .modal-content formio figure.table td { white-space: normal; word-wrap: break-word; } .modal.scw-modal-sm .modal-dialog .modal-content { width: 472px !important; } @media (min-width: 576px) { .modal.scw-modal-md .modal-dialog { max-width: 720px !important; } } .modal.scw-modal-md .modal-dialog .modal-content { width: 720px !important; } .modal.scw-modal-lg { padding: 0 40px; } .modal.scw-modal-lg .modal-dialog { max-width: 832px; } @media (max-width: 800px) { .modal.scw-modal-lg .modal-dialog { max-width: 100% !important; } } .modal.scw-modal-xl { padding: 0 40px; } .modal.scw-modal-xl .modal-dialog { width: 100% !important; max-width: none !important; } .modal.scw-modal-xl .modal-dialog .modal-content { width: 100% !important; } @media (min-width: 1200px) { .modal.scw-modal-erp .modal-dialog { max-width: 1050px !important; } } @media (max-width: 1200px) { .modal.scw-modal-erp .modal-dialog { max-width: 900px !important; } } .modal .table-responsive { overflow-y: hidden; } .modal-main-padding, .scw-modal-base .modal-dialog .modal-content .modal-body, .scw-modal-base .modal-dialog .modal-content .modal-footer, .modal.scw-modal-sm .modal-dialog .modal-content .modal-body, .modal.scw-modal-sm .modal-dialog .modal-content .modal-footer, .modal.scw-modal-md .modal-dialog .modal-content .modal-body, .modal.scw-modal-md .modal-dialog .modal-content .modal-footer, .modal.scw-modal-lg .modal-dialog .modal-content .modal-body, .modal.scw-modal-lg .modal-dialog .modal-content .modal-footer, .modal.scw-modal-xl .modal-dialog .modal-content .modal-body, .modal.scw-modal-xl .modal-dialog .modal-content .modal-footer, .modal.scw-modal-erp .modal-dialog .modal-content .modal-body, .modal.scw-modal-erp .modal-dialog .modal-content .modal-footer { padding: 12px 24px !important; } .scw_mat-add_edit_modal-body { display: flex; flex-direction: column; } .scw_mat-add_edit_modal-item { display: flex; flex-direction: row; width: 100%; } .scw_mat-add_edit_modal-item-checkbox { flex-basis: 24px; margin-right: 16px; margin-top: 32px; } .scw_mat-add_edit_modal-item-input { flex: 1; } .scw_mat-add_edit_modal-item-select-input { flex: 1; width: 80%; } .dropdown-list ul { overflow: hidden !important; } .scw_mat-add_edit_modal-item-select-input .lazyContainer { word-break: break-word; white-space: normal; } .scw_mat-add_edit_modal-item-select-input .cuppa-dropdown > div > div > span > span { display: inline-block; max-width: 314px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } hr.scw-hr { margin: 10px 0 20px 0; border-color: #53585f; border-style: solid; } ul.scw-basic-list { font-family: "Open Sans", sans-serif !important; list-style-type: unset; padding-left: 1.5rem; } ul.scw-basic-list .inner-scw-basic-list { list-style-type: circle !important; padding-left: 1rem; } .inner-form-section { width: 100%; padding-right: 0.5rem; padding-left: 0.5rem; border: 1px solid #a8a8a8; border-radius: 8px; -moz-background-clip: padding; background-clip: padding-box; } label.scw-mat-other-input-label { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; margin-left: 4px; margin-bottom: 8px !important; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/scss/modal.scss ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* Able - Modal */ .full-modal .modal-lg { min-width: 99%; margin: 0 auto; } .full-modal .modal-lg .modal-content { min-height: 96vh; top: 2vh; } .full-modal .modal-body { padding-bottom: 75px; } .full-modal .modal-footer { display: block !important; position: absolute; min-width: 100%; bottom: 0; } .modal-header button { font-size: 72px; } .modal-header .close { padding: 0 20px !important; } .modal .modal-footer { overflow: hidden; } h1.modal-title { font-weight: 400; } .modal-body .nav-link { font-size: 20px !important; } .btn-xlg .button-muted { font-size: 12px; display: block; line-height: normal; } /* Bootstrap - Modal */ .modal .modal-header h1.modal-title { font-size: 2rem; color: #fff; } .modal .modal-header { background: #ff784f !important; } .modal .modal-header .close { margin: -0.8rem -1rem -1rem auto !important; color: #fff !important; outline: 0 !important; } .modal .modal-footer .buttons-left { float: left; } .modal .modal-footer .buttons-right { float: right; } /*# sourceMappingURL=styles.c957541a532113f9.css.map*/