/*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@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[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/perfect-scrollbar/css/perfect-scrollbar.css ***! \**************************************************************************************************************************************************************************************************************************************************/ /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !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/primeng/resources/themes/lara-light-blue/theme.css ***! \*********************************************************************************************************************************************************************************************************************************************************/ :root { font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; --font-family: "Inter var", sans-serif; --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; --surface-a: #ffffff; --surface-b: #f9fafb; --surface-c: #f3f4f6; --surface-d: #e5e7eb; --surface-e: #ffffff; --surface-f: #ffffff; --text-color: #4b5563; --text-color-secondary: #6b7280; --primary-color: #3B82F6; --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f9fafb; --surface-100: #f3f4f6; --surface-200: #e5e7eb; --surface-300: #d1d5db; --surface-400: #9ca3af; --surface-500: #6b7280; --surface-600: #4b5563; --surface-700: #374151; --surface-800: #1f2937; --surface-900: #111827; --gray-50: #f9fafb; --gray-100: #f3f4f6; --gray-200: #e5e7eb; --gray-300: #d1d5db; --gray-400: #9ca3af; --gray-500: #6b7280; --gray-600: #4b5563; --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; --content-padding: 1.25rem; --inline-spacing: 0.5rem; --border-radius: 6px; --surface-ground: #f9fafb; --surface-section: #ffffff; --surface-card: #ffffff; --surface-overlay: #ffffff; --surface-border: #dfe7ef; --surface-hover: #f6f9fc; --focus-ring: 0 0 0 0.2rem #BFDBFE; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #EFF6FF; --highlight-text-color: #1D4ED8; color-scheme: light; } @font-face { font-family: "Inter var"; font-weight: 100 900; font-display: swap; font-style: normal; font-named-instance: "Regular"; src: url('Inter-roman.var.woff2?v=3.19') format("woff2"); } @font-face { font-family: "Inter var"; font-weight: 100 900; font-display: swap; font-style: italic; font-named-instance: "Italic"; src: url('Inter-italic.var.woff2?v=3.19') format("woff2"); } :root { --blue-50:#f5f9ff; --blue-100:#d0e1fd; --blue-200:#abc9fb; --blue-300:#85b2f9; --blue-400:#609af8; --blue-500:#3b82f6; --blue-600:#326fd1; --blue-700:#295bac; --blue-800:#204887; --blue-900:#183462; --green-50:#f4fcf7; --green-100:#caf1d8; --green-200:#a0e6ba; --green-300:#76db9b; --green-400:#4cd07d; --green-500:#22c55e; --green-600:#1da750; --green-700:#188a42; --green-800:#136c34; --green-900:#0e4f26; --yellow-50:#fefbf3; --yellow-100:#faedc4; --yellow-200:#f6de95; --yellow-300:#f2d066; --yellow-400:#eec137; --yellow-500:#eab308; --yellow-600:#c79807; --yellow-700:#a47d06; --yellow-800:#816204; --yellow-900:#5e4803; --cyan-50:#f3fbfd; --cyan-100:#c3edf5; --cyan-200:#94e0ed; --cyan-300:#65d2e4; --cyan-400:#35c4dc; --cyan-500:#06b6d4; --cyan-600:#059bb4; --cyan-700:#047f94; --cyan-800:#036475; --cyan-900:#024955; --pink-50:#fef6fa; --pink-100:#fad3e7; --pink-200:#f7b0d3; --pink-300:#f38ec0; --pink-400:#f06bac; --pink-500:#ec4899; --pink-600:#c93d82; --pink-700:#a5326b; --pink-800:#822854; --pink-900:#5e1d3d; --indigo-50:#f7f7fe; --indigo-100:#dadafc; --indigo-200:#bcbdf9; --indigo-300:#9ea0f6; --indigo-400:#8183f4; --indigo-500:#6366f1; --indigo-600:#5457cd; --indigo-700:#4547a9; --indigo-800:#363885; --indigo-900:#282960; --teal-50:#f3fbfb; --teal-100:#c7eeea; --teal-200:#9ae0d9; --teal-300:#6dd3c8; --teal-400:#41c5b7; --teal-500:#14b8a6; --teal-600:#119c8d; --teal-700:#0e8174; --teal-800:#0b655b; --teal-900:#084a42; --orange-50:#fff8f3; --orange-100:#feddc7; --orange-200:#fcc39b; --orange-300:#fba86f; --orange-400:#fa8e42; --orange-500:#f97316; --orange-600:#d46213; --orange-700:#ae510f; --orange-800:#893f0c; --orange-900:#642e09; --bluegray-50:#f7f8f9; --bluegray-100:#dadee3; --bluegray-200:#bcc3cd; --bluegray-300:#9fa9b7; --bluegray-400:#818ea1; --bluegray-500:#64748b; --bluegray-600:#556376; --bluegray-700:#465161; --bluegray-800:#37404c; --bluegray-900:#282e38; --purple-50:#fbf7ff; --purple-100:#ead6fd; --purple-200:#dab6fc; --purple-300:#c996fa; --purple-400:#b975f9; --purple-500:#a855f7; --purple-600:#8f48d2; --purple-700:#763cad; --purple-800:#5c2f88; --purple-900:#432263; --red-50:#fff5f5; --red-100:#ffd0ce; --red-200:#ffaca7; --red-300:#ff8780; --red-400:#ff6259; --red-500:#ff3d32; --red-600:#d9342b; --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; --primary-50:#f5f9ff; --primary-100:#d0e1fd; --primary-200:#abc9fb; --primary-300:#85b2f9; --primary-400:#609af8; --primary-500:#3b82f6; --primary-600:#326fd1; --primary-700:#295bac; --primary-800:#204887; --primary-900:#183462; } .p-editor-container .p-editor-toolbar { background: #f9fafb; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { border: 1px solid #e5e7eb; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { fill: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; color: #6b7280; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { stroke: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { fill: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 0.75rem 0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { color: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: #4b5563; background: #f3f4f6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.75rem 1.25rem; } .p-editor-container .p-editor-content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .p-editor-content.ql-snow { border: 1px solid #e5e7eb; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { color: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { stroke: #4b5563; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { fill: #4b5563; } .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: #3B82F6; } .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: #3B82F6; } .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: #3B82F6; } .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: #3B82F6; } @layer primeng { * { box-sizing: border-box; } .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); 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: #e24c4c; } .p-text-secondary { color: #6b7280; } .pi { font-size: 1rem; } .p-icon { width: 1rem; height: 1rem; } .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; border-radius: 6px; } .p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .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; } } .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #3B82F6; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #4b5563; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; background: #e5e7eb; color: #4b5563; border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { background: #d1d5db; color: #4b5563; } .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } .p-autocomplete-panel { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-autocomplete-panel .p-autocomplete-items { padding: 0.75rem 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { margin-top: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #4b5563; background: #e5e7eb; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; background: #f3f4f6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #374151; background: #ffffff; font-weight: 700; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { padding: 0.75rem 1.25rem; color: #4b5563; background: transparent; } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; } p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { color: #6b7280; right: 0.75rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #6b7280; right: 3.75rem; } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #e24c4c; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-datepicker { padding: 0.5rem; background: #ffffff; color: #4b5563; border: 1px solid #d1d5db; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { background: #ffffff; } .p-datepicker .p-datepicker-header { padding: 0.5rem; color: #4b5563; background: #ffffff; font-weight: 600; margin: 0; border-bottom: 1px solid #e5e7eb; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6b7280; 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: #374151; border-color: transparent; background: #f3f4f6; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .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: #4b5563; 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: #3B82F6; } .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: #1D4ED8; background: #EFF6FF; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker table td.p-datepicker-today > span { background: #d1d5db; color: #4b5563; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; border-top: 1px solid #e5e7eb; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { border-top: 1px solid #e5e7eb; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; color: #6b7280; 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: #374151; border-color: transparent; background: #f3f4f6; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .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: 6px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #1D4ED8; background: #EFF6FF; } .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: 6px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #e5e7eb; 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: #f3f4f6; } .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 #BFDBFE; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; } .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 #BFDBFE; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; } .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 #BFDBFE; } p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } p-calendar.p-calendar-clearable .p-calendar-clear-icon { color: #6b7280; right: 0.75rem; } p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #6b7280; right: 3.75rem; } @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; } } .p-cascadeselect { background: #ffffff; border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { border-color: #3B82F6; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-cascadeselect .p-cascadeselect-label { background: transparent; border: 0 none; padding: 0.75rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { color: #6b7280; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-cascadeselect.p-invalid.p-component { border-color: #e24c4c; } .p-cascadeselect.p-variant-filled { background-color: #f3f4f6; } .p-cascadeselect.p-variant-filled:enabled:hover { background-color: #f3f4f6; } .p-cascadeselect.p-variant-filled:enabled:focus { background-color: #ffffff; } .p-cascadeselect-panel { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0.75rem 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { margin-top: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #4b5563; background: #e5e7eb; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; background: #f3f4f6; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } .p-input-filled .p-cascadeselect { background: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { background-color: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #e24c4c; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { color: #6b7280; right: 3rem; } .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; padding: 0.25rem 0 0.25rem 0.5rem; } .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } .p-checkbox { width: 22px; height: 22px; } .p-checkbox .p-checkbox-box { border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; color: #4b5563; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; color: #ffffff; font-size: 14px; } .p-checkbox .p-checkbox-box .p-icon { width: 14px; height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { border-color: #3B82F6; background: #3B82F6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #3B82F6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #1D4ED8; background: #1D4ED8; color: #ffffff; } .p-checkbox.p-variant-filled .p-checkbox-box { background-color: #f3f4f6; } .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { background: #3B82F6; } .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f3f4f6; } .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #1D4ED8; } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e24c4c; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f3f4f6; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #3B82F6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f3f4f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #1D4ED8; } .p-checkbox-label { margin-left: 0.5rem; } p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e24c4c; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #3B82F6; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; gap: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; background: #e5e7eb; color: #4b5563; border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { background: #d1d5db; color: #4b5563; } .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.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #4b5563; padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #e24c4c; } p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } p-chips.p-chips-clearable .p-chips-clear-icon { color: #6b7280; right: 0.75rem; } .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 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown { background: #ffffff; border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { border-color: #3B82F6; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; } .p-dropdown .p-dropdown-label { background: transparent; border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6b7280; } .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-dropdown .p-dropdown-clear-icon { color: #6b7280; right: 3rem; } .p-dropdown.p-invalid.p-component { border-color: #e24c4c; } .p-dropdown.p-variant-filled { background-color: #f3f4f6; } .p-dropdown.p-variant-filled:enabled:hover { background-color: #f3f4f6; } .p-dropdown.p-variant-filled:enabled:focus { background-color: #ffffff; } .p-dropdown-panel { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e7eb; color: #374151; background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { padding-right: 1.75rem; margin-right: -1.75rem; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; color: #6b7280; } .p-dropdown-panel .p-dropdown-items { padding: 0.75rem 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { margin-top: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #4b5563; background: #e5e7eb; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; background: #f3f4f6; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #374151; background: #ffffff; font-weight: 700; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.75rem 1.25rem; color: #4b5563; background: transparent; } .p-input-filled .p-dropdown { background: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled):hover { background-color: #f3f4f6; } .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-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #e24c4c; } .p-icon-field .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-inputgroup-addon { background: #f3f4f6; color: #6b7280; border-top: 1px solid #d1d5db; border-left: 1px solid #d1d5db; border-bottom: 1px solid #d1d5db; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { border-right: 1px solid #d1d5db; } .p-inputgroup > .p-component, .p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, .p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus, .p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, .p-inputgroup > .p-inputwrapper > .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: 6px; border-bottom-left-radius: 6px; } .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .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: 6px; border-bottom-right-radius: 6px; } .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } .p-icon-field-left .p-input-icon:first-of-type { left: 0.75rem; color: #6b7280; } .p-icon-field-right .p-input-icon:last-of-type { right: 0.75rem; color: #6b7280; } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { color: #6b7280; right: 0.75rem; } .p-inputmask.p-variant-filled { background-color: #f3f4f6; } .p-inputmask.p-variant-filled:enabled:hover { background-color: #f3f4f6; } .p-inputmask.p-variant-filled:enabled:focus { background-color: #ffffff; } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #e24c4c; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { color: #6b7280; right: 0.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input { background-color: #f3f4f6; } p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { background-color: #f3f4f6; } p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { background-color: #ffffff; } .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } .p-inputotp-input { text-align: center; width: 2.5rem; } .p-inputswitch { width: 3rem; height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { background: #d1d5db; 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 #BFDBFE; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #b7bcc5; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #3B82F6; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #2563eb; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e24c4c; } .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #4b5563; background: #ffffff; padding: 0.75rem 0.75rem; border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -webkit-appearance: none; appearance: none; border-radius: 6px; } .p-inputtext:enabled:hover { border-color: #3B82F6; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-inputtext.ng-dirty.ng-invalid { border-color: #e24c4c; } .p-inputtext.p-variant-filled { background-color: #f3f4f6; } .p-inputtext.p-variant-filled:enabled:hover { background-color: #f3f4f6; } .p-inputtext.p-variant-filled:enabled:focus { background-color: #ffffff; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } .p-float-label > label { left: 0.75rem; color: #6b7280; transition-duration: 0.2s; } .p-float-label > .ng-invalid.ng-dirty + label { color: #e24c4c; } .p-input-icon-left > .p-icon-wrapper.p-icon, .p-input-icon-left > i:first-of-type { left: 0.75rem; color: #6b7280; } .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } .p-input-icon-left.p-float-label > label { left: 2.5rem; } .p-input-icon-right > .p-icon-wrapper, .p-input-icon-right > i:last-of-type { right: 0.75rem; color: #6b7280; } .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } .p-icon-field-left.p-float-label > label { left: 2.5rem; } .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } ::-webkit-input-placeholder { color: #6b7280; } :-moz-placeholder { color: #6b7280; } ::-moz-placeholder { color: #6b7280; } :-ms-input-placeholder { color: #6b7280; } .p-input-filled .p-inputtext { background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:hover { background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } .p-listbox { background: #ffffff; color: #4b5563; border: 1px solid #d1d5db; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e7eb; color: #374151; background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-listbox .p-listbox-header .p-listbox-filter { padding-right: 1.75rem; } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; color: #6b7280; } .p-listbox .p-listbox-header .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list { padding: 0.75rem 0; outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item:first-child { margin-top: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .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 1.25rem; color: #374151; background: #ffffff; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.75rem 1.25rem; color: #4b5563; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: #4b5563; background: #f3f4f6; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; background: #f3f4f6; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { color: #4b5563; background: #f3f4f6; } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e24c4c; } .p-multiselect { background: #ffffff; border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { border-color: #3B82F6; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6b7280; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; background: #e5e7eb; color: #4b5563; border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-multiselect.p-variant-filled { background: #f3f4f6; } .p-multiselect.p-variant-filled:not(.p-disabled):hover { background-color: #f3f4f6; } .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { background-color: #ffffff; } .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } .p-multiselect-clearable .p-multiselect-clear-icon { color: #6b7280; right: 3rem; } .p-multiselect-panel { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e7eb; color: #374151; background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { padding-right: 1.75rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; color: #6b7280; } .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: #6b7280; 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: #374151; border-color: transparent; background: #f3f4f6; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { margin-top: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #4b5563; background: #f3f4f6; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; background: #f3f4f6; } .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 1.25rem; color: #374151; background: #ffffff; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.75rem 1.25rem; color: #4b5563; background: transparent; } .p-input-filled .p-multiselect { background: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled):hover { background-color: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #e24c4c; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #e24c4c; } .p-password-panel { padding: 1.25rem; background: #ffffff; color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; background: #e5e7eb; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ea5455; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #ff9f42; } .p-password-panel .p-password-meter .p-password-strength.strong { background: #29c76f; } p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } p-password.p-password-clearable .p-password-clear-icon { color: #6b7280; right: 0.75rem; } p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } p-password.p-password-clearable.p-password-mask .p-password-clear-icon { color: #6b7280; right: 2.5rem; } .p-radiobutton { width: 22px; height: 22px; } .p-radiobutton .p-radiobutton-box { border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; color: #4b5563; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { border-color: #3B82F6; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .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: #3B82F6; background: #3B82F6; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #1D4ED8; background: #1D4ED8; color: #ffffff; } .p-radiobutton.p-variant-filled .p-radiobutton-box { background-color: #f3f4f6; } .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover { background-color: #f3f4f6; } .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight { background: #3B82F6; } .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #1D4ED8; } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #e24c4c; } .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #3B82F6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #1D4ED8; } .p-radiobutton-label { margin-left: 0.5rem; } .p-rating { gap: 0.5rem; } .p-rating .p-rating-item { border-radius: 50%; outline-color: transparent; display: inline-flex; justify-content: center; align-items: center; } .p-rating .p-rating-item .p-rating-icon { color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #ea5455; } .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #3B82F6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #3B82F6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; } .p-selectbutton .p-button { background: #ffffff; border: 1px solid #d1d5db; color: #4b5563; 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: #6b7280; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; border-color: #d1d5db; color: #4b5563; } .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: #374151; } .p-selectbutton .p-button.p-highlight { background: #3B82F6; border-color: #3B82F6; 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: #2563eb; border-color: #2563eb; 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: #e24c4c; } .p-slider { background: #e5e7eb; border: 0 none; border-radius: 6px; } .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 { height: 100%; width: 0.286rem; } .p-slider.p-slider-vertical .p-slider-handle { height: 1.143rem; width: 1.143rem; margin-left: -0.5715rem; margin-bottom: -0.5715rem; } .p-slider .p-slider-handle { height: 1.143rem; width: 1.143rem; background: #ffffff; border: 2px solid #3B82F6; 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 #BFDBFE; } .p-slider .p-slider-range { background: #3B82F6; } .p-slider:not(.p-disabled) .p-slider-handle:hover { background: #3B82F6; border-color: #3B82F6; } .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 #d1d5db; color: #4b5563; 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: #6b7280; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; border-color: #d1d5db; color: #4b5563; } .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: #374151; } .p-togglebutton.p-button.p-highlight { background: #3B82F6; border-color: #3B82F6; 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: #2563eb; border-color: #2563eb; 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: #e24c4c; } .p-treeselect { background: #ffffff; border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { border-color: #3B82F6; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: #6b7280; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; background: #e5e7eb; color: #4b5563; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-treeselect.p-variant-filled { background-color: #f3f4f6; } .p-treeselect.p-variant-filled:enabled:hover { background-color: #f3f4f6; } .p-treeselect.p-variant-filled:enabled:focus { background-color: #ffffff; } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #e24c4c; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } .p-treeselect-panel { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e7eb; color: #374151; background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .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.75rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.75rem; color: #6b7280; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 3.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { right: 2.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; color: #6b7280; 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: #374151; border-color: transparent; background: #f3f4f6; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .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.75rem 1.25rem; color: #4b5563; background: transparent; } .p-input-filled .p-treeselect { background: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled):hover { background-color: #f3f4f6; } .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.75rem; } p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { color: #6b7280; right: 3rem; } .p-button { color: #ffffff; background: #3B82F6; border: 1px solid #3B82F6; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } .p-button:not(:disabled):hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } .p-button:not(:disabled):active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .p-button.p-button-outlined { background-color: transparent; color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: #6b7280; border-color: #6b7280; } .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #f3f4f6; color: #6b7280; } .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #e5e7eb; color: #6b7280; } .p-button.p-button-text { background-color: transparent; color: #3B82F6; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: #6b7280; } .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #f3f4f6; color: #6b7280; } .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #e5e7eb; color: #6b7280; } .p-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-button .p-button-label { transition-duration: 0.2s; } .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: #3B82F6; 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: 3rem; padding: 0.75rem 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: 3rem; } .p-button.p-button-sm { font-size: 0.875rem; padding: 0.65625rem 1.09375rem; } .p-button.p-button-sm .p-button-icon { font-size: 0.875rem; } .p-button.p-button-lg { font-size: 1.25rem; padding: 0.9375rem 1.5625rem; } .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: 3rem; } .p-fluid .p-button-group { display: flex; } .p-fluid .p-button-group .p-button { flex: 1; } .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #64748b; border: 1px solid #64748b; } .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #475569; color: #ffffff; border-color: #475569; } .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #e2e8f0; } .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #334155; color: #ffffff; border-color: #334155; } .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #64748b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); color: #64748b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); color: #64748b; border: 1px solid; } .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #64748b; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; color: #64748b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; color: #64748b; } .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0ea5e9; border: 1px solid #0ea5e9; } .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #0284c7; color: #ffffff; border-color: #0284c7; } .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #0369a1; color: #ffffff; border-color: #0369a1; } .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(14, 165, 233, 0.16); color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0ea5e9; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); border-color: transparent; color: #0ea5e9; } .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(14, 165, 233, 0.16); border-color: transparent; color: #0ea5e9; } .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #22c55e; border: 1px solid #22c55e; } .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #16a34a; color: #ffffff; border-color: #16a34a; } .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #bbf7d0; } .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #15803d; color: #ffffff; border-color: #15803d; } .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #22c55e; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22c55e; } .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22c55e; } .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #f97316; border: 1px solid #f97316; } .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ea580c; color: #ffffff; border-color: #ea580c; } .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fde68a; } .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #c2410c; color: #ffffff; border-color: #c2410c; } .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(249, 115, 22, 0.16); color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #f97316; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); border-color: transparent; color: #f97316; } .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(249, 115, 22, 0.16); border-color: transparent; color: #f97316; } .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #a855f7; border: 1px solid #a855f7; } .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #9333ea; color: #ffffff; border-color: #9333ea; } .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #e9d5ff; } .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7e22ce; color: #ffffff; border-color: #7e22ce; } .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #a855f7; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #a855f7; } .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #a855f7; } .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #ef4444; border: 1px solid #ef4444; } .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #dc2626; color: #ffffff; border-color: #dc2626; } .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fecaca; } .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #b91c1c; color: #ffffff; border-color: #b91c1c; } .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #ef4444; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #ef4444; } .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #ef4444; } .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { color: #ffffff; background: #1f2937; border: 1px solid #1f2937; } .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { background: #374151; color: #ffffff; border-color: #374151; } .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { background: #4b5563; color: #ffffff; border-color: #4b5563; } .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { background-color: transparent; color: #1f2937; border: 1px solid; } .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(31, 41, 55, 0.04); color: #1f2937; border: 1px solid; } .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { background: rgba(31, 41, 55, 0.16); color: #1f2937; border: 1px solid; } .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { background-color: transparent; color: #1f2937; border-color: transparent; } .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { background: rgba(31, 41, 55, 0.04); border-color: transparent; color: #1f2937; } .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { background: rgba(31, 41, 55, 0.16); border-color: transparent; color: #1f2937; } .p-button.p-button-link { color: #1D4ED8; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #1D4ED8; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: transparent; } .p-button.p-button-link:not(:disabled):active { background: transparent; color: #1D4ED8; 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-button.p-button.p-button-icon-only .p-icon { width: 1.3rem; height: 1.3rem; } .p-speeddial-list { outline: 0 none; } .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-speeddial-action { width: 3rem; height: 3rem; background: #4b5563; color: #fff; } .p-speeddial-action:hover { background: #022354; 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: 6px; } .p-splitbutton.p-button-rounded { border-radius: 2rem; } .p-splitbutton.p-button-rounded > .p-button { border-radius: 2rem; } .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-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6b7280; 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: #374151; border-color: transparent; background: #f3f4f6; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .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: #d1d5db; 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: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #EFF6FF; color: #1D4ED8; } .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: #f9fafb; color: #374151; border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { background: #f9fafb; color: #374151; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; color: #374151; background: #f9fafb; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; color: #374151; background: #f9fafb; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: #374151; 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: #1D4ED8; background: #EFF6FF; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { background: #f3f4f6; color: #374151; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #374151; } .p-datatable .p-sortable-column.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #1D4ED8; } .p-datatable .p-sortable-column.p-highlight:hover { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #1D4ED8; } .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #BFDBFE; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #4b5563; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; border: 1px solid #e5e7eb; 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: #6b7280; 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: #374151; border-color: transparent; background: #f3f4f6; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #BFDBFE; outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #EFF6FF; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #EFF6FF; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } .p-datatable .p-column-resizer-helper { background: #3B82F6; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { background: #f9fafb; } .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, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f9fafb; } .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 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px 0 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { border-width: 0 0 0 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { background: #f8f8fa; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { color: #1D4ED8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { color: #1D4ED8; } .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: #f9fafb; color: #374151; border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { background: #ffffff; color: #4b5563; border: 0 none; padding: 0; } .p-dataview .p-dataview-footer { background: #f9fafb; color: #374151; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .p-dataview .p-dataview-loading-icon { font-size: 2rem; } .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } .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: #6b7280; 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: #374151; border-color: transparent; background: #f3f4f6; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #f3f4f6; color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #EFF6FF; color: #1D4ED8; } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-column-filter-clear-button { width: 2rem; height: 2rem; color: #6b7280; 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: #374151; border-color: transparent; background: #f3f4f6; } .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-column-filter-overlay { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { padding: 0.75rem 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { margin-top: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; background: #f3f4f6; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e5e7eb; color: #374151; background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; border-bottom: 1px solid #e5e7eb; } .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.75rem 1.25rem; } .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } .p-orderlist .p-orderlist-controls { padding: 1.25rem; } .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-list-container { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-orderlist .p-orderlist-header { color: #374151; padding: 1.25rem; font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; } .p-orderlist .p-orderlist-filter-container { padding: 1.25rem; background: #ffffff; border: 1px solid #e5e7eb; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { padding-right: 1.75rem; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.75rem; color: #6b7280; } .p-orderlist .p-orderlist-list { color: #4b5563; padding: 0.75rem 0; outline: 0 none; } .p-orderlist .p-orderlist-list:not(:first-child) { border-top: 1px solid #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; color: #4b5563; background: transparent; transition: box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { margin-top: 0; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #4b5563; background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 1.25rem; color: #4b5563; } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8fa; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #f3f4f6; } .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; color: #4b5563; background: #ffffff; margin: 0; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #70aeff; } .p-organizationchart .p-organizationchart-line-down { background: #e5e7eb; } .p-organizationchart .p-organizationchart-line-left { border-right: 1px solid #e5e7eb; border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-line-top { border-top: 1px solid #e5e7eb; border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-node-content { border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; padding: 1.25rem; } .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-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-paginator { background: #ffffff; color: #6b7280; border: solid #f3f4f6; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; } .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: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 50%; } .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: #f3f4f6; border-color: transparent; color: #374151; } .p-paginator .p-paginator-first { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } .p-paginator .p-paginator-last { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .p-paginator .p-dropdown { margin-left: 0.5rem; margin-right: 0.5rem; height: 3rem; } .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: 3rem; } .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #EFF6FF; border-color: #EFF6FF; color: #1D4ED8; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #f3f4f6; border-color: transparent; color: #374151; } .p-picklist .p-picklist-buttons { padding: 1.25rem; } .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } .p-picklist .p-picklist-list-wrapper { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-picklist .p-picklist-header { color: #374151; padding: 1.25rem; font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; } .p-picklist .p-picklist-filter-container { padding: 1.25rem; background: #ffffff; border: 1px solid #e5e7eb; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { padding-right: 1.75rem; } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.75rem; color: #6b7280; } .p-picklist .p-picklist-list { color: #4b5563; padding: 0.75rem 0; outline: 0 none; } .p-picklist .p-picklist-list:not(:first-child) { border-top: 1px solid #e5e7eb; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; color: #4b5563; background: transparent; transition: box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:first-child { margin-top: 0; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #4b5563; background: #e5e7eb; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 1.25rem; color: #4b5563; } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: #f8f8fa; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #f3f4f6; } .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; color: #4b5563; background: #ffffff; margin: 0; } .p-timeline .p-timeline-event-marker { border: 2px solid #3B82F6; border-radius: 50%; width: 1rem; height: 1rem; background-color: #ffffff; } .p-timeline .p-timeline-event-connector { background-color: #e5e7eb; } .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 #e5e7eb; background: #ffffff; color: #4b5563; padding: 1.25rem; border-radius: 6px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; transition: box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; width: 2rem; height: 2rem; color: #6b7280; 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: #374151; border-color: transparent; background: #f3f4f6; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; color: #6b7280; } .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: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box { background-color: #f3f4f6; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { background: #3B82F6; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { background-color: #f3f4f6; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { background: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #EFF6FF; color: #1D4ED8; } .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: #1D4ED8; } .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: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { background: #f3f4f6; color: #4b5563; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; } .p-tree .p-tree-filter-container .p-tree-filter { width: 100%; padding-right: 1.75rem; } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; color: #6b7280; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; } .p-tree .p-tree-loading-icon { font-size: 2rem; } .p-tree .p-tree-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { background-color: #8cbeff; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 6px; border: 1px solid #e5e7eb; background-color: #ffffff; color: #4b5563; padding: 0.5rem; transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { background-color: #EFF6FF; color: #1D4ED8; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #1D4ED8; } .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: #6b7280; 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: #f3f4f6; color: #4b5563; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .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: #f9fafb; color: #374151; border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { background: #f9fafb; color: #374151; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; color: #374151; background: #f9fafb; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; color: #374151; background: #f9fafb; } .p-treetable .p-sortable-column { outline-color: #BFDBFE; } .p-treetable .p-sortable-column .p-sortable-column-icon { color: #374151; 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: #1D4ED8; background: #EFF6FF; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: #f3f4f6; color: #374151; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #374151; } .p-treetable .p-sortable-column.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #1D4ED8; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #4b5563; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; color: #6b7280; 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: #374151; border-color: transparent; background: #f3f4f6; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { width: 2rem; height: 2rem; } .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: #4b5563; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box { background-color: #f3f4f6; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight { background: #3B82F6; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover { background-color: #f3f4f6; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover { background: #1D4ED8; } .p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #BFDBFE; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { color: #1D4ED8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { color: #1D4ED8; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { color: #4b5563; } .p-treetable .p-column-resizer-helper { background: #3B82F6; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { background: #f9fafb; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; } .p-treetable .p-treetable-loading-icon.p-icon { width: 2rem; height: 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: #f9fafb; color: #374151; border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-virtualscroller .p-virtualscroller-content { background: #ffffff; color: #4b5563; border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { background: #f9fafb; color: #374151; border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #e5e7eb; color: #6b7280; background: #f9fafb; font-weight: 700; border-radius: 6px; 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-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { background: #f9fafb; border-color: #e5e7eb; color: #374151; 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: #e5e7eb; background: #f3f4f6; color: #374151; } .p-accordion .p-accordion-content { padding: 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } .p-card { background: #ffffff; color: #4b5563; 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: 6px; } .p-card .p-card-body { padding: 1.25rem; } .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: #6b7280; } .p-card .p-card-content { padding: 1.25rem 0; } .p-card .p-card-footer { padding: 1.25rem 0 0 0; } .p-divider .p-divider-content { background-color: #ffffff; } .p-divider.p-divider-horizontal { margin: 1.25rem 0; padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { border-top: 1px #e5e7eb; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; } .p-divider.p-divider-vertical { margin: 0 1.25rem; padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { border-left: 1px #e5e7eb; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; border: 1px solid #e5e7eb; color: #374151; background: #f9fafb; font-weight: 700; border-radius: 6px; } .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: 1.25rem; color: #374151; border-radius: 6px; 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-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } .p-fieldset .p-fieldset-content { padding: 1.25rem; } .p-panel .p-panel-header { border: 1px solid #e5e7eb; padding: 1.25rem; background: #f9fafb; color: #374151; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-panel .p-panel-header .p-panel-title { font-weight: 700; } .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; color: #6b7280; 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: #374151; border-color: transparent; background: #f3f4f6; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; } .p-panel .p-panel-content { padding: 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; border-top: 0 none; } .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; 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: #f9fafb; border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-splitter { border: 1px solid #e5e7eb; background: #ffffff; border-radius: 6px; color: #4b5563; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; background: #f9fafb; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #e5e7eb; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #e5e7eb; 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 #e5e7eb; border-width: 0 0 2px 0; border-color: transparent transparent #e5e7eb transparent; background: #ffffff; color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; transition: box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; border-color: #9ca3af; color: #6b7280; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; border-color: #3B82F6; color: #3B82F6; } .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: #3B82F6; width: 3rem; 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-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tabview .p-tabview-panels { background: #ffffff; padding: 1.25rem; border: 0 none; color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-toolbar { background: #f9fafb; border: 1px solid #e5e7eb; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; } .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } .p-stepper .p-stepper-nav { position: relative; display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 0; list-style-type: none; overflow-x: auto; } .p-stepper-vertical .p-stepper-nav { flex-direction: column; } .p-stepper-header { position: relative; display: flex; flex: 1 1 auto; align-items: center; } .p-stepper-header:last-of-type { flex: initial; } .p-stepper-header .p-stepper-action { border: 0 none; display: inline-flex; align-items: center; text-decoration: none; cursor: pointer; } .p-stepper-header .p-stepper-action:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-stepper.p-stepper-readonly .p-stepper-header { cursor: auto; } .p-stepper-header.p-highlight .p-stepper-action { cursor: default; } .p-stepper-title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .p-stepper-number { display: flex; align-items: center; justify-content: center; } .p-stepper-separator { flex: 1 1 0; } .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; margin: 0; padding: 0; list-style-type: none; } .p-stepper .p-stepper-header { padding: 0.5rem; } .p-stepper .p-stepper-header .p-stepper-action { transition: box-shadow 0.2s; border-radius: 6px; background: #ffffff; outline-color: transparent; } .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { color: #4b5563; border: 1px solid #f3f4f6; border-width: 2px; background: #ffffff; min-width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.143rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { margin-left: 0.5rem; color: #6b7280; font-weight: 700; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #EFF6FF; color: #1D4ED8; } .p-stepper .p-stepper-header.p-highlight .p-stepper-title { color: #4b5563; } .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { background-color: #3B82F6; } .p-stepper .p-stepper-panels { background: #ffffff; padding: 1.25rem; color: #4b5563; } .p-stepper .p-stepper-separator { background-color: #e5e7eb; width: 100%; height: 2px; margin-inline-start: 1rem; transition: box-shadow 0.2s; } .p-stepper.p-stepper-vertical { display: flex; flex-direction: column; } .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { display: flex; flex: 1 1 auto; background: #ffffff; color: #4b5563; } .p-stepper.p-stepper-vertical .p-stepper-panel { display: flex; flex-direction: column; flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { flex: 1 1 auto; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; height: auto; margin-inline-start: calc(1.75rem + 2px); } .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { background-color: #3B82F6; } .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { padding-left: 3rem; } .p-confirm-popup { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .p-confirm-popup .p-confirm-popup-content { padding: 1.25rem; } .p-confirm-popup .p-confirm-popup-footer { text-align: right; padding: 0.75rem 1.25rem; } .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-icon.p-icon { width: 1.5rem; height: 1.5rem; } .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } .p-dialog { border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); border: 0 none; } .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; color: #374151; padding: 1.5rem; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-dialog .p-dialog-header .p-dialog-title { font-weight: 700; font-size: 1.25rem; } .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; color: #6b7280; 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: #374151; border-color: transparent; background: #f3f4f6; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; color: #4b5563; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; color: #4b5563; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .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-icon.p-icon { width: 2rem; height: 2rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } .p-overlaypanel { background: #ffffff; color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .p-overlaypanel .p-overlaypanel-content { padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { background: #3B82F6; 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: #2563eb; 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: #f2f2f2; } .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: #4b5563; border: 0 none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .p-sidebar .p-sidebar-header { padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6b7280; 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: #374151; border-color: transparent; background: #f3f4f6; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; } .p-sidebar .p-sidebar-content { padding: 1.25rem; } .p-sidebar .p-sidebar-footer { padding: 1.25rem; } .p-tooltip .p-tooltip-text { background: #4b5563; color: #ffffff; padding: 0.75rem 0.75rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { border-right-color: #4b5563; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { border-left-color: #4b5563; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { border-top-color: #4b5563; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4b5563; } .p-fileupload .p-fileupload-buttonbar { background: #f9fafb; padding: 1.25rem; border: 1px solid #e5e7eb; color: #374151; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; } .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 #BFDBFE; } .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; border: 1px solid #e5e7eb; color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { border-color: 1px dashed #3B82F6; border-style: dashed; background-color: #EFF6FF; } .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: #2563eb; color: #ffffff; border-color: #2563eb; } .p-fileupload-choose:not(.p-disabled):active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .p-breadcrumb { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 6px; padding: 1rem; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { transition: box-shadow 0.2s; border-radius: 6px; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { color: #6b7280; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6b7280; } .p-contextmenu { padding: 0.5rem 0; background: #ffffff; color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; width: 12.5rem; } .p-contextmenu .p-contextmenu-root-list { outline: 0 none; } .p-contextmenu .p-submenu-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; background: #e5e7eb; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } .p-dock .p-dock-list-container { 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-list-container .p-dock-list { outline: 0 none; } .p-dock .p-dock-item { padding: 0.5rem; border-radius: 6px; } .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-dock .p-dock-link { 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: #f9fafb; color: #4b5563; border: 1px solid #e5e7eb; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { outline: 0 none; } .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; background: #e5e7eb; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menu { padding: 0.5rem 0; background: #ffffff; color: #4b5563; border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; background: #e5e7eb; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-menubar { padding: 0.5rem; background: #f9fafb; color: #4b5563; border: 1px solid #e5e7eb; border-radius: 6px; } .p-menubar .p-menubar-root-list { outline: 0 none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; background: #e5e7eb; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-menubar .p-submenu-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; border-radius: 6px; } .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } @media screen and (max-width: 960px) { .p-menubar { position: relative; } .p-menubar .p-menubar-button { display: flex; width: 2rem; height: 2rem; color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { color: #6b7280; background: #f3f4f6; } .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-menubar .p-menubar-root-list { position: absolute; display: none; padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 3.75rem; } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 5.25rem; } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 6.75rem; } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { 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 { outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #e5e7eb; color: #6b7280; background: #f9fafb; border-radius: 6px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { color: #6b7280; padding: 1.25rem; font-weight: 700; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f9fafb; border-color: #e5e7eb; color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #e5e7eb; background: #f3f4f6; color: #374151; } .p-panelmenu .p-panelmenu-content { padding: 0.5rem 0; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { outline: 0 none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; background: #e5e7eb; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } .p-slidemenu { padding: 0.5rem 0; background: #ffffff; color: #4b5563; border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } .p-slidemenu .p-slidemenu-root-list { outline: 0 none; } .p-slidemenu .p-submenu-list { outline: 0 none; } .p-slidemenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; background: #e5e7eb; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-slidemenu-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { font-size: 0.875rem; } .p-slidemenu .p-icon { width: 0.875rem; height: 0.875rem; } .p-slidemenu .p-slidemenu-backward { padding: 0.75rem 1.25rem; color: #4b5563; } .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-slidemenu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; border-radius: 6px; background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { color: #4b5563; border: 1px solid #f3f4f6; 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: #6b7280; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #EFF6FF; color: #1D4ED8; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; color: #4b5563; } .p-steps .p-steps-item:before { content: " "; border-top: 1px solid #e5e7eb; width: 100%; top: 50%; left: 0; display: block; position: absolute; margin-top: -1rem; } .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { border: solid #e5e7eb; border-width: 0 0 2px 0; border-color: transparent transparent #e5e7eb transparent; background: #ffffff; color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; 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-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; border-color: #9ca3af; color: #6b7280; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; border-color: #3B82F6; color: #3B82F6; } .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: #3B82F6; width: 3rem; 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 #BFDBFE; } .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; color: #4b5563; border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } .p-tieredmenu.p-tieredmenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-tieredmenu-root-list { outline: 0 none; } .p-tieredmenu .p-submenu-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; padding: 0.75rem 1.25rem; -webkit-user-select: none; user-select: none; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; background: #EFF6FF; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; background: #e5e7eb; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; border-radius: 6px; } .p-inline-message.p-inline-message-info { background: rgba(219, 234, 254, 0.7); border: solid #3b82f6; border-width: 0px; color: #3b82f6; } .p-inline-message.p-inline-message-info .p-inline-message-icon { color: #3b82f6; } .p-inline-message.p-inline-message-success { background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0px; color: #1ea97c; } .p-inline-message.p-inline-message-success .p-inline-message-icon { color: #1ea97c; } .p-inline-message.p-inline-message-warn { background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0px; color: #cc8925; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { color: #cc8925; } .p-inline-message.p-inline-message-error { background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0px; color: #ff5757; } .p-inline-message.p-inline-message-error .p-inline-message-icon { color: #ff5757; } .p-inline-message .p-inline-message-icon { font-size: 1rem; margin-right: 0.5rem; } .p-inline-message .p-icon { width: 1rem; height: 1rem; } .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: 6px; } .p-message .p-message-wrapper { padding: 1.25rem 1.75rem; } .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.5); } .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-message.p-message-info { background: rgba(219, 234, 254, 0.7); border: solid #3b82f6; border-width: 0 0 0 6px; color: #3b82f6; } .p-message.p-message-info .p-message-icon { color: #3b82f6; } .p-message.p-message-info .p-message-close { color: #3b82f6; } .p-message.p-message-success { background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; } .p-message.p-message-success .p-message-icon { color: #1ea97c; } .p-message.p-message-success .p-message-close { color: #1ea97c; } .p-message.p-message-warn { background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; } .p-message.p-message-warn .p-message-icon { color: #cc8925; } .p-message.p-message-warn .p-message-close { color: #cc8925; } .p-message.p-message-error { background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; } .p-message.p-message-error .p-message-icon { color: #ff5757; } .p-message.p-message-error .p-message-close { color: #ff5757; } .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-icon { width: 1.5rem; height: 1.5rem; } .p-message .p-message-summary { font-weight: 700; } .p-message .p-message-detail { margin-left: 0.5rem; } .p-message.p-message-secondary { background: #64748b; border: solid #64748b; border-width: 0 0 0 6px; color: #ffffff; } .p-message.p-message-secondary .p-message-icon { color: #ffffff; } .p-message.p-message-secondary .p-message-close { color: #ffffff; } .p-message.p-message-contrast { background: #1f2937; border: solid #1f2937; border-width: 0 0 0 6px; color: #ffffff; } .p-message.p-message-contrast .p-message-icon { color: #ffffff; } .p-message.p-message-contrast .p-message-close { color: #ffffff; } .p-toast { opacity: 1; } .p-toast .p-toast-message { margin: 0 0 1rem 0; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .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-icon:not(.p-toast-icon-close-icon) { width: 2rem; height: 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.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-toast .p-toast-message.p-toast-message-info { background: rgba(219, 234, 254, 0.7); border: solid #3b82f6; border-width: 0 0 0 6px; color: #3b82f6; } .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: #3b82f6; } .p-toast .p-toast-message.p-toast-message-success { background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; } .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: #1ea97c; } .p-toast .p-toast-message.p-toast-message-warn { background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; } .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: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; } .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: #ff5757; } .p-toast .p-toast-message.p-toast-message-secondary { background: #64748b; border: solid #64748b; border-width: 0 0 0 6px; color: #ffffff; } .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { color: #ffffff; } .p-toast .p-toast-message.p-toast-message-contrast { background: #1f2937; border: solid #1f2937; border-width: 0 0 0 6px; color: #ffffff; } .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { color: #ffffff; } .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; color: #f9fafb; 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 .p-icon-wrapper .p-icon { width: 2rem; height: 2rem; } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); color: #f9fafb; } .p-galleria .p-galleria-item-nav { background: transparent; color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 6px; 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 .p-icon-wrapper .p-icon { width: 2rem; height: 2rem; } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); color: #f9fafb; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); color: #f9fafb; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { background-color: #d1d5db; 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: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #EFF6FF; color: #1D4ED8; } .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: #EFF6FF; color: #1D4ED8; } .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: #f9fafb; 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: #f9fafb; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .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-image-action.p-link .p-icon { width: 1.5rem; height: 1.5rem; } .p-avatar { background-color: #e5e7eb; border-radius: 6px; } .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: #3B82F6; 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: #64748b; color: #ffffff; } .p-badge.p-badge-contrast { background-color: #1f2937; color: #ffffff; } .p-badge.p-badge-success { background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { background-color: #0ea5e9; color: #ffffff; } .p-badge.p-badge-warning { background-color: #f97316; color: #ffffff; } .p-badge.p-badge-danger { background-color: #ef4444; 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: #e5e7eb; color: #4b5563; border-radius: 16px; padding: 0 0.75rem; } .p-chip .p-chip-text { line-height: 1.5; margin-top: 0.375rem; margin-bottom: 0.375rem; } .p-chip .p-chip-icon { margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { margin-left: 0.5rem; } .p-chip img { width: 2.25rem; height: 2.25rem; margin-left: -0.75rem; margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { border-radius: 6px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-chip .pi-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; 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: #f3f4f6; color: #4b5563; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-metergroup { display: flex; } .p-metergroup-meters { display: flex; } .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } .p-metergroup-labels { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style-type: none; } .p-metergroup-vertical .p-metergroup-labels { align-items: start; } .p-metergroup-labels-vertical { flex-direction: column; } .p-metergroup-label { display: inline-flex; align-items: center; } .p-metergroup-label-marker { display: inline-flex; } .p-metergroup { gap: 1rem; } .p-metergroup .p-metergroup-meters { background: #e5e7eb; border-radius: 6px; } .p-metergroup .p-metergroup-meter { border: 0 none; background: #3B82F6; } .p-metergroup .p-metergroup-labels .p-metergroup-label { gap: 0.5rem; } .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { background: #3B82F6; width: 0.5rem; height: 0.5rem; border-radius: 100%; } .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { width: 1rem; height: 1rem; } .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { gap: 0.5rem; } .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { gap: 1rem; } .p-metergroup.p-metergroup-horizontal { flex-direction: column; } .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { height: 0.5rem; } .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-metergroup.p-metergroup-vertical { flex-direction: row; } .p-metergroup.p-metergroup-vertical .p-metergroup-meters { width: 0.5rem; height: 100%; } .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .p-progressbar { border: 0 none; height: 1.5rem; background: #e5e7eb; border-radius: 6px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; background: #3B82F6; } .p-progressbar .p-progressbar-label { color: #ffffff; line-height: 1.5rem; } .p-scrolltop { width: 3rem; height: 3rem; border-radius: 50%; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); 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: #f9fafb; } .p-scrolltop .p-icon { width: 1.5rem; height: 1.5rem; } .p-skeleton { background-color: #e5e7eb; border-radius: 6px; } .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: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 6px; } .p-tag.p-tag-success { background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { background-color: #0ea5e9; color: #ffffff; } .p-tag.p-tag-warning { background-color: #f97316; color: #ffffff; } .p-tag.p-tag-danger { background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { margin-right: 0.25rem; font-size: 0.75rem; } .p-tag .p-icon { width: 0.75rem; height: 0.75rem; } .p-tag.p-tag-secondary { background-color: #64748b; color: #ffffff; } .p-tag.p-tag-contrast { background-color: #1f2937; color: #ffffff; } .p-terminal { background: #ffffff; color: #4b5563; border: 1px solid #e5e7eb; padding: 1.25rem; } .p-terminal .p-terminal-input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; } } @layer primeng { .p-button-label { font-weight: 700; } .p-selectbutton > .p-button, .p-togglebutton.p-button { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #3B82F6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #3B82F6; } .p-button:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; } .p-button.p-button-secondary:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; } .p-button.p-button-success:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; } .p-button.p-button-info:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; } .p-button.p-button-warning:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; } .p-button.p-button-help:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; } .p-button.p-button-danger:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #3B82F6; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #3B82F6; } .p-speeddial-item.p-focus > .p-speeddial-action { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; } .p-toast-message { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .p-inline-message-text { font-weight: 500; } .p-picklist-buttons .p-button, .p-orderlist-controls .p-button { transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #3B82F6; color: #ffffff; } } /*!************************************************************************************************************************************************************************************************************************************!*\ !*** 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/primeng/resources/primeng.css ***! \************************************************************************************************************************************************************************************************************************************/ .p-overflow-hidden { overflow: hidden; padding-right: var(--scrollbar-width); } @layer primeng { .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-unselectable-text { -webkit-user-select: none; 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: none; cursor: pointer; -webkit-user-select: none; user-select: none; } .p-link:disabled { cursor: default; } .p-sr-only { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } /* Non ng overlay animations */ .p-connected-overlay { opacity: 0; transform: scaleY(0.8); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.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 0.1s linear; } .p-toggleable-content.ng-animating { overflow: hidden; } .p-icon-wrapper { display: inline-flex; } .p-icon { display: inline-block; } .p-icon-spin { animation: p-icon-spin 2s infinite linear; } } @keyframes p-icon-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @layer primeng { .p-badge { display: inline-block; border-radius: 10px; text-align: center; padding: 0 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: 0.5rem; min-width: 0.5rem; height: 0.5rem; border-radius: 50%; padding: 0; } .p-badge-no-gutter { padding: 0; border-radius: 50%; } } @layer primeng { .p-button { margin: 0; display: inline-flex; cursor: pointer; -webkit-user-select: none; 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; pointer-events: none; } .p-button-icon-only { justify-content: center; } .p-button-icon-only:after { content: 'p'; visibility: hidden; clip: rect(0 0 0 0); width: 0; } .p-button-vertical { flex-direction: column; } .p-button-icon-bottom { order: 2; } .p-button-group .p-button { margin: 0; } .p-button-group .p-button:focus, .p-button-group p-button:focus .p-button, .p-buttonset .p-button:focus, .p-buttonset .p-button:focus, .p-buttonset p-button:focus .p-button, .p-buttonset .p-button:focus { position: relative; z-index: 1; } .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover, .p-button-group p-button:not(:last-child) .p-button, .p-button-group p-button:not(:last-child) .p-button:hover, .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover, .p-buttonset p-button:not(:last-child) .p-button, .p-buttonset p-button:not(:last-child) .p-button:hover { border-right: 0 none; } .p-button-group .p-button:not(:first-of-type):not(:last-of-type), .p-button-group p-button:not(:first-of-type):not(:last-of-type) .p-button, .p-buttonset .p-button:not(:first-of-type):not(:last-of-type), .p-buttonset p-button:not(:first-of-type):not(:last-of-type) .p-button { border-radius: 0; } .p-button-group .p-button:first-of-type:not(:only-of-type), .p-button-group p-button:first-of-type:not(:only-of-type) .p-button, .p-buttonset .p-button:first-of-type:not(:only-of-type), .p-buttonset p-button:first-of-type:not(:only-of-type) .p-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-button-group .p-button:last-of-type:not(:only-of-type), .p-button-group p-button:last-of-type:not(:only-of-type) .p-button, .p-buttonset .p-button:last-of-type:not(:only-of-type), .p-buttonset p-button:last-of-type:not(:only-of-type) .p-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } p-button[iconpos='right'] spinnericon { order: 1; } } @layer primeng { .p-checkbox { display: inline-flex; cursor: pointer; -webkit-user-select: none; 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.png') no-repeat left top; } .p-colorpicker-panel .p-colorpicker-hue { background: transparent url('hue.png') no-repeat left top; } @layer primeng { .p-inputtext { margin: 0; } .p-fluid .p-inputtext { width: 100%; } /* InputGroup */ .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%; } /* Floating Label */ .p-float-label { display: block; position: relative; } .p-float-label label { position: absolute; pointer-events: none; top: 50%; margin-top: -0.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: -0.75rem; font-size: 12px; } .p-float-label .input:-webkit-autofill ~ label { top: -20px; font-size: 12px; } .p-float-label .p-placeholder, .p-float-label input::placeholder, .p-float-label .p-inputtext::placeholder { opacity: 0; transition-property: all; transition-timing-function: ease; } .p-float-label .p-focus .p-placeholder, .p-float-label input:focus::placeholder, .p-float-label .p-inputtext:focus::placeholder { opacity: 1; transition-property: all; transition-timing-function: ease; } .p-input-icon-left, .p-input-icon-right { position: relative; display: inline-block; } .p-input-icon-left > i, .p-input-icon-left > .p-icon-wrapper, .p-input-icon-right > i, .p-input-icon-right > .p-icon-wrapper { position: absolute; top: 50%; margin-top: -0.5rem; } .p-fluid .p-input-icon-left, .p-fluid .p-input-icon-right { display: block; width: 100%; } } @layer primeng { .p-inputtextarea-resizable { overflow: hidden; resize: none; } .p-fluid .p-inputtextarea { width: 100%; } } @layer primeng { .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-input::-ms-reveal, .p-password-input::-ms-clear { display: none; } .p-password-clear-icon { position: absolute; top: 50%; margin-top: -0.5rem; cursor: pointer; } .p-password .p-icon { cursor: pointer; } .p-password-clearable.p-password-mask .p-password-clear-icon { margin-top: unset; } .p-password-clearable { position: relative; } } @layer primeng { .p-radiobutton { display: inline-flex; cursor: pointer; -webkit-user-select: none; 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(0.1); border-radius: 50%; visibility: hidden; } .p-radiobutton-box.p-highlight .p-radiobutton-icon { transform: translateZ(0) scale(1, 1); visibility: visible; } p-radiobutton { display: inline-flex; vertical-align: bottom; align-items: center; } .p-radiobutton-label { line-height: 1; } } @layer primeng { .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 0.4s linear; } .p-ripple-disabled .p-ink { display: none !important; } } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } } @layer primeng { .p-tooltip { position: absolute; display: none; padding: 0.25em 0.5rem; max-width: 12.5rem; pointer-events: none; } .p-tooltip.p-tooltip-right, .p-tooltip.p-tooltip-left { padding: 0 0.25rem; } .p-tooltip.p-tooltip-top, .p-tooltip.p-tooltip-bottom { padding: 0.25em 0; } .p-tooltip .p-tooltip-text { white-space: pre-line; word-break: break-word; } .p-tooltip-arrow { scale: 2; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .p-tooltip-right .p-tooltip-arrow { top: 50%; left: 0; margin-top: -0.25rem; border-width: 0.25em 0.25em 0.25em 0; } .p-tooltip-left .p-tooltip-arrow { top: 50%; right: 0; margin-top: -0.25rem; border-width: 0.25em 0 0.25em 0.25rem; } .p-tooltip.p-tooltip-top { padding: 0.25em 0; } .p-tooltip-top .p-tooltip-arrow { bottom: 0; left: 50%; margin-left: -0.25rem; border-width: 0.25em 0.25em 0; } .p-tooltip-bottom .p-tooltip-arrow { top: 0; left: 50%; margin-left: -0.25rem; border-width: 0 0.25em 0.25rem; } } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@swimlane/ngx-datatable/index.css ***! \****************************************************************************************************************************************************************************************************************************************/ .ngx-datatable { display: block; overflow: hidden; justify-content: center; position: relative; transform: translate3d(0, 0, 0); /** * Vertical Scrolling Adjustments */ /** * Horizontal Scrolling Adjustments */ /** * Fixed Header Height Adjustments */ /** * Fixed row height adjustments */ /** * Shared Styles */ /** * Header Styles */ /** * Body Styles */ /** * Footer Styles */ } .ngx-datatable [hidden] { display: none !important; } .ngx-datatable *, .ngx-datatable *:before, .ngx-datatable *:after { box-sizing: border-box; } .ngx-datatable.scroll-vertical .datatable-body { overflow-y: auto; } .ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper { position: absolute; } .ngx-datatable.scroll-horz .datatable-body { overflow-x: auto; -webkit-overflow-scrolling: touch; } .ngx-datatable.fixed-header .datatable-header .datatable-header-inner { white-space: nowrap; } .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ngx-datatable.fixed-row .datatable-scroll { white-space: nowrap; } .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row { white-space: nowrap; } .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ngx-datatable .datatable-body-row, .ngx-datatable .datatable-row-center, .ngx-datatable .datatable-header-inner { display: flex; flex-direction: row; -o-flex-flow: row; flex-flow: row; } .ngx-datatable .datatable-body-cell, .ngx-datatable .datatable-header-cell { overflow-x: hidden; vertical-align: top; display: inline-block; line-height: 1.625; } .ngx-datatable .datatable-body-cell:focus, .ngx-datatable .datatable-header-cell:focus { outline: none; } .ngx-datatable .datatable-row-left, .ngx-datatable .datatable-row-right { z-index: 9; } .ngx-datatable .datatable-row-left, .ngx-datatable .datatable-row-center, .ngx-datatable .datatable-row-group, .ngx-datatable .datatable-row-right { position: relative; } .ngx-datatable .datatable-header { display: block; overflow: hidden; } .ngx-datatable .datatable-header .datatable-header-inner { align-items: stretch; -webkit-align-items: stretch; } .ngx-datatable .datatable-header .datatable-header-cell { position: relative; display: inline-block; } .ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper { cursor: pointer; } .ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper { cursor: move; } .ngx-datatable .datatable-header .datatable-header-cell .sort-btn { line-height: 100%; vertical-align: middle; display: inline-block; cursor: pointer; } .ngx-datatable .datatable-header .datatable-header-cell .resize-handle, .ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable { display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; width: 5px; padding: 0 4px; visibility: hidden; } .ngx-datatable .datatable-header .datatable-header-cell .resize-handle { cursor: ew-resize; } .ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle { visibility: visible; } .ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable { visibility: visible; } .ngx-datatable .datatable-header .datatable-header-cell .targetMarker { position: absolute; top: 0; bottom: 0; } .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft { right: 0; } .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight { left: 0; } .ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap { height: inherit; } .ngx-datatable .datatable-body { position: relative; z-index: 10; display: block; } .ngx-datatable .datatable-body .datatable-scroll { display: inline-block; } .ngx-datatable .datatable-body .datatable-row-detail { overflow-y: hidden; } .ngx-datatable .datatable-body .datatable-row-wrapper { display: flex; flex-direction: column; } .ngx-datatable .datatable-body .datatable-body-row { outline: none; } .ngx-datatable .datatable-body .datatable-body-row > div { display: flex; } .ngx-datatable .datatable-footer { display: block; width: 100%; overflow: auto; } .ngx-datatable .datatable-footer .datatable-footer-inner { display: flex; align-items: center; width: 100%; } .ngx-datatable .datatable-footer .selected-count .page-count { flex: 1 1 40%; } .ngx-datatable .datatable-footer .selected-count .datatable-pager { flex: 1 1 60%; } .ngx-datatable .datatable-footer .page-count { flex: 1 1 20%; } .ngx-datatable .datatable-footer .datatable-pager { flex: 1 1 80%; text-align: right; } .ngx-datatable .datatable-footer .datatable-pager .pager, .ngx-datatable .datatable-footer .datatable-pager .pager li { padding: 0; margin: 0; display: inline-block; list-style: none; } .ngx-datatable .datatable-footer .datatable-pager .pager li, .ngx-datatable .datatable-footer .datatable-pager .pager li a { outline: none; } .ngx-datatable .datatable-footer .datatable-pager .pager li a { cursor: pointer; display: inline-block; } .ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a { cursor: not-allowed; } /*!***********************************************************************************************************************************************************************************************************************************************!*\ !*** 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/@swimlane/ngx-datatable/assets/icons.css ***! \***********************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; @font-face { font-family: 'data-table'; src: url('data-table.eot'); src: url('data-table.eot?#iefix') format('embedded-opentype'), url('data-table.woff') format('woff'), url('data-table.ttf') format('truetype'), url('data-table.svg#data-table') format('svg'); font-weight: normal; font-style: normal; } [data-icon]::before { font-family: 'data-table' !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^='datatable-icon-']::before, [class*=' datatable-icon-']::before { font-family: 'data-table' !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .datatable-icon-filter::before { content: '\62'; } .datatable-icon-collapse::before { content: '\61'; } .datatable-icon-expand::before { content: '\63'; } .datatable-icon-close::before { content: '\64'; } .datatable-icon-up::before { content: '\65'; } .datatable-icon-down::before { content: '\66'; } .datatable-icon-sort-unset::before { content: '\63'; opacity: 0.5; } .datatable-icon-sort::before { content: '\67'; } .datatable-icon-done::before { content: '\68'; } .datatable-icon-done-all::before { content: '\69'; } .datatable-icon-search::before { content: '\6a'; } .datatable-icon-pin::before { content: '\6b'; } .datatable-icon-add::before { content: '\6d'; } .datatable-icon-left::before { content: '\6f'; } .datatable-icon-right::before { content: '\70'; } .datatable-icon-skip::before { content: '\71'; } .datatable-icon-prev::before { content: '\72'; } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/assets/scss/style.scss?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* * Document : style.css * Author : RedStar Template * Description: This is a main style scss file for import all scss files. * * Structure (with shortcodes): [1. Common ] [2. Fonts ] [3. Components ] [4. Apps] [5. Pages ] [6. Pugins ] [7. UI ] [8. Browser ] /* [1. Common ] */ /* Importing Bootstrap SCSS file. */ /*! * Bootstrap v5.1.3 (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 { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; } hr:not([size]) { height: 1px; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-bs-original-title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } 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, .small { font-size: 0.875em; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #0d6efd; text-decoration: underline; } a:hover { color: #0a58ca; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr /* rtl:ignore */; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: #d63384; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #6c757d; text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } 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, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]::-webkit-calendar-picker-indicator { display: none; } 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; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .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: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; 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: 0.875em; color: #6c757d; } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); 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; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .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%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .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%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .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%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .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%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .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%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6; } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table > :not(:first-child) { border-top: 2px solid currentColor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: 1px 0; } .table-bordered > :not(caption) > * > * { border-width: 0 1px; } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child) { border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); } .table-hover > tbody > tr:hover > * { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } .table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6; } .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce; } .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7; } .table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3; } .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9; } .table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4; } .table-light { --bs-table-bg: #f8f9fa; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1; } .table-dark { --bs-table-bg: #212529; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e; } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .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; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: #6c757d; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; appearance: none; 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[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-control::-webkit-date-and-time-value { height: 1.5em; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; 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) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; 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 { min-height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + 2px); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px); } .form-control-color { width: 3rem; height: auto; padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-select { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: #e9ecef; } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529; } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; appearance: none; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #0d6efd; 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; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #0d6efd; 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) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 0.75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control { padding: 1rem 0.75rem; } .form-floating > .form-control::placeholder { color: transparent; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus { z-index: 3; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 3; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #198754; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(25, 135, 84, 0.9); border-radius: 0.25rem; } .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: #198754; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: #198754; } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #198754; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #198754; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #198754; } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid { z-index: 1; } .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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.25rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #dc3545; } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #dc3545; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #dc3545; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem 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; } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid { z-index: 2; } .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus { z-index: 3; } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; 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; } .btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; } .btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; } .btn-check:focus + .btn-primary, .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be; } .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } .btn-primary:disabled, .btn-primary.disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64; } .btn-check:focus + .btn-secondary, .btn-secondary:focus { color: #fff; background-color: #5c636a; border-color: #565e64; box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); } .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e; } .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); } .btn-secondary:disabled, .btn-secondary.disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-success { color: #fff; background-color: #198754; border-color: #198754; } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43; } .btn-check:focus + .btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); } .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f; } .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); } .btn-success:disabled, .btn-success.disabled { color: #fff; background-color: #198754; border-color: #198754; } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2; } .btn-check:focus + .btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); } .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2; } .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); } .btn-info:disabled, .btn-info.disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720; } .btn-check:focus + .btn-warning, .btn-warning:focus { color: #000; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); } .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720; } .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); } .btn-warning:disabled, .btn-warning.disabled { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37; } .btn-check:focus + .btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); } .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834; } .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); } .btn-danger:disabled, .btn-danger.disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-check:focus + .btn-light, .btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-light:disabled, .btn-light.disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-dark { color: #fff; background-color: #212529; border-color: #212529; } .btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21; } .btn-check:focus + .btn-dark, .btn-dark:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); } .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f; } .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); } .btn-dark:disabled, .btn-dark.disabled { color: #fff; background-color: #212529; border-color: #212529; } .btn-outline-primary { color: #0d6efd; border-color: #0d6efd; } .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5); } .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5); } .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: #0d6efd; background-color: transparent; } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); } .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { color: #6c757d; background-color: transparent; } .btn-outline-success { color: #198754; border-color: #198754; } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754; } .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); } .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #fff; background-color: #198754; border-color: #198754; } .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); } .btn-outline-success:disabled, .btn-outline-success.disabled { color: #198754; background-color: transparent; } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0; } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); } .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); } .btn-outline-info:disabled, .btn-outline-info.disabled { color: #0dcaf0; background-color: transparent; } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); } .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); } .btn-outline-warning:disabled, .btn-outline-warning.disabled { color: #ffc107; background-color: transparent; } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); } .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); } .btn-outline-danger:disabled, .btn-outline-danger.disabled { color: #dc3545; background-color: transparent; } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } .btn-outline-light:disabled, .btn-outline-light.disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-dark { color: #212529; border-color: #212529; } .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529; } .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { color: #fff; background-color: #212529; border-color: #212529; } .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-outline-dark:disabled, .btn-outline-dark.disabled { color: #212529; background-color: transparent; } .btn-link { font-weight: 400; color: #0d6efd; text-decoration: underline; } .btn-link:hover { color: #0a58ca; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .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 { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .dropup, .dropend, .dropdown, .dropstart { 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; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 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[data-bs-popper] { top: 100%; left: 0; margin-top: 0.125rem; } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { 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; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropend .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; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .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; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.15); } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #1e2125; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd; } .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 1rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1rem; color: #212529; } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item { color: #dee2e6; } .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15); } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0d6efd; } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } .dropdown-menu-dark .dropdown-header { color: #adb5bd; } .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-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .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:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .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, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .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 ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; color: #0d6efd; text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: #0a58ca; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background: none; 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; isolation: isolate; } .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 { background: none; border: 0; border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #0d6efd; } .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; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .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-top: 0.5rem; padding-bottom: 0.5rem; } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap; } .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; } .navbar-text { 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; transition: box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0.25rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: 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 .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-sm .offcanvas-top, .navbar-expand-sm .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: 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 .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas-header { display: none; } .navbar-expand-md .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-md .offcanvas-top, .navbar-expand-md .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: 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 .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-lg .offcanvas-top, .navbar-expand-lg .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: 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 .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-xl .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-xl .offcanvas-top, .navbar-expand-xl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand-xxl .offcanvas-top, .navbar-expand-xxl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .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 .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas-header { display: none; } .navbar-expand .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none; } .navbar-expand .offcanvas-top, .navbar-expand .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } .navbar-expand .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .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.55); } .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 .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.55); 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' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%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.55); } .navbar-light .navbar-text a, .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.55); } .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 .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); 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' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%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.55); } .navbar-dark .navbar-text a, .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; padding: 1rem 1rem; } .card-title { margin-bottom: 0.5rem; } .card-subtitle { margin-top: -0.25rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: 1rem; } .card-header { padding: 0.5rem 1rem; 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.5rem 1rem; 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.5rem; margin-bottom: -0.5rem; margin-left: -0.5rem; border-bottom: 0; } .card-header-pills { margin-right: -0.5rem; margin-left: -0.5rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { 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-group > .card { margin-bottom: 0.75rem; } @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; } } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; 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, border-radius 0.15s ease; } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .accordion-header { margin-bottom: 0; } .accordion-item { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .accordion-item:first-of-type { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-body { padding: 1rem 1.25rem; } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush .accordion-item:first-child { border-top: 0; } .accordion-flush .accordion-item:last-child { border-bottom: 0; } .accordion-flush .accordion-item .accordion-button { border-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; color: #0d6efd; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; 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) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; color: #0a58ca; background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .page-item:not(:first-child) .page-link { margin-left: -1px; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6; } .page-link { padding: 0.375rem 0.75rem; } .page-item:first-child .page-link { 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; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .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; } .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.35em 0.65em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe; } .alert-primary .alert-link { color: #06357a; } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8; } .alert-secondary .alert-link { color: #34383c; } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; } .alert-success .alert-link { color: #0c4128; } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb; } .alert-info .alert-link { color: #04414d; } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5; } .alert-warning .alert-link { color: #523e02; } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; } .alert-danger .alert-link { color: #6a1a21; } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe; } .alert-light .alert-link { color: #4f5050; } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf; } .alert-dark .alert-link { color: #101214; } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { display: flex; height: 1rem; overflow: hidden; 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: #0d6efd; 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; } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > li::before { content: counters(section, ".") ". "; counter-increment: section; } .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.5rem 1rem; color: #212529; text-decoration: none; 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: #0d6efd; border-color: #0d6efd; } .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; } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxl > .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: #084298; background-color: #cfe2ff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #084298; background-color: #bacbe6; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298; } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #41464b; background-color: #cbccce; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b; } .list-group-item-success { color: #0f5132; background-color: #d1e7dd; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0f5132; background-color: #bcd0c7; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132; } .list-group-item-info { color: #055160; background-color: #cff4fc; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #055160; background-color: #badce3; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160; } .list-group-item-warning { color: #664d03; background-color: #fff3cd; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #664d03; background-color: #e6dbb9; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03; } .list-group-item-danger { color: #842029; background-color: #f8d7da; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #842029; background-color: #dfc2c4; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029; } .list-group-item-light { color: #636464; background-color: #fefefe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #636464; background-color: #e5e5e5; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464; } .list-group-item-dark { color: #141619; background-color: #d3d3d4; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #141619; background-color: #bebebf; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: 0.5; } .btn-close:hover { color: #000; text-decoration: none; opacity: 0.75; } .btn-close:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); opacity: 1; } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; user-select: none; opacity: 0.25; } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); } .toast { width: 350px; max-width: 100%; font-size: 0.875rem; pointer-events: auto; 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.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: 0.75rem; } .toast-header { display: flex; align-items: center; padding: 0.5rem 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-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; } .toast-body { padding: 0.75rem; word-wrap: break-word; } .modal { position: fixed; top: 0; left: 0; z-index: 1055; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; 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 { height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .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: 1050; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; flex-shrink: 0; align-items: center; 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 .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem 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; flex-shrink: 0; 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; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { height: calc(100% - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .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; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-sans-serif); 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 .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: 0; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; 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 /* rtl:ignore */; z-index: 1070; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); 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 .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-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 > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-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[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f0f0f0; } .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; 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; } /* rtl:begin:ignore */ .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } /* rtl:end:ignore */ .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { 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: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; 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 [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .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; } } .offcanvas { position: fixed; bottom: 0; z-index: 1045; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem; } .offcanvas-header .btn-close { padding: 0.5rem 0.5rem; margin-top: -0.5rem; margin-right: -0.5rem; margin-bottom: -0.5rem; } .offcanvas-title { margin-bottom: 0; line-height: 1.5; } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto; } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(-100%); } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(100%); } .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(-100%); } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(100%); } .offcanvas.show { transform: none; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentColor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .link-primary { color: #0d6efd; } .link-primary:hover, .link-primary:focus { color: #0a58ca; } .link-secondary { color: #6c757d; } .link-secondary:hover, .link-secondary:focus { color: #565e64; } .link-success { color: #198754; } .link-success:hover, .link-success:focus { color: #146c43; } .link-info { color: #0dcaf0; } .link-info:hover, .link-info:focus { color: #3dd5f3; } .link-warning { color: #ffc107; } .link-warning:hover, .link-warning:focus { color: #ffcd39; } .link-danger { color: #dc3545; } .link-danger:hover, .link-danger:focus { color: #b02a37; } .link-light { color: #f8f9fa; } .link-light:hover, .link-light:focus { color: #f9fafb; } .link-dark { color: #212529; } .link-dark:hover, .link-dark:focus { color: #1a1e21; } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: 75%; } .ratio-16x9 { --bs-aspect-ratio: 56.25%; } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; } .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; } .sticky-top { position: sticky; top: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentColor; opacity: 0.25; } .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; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !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; } .d-none { display: none !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !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; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: 1px solid #dee2e6 !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: 1px solid #dee2e6 !important; } .border-start-0 { border-left: 0 !important; } .border-primary { border-color: #0d6efd !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #198754 !important; } .border-info { border-color: #0dcaf0 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #212529 !important; } .border-white { border-color: #fff !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !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; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !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; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .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-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; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-0 { gap: 0 !important; } .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; } .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; } .justify-content-evenly { justify-content: space-evenly !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; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-light { font-weight: 300 !important; } .fw-lighter { font-weight: lighter !important; } .fw-normal { font-weight: 400 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: #6c757d !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: 0.25rem !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: 0.2rem !important; } .rounded-2 { border-radius: 0.25rem !important; } .rounded-3 { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-end { 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-start { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !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; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .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-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; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !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; } .justify-content-sm-evenly { justify-content: space-evenly !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; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !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; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .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-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; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !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; } .justify-content-md-evenly { justify-content: space-evenly !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; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !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; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .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-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; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !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; } .justify-content-lg-evenly { justify-content: space-evenly !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; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !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; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .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-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; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !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; } .justify-content-xl-evenly { justify-content: space-evenly !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; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !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; } .d-print-none { display: none !important; } } /* * Document : _customanimate.scss * Author : RedStar Template * Description: This scss file for mixure of custom animation classes */ @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* * Document : _general.scss * Author : RedStar Template * Description: This scss file for all common style classes */ body, html { transition: all 0.5s; font-family: "Roboto", sans-serif; font-size: 13px; color: #6e6b7b; } button, input, select, a { outline: none !important; font-size: 14px !important; text-decoration: none; font-weight: 600 !important; } button:hover, input:hover, select:hover, a:hover { text-decoration: none; } textarea { font-size: 13px !important; } .row { margin-bottom: 0px !important; } ol, ul, dl { padding-left: 0px; list-style-type: none; } .no-animate { transition-property: none !important; transform: none !important; animation: none !important; } section.content { margin: 75px 15px 0 290px; min-height: calc(100vh - 76px); transition: 0.5s; padding: 12px; border-radius: 10px; background-color: #F6F8FA; overflow: hidden; } .horizontal-layout section.content { margin: 170px 15px 0 15px; float: left; width: calc(100% - 30px); } .pull-left { float: left !important; } .pull-right { float: right !important; } .msl-1 { margin-left: 0.25rem !important; } .msl-2 { margin-left: 0.5rem !important; } .msl-3 { margin-left: 1rem !important; } .msl-4 { margin-left: 1.5rem !important; } .msl-5 { margin-left: 3rem !important; } .msr-1 { margin-right: 0.25rem !important; } .msr-2 { margin-right: 0.5rem !important; } .msr-3 { margin-right: 1rem !important; } .msr-4 { margin-right: 1.5rem !important; } .msr-5 { margin-right: 3rem !important; } .psl-1 { padding-left: 0.25rem !important; } .psl-2 { padding-left: 0.5rem !important; } .psl-3 { padding-left: 1rem !important; } .psl-4 { padding-left: 1.5rem !important; } .psl-5 { padding-left: 3rem !important; } .psr-1 { padding-right: 0.25rem !important; } .psr-2 { padding-right: 0.5rem !important; } .psr-3 { padding-right: 1rem !important; } .psr-4 { padding-right: 1.5rem !important; } .psr-5 { padding-right: 3rem !important; } .jqvmap-zoomin, .jqvmap-zoomout { width: 15px; height: 15px; } table .checkbox [type=checkbox] + label { margin: 0; height: 20px; padding-left: 20px; vertical-align: middle; } .loading-img-spin { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: -60px 0 20px -20px; animation: spin 1.5s linear infinite; } .shadow-style { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .review-img { padding-left: 20px; padding-top: 5px; width: 70px; } .review-img img { border-radius: 50%; border: 2px solid #ffffff; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); } .horizontal-layout .sidebar, .horizontal-layout .nav-left-menu { display: none; } .bootstrap-notify-container { max-width: 320px; text-align: center; } .map iframe { width: 100%; } .jqvmap-label { position: absolute; display: none; border-radius: 30px; background: #eee; color: black; font-size: 14px; font-family: sans-serif, Verdana; padding: 10px; pointer-events: none; } .logo-white .navbar-toggle, .logo-white .bars:before, .logo-white .bars:after { color: #000 !important; } .logo-black .navbar-toggle, .logo-black .bars:before, .logo-black .bars:after { color: #fff !important; } .dark .sidemenu-collapse i { color: #fff; } .dark .nav > li > a { color: #fff; } .light .sidemenu-collapse i { color: #0d091d; } .light .nav > li > a { color: #0d091d; } .border-apply { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important; } input::-webkit-input-placeholder { font-size: 12px; color: #adabab; } input:-moz-placeholder { /* Firefox 18- */ font-size: 12px; color: #adabab; } input::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; color: #adabab; } input:-ms-input-placeholder { font-size: 12px; color: #adabab; } textarea::-webkit-input-placeholder { font-size: 12px; color: #adabab; } textarea:-moz-placeholder { /* Firefox 18- */ font-size: 12px; color: #adabab; } textarea::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; color: #adabab; } textarea:-ms-input-placeholder { font-size: 12px; color: #adabab; } .profile-image img { width: 100%; } @media screen and (max-width: 1169px) { .horizontal-layout .sidebar { display: block; } .horizontal-layout .top-sidebar { display: none; } .horizontal-layout section.content { margin-top: 100px; } } .font-icon { display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; padding: 10px; transition: all 0.2s; } .font-icon .icon-preview { font-size: 1.8rem; margin-right: 10px; line-height: 1; color: #333439; } .deshboard-echart-height { height: 250px; } .pill-style { font-size: 17px; color: #a9a6a6; padding-right: 5px; } .pill-timing { width: 30%; } @media screen and (min-width: 1400px) { .boxed-layout .container { width: 1370px; max-width: 100%; } } .m-l--125 { margin-left: -125px; } .m-t--125 { margin-top: -125px; } .m-r--125 { margin-right: -125px; } .m-b--125 { margin-bottom: -125px; } .m-l--120 { margin-left: -120px; } .m-t--120 { margin-top: -120px; } .m-r--120 { margin-right: -120px; } .m-b--120 { margin-bottom: -120px; } .m-l--115 { margin-left: -115px; } .m-t--115 { margin-top: -115px; } .m-r--115 { margin-right: -115px; } .m-b--115 { margin-bottom: -115px; } .m-l--110 { margin-left: -110px; } .m-t--110 { margin-top: -110px; } .m-r--110 { margin-right: -110px; } .m-b--110 { margin-bottom: -110px; } .m-l--105 { margin-left: -105px; } .m-t--105 { margin-top: -105px; } .m-r--105 { margin-right: -105px; } .m-b--105 { margin-bottom: -105px; } .m-l--100 { margin-left: -100px; } .m-t--100 { margin-top: -100px; } .m-r--100 { margin-right: -100px; } .m-b--100 { margin-bottom: -100px; } .m-l--95 { margin-left: -95px; } .m-t--95 { margin-top: -95px; } .m-r--95 { margin-right: -95px; } .m-b--95 { margin-bottom: -95px; } .m-l--90 { margin-left: -90px; } .m-t--90 { margin-top: -90px; } .m-r--90 { margin-right: -90px; } .m-b--90 { margin-bottom: -90px; } .m-l--85 { margin-left: -85px; } .m-t--85 { margin-top: -85px; } .m-r--85 { margin-right: -85px; } .m-b--85 { margin-bottom: -85px; } .m-l--80 { margin-left: -80px; } .m-t--80 { margin-top: -80px; } .m-r--80 { margin-right: -80px; } .m-b--80 { margin-bottom: -80px; } .m-l--75 { margin-left: -75px; } .m-t--75 { margin-top: -75px; } .m-r--75 { margin-right: -75px; } .m-b--75 { margin-bottom: -75px; } .m-l--70 { margin-left: -70px; } .m-t--70 { margin-top: -70px; } .m-r--70 { margin-right: -70px; } .m-b--70 { margin-bottom: -70px; } .m-l--65 { margin-left: -65px; } .m-t--65 { margin-top: -65px; } .m-r--65 { margin-right: -65px; } .m-b--65 { margin-bottom: -65px; } .m-l--60 { margin-left: -60px; } .m-t--60 { margin-top: -60px; } .m-r--60 { margin-right: -60px; } .m-b--60 { margin-bottom: -60px; } .m-l--55 { margin-left: -55px; } .m-t--55 { margin-top: -55px; } .m-r--55 { margin-right: -55px; } .m-b--55 { margin-bottom: -55px; } .m-l--50 { margin-left: -50px; } .m-t--50 { margin-top: -50px; } .m-r--50 { margin-right: -50px; } .m-b--50 { margin-bottom: -50px; } .m-l--45 { margin-left: -45px; } .m-t--45 { margin-top: -45px; } .m-r--45 { margin-right: -45px; } .m-b--45 { margin-bottom: -45px; } .m-l--40 { margin-left: -40px; } .m-t--40 { margin-top: -40px; } .m-r--40 { margin-right: -40px; } .m-b--40 { margin-bottom: -40px; } .m-l--35 { margin-left: -35px; } .m-t--35 { margin-top: -35px; } .m-r--35 { margin-right: -35px; } .m-b--35 { margin-bottom: -35px; } .m-l--30 { margin-left: -30px; } .m-t--30 { margin-top: -30px; } .m-r--30 { margin-right: -30px; } .m-b--30 { margin-bottom: -30px; } .m-l--25 { margin-left: -25px; } .m-t--25 { margin-top: -25px; } .m-r--25 { margin-right: -25px; } .m-b--25 { margin-bottom: -25px; } .m-l--20 { margin-left: -20px; } .m-t--20 { margin-top: -20px; } .m-r--20 { margin-right: -20px; } .m-b--20 { margin-bottom: -20px; } .m-l--15 { margin-left: -15px; } .m-t--15 { margin-top: -15px; } .m-r--15 { margin-right: -15px; } .m-b--15 { margin-bottom: -15px; } .m-l--10 { margin-left: -10px; } .m-t--10 { margin-top: -10px; } .m-r--10 { margin-right: -10px; } .m-b--10 { margin-bottom: -10px; } .m-l--5 { margin-left: -5px; } .m-t--5 { margin-top: -5px; } .m-r--5 { margin-right: -5px; } .m-b--5 { margin-bottom: -5px; } .m-l-0 { margin-left: 0px; } .m-t-0 { margin-top: 0px; } .m-r-0 { margin-right: 0px; } .m-b-0 { margin-bottom: 0px; } .m-l-5 { margin-left: 5px; } .m-t-5 { margin-top: 5px; } .m-r-5 { margin-right: 5px; } .m-b-5 { margin-bottom: 5px; } .m-l-10 { margin-left: 10px; } .m-t-10 { margin-top: 10px; } .m-r-10 { margin-right: 10px; } .m-b-10 { margin-bottom: 10px; } .m-l-15 { margin-left: 15px; } .m-t-15 { margin-top: 15px; } .m-r-15 { margin-right: 15px; } .m-b-15 { margin-bottom: 15px; } .m-l-20 { margin-left: 20px; } .m-t-20 { margin-top: 20px; } .m-r-20 { margin-right: 20px; } .m-b-20 { margin-bottom: 20px; } .m-l-25 { margin-left: 25px; } .m-t-25 { margin-top: 25px; } .m-r-25 { margin-right: 25px; } .m-b-25 { margin-bottom: 25px; } .m-l-30 { margin-left: 30px; } .m-t-30 { margin-top: 30px; } .m-r-30 { margin-right: 30px; } .m-b-30 { margin-bottom: 30px; } .m-l-35 { margin-left: 35px; } .m-t-35 { margin-top: 35px; } .m-r-35 { margin-right: 35px; } .m-b-35 { margin-bottom: 35px; } .m-l-40 { margin-left: 40px; } .m-t-40 { margin-top: 40px; } .m-r-40 { margin-right: 40px; } .m-b-40 { margin-bottom: 40px; } .m-l-45 { margin-left: 45px; } .m-t-45 { margin-top: 45px; } .m-r-45 { margin-right: 45px; } .m-b-45 { margin-bottom: 45px; } .m-l-50 { margin-left: 50px; } .m-t-50 { margin-top: 50px; } .m-r-50 { margin-right: 50px; } .m-b-50 { margin-bottom: 50px; } .m-l-55 { margin-left: 55px; } .m-t-55 { margin-top: 55px; } .m-r-55 { margin-right: 55px; } .m-b-55 { margin-bottom: 55px; } .m-l-60 { margin-left: 60px; } .m-t-60 { margin-top: 60px; } .m-r-60 { margin-right: 60px; } .m-b-60 { margin-bottom: 60px; } .m-l-65 { margin-left: 65px; } .m-t-65 { margin-top: 65px; } .m-r-65 { margin-right: 65px; } .m-b-65 { margin-bottom: 65px; } .m-l-70 { margin-left: 70px; } .m-t-70 { margin-top: 70px; } .m-r-70 { margin-right: 70px; } .m-b-70 { margin-bottom: 70px; } .m-l-75 { margin-left: 75px; } .m-t-75 { margin-top: 75px; } .m-r-75 { margin-right: 75px; } .m-b-75 { margin-bottom: 75px; } .m-l-80 { margin-left: 80px; } .m-t-80 { margin-top: 80px; } .m-r-80 { margin-right: 80px; } .m-b-80 { margin-bottom: 80px; } .m-l-85 { margin-left: 85px; } .m-t-85 { margin-top: 85px; } .m-r-85 { margin-right: 85px; } .m-b-85 { margin-bottom: 85px; } .m-l-90 { margin-left: 90px; } .m-t-90 { margin-top: 90px; } .m-r-90 { margin-right: 90px; } .m-b-90 { margin-bottom: 90px; } .m-l-95 { margin-left: 95px; } .m-t-95 { margin-top: 95px; } .m-r-95 { margin-right: 95px; } .m-b-95 { margin-bottom: 95px; } .m-l-100 { margin-left: 100px; } .m-t-100 { margin-top: 100px; } .m-r-100 { margin-right: 100px; } .m-b-100 { margin-bottom: 100px; } .m-l-105 { margin-left: 105px; } .m-t-105 { margin-top: 105px; } .m-r-105 { margin-right: 105px; } .m-b-105 { margin-bottom: 105px; } .m-l-110 { margin-left: 110px; } .m-t-110 { margin-top: 110px; } .m-r-110 { margin-right: 110px; } .m-b-110 { margin-bottom: 110px; } .m-l-115 { margin-left: 115px; } .m-t-115 { margin-top: 115px; } .m-r-115 { margin-right: 115px; } .m-b-115 { margin-bottom: 115px; } .m-l-120 { margin-left: 120px; } .m-t-120 { margin-top: 120px; } .m-r-120 { margin-right: 120px; } .m-b-120 { margin-bottom: 120px; } .m-l-125 { margin-left: 125px; } .m-t-125 { margin-top: 125px; } .m-r-125 { margin-right: 125px; } .m-b-125 { margin-bottom: 125px; } .margin-0 { margin: 0; } .p-l-0 { padding-left: 0px; } .p-t-0 { padding-top: 0px; } .p-r-0 { padding-right: 0px; } .p-b-0 { padding-bottom: 0px; } .p-l-5 { padding-left: 5px; } .p-t-5 { padding-top: 5px; } .p-r-5 { padding-right: 5px; } .p-b-5 { padding-bottom: 5px; } .p-l-10 { padding-left: 10px; } .p-t-10 { padding-top: 10px; } .p-r-10 { padding-right: 10px; } .p-b-10 { padding-bottom: 10px; } .p-l-15 { padding-left: 15px; } .p-t-15 { padding-top: 15px; } .p-r-15 { padding-right: 15px; } .p-b-15 { padding-bottom: 15px; } .p-l-20 { padding-left: 20px; } .p-t-20 { padding-top: 20px; } .p-r-20 { padding-right: 20px; } .p-b-20 { padding-bottom: 20px; } .p-l-25 { padding-left: 25px; } .p-t-25 { padding-top: 25px; } .p-r-25 { padding-right: 25px; } .p-b-25 { padding-bottom: 25px; } .p-l-30 { padding-left: 30px; } .p-t-30 { padding-top: 30px; } .p-r-30 { padding-right: 30px; } .p-b-30 { padding-bottom: 30px; } .p-l-35 { padding-left: 35px; } .p-t-35 { padding-top: 35px; } .p-r-35 { padding-right: 35px; } .p-b-35 { padding-bottom: 35px; } .p-l-40 { padding-left: 40px; } .p-t-40 { padding-top: 40px; } .p-r-40 { padding-right: 40px; } .p-b-40 { padding-bottom: 40px; } .p-l-45 { padding-left: 45px; } .p-t-45 { padding-top: 45px; } .p-r-45 { padding-right: 45px; } .p-b-45 { padding-bottom: 45px; } .p-l-50 { padding-left: 50px; } .p-t-50 { padding-top: 50px; } .p-r-50 { padding-right: 50px; } .p-b-50 { padding-bottom: 50px; } .p-l-55 { padding-left: 55px; } .p-t-55 { padding-top: 55px; } .p-r-55 { padding-right: 55px; } .p-b-55 { padding-bottom: 55px; } .p-l-60 { padding-left: 60px; } .p-t-60 { padding-top: 60px; } .p-r-60 { padding-right: 60px; } .p-b-60 { padding-bottom: 60px; } .p-l-65 { padding-left: 65px; } .p-t-65 { padding-top: 65px; } .p-r-65 { padding-right: 65px; } .p-b-65 { padding-bottom: 65px; } .p-l-70 { padding-left: 70px; } .p-t-70 { padding-top: 70px; } .p-r-70 { padding-right: 70px; } .p-b-70 { padding-bottom: 70px; } .p-l-75 { padding-left: 75px; } .p-t-75 { padding-top: 75px; } .p-r-75 { padding-right: 75px; } .p-b-75 { padding-bottom: 75px; } .p-l-80 { padding-left: 80px; } .p-t-80 { padding-top: 80px; } .p-r-80 { padding-right: 80px; } .p-b-80 { padding-bottom: 80px; } .p-l-85 { padding-left: 85px; } .p-t-85 { padding-top: 85px; } .p-r-85 { padding-right: 85px; } .p-b-85 { padding-bottom: 85px; } .p-l-90 { padding-left: 90px; } .p-t-90 { padding-top: 90px; } .p-r-90 { padding-right: 90px; } .p-b-90 { padding-bottom: 90px; } .p-l-95 { padding-left: 95px; } .p-t-95 { padding-top: 95px; } .p-r-95 { padding-right: 95px; } .p-b-95 { padding-bottom: 95px; } .p-l-100 { padding-left: 100px; } .p-t-100 { padding-top: 100px; } .p-r-100 { padding-right: 100px; } .p-b-100 { padding-bottom: 100px; } .p-l-105 { padding-left: 105px; } .p-t-105 { padding-top: 105px; } .p-r-105 { padding-right: 105px; } .p-b-105 { padding-bottom: 105px; } .p-l-110 { padding-left: 110px; } .p-t-110 { padding-top: 110px; } .p-r-110 { padding-right: 110px; } .p-b-110 { padding-bottom: 110px; } .p-l-115 { padding-left: 115px; } .p-t-115 { padding-top: 115px; } .p-r-115 { padding-right: 115px; } .p-b-115 { padding-bottom: 115px; } .p-l-120 { padding-left: 120px; } .p-t-120 { padding-top: 120px; } .p-r-120 { padding-right: 120px; } .p-b-120 { padding-bottom: 120px; } .p-l-125 { padding-left: 125px; } .p-t-125 { padding-top: 125px; } .p-r-125 { padding-right: 125px; } .p-b-125 { padding-bottom: 125px; } .margin-0 { margin: 0px; } .padding-0 { padding: 0px; } .margin-5 { margin: 5px; } .padding-5 { padding: 5px; } .margin-10 { margin: 10px; } .padding-10 { padding: 10px; } .margin-15 { margin: 15px; } .padding-15 { padding: 15px; } .margin-20 { margin: 20px; } .padding-20 { padding: 20px; } .margin-25 { margin: 25px; } .padding-25 { padding: 25px; } .margin-30 { margin: 30px; } .padding-30 { padding: 30px; } .margin-35 { margin: 35px; } .padding-35 { padding: 35px; } .margin-40 { margin: 40px; } .padding-40 { padding: 40px; } .margin-45 { margin: 45px; } .padding-45 { padding: 45px; } .margin-50 { margin: 50px; } .padding-50 { padding: 50px; } .margin-55 { margin: 55px; } .padding-55 { padding: 55px; } .margin-60 { margin: 60px; } .padding-60 { padding: 60px; } .margin-65 { margin: 65px; } .padding-65 { padding: 65px; } .margin-70 { margin: 70px; } .padding-70 { padding: 70px; } .margin-75 { margin: 75px; } .padding-75 { padding: 75px; } .margin-80 { margin: 80px; } .padding-80 { padding: 80px; } .margin-85 { margin: 85px; } .padding-85 { padding: 85px; } .margin-90 { margin: 90px; } .padding-90 { padding: 90px; } .margin-95 { margin: 95px; } .padding-95 { padding: 95px; } .margin-100 { margin: 100px; } .padding-100 { padding: 100px; } .margin-105 { margin: 105px; } .padding-105 { padding: 105px; } .margin-110 { margin: 110px; } .padding-110 { padding: 110px; } .margin-115 { margin: 115px; } .padding-115 { padding: 115px; } .margin-120 { margin: 120px; } .padding-120 { padding: 120px; } .margin-125 { margin: 125px; } .padding-125 { padding: 125px; } .padding-0 { padding: 0; } .font-6 { font-size: 6px; } .font-7 { font-size: 7px; } .font-8 { font-size: 8px; } .font-9 { font-size: 9px; } .font-10 { font-size: 10px; } .font-11 { font-size: 11px; } .font-12 { font-size: 12px; } .font-13 { font-size: 13px; } .font-14 { font-size: 14px; } .font-15 { font-size: 15px; } .font-16 { font-size: 16px; } .font-17 { font-size: 17px; } .font-18 { font-size: 18px; } .font-19 { font-size: 19px; } .font-20 { font-size: 20px; } .font-21 { font-size: 21px; } .font-22 { font-size: 22px; } .font-23 { font-size: 23px; } .font-24 { font-size: 24px; } .font-25 { font-size: 25px; } .font-26 { font-size: 26px; } .font-27 { font-size: 27px; } .font-28 { font-size: 28px; } .font-29 { font-size: 29px; } .font-30 { font-size: 30px; } .font-31 { font-size: 31px; } .font-32 { font-size: 32px; } .font-33 { font-size: 33px; } .font-34 { font-size: 34px; } .font-35 { font-size: 35px; } .font-36 { font-size: 36px; } .font-37 { font-size: 37px; } .font-38 { font-size: 38px; } .font-39 { font-size: 39px; } .font-40 { font-size: 40px; } .font-41 { font-size: 41px; } .font-42 { font-size: 42px; } .font-43 { font-size: 43px; } .font-44 { font-size: 44px; } .font-45 { font-size: 45px; } .font-46 { font-size: 46px; } .font-47 { font-size: 47px; } .font-48 { font-size: 48px; } .font-49 { font-size: 49px; } .font-50 { font-size: 50px; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-justify { text-align: justify; } .no-resize { resize: none; } .font-bold { font-weight: bold; } .font-italic { font-style: italic; } .font-underline { text-decoration: underline; } .font-line-through { text-decoration: line-through; } .font-overline { text-decoration: overline; } .block-header h2, .block-header .h2 { margin: 0 !important; color: #666 !important; font-weight: normal; font-size: 22px; line-height: 46px; } .block-header h2 small, .block-header .h2 small, .block-header h2 .small, .block-header .h2 .small { display: block; font-size: 12px; margin-top: 8px; color: #888; } .block-header h2 small a, .block-header .h2 small a, .block-header h2 .small a, .block-header .h2 .small a { font-weight: bold; color: #777; } .bg-blue { background-color: #0d6efd !important; color: #fff; } .bg-blue .content .text, .bg-blue .content .number { color: #fff !important; } .bg-indigo { background-color: #6610f2 !important; color: #fff; } .bg-indigo .content .text, .bg-indigo .content .number { color: #fff !important; } .bg-purple { background-color: #6f42c1 !important; color: #fff; } .bg-purple .content .text, .bg-purple .content .number { color: #fff !important; } .bg-pink { background-color: #d63384 !important; color: #fff; } .bg-pink .content .text, .bg-pink .content .number { color: #fff !important; } .bg-red { background-color: #dc3545 !important; color: #fff; } .bg-red .content .text, .bg-red .content .number { color: #fff !important; } .bg-orange { background-color: #fd7e14 !important; color: #fff; } .bg-orange .content .text, .bg-orange .content .number { color: #fff !important; } .bg-yellow { background-color: #ffc107 !important; color: #fff; } .bg-yellow .content .text, .bg-yellow .content .number { color: #fff !important; } .bg-green { background-color: #198754 !important; color: #fff; } .bg-green .content .text, .bg-green .content .number { color: #fff !important; } .bg-teal { background-color: #20c997 !important; color: #fff; } .bg-teal .content .text, .bg-teal .content .number { color: #fff !important; } .bg-cyan { background-color: #0dcaf0 !important; color: #fff; } .bg-cyan .content .text, .bg-cyan .content .number { color: #fff !important; } .bg-white { background-color: #fff !important; color: #fff; } .bg-white .content .text, .bg-white .content .number { color: #fff !important; } .bg-gray { background-color: #6c757d !important; color: #fff; } .bg-gray .content .text, .bg-gray .content .number { color: #fff !important; } .bg-gray-dark { background-color: #343a40 !important; color: #fff; } .bg-gray-dark .content .text, .bg-gray-dark .content .number { color: #fff !important; } .l-bg-green { background: linear-gradient(45deg, #9ce89d, #cdfa7e) !important; color: #fff; } .l-bg-green .content .text, .l-bg-green .content .number { color: #fff !important; } .l-bg-orange { background: linear-gradient(135deg, #ffc480, #ff763b) !important; color: #fff; } .l-bg-orange .content .text, .l-bg-orange .content .number { color: #fff !important; } .l-bg-cyan { background: linear-gradient(45deg, #72c2ff, #86f0ff) !important; color: #fff; } .l-bg-cyan .content .text, .l-bg-cyan .content .number { color: #fff !important; } .l-bg-red { background: linear-gradient(316deg, #fc5286, #fbaaa2) !important; color: #fff; } .l-bg-red .content .text, .l-bg-red .content .number { color: #fff !important; } .l-bg-purple { background: linear-gradient(230deg, #759bff, #843cf6) !important; color: #fff; } .l-bg-purple .content .text, .l-bg-purple .content .number { color: #fff !important; } .l-bg-purple-dark { background: linear-gradient(45deg, #a52dd8, #e29bf1) !important; color: #fff; } .l-bg-purple-dark .content .text, .l-bg-purple-dark .content .number { color: #fff !important; } .l-bg-card1 { background: linear-gradient(to left, #3a7bd5, #3a6073) !important; color: #fff; } .l-bg-card1 .content .text, .l-bg-card1 .content .number { color: #fff !important; } .l-bg-card2 { background: linear-gradient(to right, #c33764, #1d2671) !important; color: #fff; } .l-bg-card2 .content .text, .l-bg-card2 .content .number { color: #fff !important; } .l-bg-card3 { background: linear-gradient(to left, #134e5e, #71b280) !important; color: #fff; } .l-bg-card3 .content .text, .l-bg-card3 .content .number { color: #fff !important; } .l-bg-card4 { background: linear-gradient(to left, #d38312, #a83279) !important; color: #fff; } .l-bg-card4 .content .text, .l-bg-card4 .content .number { color: #fff !important; } .col-blue { color: #0d6efd !important; } .col-indigo { color: #6610f2 !important; } .col-purple { color: #6f42c1 !important; } .col-pink { color: #d63384 !important; } .col-red { color: #dc3545 !important; } .col-orange { color: #fd7e14 !important; } .col-yellow { color: #ffc107 !important; } .col-green { color: #198754 !important; } .col-teal { color: #20c997 !important; } .col-cyan { color: #0dcaf0 !important; } .col-white { color: #fff !important; } .col-gray { color: #6c757d !important; } .col-gray-dark { color: #343a40 !important; } .width-per-0 { width: 0%; } .tbl-col-width-per-0 { max-width: 0%; } .width-per-1 { width: 1%; } .tbl-col-width-per-1 { max-width: 1%; } .width-per-2 { width: 2%; } .tbl-col-width-per-2 { max-width: 2%; } .width-per-3 { width: 3%; } .tbl-col-width-per-3 { max-width: 3%; } .width-per-4 { width: 4%; } .tbl-col-width-per-4 { max-width: 4%; } .width-per-5 { width: 5%; } .tbl-col-width-per-5 { max-width: 5%; } .width-per-6 { width: 6%; } .tbl-col-width-per-6 { max-width: 6%; } .width-per-7 { width: 7%; } .tbl-col-width-per-7 { max-width: 7%; } .width-per-8 { width: 8%; } .tbl-col-width-per-8 { max-width: 8%; } .width-per-9 { width: 9%; } .tbl-col-width-per-9 { max-width: 9%; } .width-per-10 { width: 10%; } .tbl-col-width-per-10 { max-width: 10%; } .width-per-11 { width: 11%; } .tbl-col-width-per-11 { max-width: 11%; } .width-per-12 { width: 12%; } .tbl-col-width-per-12 { max-width: 12%; } .width-per-13 { width: 13%; } .tbl-col-width-per-13 { max-width: 13%; } .width-per-14 { width: 14%; } .tbl-col-width-per-14 { max-width: 14%; } .width-per-15 { width: 15%; } .tbl-col-width-per-15 { max-width: 15%; } .width-per-16 { width: 16%; } .tbl-col-width-per-16 { max-width: 16%; } .width-per-17 { width: 17%; } .tbl-col-width-per-17 { max-width: 17%; } .width-per-18 { width: 18%; } .tbl-col-width-per-18 { max-width: 18%; } .width-per-19 { width: 19%; } .tbl-col-width-per-19 { max-width: 19%; } .width-per-20 { width: 20%; } .tbl-col-width-per-20 { max-width: 20%; } .width-per-21 { width: 21%; } .tbl-col-width-per-21 { max-width: 21%; } .width-per-22 { width: 22%; } .tbl-col-width-per-22 { max-width: 22%; } .width-per-23 { width: 23%; } .tbl-col-width-per-23 { max-width: 23%; } .width-per-24 { width: 24%; } .tbl-col-width-per-24 { max-width: 24%; } .width-per-25 { width: 25%; } .tbl-col-width-per-25 { max-width: 25%; } .width-per-26 { width: 26%; } .tbl-col-width-per-26 { max-width: 26%; } .width-per-27 { width: 27%; } .tbl-col-width-per-27 { max-width: 27%; } .width-per-28 { width: 28%; } .tbl-col-width-per-28 { max-width: 28%; } .width-per-29 { width: 29%; } .tbl-col-width-per-29 { max-width: 29%; } .width-per-30 { width: 30%; } .tbl-col-width-per-30 { max-width: 30%; } .width-per-31 { width: 31%; } .tbl-col-width-per-31 { max-width: 31%; } .width-per-32 { width: 32%; } .tbl-col-width-per-32 { max-width: 32%; } .width-per-33 { width: 33%; } .tbl-col-width-per-33 { max-width: 33%; } .width-per-34 { width: 34%; } .tbl-col-width-per-34 { max-width: 34%; } .width-per-35 { width: 35%; } .tbl-col-width-per-35 { max-width: 35%; } .width-per-36 { width: 36%; } .tbl-col-width-per-36 { max-width: 36%; } .width-per-37 { width: 37%; } .tbl-col-width-per-37 { max-width: 37%; } .width-per-38 { width: 38%; } .tbl-col-width-per-38 { max-width: 38%; } .width-per-39 { width: 39%; } .tbl-col-width-per-39 { max-width: 39%; } .width-per-40 { width: 40%; } .tbl-col-width-per-40 { max-width: 40%; } .width-per-41 { width: 41%; } .tbl-col-width-per-41 { max-width: 41%; } .width-per-42 { width: 42%; } .tbl-col-width-per-42 { max-width: 42%; } .width-per-43 { width: 43%; } .tbl-col-width-per-43 { max-width: 43%; } .width-per-44 { width: 44%; } .tbl-col-width-per-44 { max-width: 44%; } .width-per-45 { width: 45%; } .tbl-col-width-per-45 { max-width: 45%; } .width-per-46 { width: 46%; } .tbl-col-width-per-46 { max-width: 46%; } .width-per-47 { width: 47%; } .tbl-col-width-per-47 { max-width: 47%; } .width-per-48 { width: 48%; } .tbl-col-width-per-48 { max-width: 48%; } .width-per-49 { width: 49%; } .tbl-col-width-per-49 { max-width: 49%; } .width-per-50 { width: 50%; } .tbl-col-width-per-50 { max-width: 50%; } .width-per-51 { width: 51%; } .tbl-col-width-per-51 { max-width: 51%; } .width-per-52 { width: 52%; } .tbl-col-width-per-52 { max-width: 52%; } .width-per-53 { width: 53%; } .tbl-col-width-per-53 { max-width: 53%; } .width-per-54 { width: 54%; } .tbl-col-width-per-54 { max-width: 54%; } .width-per-55 { width: 55%; } .tbl-col-width-per-55 { max-width: 55%; } .width-per-56 { width: 56%; } .tbl-col-width-per-56 { max-width: 56%; } .width-per-57 { width: 57%; } .tbl-col-width-per-57 { max-width: 57%; } .width-per-58 { width: 58%; } .tbl-col-width-per-58 { max-width: 58%; } .width-per-59 { width: 59%; } .tbl-col-width-per-59 { max-width: 59%; } .width-per-60 { width: 60%; } .tbl-col-width-per-60 { max-width: 60%; } .width-per-61 { width: 61%; } .tbl-col-width-per-61 { max-width: 61%; } .width-per-62 { width: 62%; } .tbl-col-width-per-62 { max-width: 62%; } .width-per-63 { width: 63%; } .tbl-col-width-per-63 { max-width: 63%; } .width-per-64 { width: 64%; } .tbl-col-width-per-64 { max-width: 64%; } .width-per-65 { width: 65%; } .tbl-col-width-per-65 { max-width: 65%; } .width-per-66 { width: 66%; } .tbl-col-width-per-66 { max-width: 66%; } .width-per-67 { width: 67%; } .tbl-col-width-per-67 { max-width: 67%; } .width-per-68 { width: 68%; } .tbl-col-width-per-68 { max-width: 68%; } .width-per-69 { width: 69%; } .tbl-col-width-per-69 { max-width: 69%; } .width-per-70 { width: 70%; } .tbl-col-width-per-70 { max-width: 70%; } .width-per-71 { width: 71%; } .tbl-col-width-per-71 { max-width: 71%; } .width-per-72 { width: 72%; } .tbl-col-width-per-72 { max-width: 72%; } .width-per-73 { width: 73%; } .tbl-col-width-per-73 { max-width: 73%; } .width-per-74 { width: 74%; } .tbl-col-width-per-74 { max-width: 74%; } .width-per-75 { width: 75%; } .tbl-col-width-per-75 { max-width: 75%; } .width-per-76 { width: 76%; } .tbl-col-width-per-76 { max-width: 76%; } .width-per-77 { width: 77%; } .tbl-col-width-per-77 { max-width: 77%; } .width-per-78 { width: 78%; } .tbl-col-width-per-78 { max-width: 78%; } .width-per-79 { width: 79%; } .tbl-col-width-per-79 { max-width: 79%; } .width-per-80 { width: 80%; } .tbl-col-width-per-80 { max-width: 80%; } .width-per-81 { width: 81%; } .tbl-col-width-per-81 { max-width: 81%; } .width-per-82 { width: 82%; } .tbl-col-width-per-82 { max-width: 82%; } .width-per-83 { width: 83%; } .tbl-col-width-per-83 { max-width: 83%; } .width-per-84 { width: 84%; } .tbl-col-width-per-84 { max-width: 84%; } .width-per-85 { width: 85%; } .tbl-col-width-per-85 { max-width: 85%; } .width-per-86 { width: 86%; } .tbl-col-width-per-86 { max-width: 86%; } .width-per-87 { width: 87%; } .tbl-col-width-per-87 { max-width: 87%; } .width-per-88 { width: 88%; } .tbl-col-width-per-88 { max-width: 88%; } .width-per-89 { width: 89%; } .tbl-col-width-per-89 { max-width: 89%; } .width-per-90 { width: 90%; } .tbl-col-width-per-90 { max-width: 90%; } .width-per-91 { width: 91%; } .tbl-col-width-per-91 { max-width: 91%; } .width-per-92 { width: 92%; } .tbl-col-width-per-92 { max-width: 92%; } .width-per-93 { width: 93%; } .tbl-col-width-per-93 { max-width: 93%; } .width-per-94 { width: 94%; } .tbl-col-width-per-94 { max-width: 94%; } .width-per-95 { width: 95%; } .tbl-col-width-per-95 { max-width: 95%; } .width-per-96 { width: 96%; } .tbl-col-width-per-96 { max-width: 96%; } .width-per-97 { width: 97%; } .tbl-col-width-per-97 { max-width: 97%; } .width-per-98 { width: 98%; } .tbl-col-width-per-98 { max-width: 98%; } .width-per-99 { width: 99%; } .tbl-col-width-per-99 { max-width: 99%; } .width-per-100 { width: 100%; } .tbl-col-width-per-100 { max-width: 100%; } /* * Document : _media.scss * Author : RedStar Template * Description: This scss file for media queries classes */ @media (min-width: 1999px) { .custom-sidebar .p-sidebar { width: 20%; } .custom-sid-details .p-sidebar { width: 30%; } .productcard .productimage { height: 280px !important; } .productcard .catalog_product_image { height: 171px; width: 67%; } } @media (min-width: 1400px) and (max-width: 1999px) { .auth-wrapper { width: 576px !important; } .auth-form-section .food-images { right: 206px !important; } .custom-sidebar .p-sidebar { width: 25%; } .custom-sid-details .p-sidebar { width: 35%; } .productcard .catalog_product_image { height: 109px; width: 94%; } } @media (max-width: 1320px) { .nav-add-items { display: none !important; } } @media (min-width: 1170px) and (max-width: 1399px) { .auth-wrapper { width: 500px !important; } .auth-form-section .food-images { right: 152px !important; } .custom-sidebar .p-sidebar { width: 30%; } .custom-sid-details .p-sidebar { width: 40%; } } @media (min-width: 1200px) { .mobile-search { display: none !important; } .productcard .productimage { height: 143px; } } @media (min-width: 1200px) and (max-width: 1400px) { .productcard .catalog_product_image { height: 100px; width: 100%; } } @media (max-width: 1200px) { .productcard .productimage { height: 172px; } .productcard .catalog_product_image { height: 138px; width: 100%; } } @media (max-width: 1199px) { .headerSearch { display: none; } } @media (min-width: 992px) and (max-width: 1169px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: 20px; } .auth-wrapper { width: 450px !important; } .auth-form-section .food-images { right: 125px !important; } } @media (max-width: 991px) { .menu-department-filter, .menu-category-filter { display: none !important; } .phone-department-category-filter { display: block !important; } } @media (min-width: 800px) and (max-width: 991px) { .auth-wrapper { width: 420px !important; } .auth-form-section .food-images { right: 90px !important; } .left-auth .image { height: 90px !important; } .left-auth .bottom .copyright h2, .left-auth .bottom .copyright .h2 { margin: 8px 0px 0px 0px !important; } .left-auth .bottom ul li { margin: 0px 7px 0px 18px !important; } .left-auth .welcome-msg { font-size: 23px !important; } } @media (min-width: 768px) and (max-width: 991px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: 20px; } .custom-sidebar .p-sidebar { width: 45%; } .custom-sid-details .p-sidebar { width: 55%; } .productcard .productimage { height: 214px; } .productcard .catalog_product_image { height: 114px; width: 98%; } } @media (max-width: 700px) { .tenant-details { display: none; } } @media (max-width: 1169px) { .sidemenu-collapse { display: none !important; } section.content { margin: 83px 15px 0 0px; } .search-box { margin-left: 25px; } .side-closed.submenu-closed .navbar-header { width: 260px !important; } .side-closed.submenu-closed .navbar-header .navbar-brand span { display: inline-block !important; } .custom-sidebar .p-sidebar { width: 40%; } .custom-sid-details .p-sidebar { width: 50%; } } @media (max-width: 800px) { .responsive_table { overflow-x: auto !important; } .mat-table { min-width: 800px; } .auth-wrapper { width: 400px !important; } .auth-form-section .food-images { right: 60px !important; } .left-auth .image { height: 60px !important; } .left-auth .bottom .copyright h2, .left-auth .bottom .copyright .h2 { margin: 8px 0px 0px 0px !important; } .left-auth .bottom ul li { margin: 0px 7px 0px 18px !important; } .left-auth .welcome-msg { font-size: 21px !important; } .left-auth .bottom .copyright { display: grid !important; } } @media (max-width: 768px) { .custom-sid-details .p-sidebar { width: 80%; } } @media (min-width: 768px) { .navbar-header { float: left; } .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-toggle { display: none; } .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } .navbar-brand > img { display: none; } .container > .navbar-header { margin-right: 0; margin-left: 0; } .container > .navbar-collapse { margin-right: 0; margin-left: 0; } .container-fluid > .navbar-header, .container-sm > .navbar-header, .container-md > .navbar-header, .container-lg > .navbar-header, .container-xl > .navbar-header, .container-xxl > .navbar-header { margin-right: 0; margin-left: 0; } .container-fluid > .navbar-collapse, .container-sm > .navbar-collapse, .container-md > .navbar-collapse, .container-lg > .navbar-collapse, .container-xl > .navbar-collapse, .container-xxl > .navbar-collapse { margin-right: 0; margin-left: 0; } .navbar > .container .navbar-brand { margin-left: -15px; } .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: -15px; } } @media (max-width: 799px) { .navbar .search-box { margin-left: 20px; } .navbar .nav > li > a { padding: 10px 10px; } } @media (min-width: 575px) and (max-width: 700px) { .auth-wrapper { width: 400px !important; } .auth-form-section .food-images { right: 60px !important; } .left-auth .image { height: 60px !important; } .left-auth .bottom .copyright h2, .left-auth .bottom .copyright .h2 { margin: 8px 0px 0px 0px !important; } .left-auth .bottom ul li { margin: 0px 7px 0px 18px !important; } .left-auth .welcome-msg { font-size: 15px !important; } .left-auth .bottom .copyright { display: grid !important; } .left-auth .welcome-system-msg { font-size: 9px !important; } } @media (max-width: 767px) { .navbar { height: auto; } .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: 30px; width: 88%; margin-right: 0; } .navbar .logo-name { display: none; } .navbar .navbar-brand > img { display: block; } .navbar .navbar-collapse { display: block; } .navbar .navbar-right { margin-top: -60px; } .navbar .navbar-brand img { float: left; } .navbar .navbar-nav > li .js-right-sidebar { margin-top: 17px; } .navbar .navbar-toggle { display: none; } .navbar .navbar-toggle { float: right; } .navbar .nav-left-menu { display: none; } .navbar .navbar-right .fullscreen { display: none; } .navbar .navbar-header { display: inline-block; width: calc(100% + 30px); float: left; } .navbar .nav > li { display: inline-block; } .navbar .nav > li > a { padding: 0px 0px 8px 0px; } .navbar .nav > li > a.js-right-sidebar { padding: 9px 8px 8px 15px; } .navbar .navbar-nav { margin-bottom: 1px; margin-left: -7px; } .navbar .navbar-nav .open .dropdown-menu { background-color: #fff; position: absolute; } .navbar .dropdown-menu { margin-left: -50px; } .side-closed.submenu-closed .navbar-header { width: calc(100% + 30px) !important; } .side-closed.submenu-closed .navbar-header .navbar-brand span { display: inline-block !important; } .dt-buttons { float: none !important; text-align: center; margin-bottom: 15px; } .panel-switch-btn { top: 12px; right: 0 !important; } .rtl .navbar .navbar-toggle { float: left; margin-left: 15px; margin-right: 0; } .rtl .navbar .navbar-header { margin-bottom: 0px; } section.content, body.ls-closed section.content { margin-right: 0px; margin-left: 0px; } .p-treenode-children .p-element { width: 100% !important; display: contents !important; } .p-treenode-children .p-treenode-leaf { display: contents !important; width: 100% !important; } .custom-sidebar .p-sidebar { width: 50%; } .version { display: none; } .productcard .productimage { height: 293px; } .productcard .catalog_product_image { height: 172px; } } @media (max-width: 576px) { .auth-form-section .food-images { display: none; } .auth-signin-signup a { padding: 9px 16px 9px 16px !important; } .phonebottom { display: block !important; width: 100%; height: 10%; } .phonebottom .copyright { display: flex; justify-content: center; } .phonebottom .copyright h2, .phonebottom .copyright .h2 { margin: 8px 0px 0px 0px; } .phonebottom ul { display: flex; margin: 6px; } .phonebottom ul li { margin: 0px 21px 0px 18px; } .phonebottom .createwithlove { display: flex; justify-content: center; } .phonebottom .createwithlove mat-icon { color: red; font-size: 14px; margin: 0px 0px 0px 7px; } .phonelogoandwelcome { display: block !important; padding-top: 41px; } .phonelogoandwelcome .image { background-repeat: no-repeat; background-position: center center; background-size: contain; height: 61px; width: 100%; } .phonelogoandwelcome .welcome-msg, .phonelogoandwelcome .welcome-system-msg { display: flex; justify-content: center; } .example-button-row .mat-primary .mat-button-wrapper { font-size: 12px !important; } .example-button-row .mat-primary .mat-button-wrapper::after { left: -16px !important; top: -7px !important; font-size: 12px !important; } .example-button-row .mat-warn .mat-button-wrapper { font-size: 12px !important; } .example-button-row .mat-warn .mat-button-wrapper::after { left: -16px !important; top: -7px !important; font-size: 12px !important; } .profile-content { display: block !important; } .profile-content .content { margin: 10px 10px 0px 10px !important; } .profile-content .image img { width: 200px; } } .container > .navbar-header { margin-right: -15px; margin-left: -15px; } .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } .container-fluid > .navbar-header, .container-sm > .navbar-header, .container-md > .navbar-header, .container-lg > .navbar-header, .container-xl > .navbar-header, .container-xxl > .navbar-header { margin-right: -15px; margin-left: -15px; border-right: 1px solid #f2f4f9; } .container-fluid > .navbar-collapse, .container-sm > .navbar-collapse, .container-md > .navbar-collapse, .container-lg > .navbar-collapse, .container-xl > .navbar-collapse, .container-xxl > .navbar-collapse { margin-right: -15px; margin-left: -15px; } .rtl { direction: rtl; text-align: right; } .rtl .navbar .navbar-toggle { float: left; margin-left: 15px; margin-right: 0; } .rtl .navbar .navbar-header { margin-bottom: 0px; } .rtl .fab { font-family: "Font Awesome 5 Brands" !important; } .rtl .fab::before { font-family: "Font Awesome 5 Brands" !important; } .rtl .fa, .rtl .fas, .rtl .far { font-family: "Font Awesome 5 Free" !important; } .rtl .fa::before, .rtl .fas::before, .rtl .far::before { font-family: "Font Awesome 5 Free" !important; } .rtl #dropdownMenuButton1 { direction: ltr; } @media (max-width: 500px) { .rtl .navbar-nav.nav .user_profile .dropdown-menu::before { left: 44px !important; right: unset !important; } .rtl .navbar-nav.nav .user_profile .dropdown-menu::before { left: 45px !important; right: unset !important; } } @media (max-width: 760px) { .rtl .dropdown-menu { left: 21px; } .rtl .dropdown-menu::before { left: 44px !important; right: unset; } .rtl .dropdown-menu::after { left: 45px !important; right: unset; } } .rtl .navbar-nav.navbar-right { float: left !important; margin-left: 0px; margin-right: unset; flex-direction: unset; } .rtl .navbar-nav .dropdown-menu { left: 6px; right: auto !important; } .rtl .navbar-nav .dropdown-menu::before { left: 19px; right: unset; } .rtl .navbar-nav .dropdown-menu::after { left: 20px; right: unset; } .rtl .navbar-nav > li .js-right-sidebar { margin-left: 0px; margin-right: 0; } .rtl .navbar-nav .user_profile .user_dw_menu li i { float: right; padding-left: 10px; } .rtl .navbar-nav .menu-profile-header .title .designation { text-align: start; } @media (max-width: 284px) { .rtl .navbar-nav.navbar-right .nav-item { margin: 0px; } .rtl .dropdown-menu { left: -26px !important; right: auto !important; } .rtl .dropdown-menu::before { left: 88px !important; right: unset !important; } .rtl .dropdown-menu::after { left: 89px !important; right: unset !important; } } @media (min-width: 767px) { .rtl .navbar .nav.navbar-nav { display: flex; } } .rtl section.content { margin: 70px 290px 0 15px; } .rtl .breadcrumb .page-title { border-left: 1px solid #c5c5c5; border-right: none; padding-left: 10px; padding-right: 0px; } .rtl .breadcrumb li a .fa-home { float: right; padding-right: 10px; padding-left: unset; } .rtl .sidebar .menu .list .ml-menu-2 li a { padding-left: 0px; } .rtl .sidebar { right: 0; } .rtl .sidebar .main-menu { border-left: 1px solid gainsboro; } .rtl .sidebar .menu .list .menu-toggle:after { left: 17px; right: unset; } .rtl .sidebar .menu .list .menu-toggle:before { left: 17px; right: unset; } .rtl .sidebar .menu .list a { padding: 9px 13px 9px 9px; margin: 0; } .rtl .sidebar .menu .list a span { margin: 7px 12px 2px 0; } .rtl .sidebar .menu .list a .mat-button-wrapper { margin: 7px 0 7px 12px; } .rtl .sidebar .menu .list .ml-menu li a { padding-right: 0px !important; padding-top: 7px; padding-bottom: 7px; } .rtl .sidebar .menu .list .ml-menu .ml-menu-2 li a { padding-right: 14px; padding-top: 6px; padding-bottom: 6px; } .rtl .sidebar .menu .list .ml-sub-menu:after, .rtl .sidebar .menu .list .ml-sub-menu:before { left: 17px; right: unset; } .rtl .sidebar .menu .list .header { margin: 21px 13px 5px 0 !important; } .rtl .sidebar .sidebar-badge { left: 35px; right: unset; } .rtl .sidemenu-reorder { float: right; } .rtl .form-check .form-check-label { padding-right: 30px; } .rtl .form-check .form-check-sign { left: unset; right: 0px; padding-right: 0px; } .rtl .mat-radio-button ~ .mat-radio-button { margin-right: 16px; } @media (min-width: 768px) { .rtl .navbar-header { float: right; } } .rtl .page-item:first-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-top-left-radius: 0rem; border-bottom-left-radius: 0rem; } .rtl .page-item:last-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0rem; border-bottom-right-radius: 0rem; } .rtl .msl-1 { margin-right: 0.25rem !important; margin-left: unset !important; } .rtl .msl-2 { margin-right: 0.5rem !important; margin-left: unset !important; } .rtl .msl-3 { margin-right: 1rem !important; margin-left: unset !important; } .rtl .msl-4 { margin-right: 1.5rem !important; margin-left: unset !important; } .rtl .msl-5 { margin-right: 3rem !important; margin-left: unset !important; } .rtl .msr-1 { margin-left: 0.25rem !important; margin-right: unset !important; } .rtl .msr-2 { margin-left: 0.5rem !important; margin-right: unset !important; } .rtl .msr-3 { margin-left: 1rem !important; margin-right: unset !important; } .rtl .msr-4 { margin-left: 1.5rem !important; margin-right: unset !important; } .rtl .msr-5 { margin-left: 3rem !important; margin-right: unset !important; } .rtl .psl-1 { padding-right: 0.25rem !important; padding-left: unset !important; } .rtl .psl-2 { padding-right: 0.5rem !important; padding-left: unset !important; } .rtl .psl-3 { padding-right: 1rem !important; padding-left: unset !important; } .rtl .psl-4 { padding-right: 1.5rem !important; padding-left: unset !important; } .rtl .psl-5 { padding-right: 3rem !important; padding-left: unset !important; } .rtl .psr-1 { padding-left: 0.25rem !important; padding-right: unset !important; } .rtl .psr-2 { padding-left: 0.5rem !important; padding-right: unset !important; } .rtl .psr-3 { padding-left: 1rem !important; padding-right: unset !important; } .rtl .psr-4 { padding-left: 1.5rem !important; padding-right: unset !important; } .rtl .psr-5 { padding-left: 3rem !important; padding-right: unset !important; } .rtl.side-closed.side-closed-hover section.content { margin-right: 276px; margin-left: 0; } .rtl.side-closed.side-closed-hover .sidebar .menu .list li i { float: right; line-height: 2rem; } .rtl.side-closed.side-closed-hover .sidebar .menu .list li img { float: right; line-height: 2rem; } .rtl.side-closed.side-closed-hover .sidebar .menu .list li span { display: block; float: right; } .rtl.side-closed section.content { margin-right: 75px; margin-left: 15px; } .rtl .card .header .header-dropdown { left: 0px; right: unset; } .rtl .dropdown-menu ul.menu .msg-user { float: right; } .rtl .dropdown-menu ul.menu .menu-info { right: 10px; float: right; text-align: right; } .rtl .dropdown-menu ul.menu .menu-info .menu-desc .material-icons { float: right; margin-left: 3px; } .rtl .dropdown-menu ul.menu li a { float: right; } .rtl .right-sidebar.open { left: 0; right: unset; } .rtl .right-sidebar .rightSidebarClose { right: 5px; left: unset; } .rtl .collapse-menu-icon { float: right !important; } .rtl .list-unstyled { padding-right: 0; } .rtl .review-img { padding-left: 0 !important; padding-right: 20px; } .rtl .progress-percent { float: left !important; } .rtl .todo-actionlist { left: 0; } .rtl .actionSetting { padding: 0px 7px 0px 7px; } .rtl .datatable-header .left { text-align: right; } .rtl .ngxTableHeader .header-buttons-left li { margin-right: 10px; } .rtl .ngxTableHeader .header-buttons-left .search-icon { left: 0; } .rtl #mail-nav #mail-folders { padding-right: 0; } .rtl #mail-nav #mail-folders .badge { float: left; } .rtl #mail-nav #mail-labels { padding-right: 0; } .rtl #mail-nav #online-offline { padding-right: 0; } .rtl .chat .chat-header img { float: right; } .rtl .chat .chat-header .chat-about { float: right; padding-right: 10px; } .rtl .chat .chat-history .my-message:after { right: 7%; } .rtl .owl-carousel { direction: ltr; } .rtl .owl-carousel .owl-item { direction: rtl; } .rtl .bx-wrapper { direction: ltr; } .rtl .lg-outer { direction: ltr; } .rtl .rightSetting p { text-align: right; } .rtl .sidebar .menu .list { padding-right: 0; } .rtl .sidebar .menu .list .active .ml-menu { padding-right: 0px; padding-left: 0px; } .rtl .sidebar .menu .list ul { border-right: 1px solid rgba(128, 128, 128, 0.231372549); margin-right: 20px; border-left: 0px; margin-left: 0px; } .rtl .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle):before { left: 23px; right: auto; } .rtl .sidebar .menu .list .ml-menu .ml-menu-2 li.active a:not(.menu-toggle):before { left: 23px; } .rtl .notice-board .notice-body { padding: 0 10px 5px 0; } .rtl .ngx-datatable.material .datatable-footer .datatable-pager { text-align: left; } .rtl .people-list img { float: right; } .rtl .cd-timeline-img img { right: 10%; } .rtl .navbar-header .bars:before { right: 10px; left: unset; } .rtl .navbar-brand span { padding-left: unset; padding-left: 0px; } .rtl .dropdown-menu ul.menu { padding: 10px; } .rtl .navbar-nav .user_profile .user_dw_menu { padding-right: 0; text-align: right; } .rtl .progress-list .status { left: 0; right: unset; } .rtl .to-do-list { padding-right: 0px; } .rtl .materialTableHeader .right { float: left !important; } .rtl .materialTableHeader .header-buttons-left { padding-right: 0px; } .rtl .materialTableHeader .header-buttons-left .search-icon { left: 0px; } .rtl .materialTableHeader .header-buttons-left input.search-field { margin-right: 20px; } .rtl #mail-nav #mail-labels li { float: right; } .rtl #mail-nav #online-offline .material-icons { padding: 0px 5px 2px 5px; } .rtl .chat-upload { float: left; } .rtl .modal-header .close { margin-left: 0px; } .rtl .owl-dt-container { direction: rtl; } .rtl .owl-dt-control-arrow-button svg { transform: rotate(180deg); } .rtl .card-statistic-4 .card-spacing { padding-right: 15px; padding-top: 1rem; } .rtl .post-user .avtar-img { float: right; margin-left: 15px; margin-right: unset; } .rtl .info-box6 .count-numbers { left: 35px; right: unset; } .rtl .info-box6 .count-name { left: 35px; right: unset; } .rtl .feedBody { border-right: 1px solid #d6d6d6; border-left: unset; margin-right: 30px; margin-left: unset; padding-right: 0px; padding-left: unset; } .rtl .feedBody li { padding-left: unset; padding-right: 30px; } .rtl .feedBody li .feed-user-img { right: -20px; left: unset; } .rtl .sl-item { border-right: 1px solid #13b1e0; border-left: unset; padding-right: 15px; padding-left: unset; } .rtl .sl-item::before { right: -6.5px; left: unset; } .rtl .task-module .header-button { margin-right: auto; margin-left: unset; } .rtl .task-list .task-low { margin-right: auto; margin-left: unset; } .rtl .task-list .task-high { margin-right: auto; margin-left: unset; } .rtl .task-list .task-normal { margin-right: auto; margin-left: unset; } .rtl .task-container .header .header-close { left: 15px; right: unset; } .rtl .form-check .form-check-sign .check:before { margin-right: 10px; margin-left: unset; } .rtl .top-sell .product-title { margin-right: 20px; } .rtl .top-sell .product-price { margin-right: 20px; } .rtl .top-sell .sell-price { float: left; } .rtl .doc-file-type .media-cta { margin-left: 15px; } .rtl .lang-dropdown { margin-left: 0px; } .rtl .lang-dropdown .country-name { margin-right: 5px; } .rtl .lang-item .lang-item-list { text-align: right; } .rtl .menu-dropdown-item .menu-dropdown-item-list { text-align: right; } .rtl.ls-closed .sidebar { margin-right: -300px; margin-left: unset; } .rtl.overlay-open.ls-closed .sidebar { margin-right: 0; margin-left: unset; } .rtl .btn-space { margin-left: 10px !important; margin-right: 0px !important; } .rtl .ms-auto { margin-right: auto !important; margin-left: unset !important; } .rtl .float-start { float: right !important; } .rtl .text-end { text-align: left !important; } .rtl .text-start { text-align: right !important; } .rtl .dropdown-menu > li > a { display: -webkit-box; } .rtl .display-card-top .right-side .sl-content { float: left; } .rtl .p-dropdown .p-dropdown-clear-icon { right: 1rem; } .rtl .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 2.75rem; } .rtl .p-input-icon-right > i:last-of-type { left: 0.75rem !important; right: auto !important; } .rtl .iti__country-list { direction: ltr; } .rtl .ltrDirectioin { direction: ltr; } .rtl .document_refresh_div { justify-content: left; } .rtl .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap { border-top-color: inherit !important; } .rtl .document_image { transform: translate(-18px, 6px); } .rtl .header-name { margin: 0px 0px 0px 10px; } .rtl .document_bottons { justify-content: left; } .rtl .upload { position: absolute; top: 33px; } .rtl .sidebar .menu .list .menu-toggle:before, .rtl .sidebar .menu .list .ml-sub-menu:before { content: "\e408"; } .rtl .mat-tab-header-pagination-after .mat-tab-header-pagination-chevron { transform: rotate(225deg); } .rtl .mat-tab-header-pagination-before .mat-tab-header-pagination-chevron { transform: rotate(45deg); } .rtl .social { margin-right: 6px; } .rtl .modal-about::after, .rtl .login-title::after { width: 10%; } .rtl .modal-about::before, .rtl .login-title::before { width: 87%; } .rtl .icon_container::after { left: 34px; } .rtl .display-card { padding-left: 13px; padding-right: 5px; } .rtl .materialTableHeader .header-buttons { text-align: left; } .rtl .auth-container, .rtl .football-auth-container { direction: ltr; } .rtl .language { width: 100%; } .rtl .left-auth .bottom .createwithlove mat-icon { margin: 0px 7px 0px 0px; } .rtl .auth-container .mat-form-field-label, .rtl .football-auth-container .mat-form-field-label { background: none; } .rtl .auth-signin-signup { margin: 70px 0px 18px 0px; } .rtl .login-title { float: right; } .rtl .parentcard .additem { left: 9px; right: auto; } .rtl .sidebar-search { margin-left: 0px; margin-right: 5px; } .rtl .breadcrumb-container .home { float: right; } .rtl .add-right { left: 6px; right: auto; } .rtl .requird, .rtl .optional { font-size: 13px; font-weight: bold; } .rtl .promotion-products { font-size: 13px; font-weight: bold; } .rtl .ml-menu img { margin: 0px 0px 3px 4px; } .rtl #menu .menu-img { float: right; } .rtl .menu .menu-content { margin-right: 85px; margin-left: 0px; } .rtl .menu .menu-content a { padding-left: 10px; padding-right: 0px; } .rtl .menu .menu-ingredients { margin-left: 0px; } .rtl .p-calendar-w-btn { direction: ltr; } .rtl .pi-angle-left:before { content: "\e932"; } .rtl .pi-angle-right:before { content: "\e931"; } .rtl .pi-angle-double-left:before { content: "\e92e"; } .rtl .pi-angle-double-right:before { content: "\e92d"; } .rtl .p-buttonset .p-button:last-of-type { border-top-left-radius: 6px; border-bottom-left-radius: 6px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .rtl .p-buttonset .p-button:first-of-type { border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-right: 1px solid gainsboro; } .rtl .pi-chevron-right:before { content: "\e900"; } .rtl .p-tree .p-treenode-children { margin: 0 1.8rem 0 1rem; border-right: 1px solid #006BFC; padding: 2px; } .rtl .displaytypebutton { direction: rtl; } .rtl .menu-scroll-container .item { padding: 7px 11px 7px 11px; } .rtl .menu-scroll-container .item .dropdown { margin: 0px 10px 0px 0px; } .rtl .p-colorpicker-overlay-panel { right: 0px !important; left: auto !important; } .rtl .notification-dropdown .tilte { text-align: right !important; padding-top: 10px; } .rtl .task-card .statusOptions { left: 8px; right: auto; } .rtl .activeornot { right: auto !important; left: 10px; } .rtl .ParkingStatusCircle { right: 4px; left: auto; } .rtl .dropdown-menu > li > a, .rtl .dropdown-menu > li > button { display: -webkit-box; } .rtl .ticket-card-status, .rtl .ticket-card-priority { text-align: left; } .rtl .mat-radio-group .mat-radio-button ~ .mat-radio-button { margin-right: 0px !important; } .rtl div.dt-buttons { float: left !important; } .rtl div.dt-buttons span.dt-button-down-arrow { padding-left: 0px; padding-right: 10px; } .rtl div.dt-button-collection .dt-button { display: flex; } .rtl div.dt-button-collection .dt-button-active:after { left: 1em; right: auto !important; } @media screen and (max-width: 640px) { .rtl div.dt-buttons { float: none !important; text-align: center; } } .rtl .p-fieldset .p-fieldset-legend { padding: 0.6rem; float: right; margin-right: 20px; } .rtl .top-10-tickets .status { float: left; } .rtl .top-10-tickets .status .p-tag { margin-left: 0px !important; } .rtl .top-10-tickets .priority p { text-align: left; } .rtl .top-10-tickets .date { text-align: left; } .rtl .playerposation-box { left: 0; } .rtl .project-summery-dashboard .actionSetting { margin-inline-start: 0%; margin-right: 5px; } .rtl .task-card .options { left: 0px; right: auto; } .rtl .task-card .task-name { text-align: right; } .rtl #taskCards .tasks .phase-name { right: 12px; left: auto; } .rtl .phase-drag-drop-card .add { left: 1px; right: auto; } .rtl .productcard .actionButtons { left: -9px; right: auto; } .rtl .p-datepicker-trigger, .rtl .p-inputtext { margin-left: 0px !important; } .rtl .dropdown-menu.show { padding: 0px !important; } .rtl .add_item { padding-right: 5px !important; padding-left: 10px; } .rtl .add_item .btn-space { margin-left: 0px !important; } .rtl .p-datepicker.p-datepicker-timeonly .p-timepicker { direction: ltr; } .rtl .dropdown-menu li { text-align: justify; } .rtl .p-datatable .p-datatable-thead > tr > th { text-align: center; } .rtl .p-datatable .p-datatable-tbody > tr > td { text-align: right; } .rtl .sidebar .menu { direction: ltr; } .rtl .sidebar-user-panel { direction: rtl; } .rtl .sidebar .menu .list { padding-right: 0; direction: rtl; } .rtl .updateHistory .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content { text-align: right; } .rtl .updateHistory .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content .updateHistory-card-header { direction: ltr; } .rtl .updateHistory .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content .description { text-align: right; } .rtl .updateHistory .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content { text-align: right; } .rtl .updateHistory .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content .updateHistory-card-header { display: flex; justify-content: space-between; } .rtl .updateHistory .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content .description { text-align: right; } .rtl .updateHistory .date { direction: rtl; } .rtl .custome-float { float: left; } .rtl .p-buttonset .p-component { margin-left: 0px; margin-right: 0px; } .rtl .product-details .p-chip-text, .rtl .product-details .p-chip-icon.pi, .rtl .product-details .pi-chip-remove-icon.pi { margin-right: 0px; margin-left: 6px; } .rtl .custom_tab .item .tab-icon { margin-bottom: -2px; } .rtl .tickets-confirmation .ticket .right { width: 70%; border-left: dashed #d6d6d6; border-right: none; } .rtl .edit-languages .p-paginator-icon { transform: rotate(180deg); } .rtl .breadcrumb-container .page-title { font-size: 20px; font-weight: 600; } .rtl .mat-raised-button { font-weight: 200; } .rtl .mat-flat-button.mat-primary .mat-icon, .rtl .mat-raised-button.mat-primary .mat-icon, .rtl .mat-fab.mat-primary .mat-icon, .rtl .mat-mini-fab.mat-primary .mat-icon, .rtl .mat-raised-button.mat-warn .mat-icon { margin-left: 5px; } .rtl .datatable-header .header-buttons .dropdown { padding: 1px 11px 1px 0px; } .rtl .dropdown-toggle::after { vertical-align: initial; } .rtl .auth-container .mat-input-element { margin-right: 12px !important; margin-left: -10px !important; } .rtl .bayan-repoer-tools { margin: 8px !important; } .rtl .bayan-repoer-tools .tools { padding: 0px; } .rtl #divPrintId table { overflow: hidden; } .rtl .p-fileupload .p-fileupload-content:after { content: "أسحب الصورة وأفلتها هنا"; } .rtl .p-picklist-transfer-buttons svg { transform: rotate(180deg); } .rtl .ng-otp-input-wrapper { direction: ltr; } .rtl .branch_details div.dataTables_wrapper div.dataTables_filter input { width: 100% !important; } .rtl .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up { margin: 0 !important; } .rtl .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .rtl .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .rtl .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .rtl .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .rtl .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .rtl .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before { float: left; } .rtl .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { display: flex; } .rtl .headerSearch .p-autocomplete { width: 100%; } .rtl .p-tree-toggler-icon { transform: rotate(90deg); } .rtl .nav-add-items .menu-title { display: flex; margin-right: 27px; } .rtl .datatable-filter .filterCount { left: -2px; right: auto; line-height: 18px; } .rtl .headerSearch .p-component { margin-left: 0px !important; } .rtl .headerSearch .p-autocomplete .p-autocomplete-loader { left: 0.75rem; right: auto; } .rtl .p-paginator-icon { transform: rotate(180deg); } .rtl .ngx-pe-dialog-footer { direction: ltr; } .rtl .bayan-auth-container .bayan-auth-main .language { margin: 12px 20px 0px 0px; } .rtl .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .left .version { direction: ltr; left: 12px; right: auto; float: left; text-align: left; } .rtl .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .right .dropdown-container label { right: 26px; left: auto; } .rtl .welcome-msg, .rtl .auth-signup-text, .rtl .error-subheader2 { direction: rtl; } .rtl .p-dropdown .p-dropdown-trigger { border-radius: 0px !important; } .rtl .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox, .rtl .p-listbox .p-listbox-header .p-checkbox, .rtl .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-left: 0.5rem; } .rtl .side-closed .sidebar .menu .list li a { padding: 9px 0px !important; } .rtl .p-chips-token-label { overflow: hidden !important; margin-left: 5px; margin-right: 5px; } .rtl .menu-profile-header .title { margin-right: 12px; } .rtl .tenant-details { left: 7px; right: auto; } .rtl .mat-expansion-panel-body ul { padding-right: 0px; } .rtl .dashboard .cart-wrap .cart .cart-items .price, .rtl .dashboard .cart-wrap .cart .cart-items .rate { justify-content: left; } .rtl .page-item:not(:first-child) .page-link { margin-right: 0.25rem; margin-left: 0rem !important; } .rtl .card-statistics .card-header { padding-right: 2.4rem; } .rtl .card-statistics .media .avatar { margin-left: 1.5rem; } .rtl .inputNumber .p-inputnumber, .rtl .inputNumber input { text-align: right; } .rtl .order-details .order-status-card { text-align: left; } .rtl .order-details .p-timeline.p-timeline-vertical .p-timeline-event-content { text-align: right; } .rtl .order-details .item-image { margin: 0px 0px 0px 10px; } .rtl .menu-without-children { padding-right: 18px !important; } .rtl .p-galleria .p-galleria-indicators { padding-left: 1rem !important; } .rtl .custom-dropdown .custom-dropdown-error { left: 10px; right: auto; } .rtl .sidebar .menu .list .ml-menu li.active { background-color: #F4F4F4; border-right: 2px solid #006BFC !important; margin-right: -1px; margin-left: 0px; border-left: 0px !important; } .rtl .sidebar .menu .list .ml-menu li.active .ml-menu { background-color: inherit; } .rtl .sidebar .main-menu .active { background: url('menubg.svg'); background-repeat: no-repeat; background-position: left; } .rtl .sidebar .menu .list .ml-menu li .ml-menu { margin-right: 0px; } .rtl .LVs5vCAc { left: 30px !important; right: auto !important; } .rtl .custom-search .custom-search__icon { border-left: 1px solid #dedede; border-right: none; margin: 0px 0px 0px 9px; } .rtl .editRowModal { right: 0; left: auto; padding: 9px 27px 5px 63px; background-image: url('popup-ar.svg'); } .rtl .modalHeader .mat-icon-button { right: auto; left: 6px; } .rtl .mat-dialog-content { border-top-left-radius: 12px; border-top-right-radius: 0px; } .rtl .tab-side { border-left: 2px solid #ECECEC; border-right: none; } .rtl .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .right { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .rtl .menu-dropdown .add-button { padding-left: 10px; } .rtl .menu-dropdown .add-button p { border-left: 1px solid rgba(255, 255, 255, 0.4509803922); border-right: none; } .rtl .menu-dropdown-item, .rtl .importexport .dropdown-menu, .rtl .datatable-buttons .dropdown-menu { inset: 35px auto auto 0px !important; } .rtl .selected-actions span { right: 32px; } .rtl .custom-picklist-order .p-picklist-list-wrapper .p-picklist-filter { left: 9px; right: auto; } .rtl .custom-picklist-order .p-picklist-list-wrapper .p-picklist-filter .p-picklist-filter-input { background-position: right 5px center; padding: 0px 28px; } .rtl div.dataTables_wrapper div.dataTables_filter input { background-position: 98% center; } @media (max-width: 1169px) { .rtl .sidemenu-collapse { display: none !important; } } html[dir=rtl] table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:after { left: 0.4em !important; right: auto !important; } html[dir=rtl] table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc_disabled:before { left: 0.4em !important; right: auto !important; } .ls-closed section.content { margin: 70px 0px 0 15px; } @media (max-width: 767px) { html[dir=rtl] .navbar .navbar-brand img { float: right; } } @media (min-width: 767px) { html[dir=rtl] div.dataTables_wrapper div.dataTables_filter { text-align: left; } } @media (min-width: 768px) and (max-width: 991px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: -10px; } } @media (min-width: 992px) and (max-width: 1169px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: -16px; } } /* [2. Fonts] */ /*! * Font Awesome Free 5.13.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: 0.3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bacteria:before { content: "陵"; } .fa-bacterium:before { content: "讀"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "拏"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dailymotion:before { content: "勒"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-deezer:before { content: "亮"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edge-legacy:before { content: "兩"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "串"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "龜"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-pay:before { content: "凉"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-medical:before { content: "樂"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "諾"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-wash:before { content: "丹"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt-slash:before { content: "寧"; } .fa-handshake-slash:before { content: "怒"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side-cough:before { content: "率"; } .fa-head-side-cough-slash:before { content: "異"; } .fa-head-side-mask:before { content: "北"; } .fa-head-side-virus:before { content: "磻"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-user:before { content: "便"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "邏"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "凌"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "復"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "不"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "駱"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "稜"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "泌"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "爛"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "數"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pump-medical:before { content: "索"; } .fa-pump-soap:before { content: "參"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rust:before { content: "梁"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-virus:before { content: "塞"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "綾"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sink:before { content: "省"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "葉"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "說"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "殺"; } .fa-store-slash:before { content: "辰"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tiktok:before { content: "糧"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-slash:before { content: "沈"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "論"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "雷"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-unsplash:before { content: "良"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-users-slash:before { content: "拾"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-virus:before { content: "若"; } .fa-virus-slash:before { content: "掠"; } .fa-viruses:before { content: "略"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*! * Font Awesome Free 5.13.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-display: block; src: url('fa-regular-400.eot'); src: url('fa-regular-400.eot?#iefix') format("embedded-opentype"), url('fa-regular-400.woff2') format("woff2"), url('fa-regular-400.woff') format("woff"), url('fa-regular-400.ttf') format("truetype"), url('fa-regular-400.svg#fontawesome') format("svg"); } .far { font-family: "Font Awesome 5 Free"; font-weight: 400; } /*! * Font Awesome Free 5.13.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: block; src: url('fa-solid-900.eot'); src: url('fa-solid-900.eot?#iefix') format("embedded-opentype"), url('fa-solid-900.woff2') format("woff2"), url('fa-solid-900.woff') format("woff"), url('fa-solid-900.ttf') format("truetype"), url('fa-solid-900.svg#fontawesome') format("svg"); } .fa, .fas { font-family: "Font Awesome 5 Free"; font-weight: 900; } /*! * Font Awesome Free 5.13.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url('fa-brands-400.eot'); src: url('fa-brands-400.eot?#iefix') format("embedded-opentype"), url('fa-brands-400.woff2') format("woff2"), url('fa-brands-400.woff') format("woff"), url('fa-brands-400.ttf') format("truetype"), url('fa-brands-400.svg#fontawesome') format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; font-weight: 400; } /* [3. Components ] */ /* * Document : _breadscrumbs.scss * Author : RedStar Template * Description: This scss file for breadscrumbs style classes */ .breadcrumb { border-radius: 0; background-color: transparent; font-size: 15px; margin-bottom: 0px; padding: 0.75rem 0rem; color: #555; } .breadcrumb:before { content: ""; margin: 0; } .breadcrumb li { display: inline-block; } .breadcrumb li a { color: #444; text-decoration: none; font-weight: 400 !important; } .breadcrumb li a .fa-home { font-size: 17px; position: relative; top: 0; float: left; padding-left: 10px; color: #444444; } .breadcrumb li .material-icons { font-size: 18px; position: relative; top: 4px; float: none; } .breadcrumb li.active { color: #000; font-weight: 600; } .breadcrumb > li + li:before { content: "/" !important; display: inline-block; border-radius: 7.5px; margin-inline-end: 7px; margin-inline-start: 7px; padding-right: 0px !important; } .breadcrumb .page-title { border-right: 1px solid #c5c5c5; padding-right: 10px; font-size: 17px; font-weight: 500; color: #444444; } .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-top: 3px; padding-left: 0px; display: flex; align-items: center; margin: 0px 0px; } .breadcrumb .breadcrumb-item + .breadcrumb-item::before { float: unset; } .breadcrumb-col-blue li a { color: #0d6efd !important; font-weight: bold; } .breadcrumb-bg-blue { background-color: #0d6efd !important; } .breadcrumb-bg-blue li { color: #fff !important; } .breadcrumb-bg-blue li a { color: #fff; font-weight: bold; } .breadcrumb-bg-blue li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-blue li + li:before { color: #fff; } .breadcrumb-col-indigo li a { color: #6610f2 !important; font-weight: bold; } .breadcrumb-bg-indigo { background-color: #6610f2 !important; } .breadcrumb-bg-indigo li { color: #fff !important; } .breadcrumb-bg-indigo li a { color: #fff; font-weight: bold; } .breadcrumb-bg-indigo li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-indigo li + li:before { color: #fff; } .breadcrumb-col-purple li a { color: #6f42c1 !important; font-weight: bold; } .breadcrumb-bg-purple { background-color: #6f42c1 !important; } .breadcrumb-bg-purple li { color: #fff !important; } .breadcrumb-bg-purple li a { color: #fff; font-weight: bold; } .breadcrumb-bg-purple li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-purple li + li:before { color: #fff; } .breadcrumb-col-pink li a { color: #d63384 !important; font-weight: bold; } .breadcrumb-bg-pink { background-color: #d63384 !important; } .breadcrumb-bg-pink li { color: #fff !important; } .breadcrumb-bg-pink li a { color: #fff; font-weight: bold; } .breadcrumb-bg-pink li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-pink li + li:before { color: #fff; } .breadcrumb-col-red li a { color: #dc3545 !important; font-weight: bold; } .breadcrumb-bg-red { background-color: #dc3545 !important; } .breadcrumb-bg-red li { color: #fff !important; } .breadcrumb-bg-red li a { color: #fff; font-weight: bold; } .breadcrumb-bg-red li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-red li + li:before { color: #fff; } .breadcrumb-col-orange li a { color: #fd7e14 !important; font-weight: bold; } .breadcrumb-bg-orange { background-color: #fd7e14 !important; } .breadcrumb-bg-orange li { color: #fff !important; } .breadcrumb-bg-orange li a { color: #fff; font-weight: bold; } .breadcrumb-bg-orange li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-orange li + li:before { color: #fff; } .breadcrumb-col-yellow li a { color: #ffc107 !important; font-weight: bold; } .breadcrumb-bg-yellow { background-color: #ffc107 !important; } .breadcrumb-bg-yellow li { color: #fff !important; } .breadcrumb-bg-yellow li a { color: #fff; font-weight: bold; } .breadcrumb-bg-yellow li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-yellow li + li:before { color: #fff; } .breadcrumb-col-green li a { color: #198754 !important; font-weight: bold; } .breadcrumb-bg-green { background-color: #198754 !important; } .breadcrumb-bg-green li { color: #fff !important; } .breadcrumb-bg-green li a { color: #fff; font-weight: bold; } .breadcrumb-bg-green li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-green li + li:before { color: #fff; } .breadcrumb-col-teal li a { color: #20c997 !important; font-weight: bold; } .breadcrumb-bg-teal { background-color: #20c997 !important; } .breadcrumb-bg-teal li { color: #fff !important; } .breadcrumb-bg-teal li a { color: #fff; font-weight: bold; } .breadcrumb-bg-teal li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-teal li + li:before { color: #fff; } .breadcrumb-col-cyan li a { color: #0dcaf0 !important; font-weight: bold; } .breadcrumb-bg-cyan { background-color: #0dcaf0 !important; } .breadcrumb-bg-cyan li { color: #fff !important; } .breadcrumb-bg-cyan li a { color: #fff; font-weight: bold; } .breadcrumb-bg-cyan li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-cyan li + li:before { color: #fff; } .breadcrumb-col-white li a { color: #fff !important; font-weight: bold; } .breadcrumb-bg-white { background-color: #fff !important; } .breadcrumb-bg-white li { color: #fff !important; } .breadcrumb-bg-white li a { color: #fff; font-weight: bold; } .breadcrumb-bg-white li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-white li + li:before { color: #fff; } .breadcrumb-col-gray li a { color: #6c757d !important; font-weight: bold; } .breadcrumb-bg-gray { background-color: #6c757d !important; } .breadcrumb-bg-gray li { color: #fff !important; } .breadcrumb-bg-gray li a { color: #fff; font-weight: bold; } .breadcrumb-bg-gray li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-gray li + li:before { color: #fff; } .breadcrumb-col-gray-dark li a { color: #343a40 !important; font-weight: bold; } .breadcrumb-bg-gray-dark { background-color: #343a40 !important; } .breadcrumb-bg-gray-dark li { color: #fff !important; } .breadcrumb-bg-gray-dark li a { color: #fff; font-weight: bold; } .breadcrumb-bg-gray-dark li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-gray-dark li + li:before { color: #fff; } .breadcrumb-style { border-radius: 30px; /*background: #ffffff; padding-left: 20px !important;*/ } .breadcrumb-chart { display: inline-block; } .breadcrumb-chart .chart-info p { font-size: 13px; } /* * Document : _checkboxradio.scss * Author : RedStar Template * Description: This scss file for checkbox and radio button style classes */ [type=checkbox] + label { padding-left: 26px; height: 25px; line-height: 21px; font-size: 13px; font-weight: normal; vertical-align: middle; } [type=checkbox]:checked + label:before { top: -4px; left: -2px; width: 11px; height: 19px; } [type=checkbox]:checked.chk-col-blue + label:before { border-right: 2px solid #0d6efd; border-bottom: 2px solid #0d6efd; } [type=checkbox]:checked.chk-col-indigo + label:before { border-right: 2px solid #6610f2; border-bottom: 2px solid #6610f2; } [type=checkbox]:checked.chk-col-purple + label:before { border-right: 2px solid #6f42c1; border-bottom: 2px solid #6f42c1; } [type=checkbox]:checked.chk-col-pink + label:before { border-right: 2px solid #d63384; border-bottom: 2px solid #d63384; } [type=checkbox]:checked.chk-col-red + label:before { border-right: 2px solid #dc3545; border-bottom: 2px solid #dc3545; } [type=checkbox]:checked.chk-col-orange + label:before { border-right: 2px solid #fd7e14; border-bottom: 2px solid #fd7e14; } [type=checkbox]:checked.chk-col-yellow + label:before { border-right: 2px solid #ffc107; border-bottom: 2px solid #ffc107; } [type=checkbox]:checked.chk-col-green + label:before { border-right: 2px solid #198754; border-bottom: 2px solid #198754; } [type=checkbox]:checked.chk-col-teal + label:before { border-right: 2px solid #20c997; border-bottom: 2px solid #20c997; } [type=checkbox]:checked.chk-col-cyan + label:before { border-right: 2px solid #0dcaf0; border-bottom: 2px solid #0dcaf0; } [type=checkbox]:checked.chk-col-white + label:before { border-right: 2px solid #fff; border-bottom: 2px solid #fff; } [type=checkbox]:checked.chk-col-gray + label:before { border-right: 2px solid #6c757d; border-bottom: 2px solid #6c757d; } [type=checkbox]:checked.chk-col-gray-dark + label:before { border-right: 2px solid #343a40; border-bottom: 2px solid #343a40; } :checked.chk-col-blue + span:after { color: #0d6efd; } :checked.chk-col-indigo + span:after { color: #6610f2; } :checked.chk-col-purple + span:after { color: #6f42c1; } :checked.chk-col-pink + span:after { color: #d63384; } :checked.chk-col-red + span:after { color: #dc3545; } :checked.chk-col-orange + span:after { color: #fd7e14; } :checked.chk-col-yellow + span:after { color: #ffc107; } :checked.chk-col-green + span:after { color: #198754; } :checked.chk-col-teal + span:after { color: #20c997; } :checked.chk-col-cyan + span:after { color: #0dcaf0; } :checked.chk-col-white + span:after { color: #fff; } :checked.chk-col-gray + span:after { color: #6c757d; } :checked.chk-col-gray-dark + span:after { color: #343a40; } [type=checkbox].filled-in:checked + label:after { top: 0; width: 20px; height: 20px; border: 2px solid #26a69a; background-color: #26a69a; z-index: 0; } [type=checkbox].filled-in:checked + label:before { border-right: 2px solid #fff !important; border-bottom: 2px solid #fff !important; } [type=checkbox].filled-in:checked.chk-col-blue + label:after { border: 2px solid #0d6efd; background-color: #0d6efd; } [type=checkbox].filled-in:checked.chk-col-indigo + label:after { border: 2px solid #6610f2; background-color: #6610f2; } [type=checkbox].filled-in:checked.chk-col-purple + label:after { border: 2px solid #6f42c1; background-color: #6f42c1; } [type=checkbox].filled-in:checked.chk-col-pink + label:after { border: 2px solid #d63384; background-color: #d63384; } [type=checkbox].filled-in:checked.chk-col-red + label:after { border: 2px solid #dc3545; background-color: #dc3545; } [type=checkbox].filled-in:checked.chk-col-orange + label:after { border: 2px solid #fd7e14; background-color: #fd7e14; } [type=checkbox].filled-in:checked.chk-col-yellow + label:after { border: 2px solid #ffc107; background-color: #ffc107; } [type=checkbox].filled-in:checked.chk-col-green + label:after { border: 2px solid #198754; background-color: #198754; } [type=checkbox].filled-in:checked.chk-col-teal + label:after { border: 2px solid #20c997; background-color: #20c997; } [type=checkbox].filled-in:checked.chk-col-cyan + label:after { border: 2px solid #0dcaf0; background-color: #0dcaf0; } [type=checkbox].filled-in:checked.chk-col-white + label:after { border: 2px solid #fff; background-color: #fff; } [type=checkbox].filled-in:checked.chk-col-gray + label:after { border: 2px solid #6c757d; background-color: #6c757d; } [type=checkbox].filled-in:checked.chk-col-gray-dark + label:after { border: 2px solid #343a40; background-color: #343a40; } [type=radio]:not(:checked) + label { padding-left: 26px; height: 25px; line-height: 25px; font-size: 13px; font-weight: normal; } [type=radio]:checked + label { padding-left: 26px; height: 25px; line-height: 25px; font-size: 13px; font-weight: normal; } [type=radio] + label { vertical-align: middle; } [type=radio].radio-col-blue:checked + label:after { background-color: #0d6efd; border-color: #0d6efd; } [type=radio].radio-col-indigo:checked + label:after { background-color: #6610f2; border-color: #6610f2; } [type=radio].radio-col-purple:checked + label:after { background-color: #6f42c1; border-color: #6f42c1; } [type=radio].radio-col-pink:checked + label:after { background-color: #d63384; border-color: #d63384; } [type=radio].radio-col-red:checked + label:after { background-color: #dc3545; border-color: #dc3545; } [type=radio].radio-col-orange:checked + label:after { background-color: #fd7e14; border-color: #fd7e14; } [type=radio].radio-col-yellow:checked + label:after { background-color: #ffc107; border-color: #ffc107; } [type=radio].radio-col-green:checked + label:after { background-color: #198754; border-color: #198754; } [type=radio].radio-col-teal:checked + label:after { background-color: #20c997; border-color: #20c997; } [type=radio].radio-col-cyan:checked + label:after { background-color: #0dcaf0; border-color: #0dcaf0; } [type=radio].radio-col-white:checked + label:after { background-color: #fff; border-color: #fff; } [type=radio].radio-col-gray:checked + label:after { background-color: #6c757d; border-color: #6c757d; } [type=radio].radio-col-gray-dark:checked + label:after { background-color: #343a40; border-color: #343a40; } [type=radio].with-gap.radio-col-blue:checked + label:before { border: 2px solid #0d6efd; } [type=radio].with-gap.radio-col-blue:checked + label:after { background-color: #0d6efd; border: 2px solid #0d6efd; } [type=radio].with-gap.radio-col-indigo:checked + label:before { border: 2px solid #6610f2; } [type=radio].with-gap.radio-col-indigo:checked + label:after { background-color: #6610f2; border: 2px solid #6610f2; } [type=radio].with-gap.radio-col-purple:checked + label:before { border: 2px solid #6f42c1; } [type=radio].with-gap.radio-col-purple:checked + label:after { background-color: #6f42c1; border: 2px solid #6f42c1; } [type=radio].with-gap.radio-col-pink:checked + label:before { border: 2px solid #d63384; } [type=radio].with-gap.radio-col-pink:checked + label:after { background-color: #d63384; border: 2px solid #d63384; } [type=radio].with-gap.radio-col-red:checked + label:before { border: 2px solid #dc3545; } [type=radio].with-gap.radio-col-red:checked + label:after { background-color: #dc3545; border: 2px solid #dc3545; } [type=radio].with-gap.radio-col-orange:checked + label:before { border: 2px solid #fd7e14; } [type=radio].with-gap.radio-col-orange:checked + label:after { background-color: #fd7e14; border: 2px solid #fd7e14; } [type=radio].with-gap.radio-col-yellow:checked + label:before { border: 2px solid #ffc107; } [type=radio].with-gap.radio-col-yellow:checked + label:after { background-color: #ffc107; border: 2px solid #ffc107; } [type=radio].with-gap.radio-col-green:checked + label:before { border: 2px solid #198754; } [type=radio].with-gap.radio-col-green:checked + label:after { background-color: #198754; border: 2px solid #198754; } [type=radio].with-gap.radio-col-teal:checked + label:before { border: 2px solid #20c997; } [type=radio].with-gap.radio-col-teal:checked + label:after { background-color: #20c997; border: 2px solid #20c997; } [type=radio].with-gap.radio-col-cyan:checked + label:before { border: 2px solid #0dcaf0; } [type=radio].with-gap.radio-col-cyan:checked + label:after { background-color: #0dcaf0; border: 2px solid #0dcaf0; } [type=radio].with-gap.radio-col-white:checked + label:before { border: 2px solid #fff; } [type=radio].with-gap.radio-col-white:checked + label:after { background-color: #fff; border: 2px solid #fff; } [type=radio].with-gap.radio-col-gray:checked + label:before { border: 2px solid #6c757d; } [type=radio].with-gap.radio-col-gray:checked + label:after { background-color: #6c757d; border: 2px solid #6c757d; } [type=radio].with-gap.radio-col-gray-dark:checked + label:before { border: 2px solid #343a40; } [type=radio].with-gap.radio-col-gray-dark:checked + label:after { background-color: #343a40; border: 2px solid #343a40; } /* * Document : _dropdownmenu.scss * Author : RedStar Template * Description: This scss file for dropdown menu style classes */ .dropdown-menu { border-radius: 0; margin-top: -35px !important; margin-left: -15px; box-shadow: 0 5px 15px 2px rgba(64, 70, 74, 0.2) !important; border-radius: 0px; border: none; padding: 0px; } .dropdown-menu .divider { margin: 5px 0; } .dropdown-menu .header { font-size: 13px; font-weight: bold; width: 100%; border-bottom: 1px solid #eee; text-align: center; padding: 4px 0 6px 0; } .dropdown-menu ul.menu { padding-left: 0; } .dropdown-menu ul.menu.tasks h4, .dropdown-menu ul.menu.tasks .h4 { color: #333; font-size: 13px; margin: 0 0 8px 0; } .dropdown-menu ul.menu.tasks h4 small, .dropdown-menu ul.menu.tasks .h4 small, .dropdown-menu ul.menu.tasks h4 .small, .dropdown-menu ul.menu.tasks .h4 .small { float: right; margin-top: 6px; } .dropdown-menu ul.menu.tasks .progress { height: 7px; margin-bottom: 7px; } .dropdown-menu ul.menu .icon-circle { width: 36px; height: 36px; border-radius: 50%; color: #fff; text-align: center; display: inline-block; float: left; } .dropdown-menu ul.menu .icon-circle i { font-size: 18px; line-height: 36px !important; } .dropdown-menu ul.menu .msg-user { width: 44px; height: 44px; border-radius: 50%; color: #fff; text-align: center; display: inline-block; vertical-align: top; float: left; } .dropdown-menu ul.menu .msg-user img { float: left; } .dropdown-menu ul.menu li:last-child { border-bottom: none; } .dropdown-menu ul.menu li a { padding: 11px 11px; text-decoration: none; transition: 0.5s; float: left; width: 100%; border-bottom: 1px solid #eee; } .dropdown-menu ul.menu li a:hover { background-color: #e9e9e9; } .dropdown-menu ul.menu .menu-info { display: inline-block; position: relative; top: 3px; left: 10px; float: left; } .dropdown-menu ul.menu .menu-info h4, .dropdown-menu ul.menu .menu-info .h4, .dropdown-menu ul.menu .menu-info .menu-title { margin: 0px 0px 2px 0px; font-size: 13px; color: #333; float: left; width: 100%; line-height: 1; font-weight: bold; } .dropdown-menu ul.menu .menu-info p, .dropdown-menu ul.menu .menu-info .menu-desc { margin: 0; font-size: 11px; color: #aaa; float: left; width: 100%; line-height: 20px; } .dropdown-menu ul.menu .menu-info p .material-icons, .dropdown-menu ul.menu .menu-info .menu-desc .material-icons { font-size: 13px; color: #aaa; position: relative; top: 3px; float: left; margin-right: 3px; height: 20px; } .dropdown-menu .footer a { text-align: center; border-top: 1px solid #eee; padding: 10px 0 5px 0; font-size: 13px; margin-bottom: -5px; color: #ff5e00; font-weight: 500; } .dropdown-menu .footer a:hover { background-color: transparent; } .dropdown-menu > li > a { padding: 7px 18px; color: #666; transition: all 0.5s; font-size: 14px; line-height: 25px; display: block; } .dropdown-menu > li > a:hover { background-color: rgba(0, 0, 0, 0.075); } .dropdown-menu > li > a i.material-icons { float: left; margin-right: 7px; margin-top: 2px; font-size: 20px; } .dropdown-content li > a, .dropdown-content li > span { font-size: 13px; color: #636262; } .dropdown-animated { animation-duration: 0.3s !important; } .dropdown-menu.pull-right.show { position: absolute !important; left: auto !important; right: 0 !important; top: 50px !important; transform: none !important; } /* * Document : _feed.scss * Author : RedStar Template * Description: This scss file for feed style classes */ .feedBody { border-left: 1px solid #d6d6d6; margin-left: 30px; padding-top: 10px; padding-left: 0px; } .col-auto { padding-left: 15px; padding-right: 15px; } .feedLblStyle { font-weight: bold; padding: 0px 7px 0px 7px; border-radius: 10px; } .lblFileStyle { color: red; border: 1px solid red; } .lblTaskStyle { color: #2ed8b6; border: 1px solid #2ed8b6; } .lblCommentStyle { color: #4099ff; border: 1px solid #4099ff; } .lblReplyStyle { color: #f15317; border: 1px solid #f15317; } .feedBody li { position: relative; padding-left: 30px; margin-bottom: 25px; } .feedBody li .feed-user-img { position: absolute; left: -20px; top: -10px; } .feedBody li .feed-user-img img { width: 40px; height: 40px; border-radius: 50%; } .feedBody li.active-feed .feed-user-img:after { border-color: #2ed8b6; } .feedBody li .feed-user-img:after { content: ""; position: absolute; top: 3px; right: 3px; border: 3px solid transparent; border-radius: 50%; } .feedBody li h6, .feedBody li .h6 { line-height: 1.5; cursor: pointer; } .text-muted { color: #96a2b4 !important; margin-bottom: 10px; } .img-100 { width: 100px; } .feedBody li h6, .feedBody li .h6 { line-height: 1.5; cursor: pointer; } .feedBody li.active-feed .feed-user-img:after { border-color: #2ed8b6; } .sl-item { border-left: 1px solid #13b1e0; padding-bottom: 1px; padding-left: 15px; position: relative; } .sl-item:last-child::after { border-radius: 100%; bottom: 0; content: ""; height: 6px; left: -3px; position: absolute; width: 6px; } .sl-item .sl-content i { font-size: 12px; } .sl-item .sl-content small, .sl-item .sl-content .small { position: relative; top: -4px; } .sl-item .sl-content p { padding-bottom: 4px; position: relative; } .sl-item::before { background-color: #13b1e0; border-radius: 100%; content: ""; height: 12px; left: -6.5px; position: absolute; top: 0; width: 12px; } .sl-primary { border-left-color: #2196f3; } .sl-primary:last-child::after { background-color: #2196f3; } .sl-primary::before { background-color: #2196f3; } .sl-danger { border-left-color: #f44336; } .sl-danger:last-child::after { background-color: #f44336; } .sl-danger::before { background-color: #f44336; } .sl-success { border-left-color: #4caf50; } .sl-success:last-child::after { background-color: #4caf50; } .sl-success::before { background-color: #4caf50; } .sl-warning { border-left-color: #ff5722; } .sl-warning:last-child::after { background-color: #ff5722; } .sl-warning::before { background-color: #ff5722; } .example-form { min-width: 150px; max-width: 500px; width: 100%; } .example-full-width { width: 100%; } .example-h2 { margin: 10px; } .example-section { display: flex; align-content: center; align-items: center; height: 60px; } .example-margin { margin: 0 10px; } .example-radio-group { display: flex; flex-direction: column; margin: 15px 0; } .example-radio-button { margin: 5px; } .advance-validation .error-msg { margin-top: -15px; } .mat-radio-button ~ .mat-radio-button { margin-left: 16px; } .mat-radio-label { margin-bottom: 0px; } .mat-datepicker-content-touch .mat-calendar { width: 50vh !important; height: 57vh !important; } .mat-datepicker-toggle-default-icon { width: 1.4em !important; } .mat-form-field .date-icon { cursor: pointer; } .mat-form-field-prefix, .mat-form-field-suffix { color: rgba(0, 0, 0, 0.54); } /* * Document : _infobox.scss * Author : RedStar Template * Description: This scss file for info box style classes */ .info-box { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); height: 80px; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; margin-bottom: 30px; } .info-box .icon { display: inline-block; text-align: center; background-color: rgba(0, 0, 0, 0.12); width: 80px; } .info-box .icon i { color: #fff; font-size: 50px; line-height: 80px; } .info-box .icon .chart.chart-bar { height: 100%; line-height: 100px; } .info-box .icon .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box .icon .chart.chart-pie { height: 100%; line-height: 123px; } .info-box .icon .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box .icon .chart.chart-line { height: 100%; line-height: 115px; } .info-box .icon .chart.chart-line canvas { vertical-align: baseline !important; } .info-box .content { display: inline-block; padding: 7px 10px; } .info-box .content .text { font-size: 13px; margin-top: 11px; color: #555; } .info-box .content .number { font-weight: normal; font-size: 26px; margin-top: -4px; color: #555; } .info-box.hover-zoom-effect .icon { overflow: hidden; } .info-box.hover-zoom-effect .icon i { transition: all 0.3s ease; } .info-box.hover-zoom-effect:hover .icon i { opacity: 0.4; transform: rotate(-32deg) scale(1.4); } .info-box.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 80px; top: 0; width: 0; height: 100%; color: transparent; transition: all 0.95s; } .info-box.hover-expand-effect:hover:after { width: 100%; } .info-box-2 { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); height: 80px; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; margin-bottom: 30px; } .info-box-2 .icon { display: inline-block; text-align: center; width: 80px; } .info-box-2 .icon i { color: #fff; font-size: 50px; line-height: 80px; } .info-box-2 .chart.chart-bar { height: 100%; line-height: 105px; } .info-box-2 .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box-2 .chart.chart-pie { height: 100%; line-height: 123px; } .info-box-2 .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box-2 .chart.chart-line { height: 100%; line-height: 115px; } .info-box-2 .chart.chart-line canvas { vertical-align: baseline !important; } .info-box-2 .content { display: inline-block; padding: 7px 10px; } .info-box-2 .content .text { font-size: 13px; margin-top: 11px; color: #555; } .info-box-2 .content .number { font-weight: normal; font-size: 26px; margin-top: -4px; color: #555; } .info-box-2.hover-zoom-effect .icon { overflow: hidden; } .info-box-2.hover-zoom-effect .icon i { transition: all 0.3s ease; } .info-box-2.hover-zoom-effect:hover .icon i { opacity: 0.4; transform: rotate(-32deg) scale(1.4); } .info-box-2.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 0; top: 0; width: 0; height: 100%; color: transparent; transition: all 0.95s; } .info-box-2.hover-expand-effect:hover:after { width: 100%; } .info-box-3 { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); height: 80px; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; margin-bottom: 30px; } .info-box-3 .icon { position: absolute; right: 10px; bottom: 2px; text-align: center; } .info-box-3 .icon i { color: rgba(0, 0, 0, 0.15); font-size: 60px; } .info-box-3 .chart { margin-right: 5px; } .info-box-3 .chart.chart-bar { height: 100%; line-height: 50px; } .info-box-3 .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box-3 .chart.chart-pie { height: 100%; line-height: 34px; } .info-box-3 .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box-3 .chart.chart-line { height: 100%; line-height: 40px; } .info-box-3 .chart.chart-line canvas { vertical-align: baseline !important; } .info-box-3 .content { display: inline-block; padding: 7px 16px; } .info-box-3 .content .text { font-size: 13px; margin-top: 11px; color: #555; } .info-box-3 .content .number { font-weight: normal; font-size: 26px; margin-top: -4px; color: #555; } .info-box-3.hover-zoom-effect .icon i { transition: all 0.3s ease; } .info-box-3.hover-zoom-effect:hover .icon i { opacity: 0.4; transform: rotate(-32deg) scale(1.4); } .info-box-3.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 0; top: 0; width: 0; height: 100%; color: transparent; transition: all 0.95s; } .info-box-3.hover-expand-effect:hover:after { width: 100%; } .info-box-4 { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); height: 80px; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; margin-bottom: 30px; } .info-box-4 .icon { position: absolute; right: 10px; bottom: 2px; text-align: center; } .info-box-4 .icon i { color: rgba(0, 0, 0, 0.15); font-size: 60px; } .info-box-4 .chart { margin-right: 5px; } .info-box-4 .chart.chart-bar { height: 100%; line-height: 50px; } .info-box-4 .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box-4 .chart.chart-pie { height: 100%; line-height: 34px; } .info-box-4 .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box-4 .chart.chart-line { height: 100%; line-height: 40px; } .info-box-4 .chart.chart-line canvas { vertical-align: baseline !important; } .info-box-4 .content { display: inline-block; padding: 7px 16px; } .info-box-4 .content .text { font-size: 13px; margin-top: 11px; color: #555; } .info-box-4 .content .number { font-weight: normal; font-size: 26px; margin-top: -4px; color: #555; } .info-box-4.hover-zoom-effect .icon i { transition: all 0.3s ease; } .info-box-4.hover-zoom-effect:hover .icon i { opacity: 0.4; transform: rotate(-32deg) scale(1.4); } .info-box-4.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 0; top: 0; width: 0; height: 100%; color: transparent; transition: all 0.95s; } .info-box-4.hover-expand-effect:hover:after { width: 100%; } .info-box-new { background: #fff; padding: 20px 20px 0px 20px; color: #463f3f; border-radius: 15px; } .info-box-new .progress { height: 10px; border-radius: 20px; } .support-box { padding: 15px; color: #fff; margin: 8px 0px 25px 0px; border-radius: 10px; min-height: 140px; } .counter-box { padding: 15px; color: #212529; margin: 8px 0px 25px 0px; border-radius: 10px; min-height: 140px; background-color: #ffffff; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); } .info-box1 .text-end h2, .info-box1 .text-end .h2 { color: #44e229; } .info-box2 .text-end h2, .info-box2 .text-end .h2 { color: #e66c2f; } .info-box3 .text-end h2, .info-box3 .text-end .h2 { color: #58b5f5; } .info-box4 .text-end h2, .info-box4 .text-end .h2 { color: #ab92d4; } .info-box5 { width: 100%; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); margin-bottom: 25px; padding: 0px 20px 0 20px; border-radius: 25px; height: 110px; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; } .info-box5 small, .info-box5 .small { font-size: 14px; } .info-box5 .progress { background: rgba(0, 0, 0, 0.2); margin: 5px -10px 5px 0; height: 8px; background: #e3e3e3; border-radius: 20px; box-shadow: none; overflow: visible; } .info-box5 .progress .progress-bar { border-radius: 20px; background: #fff; } .info-box5 .knob-icon { margin-top: 16px; } .info-box5 .info-box-content { margin-top: 24px; margin-left: 10px; } .info-box5 .progress-bar { position: relative; animation: animate-positive 4s; line-height: 8px; } .info-box6 { box-shadow: 2px 2px 10px #dadada; margin: 8px 0px 25px 0px; padding: 20px 10px; background-color: #fff; height: 100px; border-radius: 5px; transition: 0.3s linear all; } .info-box6:hover { box-shadow: 4px 4px 20px #dadada; transition: 0.3s linear all; } .info-box6.primary { background-color: #007bff; color: #fff; } .info-box6.danger { background-color: #ef5350; color: #fff; } .info-box6.success { background-color: #66bb6a; color: #fff; } .info-box6.info { background-color: #26c6da; color: #fff; } .info-box6 i { font-size: 5em; opacity: 0.2; } .info-box6 .count-numbers { position: absolute; right: 35px; top: 20px; font-size: 32px; display: block; } .info-box6 .count-name { position: absolute; right: 35px; top: 65px; font-style: italic; text-transform: capitalize; opacity: 0.5; display: block; font-size: 18px; } .bg-c-blue { background: linear-gradient(45deg, #4099ff, #73b4ff); } .bg-c-green { background: linear-gradient(45deg, #2ed8b6, #59e0c5); } .bg-c-yellow { background: linear-gradient(45deg, #ffb64d, #ffcb80); } .bg-c-pink { background: linear-gradient(45deg, #ff5370, #ff869a); } .info-box7 { border-radius: 5px; color: #fff; box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16); border: none; margin: 8px 0px 25px 0px; transition: all 0.3s ease-in-out; } .info-box7 .info-box7-block { padding: 25px; } .order-info-box7 i { font-size: 26px; } .box-part { background: #fff; border-radius: 10px; padding: 30px 15px; margin: 5px 0 23px; } .box-part { background: #fff; border-radius: 10px; padding: 30px 15px; margin: 5px 0 23px; } .infobox-5 .card-icon i { font-size: 4rem; } .card-statistic-4 { position: relative; color: #000000; padding: 15px; border-radius: 3px; overflow: hidden; } .card-statistic-4 .card-icon-large { font-size: 110px; width: 110px; height: 50px; text-shadow: 3px 7px rgba(0, 0, 0, 0.3); } .card-statistic-4 .card-icon { text-align: center; line-height: 50px; margin-left: 15px; color: #000; position: absolute; right: -5px; top: 20px; opacity: 0.1; } .card-statistic-4 .banner-img img { max-width: 100%; float: right; } @keyframes animate-positive { 0% { width: 0; } } /* * Document : _inputformgroup.scss * Author : RedStar Template * Description: This scss file for input form style classes */ label, .form-check { font-size: 13px; line-height: 1.42857; color: #414244; font-weight: 400; } .input-group { width: 100%; margin-bottom: 20px; display: table; } .input-group .form-line { display: inline-block; width: 100%; position: relative; } .input-group .form-line:after { content: ""; position: absolute; left: 0; width: 100%; bottom: 0px; transform: scaleX(0); transition: 0.25s ease-in; border-bottom: 2px solid #1f91f3; } .input-group .form-line + .input-group-addon { padding-right: 0; padding-left: 10px; } .input-group .help-info { float: right; font-size: 12px; margin-top: 5px; color: #999; } .input-group label.error { font-size: 12px; display: block; margin-top: 5px; font-weight: normal; color: #f44336; } .input-group .form-line.error:after { border-bottom: 2px solid #f44336; } .input-group .form-line.success:after { border-bottom: 2px solid #4caf50; } .input-group .form-line.warning:after { border-bottom: 2px solid #ffc107; } .input-group .form-line.focused:after { transform: scaleX(1); } .input-group .form-line.focused .form-label { bottom: 25px; left: 0; font-size: 12px; } .input-group .input-group-addon { border: none; background-color: transparent; padding-left: 0; font-weight: bold; display: table-cell; } .input-group .input-group-addon .material-icons { font-size: 18px; color: #555; } .input-group input[type=text], .input-group .form-control { box-shadow: none; padding-left: 0; margin: 0; font-size: 13px; } .input-group .form-control:focus { -ms-box-shadow: none !important; box-shadow: none !important; } .input-group.input-group-sm .input-group-addon i { font-size: 14px; } .input-group.input-group-sm .form-control { font-size: 12px !important; } .input-group.input-group-lg .input-group-addon i { font-size: 26px; } .input-group.input-group-lg .form-control { font-size: 18px !important; } .input-field > label:not(.label-icon).active { font-size: 15px !important; transform: translateY(-5px) scale(0.8); } .input-field input, .input-field textarea { font-size: 13px !important; } .input-field > label { font-size: 13px !important; } .form-control-label { text-align: right; } .form-control-label label { margin-top: 8px; } .form-horizontal .form-group { margin-bottom: 0; } .form-group { width: 100%; margin-bottom: 25px; } .form-group .form-control { width: 100%; /* border: none; */ box-shadow: none; /* border-bottom: 1px solid #9e9e9e;*/ border-radius: 0; padding-left: 0; } .form-group input.form-control { margin: 0; font-size: 13px; } .form-group .help-info { float: right; font-size: 12px; margin-top: 5px; color: #999; } .form-group label.error { font-size: 12px; display: block; margin-top: 5px; font-weight: normal; color: #f44336; } .form-group .form-line { width: 100%; position: relative; } .form-group .form-line:after { content: ""; position: absolute; left: 0; width: 100%; height: 0; bottom: -1px; transform: scaleX(0); transition: 0.25s ease-in; border-bottom: 2px solid #1f91f3; } .form-group .form-line .form-label { font-weight: normal; color: #aaa; position: absolute; top: 10px; left: 0; cursor: text; transition: 0.2s; } .form-group .form-line.error:after { border-bottom: 2px solid #f44336; } .form-group .form-line.success:after { border-bottom: 2px solid #4caf50; } .form-group .form-line.warning:after { border-bottom: 2px solid #ffc107; } .form-group .form-line.focused:after { transform: scaleX(1); } .form-group .form-line.focused .form-label { top: -10px; left: 0; font-size: 12px; } .form-group-sm .form-label { font-size: 12px; } .form-group-sm .form-line.focused .form-label { bottom: 20px; font-size: 10px; } .form-group-lg .form-label { font-size: 18px; } .form-group-lg .form-line.focused .form-label { bottom: 35px; font-size: 12px; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: transparent; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9 ; border-right: 4px solid transparent; border-left: 4px solid transparent; } .show > .dropdown-menu { display: block; } .spinner .input-group-addon { /*position: relative;*/ position: absolute; top: 10px; right: 0; } .spinner .input-group-addon .spin-up i { position: absolute; left: 0; } .spinner .input-group-addon .spin-down i { position: absolute; left: 0; bottom: -15px; } .bootstrap-select .btn { color: #333; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .form-check { margin-bottom: 0.5rem; padding-left: 0; } .form-check .form-check-label { cursor: pointer; padding-left: 25px; position: relative; padding-right: 15px; } .form-check .form-check-label span { display: block; position: absolute; left: -1px; top: -1px; transition-duration: 0.2s; padding-left: 0; } .form-check .form-check-input { opacity: 0; height: 0; width: 0; overflow: hidden; position: absolute; margin: 0; z-index: -1; left: 0; pointer-events: none; } .form-check .form-check-input:checked + .form-check-sign:before { animation: rippleOn 0.5s; } .form-check .form-check-input:checked + .form-check-sign .check { background: #9c27b0; } .form-check .form-check-input:checked + .form-check-sign .check:before { color: #ffffff; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; animation: checkboxOn 0.3s forwards; } .form-check .form-check-sign { vertical-align: middle; position: relative; top: -2px; float: left; padding-right: 10px; display: inline-block; } .form-check .form-check-sign:before { display: block; position: absolute; left: 0; content: ""; background-color: rgba(0, 0, 0, 0.84); height: 20px; width: 20px; border-radius: 100%; z-index: 1; opacity: 0; margin: 0; top: 0; transform: scale3d(2.3, 2.3, 1); } .form-check .form-check-sign .check { position: relative; display: inline-block; width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, 0.54); overflow: hidden; z-index: 1; border-radius: 3px; } .form-check .form-check-sign .check:before { position: absolute; content: ""; transform: rotate(45deg); display: block; margin-top: -3px; margin-left: 7px; width: 0; color: #ffffff; height: 0; animation: checkboxOff 0.3s forwards; } .default-select select { width: 100px; -webkit-appearance: none; appearance: none; } .default-select .select-wrapper input.select-dropdown { display: none; } /* * Document : _labels.scss * Author : RedStar Template * Description: This scss file for label style classes */ .label { border-radius: 10px; padding: 2px 10px; color: #fff; display: inline-block; } .label-default { background-color: #777; } .label-primary { background-color: #1f91f3; } .label-success { background-color: #2b982b; } .label-info { background-color: #00b0e4; } .label-warning { background-color: #ff9600; } .label-danger { background-color: #fb483a; } /* * Document : _leftsidebaroverlay.scss * Author : RedStar Template * Description: This scss file for left side bar style classes */ .overlay { position: fixed; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 10; } .overlay-open .sidebar { margin-left: 0; z-index: 99999999; } .sidebar { transition: all 0.5s; font-family: "Roboto", sans-serif; background: #ffffff; width: 282px; overflow: hidden; display: flex; height: calc(100vh - 60px); position: fixed; top: 60px; left: 0; border-right: 1px solid #f2f4f9; box-shadow: 0 8px 10px 0 rgba(183, 192, 206, 0.2); z-index: 999 !important; } .sidebar .main-menu { display: block; width: 25%; } .sidebar .main-menu .menu-img { width: 21px; } .sidebar .main-menu .list { padding-right: 0; direction: rtl; } .sidebar .main-menu .list a { width: inherit; height: 50px; display: flex; align-items: center; justify-content: center; } .sidebar .main-menu .list li { margin: 3px 0px; } .sidebar .main-menu .active { background: url('menubg-en.svg'); background-repeat: no-repeat; background-position: right; } .sidebar .main-menu .active img { filter: invert(98%) sepia(34%) saturate(2%) hue-rotate(192deg) brightness(110%) contrast(101%); } .sidebar .menu-items { display: block; width: 75%; } .sidebar .user-info { padding: 13px 15px 12px 15px; white-space: nowrap; position: relative; border-bottom: 1px solid #e9e9e9; height: 135px; } .sidebar .user-info .image { margin-right: 12px; display: inline-block; } .sidebar .user-info .image img { border-radius: 50%; vertical-align: bottom !important; } .sidebar .user-info .info-container { cursor: default; display: block; position: relative; top: 25px; } .sidebar .user-info .info-container .name { white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-size: 14px; max-width: 200px; color: #fff; } .sidebar .user-info .info-container .email { white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-size: 12px; max-width: 200px; color: #fff; } .sidebar .user-info .info-container .user-helper-dropdown { position: absolute; right: -3px; bottom: -12px; -ms-box-shadow: none; box-shadow: none; cursor: pointer; color: #fff; } .sidebar .menu { position: relative; overflow-y: auto; overflow-x: hidden; height: 100vh; } .sidebar .menu .list { list-style: none; padding-left: 0; } .sidebar .menu .list ul { border-left: 1px solid rgba(128, 128, 128, 0.231372549); margin-left: 18px; } .sidebar .menu .list li { cursor: pointer; } .sidebar .menu .list li.active .menu-top { margin-left: 0px; margin-right: 0px; border-radius: 0px; color: #006BFC; } .sidebar .menu .list li.active > :first-child .material-icons-two-tone { vertical-align: middle; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0) brightness(9948%) contrast(496%); } .sidebar .menu .list li.active > :first-child span { color: white; font-weight: bold; } .sidebar .menu .list .header { font-size: 15px; font-weight: 600; margin: 21px 0px 5px 9px; text-transform: uppercase; letter-spacing: 0.5px; color: #8d8d8e; } .sidebar .menu .list i.material-icons { font-size: 15px; } .sidebar .menu .list i.fas { font-size: 15px; } .sidebar .menu .list i.far { font-size: 15px; } .sidebar .menu .list i.fab { font-size: 15px; } .sidebar .menu .list i.fa { font-size: 15px; } .sidebar .menu .list .tooltips .sidebarQuickIcon { font-size: 18px; margin-top: 10px; } .sidebar .menu .list .active .ml-menu { display: block; } .sidebar .menu .list .active .ml-sub-menu { display: block; } .sidebar .menu .list .menu-toggle:after, .sidebar .menu .list .menu-toggle:before { position: absolute; top: calc(50% - 13px); right: 17px; font-size: 17px; transform: scale(0); transition: all 0.3s; } .sidebar .menu .list .menu-toggle:before { font-family: "Material Icons Round"; content: "\e5cc"; transform: scale(1); } .sidebar .menu .list .menu-toggle:after { font-family: "Material Icons Round"; content: "\e5cf"; transform: scale(0); } .sidebar .menu .list .material-icons-two-tone { vertical-align: middle; filter: invert(43%) sepia(4%) saturate(19%) hue-rotate(342deg) brightness(94%) contrast(88%); } .sidebar .menu .list .active .menu-toggle:before { transform: scale(0); } .sidebar .menu .list .active .menu-toggle:after { transform: scale(1); } .sidebar .menu .list .ml-sub-menu:after, .sidebar .menu .list .ml-sub-menu:before { position: absolute; top: calc(50% - 13px); right: 17px; font-size: 17px; transform: scale(0); transition: all 0.3s; } .sidebar .menu .list .ml-sub-menu:before { font-family: "Material Icons Round"; content: "\e5cc"; transform: scale(0.8); } .sidebar .menu .list .ml-sub-menu:after { font-family: "Material Icons Round"; content: "\e5cf"; transform: scale(0); } .sidebar .menu .list .activeSub .ml-sub-menu { color: #006BFC; font-weight: bold; background: #eef3f6; border-radius: 11px; } .sidebar .menu .list .activeSub .ml-sub-menu:before { transform: scale(0); } .sidebar .menu .list .activeSub .ml-sub-menu:after { transform: scale(0.8); } .sidebar .menu .list .activeSub .ml-sub-menu span { color: #006BFC; } .sidebar .menu .list a { color: #000000; position: relative; font-size: 13px; display: block; overflow: hidden; line-height: 2rem; padding: 9px 9px 9px 9px; margin: 0px 9px 0px 3px; border-radius: 0.5rem; } .sidebar .menu .list a:hover, .sidebar .menu .list a:active { text-decoration: none !important; color: #006BFC; } .sidebar .menu .list a:hover span, .sidebar .menu .list a:active span { color: #006BFC; } .sidebar .menu .list a small, .sidebar .menu .list a .small { position: absolute; top: calc(50% - 7.5px); right: 15px; } .sidebar .menu .list a span { margin: 7px 0 0px 12px; color: #333; font-weight: 400; font-size: 14px; overflow: hidden; display: -webkit-inline-box; } .sidebar .menu .list .ml-menu { list-style: none; display: none; padding-left: 0; } .sidebar .menu .list .ml-menu span { font-size: 14px; margin: 3px 0 1px 6px; } .sidebar .menu .list .ml-menu li a { padding-left: 0px; margin-top: 0px; } .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before { content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; position: absolute; left: 18%; top: 50%; transform: translate(-10px, -50%); opacity: 1; transition: all 0.2s ease; } .sidebar .menu .list .ml-menu li.active a { color: #006BFC; } .sidebar .menu .list .ml-menu li.active .ml-menu-2 { display: block; } .sidebar .menu .list .ml-menu li .ml-menu li a { padding-left: 80px; } .sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a { padding-left: 95px; } .sidebar .menu .list .ml-menu .activeSub .ml-menu-2 { display: block; } .sidebar .menu .list .ml-menu-2 { list-style: none; display: none; padding-left: 0; padding-right: 0; } .sidebar .menu .list .ml-menu-2 span { font-size: 14px; margin: 3px 0 1px 6px; } .sidebar .menu .list .ml-menu-2 li a { padding-left: 42px; padding-top: 4px; padding-bottom: 4px; } .sidebar .sidebar-badge { position: absolute; right: 35px; padding: 3px 6px; margin-top: 5px !important; border-radius: 15px; color: #ffffff !important; font-size: 12px !important; border: none; font-weight: 300 !important; } .sidebar-user-panel { position: sticky; top: 0px; background: #ffffff; z-index: 99999; padding-bottom: 7px; } .sidebar-user-panel .sidebarsearch { padding: 7px; } .sidebar-logout { position: sticky; bottom: 14px; background: #ffffff; z-index: 99999; } .right-sidebar { width: 280px; height: calc(100vh - 60px); position: fixed; right: -300px; top: 60px; background: #fdfdfd; z-index: 999 !important; -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); overflow: hidden; transition: 0.5s; } .right-sidebar.open { right: 0; } .right-sidebar .nav-tabs { font-weight: 600; font-size: 13px; width: 100%; margin-left: 2px; } .right-sidebar .nav-tabs li { text-align: center; } .right-sidebar .nav-tabs li > a { margin-right: 0; } .right-sidebar .nav-tabs li:first-child { width: 45%; } .right-sidebar .nav-tabs li:last-child { width: 55%; } .right-sidebar .rightSidebarClose { position: absolute; top: 8px; left: 8px; z-index: 99; cursor: pointer; } .boxed-layout .sidebar { left: auto; } .boxed-layout.side-closed .sidebar { left: 0; } .horizontal-menu { width: 100%; text-align: center; } .top-sidebar { float: left; width: 100%; position: fixed; z-index: 9; top: 60px; background-color: #ffffff; -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } .top-sidebar ul.horizontal-list { overflow: visible !important; margin: 0; display: inline-block; height: 60px; } .top-sidebar ul.horizontal-list a { color: #747474; float: left; width: 100%; } .top-sidebar ul.horizontal-list li { float: left; position: relative; padding: 20px 20px; } .top-sidebar ul.horizontal-list li:hover > ul { display: block !important; position: absolute; top: 63px; background-color: #fff; border-radius: 5px; z-index: 9; -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } .top-sidebar ul.horizontal-list li:hover > ul:after { position: absolute; bottom: 100%; left: 1.8rem; width: 0; height: 0; margin-left: -16px; content: " "; pointer-events: none; border: solid transparent; border-width: 9px; border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; } .top-sidebar ul.horizontal-list li:hover > ul:before { position: absolute; bottom: 100%; left: 1.8rem; width: 0; height: 0; margin-left: -16px; content: " "; pointer-events: none; border: solid transparent; border-width: 9px; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ad5454; } .top-sidebar ul.horizontal-list li:hover > ul.mega-ml-menu { position: relative; top: 0; } .top-sidebar ul.horizontal-list li ul li { width: 100%; padding: 10px 15px; text-align: left; } .top-sidebar ul.horizontal-list ul.ml-menu { display: none !important; width: 200px; } .top-sidebar ul.horizontal-list ul.ml-menu li:hover ul { top: 0; left: 100%; } .top-sidebar ul.horizontal-list ul.ml-menu .menu-toggle { position: relative; } .top-sidebar ul.horizontal-list ul.ml-menu .menu-toggle:after { content: "‣"; position: absolute; right: 0; font-size: 25px; top: 0; line-height: 22px; } .top-sidebar ul.horizontal-list i.material-icons { margin-top: 1px; margin-right: 3px; float: left; font-size: 20px; } .top-sidebar .slimScrollDiv { overflow: visible !important; } .menu_dark .sidebar { background: #1a202e; border-right: 1px solid #2f3a44; font-weight: 500; } .menu_dark .sidebar .menu .list a { color: #cfd8e3; } .menu_dark .sidebar .menu .list a span { color: #cfd8e3; } .menu_dark .sidebar .menu .list a:hover { background-color: rgba(0, 0, 0, 0.2); } .menu_dark .sidebar .menu .list .header { background: transparent; color: #9babf1; font-size: 12px; font-weight: 600; margin: 15px 0px 5px 33px; text-transform: uppercase; letter-spacing: 0.5px; } .menu_dark .sidebar .menu .list .active .menu-toggle { background-color: rgba(0, 0, 0, 0.4); } .menu_dark .sidebar .menu .list .menu-toggle::after { color: #b8babb; } .menu_dark .sidebar .menu .list .menu-toggle::before { color: #b8babb; } .menu_dark .sidebar .menu .list .material-icons-two-tone { filter: invert(86%) sepia(3%) saturate(2995%) hue-rotate(185deg) brightness(79%) contrast(78%); } .menu_dark .sidebar .menu .list .ml-menu li a { color: #dadada; } .menu_dark .sidebar .menu .list li.active .menu-top { background-color: rgba(0, 0, 0, 0.4); } .menu_dark .sidebar .menu .list .ml-menu .active a::before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-size: 13px; display: block; width: 7px; height: 7px; position: absolute; left: 8%; font-weight: 900; } .menu_dark .sidebar-userpic-name { color: #e6e6e6; } .menu_dark .profile-usertitle-job { color: #e6e6e6; } .user-panel { float: left; width: 100%; color: #ccc; padding: 25px 0px 10px 0; background: white; } .user-panel .image { margin: 0px 18px 0px 18px; width: 19%; max-width: 75px; display: inline-flex; } .user-panel .image span { margin: 8px 10px 0px 10px; color: #006BFC; font-size: 12px; font-weight: bold; } .user-panel .image .profile-usertitle-job { margin: 5px 10px 0px 10px; color: #006BFC; font-size: 10px; width: 164px; } .user-panel .image img { max-width: 100%; } .user-img-circle { background: #fff; border-radius: 50%; position: inherit; padding: 2px; cursor: pointer; } .img-circle { border-radius: 15%; } .profile-usertitle { text-align: center; color: #060606; } .profile-header { background-color: white !important; } .profile-header .mat-icon { display: flex !important; } .profile-usertitle-job { font-size: 11px; color: #000000; } .sidebar-userpic-btn { display: flex; place-content: space-around; margin: auto; line-height: 2rem; padding: 9px 9px 9px 9px; margin: 8px 13px 0px 13px; } .sidebar-userpic-btn a { padding: 0px !important; margin: 0px !important; height: 30px; width: 30px; } .sidebar-userpic-btn a:hover { cursor: pointer; } .sidebar-userpic-btn a .mat-button-wrapper { margin-left: 0px !important; } .sidebar-userpic-btn a:hover { background-color: transparent !important; } .collapse.in { display: block; list-style-type: none; } /* * Document : _navbar.scss * Author : RedStar Template * Description: This scss file for navbar style classes */ .navbar { font-family: "Roboto", sans-serif; border-radius: 0; box-shadow: none; border: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; padding: 0; } .navbar .navbar-brand { white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .navbar .navbar-custom-right-menu { float: right; } .navbar .navbar-toggle { text-decoration: none; color: #fff; width: 20px; height: 20px; margin-top: -7px; line-height: 60px; margin-right: 17px; } .navbar .navbar-toggle:before { content: "\e8d5"; font-family: "Material Icons"; font-size: 26px; } .navbar .navbar-collapse.in { overflow: visible; } .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl, .navbar .container { display: block; } .navbar .dropdown-menu ul.menu li { width: 100%; } .navbar .nav-left-menu { margin: 3px 15px; } .navbar .collapse-menu-icon { margin-bottom: 0px; line-height: 60px; padding-left: 35px; } .ls-closed .sidebar { margin-left: -300px; } .ls-closed section.content { margin-left: 15px; } .ls-closed .bars:after, .ls-closed .bars:before { font-family: "Material Icons"; font-size: 24px; position: absolute; left: 10px; top: 0px; line-height: 60px; margin-right: 10px; transform: scale(0); transition: all 0.3s; } .ls-closed .bars:before { content: "\e5d2"; transform: scale(1); } .ls-closed .navbar-brand { margin-left: 30px; } .overlay-open .bars:before { transform: scale(0); } .overlay-open .bars:after { transform: scale(1); } .overlay-open.ls-closed .sidebar { margin-left: 0; } .navbar-header { padding: 8px; width: 288px; transition: all 0.5s; } .navbar-header .bars { float: left; text-decoration: none; } .navbar-icon { list-style-type: none; padding-left: 20px; } .logo-name { color: white; font-size: 24px; font-weight: 400; } .navbar-nav > li > a { padding: 7px 7px 2px 7px; margin-top: 9px; } .navbar-nav > li .js-right-sidebar { margin-right: 15px; } .navbar-nav.navbar-right { float: right !important; margin-right: 0px; line-height: 60px; display: flex; flex-direction: row; } .navbar-nav.navbar-right .nav-item { margin: 0px 12px; } .navbar-nav .dropdown-menu { margin-top: 60px !important; width: 325px; right: 0; left: auto; position: absolute !important; top: 0; padding: 0; border-radius: 5px; } .navbar-nav .dropdown-menu::before { content: ""; position: absolute; top: -7px; right: 19px; display: inline-block !important; border-right: 7px solid transparent; border-bottom: 7px solid #eee; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); } .navbar-nav .dropdown-menu::after { content: ""; position: absolute; top: -6px; right: 20px; display: inline-block !important; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .navbar-nav .dropdown-menu ul.menu .menu-info p { line-height: 1; } .navbar-nav .dropdown-menu ul.menu .menu-info p .material-icons { display: inline-block; } .navbar-nav .dropdown-menu li.footer { width: 100%; height: 45px; } .navbar-nav .dropdown-menu .header { line-height: 2; } .navbar-nav .material-icons { line-height: 1; height: 24px; } .navbar-nav .fas { line-height: 1; height: 24px; font-size: 18px; } .navbar-nav .far { line-height: 1; height: 24px; font-size: 18px; } .navbar-nav .fab { line-height: 1; height: 24px; font-size: 18px; } .navbar-nav .fa { line-height: 1; height: 24px; font-size: 18px; } .navbar-nav .user_profile .user_dw_menu { list-style-type: none; padding-left: 0px; } .navbar-nav .user_profile .user_dw_menu li { width: 100%; height: 42px; } .navbar-nav .user_profile .user_dw_menu li:hover { background-color: #f2f1f9; } .navbar-nav .user_profile .user_dw_menu li:hover a { color: #006BFC; } .navbar-nav .user_profile .user_dw_menu li a { line-height: 24px; color: black; padding: 2px 6px; display: inline-flex; padding: 10px 20px 10px 20px; } .navbar-nav .user_profile .user_dw_menu li i { float: left; padding-right: 5px; font-size: 16px; display: flex; align-items: center; color: #006BFC; } .navbar-nav .user_profile .user_dw_menu li:last-child { border-bottom: 0; } .navbar-nav .user_profile .dropdown-menu { width: 220px !important; right: -10px; } .navbar-nav .lang-item { width: min-content !important; } .nav-notification-icons:after { display: none; } .lang-dropdown { cursor: pointer; } .lang-dropdown .country-name { margin-left: 5px; vertical-align: middle; } .lang-dropdown::after { display: none; } .lang-item { width: 175px !important; } .lang-item .lang-item-list { line-height: 30px; } .lang-item .lang-item-list.active { background-color: #eef1f9; color: #000000; } .lang-item .lang-item-list .flag-img { margin: 0px 5px; } .notification-icon ul { padding: 6px; } .notification-dropdown .notification-filter { margin: 0px 6px; text-align: right; line-height: 32px; display: flex; } .notification-dropdown .notification-filter span { line-height: 23px; border-radius: 6px; color: black; padding: 4px 16px 4px 16px; margin: 0px 4px; background-color: #fafafa; cursor: pointer; } .notification-dropdown .notification-filter .active { background-color: #006BFC; color: white; } .notification-dropdown li a { border-bottom: 0px !important; margin: 3px 3px; border-radius: 5px; width: -webkit-fill-available !important; } .notification-dropdown .tilte { margin: 9px 8px; width: -moz-fit-content; width: fit-content; line-height: 1; font-size: 13px; font-weight: bold; border-bottom: 1px solid rgba(128, 128, 128, 0.2117647059); } .notification-dropdown .all-notification { line-height: 33px; -webkit-text-decoration: revert; text-decoration: revert; color: #4141ff !important; } .notification-dropdown button { line-height: 2; width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; color: rgba(0, 0, 0, 0.7803921569); } .label-count { position: absolute; top: 7px; right: 12px; font-size: 10px; line-height: 15px; background-color: none; padding: 3px 3px; border-radius: 3px; } .pulse, .notification-plus { animation: pulse 1s; animation-iteration-count: 7; animation-timing-function: ease-out; } @keyframes pulse { 0% { opacity: 1; width: 3px; height: 3px; top: 7px; right: 12px; background-color: #51b486; } 95% { opacity: 0.1; width: 6px; height: 6px; background-color: #51b486; } 100% { opacity: 0; width: 3px; height: 3px; top: 7px; right: 12px; background-color: #51b486; } } .unreaded { top: 6px; right: -1px; width: 20px; height: 14px; border-radius: 18%; background-color: #ff1717; line-height: 1.2; color: white; text-align: center; display: flex; justify-content: center; padding: 2px; font-weight: bold; } .navbar-brand { float: left; height: 45px; padding: 6px 25px; font-size: 18px; line-height: 20px; text-align: center; width: 100%; } .navbar-brand img { /*float: left;*/ vertical-align: top; height: 23px; } .navbar-brand span { line-height: 32px; padding-left: 0px; } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .collapse { display: none; } .navbar-nav { margin: 0px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 5px 0px; } nav.navbar { min-height: 60px; z-index: 99; } .col-blue .navbar .navbar-brand, .col-blue .navbar .navbar-brand:hover, .col-blue .navbar .navbar-brand:active, .col-blue .navbar .navbar-brand:focus { color: #fff; } .col-blue .navbar .nav > li > a:hover, .col-blue .navbar .nav > li > a:focus, .col-blue .navbar .nav .open > a, .col-blue .navbar .nav .open > a:hover, .col-blue .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-blue .navbar .nav > li > a { color: #fff; } .col-blue .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-blue .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-indigo .navbar .navbar-brand, .col-indigo .navbar .navbar-brand:hover, .col-indigo .navbar .navbar-brand:active, .col-indigo .navbar .navbar-brand:focus { color: #fff; } .col-indigo .navbar .nav > li > a:hover, .col-indigo .navbar .nav > li > a:focus, .col-indigo .navbar .nav .open > a, .col-indigo .navbar .nav .open > a:hover, .col-indigo .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-indigo .navbar .nav > li > a { color: #fff; } .col-indigo .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-indigo .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-purple .navbar .navbar-brand, .col-purple .navbar .navbar-brand:hover, .col-purple .navbar .navbar-brand:active, .col-purple .navbar .navbar-brand:focus { color: #fff; } .col-purple .navbar .nav > li > a:hover, .col-purple .navbar .nav > li > a:focus, .col-purple .navbar .nav .open > a, .col-purple .navbar .nav .open > a:hover, .col-purple .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-purple .navbar .nav > li > a { color: #fff; } .col-purple .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-purple .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-pink .navbar .navbar-brand, .col-pink .navbar .navbar-brand:hover, .col-pink .navbar .navbar-brand:active, .col-pink .navbar .navbar-brand:focus { color: #fff; } .col-pink .navbar .nav > li > a:hover, .col-pink .navbar .nav > li > a:focus, .col-pink .navbar .nav .open > a, .col-pink .navbar .nav .open > a:hover, .col-pink .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-pink .navbar .nav > li > a { color: #fff; } .col-pink .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-pink .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-red .navbar .navbar-brand, .col-red .navbar .navbar-brand:hover, .col-red .navbar .navbar-brand:active, .col-red .navbar .navbar-brand:focus { color: #fff; } .col-red .navbar .nav > li > a:hover, .col-red .navbar .nav > li > a:focus, .col-red .navbar .nav .open > a, .col-red .navbar .nav .open > a:hover, .col-red .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-red .navbar .nav > li > a { color: #fff; } .col-red .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-red .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-orange .navbar .navbar-brand, .col-orange .navbar .navbar-brand:hover, .col-orange .navbar .navbar-brand:active, .col-orange .navbar .navbar-brand:focus { color: #fff; } .col-orange .navbar .nav > li > a:hover, .col-orange .navbar .nav > li > a:focus, .col-orange .navbar .nav .open > a, .col-orange .navbar .nav .open > a:hover, .col-orange .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-orange .navbar .nav > li > a { color: #fff; } .col-orange .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-orange .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-yellow .navbar .navbar-brand, .col-yellow .navbar .navbar-brand:hover, .col-yellow .navbar .navbar-brand:active, .col-yellow .navbar .navbar-brand:focus { color: #fff; } .col-yellow .navbar .nav > li > a:hover, .col-yellow .navbar .nav > li > a:focus, .col-yellow .navbar .nav .open > a, .col-yellow .navbar .nav .open > a:hover, .col-yellow .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-yellow .navbar .nav > li > a { color: #fff; } .col-yellow .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-yellow .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-green .navbar .navbar-brand, .col-green .navbar .navbar-brand:hover, .col-green .navbar .navbar-brand:active, .col-green .navbar .navbar-brand:focus { color: #fff; } .col-green .navbar .nav > li > a:hover, .col-green .navbar .nav > li > a:focus, .col-green .navbar .nav .open > a, .col-green .navbar .nav .open > a:hover, .col-green .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-green .navbar .nav > li > a { color: #fff; } .col-green .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-green .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-teal .navbar .navbar-brand, .col-teal .navbar .navbar-brand:hover, .col-teal .navbar .navbar-brand:active, .col-teal .navbar .navbar-brand:focus { color: #fff; } .col-teal .navbar .nav > li > a:hover, .col-teal .navbar .nav > li > a:focus, .col-teal .navbar .nav .open > a, .col-teal .navbar .nav .open > a:hover, .col-teal .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-teal .navbar .nav > li > a { color: #fff; } .col-teal .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-teal .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-cyan .navbar .navbar-brand, .col-cyan .navbar .navbar-brand:hover, .col-cyan .navbar .navbar-brand:active, .col-cyan .navbar .navbar-brand:focus { color: #fff; } .col-cyan .navbar .nav > li > a:hover, .col-cyan .navbar .nav > li > a:focus, .col-cyan .navbar .nav .open > a, .col-cyan .navbar .nav .open > a:hover, .col-cyan .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-cyan .navbar .nav > li > a { color: #fff; } .col-cyan .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-cyan .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-white .navbar .navbar-brand, .col-white .navbar .navbar-brand:hover, .col-white .navbar .navbar-brand:active, .col-white .navbar .navbar-brand:focus { color: #fff; } .col-white .navbar .nav > li > a:hover, .col-white .navbar .nav > li > a:focus, .col-white .navbar .nav .open > a, .col-white .navbar .nav .open > a:hover, .col-white .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-white .navbar .nav > li > a { color: #fff; } .col-white .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-white .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-gray .navbar .navbar-brand, .col-gray .navbar .navbar-brand:hover, .col-gray .navbar .navbar-brand:active, .col-gray .navbar .navbar-brand:focus { color: #fff; } .col-gray .navbar .nav > li > a:hover, .col-gray .navbar .nav > li > a:focus, .col-gray .navbar .nav .open > a, .col-gray .navbar .nav .open > a:hover, .col-gray .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-gray .navbar .nav > li > a { color: #fff; } .col-gray .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-gray .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-gray-dark .navbar .navbar-brand, .col-gray-dark .navbar .navbar-brand:hover, .col-gray-dark .navbar .navbar-brand:active, .col-gray-dark .navbar .navbar-brand:focus { color: #fff; } .col-gray-dark .navbar .nav > li > a:hover, .col-gray-dark .navbar .nav > li > a:focus, .col-gray-dark .navbar .nav .open > a, .col-gray-dark .navbar .nav .open > a:hover, .col-gray-dark .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-gray-dark .navbar .nav > li > a { color: #fff; } .col-gray-dark .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-gray-dark .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .side-closed .sidebar { /*margin-left: -300px;*/ width: 65px; } .side-closed .sidebar .main-menu { width: 65px; } .side-closed .sidebar .main-menu .img { margin-inline-end: 7px; } .side-closed .sidebar .menu-items { width: 0px; } .side-closed.submenu-closed .sidebar .menu .list li .ml-menu, .side-closed.submenu-closed .sidebar .menu .list .header { display: none !important; } .side-closed.submenu-closed .navbar-header { width: 65px; } .side-closed.submenu-closed .navbar-header .navbar-brand { padding-right: 0; padding-left: 0; margin: 0; } .side-closed.submenu-closed .navbar-header .navbar-brand span { display: none; } .side-closed.submenu-closed .sidebar-user-panel { display: none; } .side-closed.submenu-closed .navbar-brand > img { display: block; height: 30px; } .side-closed section.content { margin-left: 75px; } .side-closed .navbar-brand { margin-left: 30px; } .side-closed.side-closed-hover .sidebar { width: 260px; } .side-closed.side-closed-hover .sidebar .main-menu { width: 91px; } .side-closed.side-closed-hover .sidebar .menu-items { width: -webkit-fill-available; } .side-closed.side-closed-hover .sidebar .menu .list .active .menu-toggle:before { transform: scale(0); } .side-closed.side-closed-hover .sidebar .menu .list .active .menu-toggle:after { transform: scale(1); } .side-closed.side-closed-hover .sidebar .menu .list li .menu-toggle:before { font-family: "Material Icons"; content: "\e5cc"; transform: scale(1); } .side-closed.side-closed-hover .sidebar .menu .list li .menu-toggle:after { font-family: "Material Icons"; content: "\e5cf"; transform: scale(0); } .side-closed.side-closed-hover .sidebar .menu .list li span { display: grid; float: left; } .side-closed.side-closed-hover .sidebar .menu .list li a { padding: 9px 9px 9px 9px; } .side-closed.side-closed-hover .sidebar .menu .list li i { float: left; line-height: 2rem; } .side-closed.side-closed-hover .sidebar .menu .list li img { float: left; line-height: 2rem; } .side-closed.side-closed-hover .sidebar .menu .list .ml-menu li a { padding-left: 45px; padding-top: 7px; padding-bottom: 7px; line-height: 2rem; } .side-closed.side-closed-hover section.content { margin-left: 276px; } .sidemenu-collapse { height: 50px; padding: 0px 20px 0px 44px; } .sidemenu-collapse:hover { text-decoration: none; color: #fff; background-color: transparent; } .sidemenu-collapse .fas { line-height: 1; height: 24px; font-size: 18px; color: #3a2c70; } .boxed-layout .container > .navbar-header { margin-left: 0; } /* * Document : _navtabs.scss * Author : RedStar Template * Description: This scss file for navbar tabs style classes */ .nav-tabs { border-bottom: 2px solid #eee; } .nav-tabs > li { position: relative; top: 3px; left: -2px; } .nav-tabs > li > a { border: none !important; color: #999 !important; border-radius: 0; } .nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > a:focus { background-color: transparent !important; } .nav-tabs > li > a:before { content: ""; position: absolute; left: 0; width: 100%; height: 0; border-bottom: 2px solid #2196f3; bottom: 2px; transform: scaleX(0); transition: 0.1s ease-in; } .nav-tabs > li > a .material-icons { position: relative; top: 7px; margin-bottom: 8px; } .nav-tabs li a.active { color: #222 !important; } .nav-tabs li a.active:hover, .nav-tabs li a.active:active, .nav-tabs li a.active:focus { background-color: transparent !important; } .nav-tabs li a.active:before { transform: scaleX(1); } .nav-tabs + .tab-content { padding: 15px 0; } .nav-tabs.tab-col-blue > li > a:before { border-bottom: 2px solid #0d6efd; } .nav-tabs.tab-col-indigo > li > a:before { border-bottom: 2px solid #6610f2; } .nav-tabs.tab-col-purple > li > a:before { border-bottom: 2px solid #6f42c1; } .nav-tabs.tab-col-pink > li > a:before { border-bottom: 2px solid #d63384; } .nav-tabs.tab-col-red > li > a:before { border-bottom: 2px solid #dc3545; } .nav-tabs.tab-col-orange > li > a:before { border-bottom: 2px solid #fd7e14; } .nav-tabs.tab-col-yellow > li > a:before { border-bottom: 2px solid #ffc107; } .nav-tabs.tab-col-green > li > a:before { border-bottom: 2px solid #198754; } .nav-tabs.tab-col-teal > li > a:before { border-bottom: 2px solid #20c997; } .nav-tabs.tab-col-cyan > li > a:before { border-bottom: 2px solid #0dcaf0; } .nav-tabs.tab-col-white > li > a:before { border-bottom: 2px solid #fff; } .nav-tabs.tab-col-gray > li > a:before { border-bottom: 2px solid #6c757d; } .nav-tabs.tab-col-gray-dark > li > a:before { border-bottom: 2px solid #343a40; } .notice-board { display: flex; align-items: flex-start; } .notice-board .notice-body { font-size: 13px; padding: 0px 0px 5px 10px; } .notice-board .notice-body p { margin-bottom: 0px; } .notice-board .notice-body .notice-heading { margin: 5px 0px 0px 0px; } .rightSetting { padding: 20px 25px 0px 25px; } .rightSetting p { font-weight: bold; margin: 0; border-bottom: 1px solid #eee; font-size: 12px; text-align: left; } .rightSetting .mat-button-toggle-checked { background-color: #6e68c1; color: #ffffff !important; } .rightSetting .mat-button-toggle { width: 60px; height: 30px; font-size: 14px; } .rightSetting .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { line-height: 30px !important; } /* * Document : _noUISlider.scss * Author : RedStar Template * Description: This scss file for noUISlider component style classes */ .search-box:focus button.icon, .search-box:active button.icon, .search-box:hover button.icon { outline: none; opacity: 1; margin-left: -43px; } .search-box { overflow: hidden; width: 270px; vertical-align: middle; white-space: nowrap; } .search-box input#search { width: 250px; height: 40px; background: rgb(255, 255, 255); border: none; font-size: 10pt; float: left; color: #fff; padding-left: 15px; margin-bottom: 0; margin-top: 10px; border-radius: 50px; } .search-box input#search:-moz-placeholder { color: #65737e; } .search-box input#search:-ms-input-placeholder { color: #65737e; } .search-box input#search::-webkit-input-placeholder { color: #65737e; } .search-box input#search::-moz-placeholder { color: #65737e; } .search-box button.icon { border: none; background: transparent; height: 50px; width: 0px; color: #4f5b66; opacity: 0; font-size: 10pt; transition: all 0.55s ease; } .search-box button.icon .fa { font-size: 18px; } .search-box:hover button.icon:hover { background: transparent; } /* * Document : _switch.scss * Author : RedStar Template * Description: This scss file switch button style classes */ .switch label { font-weight: normal; font-size: 13px; } .switch label .lever { margin: 0 14px; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(13, 110, 253, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-blue { background-color: rgba(13, 110, 253, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-blue:after { background-color: #0d6efd; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-indigo:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(102, 16, 242, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-indigo { background-color: rgba(102, 16, 242, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-indigo:after { background-color: #6610f2; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-purple:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(111, 66, 193, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-purple { background-color: rgba(111, 66, 193, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-purple:after { background-color: #6f42c1; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-pink:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(214, 51, 132, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-pink { background-color: rgba(214, 51, 132, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-pink:after { background-color: #d63384; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-red:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(220, 53, 69, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-red { background-color: rgba(220, 53, 69, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-red:after { background-color: #dc3545; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-orange:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(253, 126, 20, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-orange { background-color: rgba(253, 126, 20, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-orange:after { background-color: #fd7e14; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-yellow:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-yellow { background-color: rgba(255, 193, 7, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-yellow:after { background-color: #ffc107; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-green:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(25, 135, 84, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-green { background-color: rgba(25, 135, 84, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-green:after { background-color: #198754; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-teal:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(32, 201, 151, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-teal { background-color: rgba(32, 201, 151, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-teal:after { background-color: #20c997; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-cyan:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(13, 202, 240, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-cyan { background-color: rgba(13, 202, 240, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-cyan:after { background-color: #0dcaf0; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-white:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-white { background-color: rgba(255, 255, 255, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-white:after { background-color: #fff; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-gray:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(108, 117, 125, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-gray { background-color: rgba(108, 117, 125, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-gray:after { background-color: #6c757d; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-gray-dark:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(52, 58, 64, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-gray-dark { background-color: rgba(52, 58, 64, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-gray-dark:after { background-color: #343a40; } /* * Document : _thumbnail.scss * Author : RedStar Template * Description: This scss file for thumbnail style classes */ .thumbnail { border-radius: 0; } .thumbnail p:not(button) { color: #999999; font-size: 14px; } .thumbnail h3, .thumbnail .h3 { font-weight: bold; font-size: 17px; } /* * Document : _todo.scss * Author : RedStar Template * Description: This scss file for todo style classes */ .to-do-list { padding-left: 0; margin-top: -10px; font-size: 12px; min-height: 311px; float: left; width: 100%; } .to-do-list li { padding: 15px 0; border-radius: 3px; position: relative; cursor: move; list-style: none; font-size: 14px; background: #fff; border-bottom: 1px dotted rgba(0, 0, 0, 0.2); } .to-do-list li p { margin: 0; padding-left: 50px; } .to-do-list li .todo-check input[type=checkbox] { visibility: hidden; } .todo-actionlist { position: absolute; right: -5px; top: 22px; } .todo-actionlist a { height: 24px; width: 24px; display: inline-block; float: left; } .todo-actionlist a i { height: 24px; width: 24px; display: inline-block; text-align: center; line-height: 24px; color: #ccc; } .todo-actionlist a:hover i { color: #666; } .line-through { text-decoration: line-through; } .todo-action-bar { margin-top: 20px; } .todo-check { width: 20px; position: relative; margin-right: 10px; margin-left: 10px; } .todo-check input[type=checkbox] { visibility: hidden; } .todo-check label { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 0; left: 0; border-radius: 2px; } .todo-done i { font-size: 14px; } .todo-remove i { font-size: 10px; } .inbox-small-cells .todo-check input[type=checkbox] { visibility: hidden; } /* [4. Apps] */ /* * Document : _contactgrid.scss * Author : RedStar Template * Description: This scss file for style related to contact grid app */ .contact-grid { float: left; width: 100%; text-align: center; } .profile-header { min-height: 150px; color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; } .user-name { padding: 3px; font-size: 22px; } .user-img { padding: 3px; border-radius: 50% 50% 50% 50%; max-width: 112px; max-height: 112px; width: 112px; height: 112px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); margin-bottom: 20px; object-fit: cover; } .profile-card { /* text-align: center; */ margin: 24px 0px; padding: 0px 17px; } .large-bottom-border { border-bottom: 1px solid rgba(220, 220, 220, 0.3607843137); width: 100%; padding: 10px 0px; } .profile-userbuttons { text-align: center; margin-top: 10px; } .contact-grid .phone .material-icons, .contact-grid .email .material-icons { font-size: 16px; padding: 5px 3px 20px 3px; } /* [5. Pages ] */ /* * Document : _dashboard.scss * Author : RedStar Template * Description: This scss file for dashboard page style classes */ .dashboard-flot-chart { height: 275px; } .dashboard-donut-chart { height: 265px; text-align: center; } .dashboard-line-chart { height: 250px; } .dashboard-stat-list { list-style: none; padding-left: 0; margin-top: 40px; } .dashboard-stat-list li { padding: 16px 0 0 0; } .dashboard-stat-list li small, .dashboard-stat-list li .small { font-size: 8px; } .dashboard-task-infos .progress { height: 10px; position: relative; top: 6px; } .totalEarning { text-align: center; padding: 6px; color: #ff9800; } .earningProgress .progress { height: 9px; } .countersAmount { background: white; border-radius: 15px; padding: 10px; } .countersAmount .countersAmount-card { border: none; border-radius: 10px; box-shadow: 0px 19.192px 95.962px 0px rgba(73, 134, 226, 0.16); margin-bottom: 2px !important; text-align: center; padding: 16px 20px 10px 20px; } .countersAmount .countersAmount-card .icon-title { display: flex; align-items: center; margin-bottom: 15px; } .countersAmount .countersAmount-card .icon-title .Purchasing { background-color: #DCF7FF; } .countersAmount .countersAmount-card .icon-title .Sales { background-color: #E2FFDC; } .countersAmount .countersAmount-card .icon-title .Expenses { background-color: #FFEAEA; } .countersAmount .countersAmount-card .icon-title .Revenues { background-color: #FFF3DC; } .countersAmount .countersAmount-card .icon-title .card-icon { font-size: 16px; color: black; width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .countersAmount .countersAmount-card .card-title { margin-inline-start: 6px; color: #000; font-weight: 600 !important; font-size: 17px; margin-bottom: 0px; } .countersAmount .countersAmount-card .incerace { color: #55C166; font-weight: 600; } .countersAmount .countersAmount-card .decerace { color: #E94C4C; font-weight: 600; } .countersAmount .countersAmount-card .card-number { font-size: 12px; font-weight: bold; color: #939393; text-align: end; } .counter { background: white; border-radius: 15px; padding: 10px; } .counter .counters-card { border: none; border-radius: 10px; box-shadow: none; margin-bottom: 2px !important; text-align: center; padding: 16px 20px 10px 20px; border: 0.96px solid #E6E6E9; } .counter .counters-card .card-icon { font-size: 16px; margin-bottom: 15px; color: black; background: #F0F4FD; width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .counter .counters-card .card-title { font-size: 1.1rem; font-weight: bold !important; color: black; margin-bottom: 0px; } .counter .counters-card .card-number { font-size: 2rem; font-weight: bold; color: #007bff; } /* * Document : _pricing.scss * Author : RedStar Template * Description: This scss file for pricing page style classes */ .pricing { padding: 17px; } .pricingTable { text-align: center; background: #fff; margin: 0 -10px; box-shadow: 0 0 10px #ababab; padding-bottom: 40px; border-radius: 10px; color: #cad0de; transform: scale(1); transition: all 0.5s ease 0s; } .pricingTable .pricingTable-header { padding: 30px 0; background: #f5f6f9; border-radius: 10px 10px 50% 50%; transition: all 0.5s ease 0s; } .pricingTable .pricingTable-header i { font-size: 50px; color: #858c9a; margin-bottom: 10px; transition: all 0.5s ease 0s; } .pricingTable .price-value { font-size: 35px; color: #ff9624; transition: all 0.5s ease 0s; } .pricingTable .month { display: block; font-size: 14px; color: #cad0de; } .pricingTable .heading { font-size: 24px; color: #ff9624; margin-bottom: 20px; text-transform: uppercase; padding-top: 15px; } .pricingTable.blue .price-value { color: #4b64ff; } .pricingTable.blue .heading { color: #4b64ff; } .pricingTable.blue:hover .pricingTable-header { background: #4b64ff; } .pricingTable.blue .pricingTable-signup a { background: #4b64ff; } .pricingTable.blue .pricingTable-signup a:hover { box-shadow: 0 0 10px #4b64ff; } .pricingTable.red .price-value { color: #ff4b4b; } .pricingTable.red .heading { color: #ff4b4b; } .pricingTable.red:hover .pricingTable-header { background: #ff4b4b; } .pricingTable.red .pricingTable-signup a { background: #ff4b4b; } .pricingTable.red .pricingTable-signup a:hover { box-shadow: 0 0 10px #ff4b4b; } .pricingTable.greenColor .price-value { color: #169d5e; } .pricingTable.greenColor:hover .pricingTable-header { background: #169d5e; } .pricingTable.greenColor:hover .price-value { color: #fff; } .pricingTable.greenColor .pricingTable-signup a { background: #169d5e; } .pricingTable.greenColor .pricingTable-signup a:hover { box-shadow: 0 0 10px #169d5e; } .pricingTable.blueColor:hover .pricingTable-header { background: #4b64ff; } .pricingTable.blueColor:hover .price-value { color: #fff; } .pricingTable.blueColor .price-value { color: #4b64ff; } .pricingTable.blueColor .heading { color: #4b64ff; } .pricingTable.blueColor .pricingTable-signup a { background: #4b64ff; } .pricingTable.redColor:hover .pricingTable-header { background: #ff4b4b; } .pricingTable.redColor:hover .price-value { color: #fff; } .pricingTable.redColor .price-value { color: #ff4b4b; } .pricingTable.redColor .heading { color: #ff4b4b; } .pricingTable.redColor .pricingTable-signup a { background: #ff4b4b; } .pricingTable .pricing-content ul { list-style: none; padding: 0; margin-bottom: 30px; } .pricingTable .pricing-content ul li { line-height: 26px; padding: 0px 17px; color: #a7a8aa; } .pricingTable .pricing-content ul li .truevalue::after { content: "\e876"; font-family: "Material Icons"; font-size: 14px; background-color: #169d5e; color: #fff; border-radius: 50%; padding: 1px; font-weight: bold; } .pricingTable .pricing-content ul li .falsevalue::after { content: "\e227"; font-family: "Material Icons"; font-size: 14px; background-color: #e78888; color: #fff; border-radius: 50%; padding: 1px; font-weight: bold; } .pricingTable .pricing-content ul li .needupgrade::after { content: "\f0fb"; font-family: "Material Icons"; font-size: 14px; background-color: #5497fb; color: #fff; border-radius: 50%; padding: 1px; font-weight: bold; } .pricingTable .pricing-content ul li .falsetext { color: rgba(128, 128, 128, 0.5490196078) !important; } .pricingTable .pricing-content ul li .text { color: black; font-size: 12px; text-align: initial; width: 85%; } .pricingTable .pricing-content ul li .text span { font-size: 12px; color: rgba(128, 128, 128, 0.5490196078) !important; } .pricingTable .pricingTable-signup a { width: 88%; display: inline-block; font-size: 15px; color: #fff; padding: 10px 35px; border-radius: 5px; background: #ffa442; text-transform: uppercase; transition: all 0.3s ease 0s; } .pricingTable .pricingTable-signup a:hover { box-shadow: 0 0 10px #ffa442; } .pricingTable.green .heading { color: #169d5e; } @media screen and (max-width: 990px) { .pricingTable { margin: 0 0 20px 0; } } .greenColor .heading { font-size: 24px; color: #169d5e; margin-bottom: 20px; text-transform: uppercase; } .greenColor .heading p { text-transform: capitalize; font-size: 12px; color: black; margin-top: 2px; } .pricefooter { width: 83px; height: 69px; position: absolute; background: #f5f6f9; border-radius: 0px 75px 0px 0%; transition: all 0.5s ease 0s; bottom: -1px; left: 0px; z-index: -1; } .selected-plan { transform: scale(1.05); z-index: 1; } .selected-plan .pricingTable-header { background: #169d5e; } .selected-plan .pricingTable-header i { color: #fff; } .selected-plan .price-value { color: #fff !important; } .selected-plan .month { color: #fff; } .price-name-with-action { display: flex; justify-content: center; } .price-name-with-action #dropdownMenuButton { color: white; } /* * Document : _profile.scss * Author : RedStar Template * Description: This scss file for profile page style classes */ .profile-tab-box { background: #fff; padding: 10px; margin-top: 10px; margin-bottom: 15px; width: 100%; } .skill-progress { height: 10px !important; } .tab-all a { color: #948f8f !important; } .tab-all a.active { background-color: #e91e63 !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); color: #ffffff !important; border-radius: 30px; } .profile .p-card-header { position: relative; } .profile .p-card-body { padding: 0px !important; } .profile .p-card { background: linear-gradient(90deg, rgba(0, 107, 252, 0.5098039216) 0%, rgba(0, 64, 150, 0.831372549) 100%); } .p-card-header img { height: 229px; filter: invert(49%) sepia(23%) saturate(3930%) hue-rotate(139deg) brightness(88%) contrast(80%); } .profile-header-image { border-top-left-radius: 6px; border-top-right-radius: 6px; } .profile-content { padding-left: 20px; padding-right: 20px; } .profile-content .image img { border-radius: 50% !important; width: 92px; height: 92px; object-fit: contain; } .profile-content .content { margin-inline-start: 9px; } .profile-content .content .user-name { color: #ffffff; font-weight: bold; } .profile-content .content .mat-flat-button.mat-primary, .profile-content .content .mat-raised-button.mat-primary, .profile-content .content .mat-fab.mat-primary, .profile-content .content .mat-mini-fab.mat-primary { background-color: #ffffff; border: 1px solid #006BFC; color: #006BFC; } .auth-container, .football-auth-container { height: 100%; width: 100%; } .auth-container .auth-main, .football-auth-container .auth-main { height: 100%; width: 100%; margin: 0px !important; min-height: 100vh; } .football-auth-container .left-auth { height: 100%; } .football-auth-container .left-auth .language { display: inline-flex; margin: 26px; color: white; } .football-auth-container .left-auth .language li { margin: 0px 9px; } .football-auth-container .left-auth .language li a { color: white; } .football-auth-container .left-auth .language .active { color: #006BFC; } .football-auth-container .left-auth .top { height: 70%; display: flex; justify-content: center; align-items: center; font-size: 1.2rem; } .football-auth-container .left-auth .top .logoandwelcome { margin: 30px 28px 0px 0px; } .football-auth-container .left-auth .image { background-repeat: no-repeat; background-position: center center; background-size: contain; height: 103px; width: 100%; } .football-auth-container .left-auth .welcome-msg, .football-auth-container .left-auth .welcome-system-msg { display: flex; justify-content: center; text-align: center; } .football-auth-container .left-auth .welcome-msg { color: white; font-size: 24px; margin-top: 17px; } .football-auth-container .left-auth .bottom { height: 15%; } .football-auth-container .left-auth .bottom .copyright { display: flex; color: white; justify-content: center; } .football-auth-container .left-auth .bottom .copyright h2, .football-auth-container .left-auth .bottom .copyright .h2 { margin: 8px; } .football-auth-container .left-auth .bottom .copyright ul { color: #006BFC; } .football-auth-container .left-auth .bottom ul { display: flex; margin: 6px; } .football-auth-container .left-auth .bottom ul li { margin: 0px 21px 0px 18px; } .football-auth-container .left-auth .bottom .createwithlove { display: flex; justify-content: center; color: white; } .football-auth-container .left-auth .bottom .createwithlove mat-icon { color: red; font-size: 14px; margin: 0px 0px 0px 7px; } .left-auth { height: 100%; } .left-auth .language { display: inline-flex; margin: 26px; } .left-auth .language li { margin: 0px 9px; } .left-auth .language li a { color: #3c495a; } .left-auth .language .active { color: #006BFC; } .left-auth .top { height: 70%; display: flex; justify-content: center; align-items: center; font-size: 1.2rem; } .left-auth .top .logoandwelcome { margin: 30px 28px 0px 0px; } .left-auth .image { background-repeat: no-repeat; background-position: center center; background-size: contain; height: 103px; width: 100%; } .left-auth .welcome-msg, .left-auth .welcome-system-msg { display: flex; justify-content: center; } .left-auth .welcome-msg { font-size: 24px; } .left-auth .bottom { height: 15%; } .left-auth .bottom .copyright { display: flex; justify-content: center; } .left-auth .bottom .copyright h2, .left-auth .bottom .copyright .h2 { margin: 8px; } .left-auth .bottom ul { display: flex; margin: 6px; } .left-auth .bottom ul li { margin: 0px 21px 0px 18px; } .left-auth .bottom .createwithlove { display: flex; justify-content: center; } .left-auth .bottom .createwithlove mat-icon { color: red; font-size: 14px; margin: 0px 0px 0px 7px; } .auth-signin-signup { margin: 50px 0px 18px 0px; } .auth-signin-signup a { padding: 12px 30px 13px 30px; border-radius: 10px 10px 0px 0px; font-size: 15px !important; color: #3c495a; } .auth-signin-signup .active { background: rgb(238, 242, 246); color: #006BFC; font-weight: bold; } .auth-form-section { position: relative; } .auth-form-section .food-images { position: absolute; right: 154px; z-index: 1; } .left-content { display: flex; align-items: center; justify-content: center; flex-direction: column; max-width: 480px; width: 100%; text-align: center; } .left-content h1, .left-content .h1 { color: #fff; } .left-content p { color: #fff; } .auth-form-btn { display: flex; justify-content: center; width: 100%; height: 50px; border-radius: 10px !important; background-color: #0676EA !important; color: white !important; border: none !important; cursor: pointer; } .auth-form-btn button { width: 100%; } .auth-form-btn.mat-button-disabled { background-color: #6daae9 !important; } .form-section { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .auth-signup-text { font-size: 13px; color: #000; max-width: 100%; } .sign-up-link { color: #169d5e; font-size: 20px !important; margin: 0px 10px; } .auth-wrapper { width: 500px; max-width: 100%; margin-top: auto; margin-bottom: auto; background-color: white; padding: 18px; border-radius: 10px; z-index: 9999; } .auth-wrapper .mat-form-field-wrapper { padding-bottom: 0em; } .login-title { margin-bottom: 20px; } .social-login-title { font-size: 15px; color: #919aa3; display: flex; margin: 20px 0px; } .social-login-title::before, .social-login-title::after { content: ""; background-image: linear-gradient(#bbb8b8, #f3f3f3); flex-grow: 1; background-size: calc(100% - 20px) 1px; background-repeat: no-repeat; } .social-login-title::before { background-position: center left; } .social-login-title::after { background-position: center right; } .welcome-msg { font-weight: 500; } .social-icon { text-align: center; } .social-icon li a { color: #3c4858; border: 1px solid #3c4858; display: inline-block; height: 32px; width: 32px; line-height: 32px; text-align: center; transition: all 0.4s ease; overflow: hidden; position: relative; } .social-icon li a:hover { background-color: #2f55d4; border-color: #2f55d4 !important; color: #ffffff !important; } .sm-icon { height: 16px !important; width: 16px !important; } .show-pwd-icon { color: #000000; } .auth-locked { font-size: 60px; color: #333; width: 120px; height: 120px; background-color: transparent; margin: 0 auto; } .auth-locked img { width: 100px; border-radius: 50%; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); } .auth-locked-title { font-size: 30px; font-family: Poppins, sans-serif; color: #403866; line-height: 1.2; text-align: center; width: 100%; display: block; } .error-header { font-size: 80px; line-height: 1.2; color: #403866; text-transform: uppercase; text-align: center; width: 100%; display: block; font-weight: 700; } .error-subheader { font-size: 17px; color: #403866; text-transform: uppercase; text-align: center; width: 100%; display: block; font-weight: 700; } .error-subheader2 { font-size: 12px; color: #919192; text-align: center; width: 100%; display: block; font-weight: 500; } @keyframes spinner { to { transform: rotate(360deg); } } .auth-spinner::after { content: ""; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 2px solid #ffffff; border-top-color: #000000; animation: spinner 0.8s linear infinite; font-family: "Material Icons" !important; } .container-auth-form-btn .mat-flat-button.mat-primary .mat-button-wrapper, .container-auth-form-btn .mat-raised-button.mat-primary .mat-button-wrapper, .container-auth-form-btn .mat-fab.mat-primary .mat-button-wrapper, .container-auth-form-btn .mat-mini-fab.mat-primary .mat-button-wrapper { display: inherit; } .bayan-auth-container { overflow-x: hidden; background-color: #0676ea; background-image: url('auth-Patterns.svg'); height: 100vh; margin: 0; } .bayan-auth-container .bayan-auth-main { padding: 0px; height: 100%; } .bayan-auth-container .bayan-auth-main .language { display: inline-flex; margin: 12px 0px 0px 20px; } .bayan-auth-container .bayan-auth-main .language li { margin: 0px 9px; } .bayan-auth-container .bayan-auth-main .language li a { color: #3c495a; } .bayan-auth-container .bayan-auth-main .language li .active { color: #006BFC; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card { height: 100%; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .bayan-auth-main-card-title { display: flex; justify-content: center; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .bayan-auth-main-card-title h1, .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .bayan-auth-main-card-title .h1 { width: -moz-fit-content; width: fit-content; text-align: center; position: relative; padding: 14px 10%; margin-bottom: 0px; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .bayan-auth-main-card-title h1::after, .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .bayan-auth-main-card-title .h1::after { content: ""; display: block; width: 16px; height: 16px; position: absolute; top: 15px; right: -8px; background-image: url('starblack.svg'); background-size: cover; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .bayan-auth-main-card-title h1::before, .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .bayan-auth-main-card-title .h1::before { content: ""; display: block; width: 20px; height: 20px; position: absolute; top: -8px; left: -8px; background-size: cover; background-image: url('starblue.svg'); } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .bayan-auth-main-card-description { padding: 0px 10%; text-align: center; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .bayan-auth-main-card-description p { font-size: 15px; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding: 6px 12px 12px 12px; border-bottom: 1px solid #0676ea; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .mat-form-field-prefix, .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .mat-form-field-suffix { display: flex; margin-block-start: auto; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .mat-form-field-prefix .mat-icon, .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .mat-form-field-suffix .mat-icon { font-size: 16px; color: #0676ea; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .p-dropdown { border-bottom: 1px solid #0676ea !important; border-top: none !important; border-left: none !important; border-right: none !important; border-radius: 0px !important; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .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.48125em) scale(0.75) perspective(100px) translateZ(0.001px); } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .row { height: 100%; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .left { background: rgb(249, 247, 251); position: relative; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .left .image { background-repeat: no-repeat; background-position: center center; background-size: contain; height: 58px; width: 183px; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .left .version { position: absolute; display: grid; bottom: 5px; direction: rtl; right: 12px; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .right { background: #fff; width: 100%; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .right .bayan-login-title span { font-size: 22px; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .right .dropdown-container { position: relative; } .bayan-auth-container .bayan-auth-main .bayan-auth-main-card .right .dropdown-container label { position: absolute; left: 26px; font-size: 11px; font-weight: 200; color: #7f7a7a !important; top: -6px; background: white; padding: 0px 7px; } .bayan-auth-container .image-side { height: -webkit-fill-available; display: flex; align-items: center; justify-content: center; } .bayan-auth-container .image-side h2, .bayan-auth-container .image-side .h2, .bayan-auth-container .image-side h5, .bayan-auth-container .image-side .h5 { color: white; } .singup-image-side .signup-image { width: 70%; float: left; } /* [6. Pugins ] */ /* * Document : _charts.scss * Author : RedStar Template * Description: This scss file for all charts style classes */ /* Morris */ .morris-hover.morris-default-style { border-radius: 0; } /* Flot */ .flot-chart { width: 100%; height: 320px; } .panel-switch-btn { position: relative; right: 20px; z-index: 9; } .panel-switch-btn label { font-weight: bold !important; } .legendLabel { width: 85px !important; position: relative; left: 3px; } #multiple_axis_chart .legendLabel { width: 160px !important; } /* Sparkline */ .sparkline { text-align: center; } .chart-box { display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 30px; } .chart-box2 { font-size: 14px; margin-bottom: 30px; text-align: center; } .chart-note { text-transform: capitalize; display: inline-block; margin-right: 12px; font-size: 14px; } .chart-note .dot { margin: 0px 7px; } .chart-statis { display: inline-block; margin-right: 35px; } .chart-statis .label { display: block; text-transform: capitalize; line-height: 1.2; } .chart-statis .index { font-size: 18px; color: #333; padding-left: 15px; } .dot { display: inline-block; width: 10px; height: 10px; border-radius: 100%; } .dot-black { background: #000000; } .dot-orange { background: #f96332; } .chart-box-left { padding-left: 10px; } .area_chart-style { height: 170px; margin: 30px; } .chart-shadow2 { filter: drop-shadow(0 -6px 4px rgba(106, 141, 247, 0.5)); } .chart-shadow { filter: drop-shadow(0px 9px 2px rgba(0, 0, 0, 0.3)); } .chartsh { height: 16rem; } .axisData { position: absolute; color: #fff; z-index: 1; text-transform: uppercase; display: flex; width: 100%; bottom: 0; } .axisData .tick { flex: 1; position: relative; overflow: hidden; opacity: 0.2; font-size: 11px; text-align: center; line-height: 40px; padding-top: 150px; } .axisData .tick:hover { opacity: 1; background-color: rgba(255, 255, 255, 0.2); } .axisData .tick:hover .value.productValue { transform: translateY(0); display: block; } .axisData .tick:hover .value.serviceValue { transform: translateY(0); display: block; left: 0; top: 80px; color: #000; transition: 0.3s transform; } .axisData .tick .value { transform: translateY(20px); transition: 0.3s transform; position: absolute; top: 20px; color: #000; border-radius: 2px; width: 100%; line-height: 20px; } .dot-product { background: #5bcfe4; } .dot-service { background: #64e88b; } .dot-product1 { background: #d3d3d3; } .dot-service1 { background: #6e68c1; } .chart-legend header { background: transparent; height: 0px; } .chart-legend .legend-labels { background: transparent !important; } .ngx-charts text { fill: #9aa0ac; } mwl-gauge { width: 150px; height: 150px; display: block; padding: 10px; } mwl-gauge > .gauge > .dial { stroke: #d7d7d7; stroke-width: 5; fill: rgba(0, 0, 0, 0); } mwl-gauge > .gauge > .value { stroke: #4fa1f1; stroke-width: 5; fill: rgba(0, 0, 0, 0); } mwl-gauge > .gauge > .value-text { fill: #4fa1f1; font-family: sans-serif; font-weight: bold; font-size: 0.8em; } /* ------- Alternate Style ------- */ mwl-gauge.two > .gauge > .dial { stroke: #334455; stroke-width: 10; } mwl-gauge.two > .gauge > .value { stroke: orange; stroke-dasharray: none; stroke-width: 13; } mwl-gauge.two > .gauge > .value-text { fill: orange; } /* ------- Alternate Style ------- */ mwl-gauge.three > .gauge > .dial { stroke: #334455; stroke-width: 2; } mwl-gauge.three > .gauge > .value { stroke: #c9de3c; stroke-width: 5; } mwl-gauge.three > .gauge > .value-text { fill: #c9de3c; } /* ----- Alternate Style ----- */ mwl-gauge.four > .gauge > .dial { stroke: #334455; stroke-width: 5; } mwl-gauge.four > .gauge > .value { stroke: #be80ff; stroke-dasharray: none; stroke-width: 5; } mwl-gauge.four > .gauge > .value-text { fill: #be80ff; } /* ----- Alternate Style ----- */ mwl-gauge.five > .gauge > .dial { stroke: #334455; stroke-width: 5; } mwl-gauge.five > .gauge > .value { stroke: #f8774b; stroke-dasharray: 25 1; stroke-width: 5; } mwl-gauge.five > .gauge > .value-text { fill: #f8774b; font-size: 0.7em; } /* ----- Alternate Style ----- */ mwl-gauge.six > .gauge > .dial { stroke: #334455; fill: #334455; stroke-width: 20; } mwl-gauge.six > .gauge > .value { stroke: #ff6daf; stroke-width: 20; } mwl-gauge.six > .gauge > .value-text { fill: #ff6daf; font-size: 0.7em; } mwl-gauge.seven > .gauge > .dial { stroke: transparent; stroke-width: 5; transform: scale(0.9, 0.9) translate3d(5.5px, 5.5px, 0); fill: rgba(191, 202, 214, 0.42); } mwl-gauge.seven > .gauge > .value { stroke: #f8774b; stroke-dasharray: none; stroke-width: 5; } ngx-gauge.guage-chart-center { display: flex; justify-content: center; width: 100% !important; } .apex-pie-center { display: flex; justify-content: center; } .apexcharts-legend-marker { margin: 0px 5px !important; } /* * Document : _formwizard.scss * Author : RedStar Template * Description: This scss file for wizard style classes */ .wizard, .tabcontrol { display: block; width: 100%; overflow: hidden; } .wizard a, .tabcontrol a { outline: 0; } .wizard ul, .tabcontrol ul { list-style: none !important; padding: 0; margin: 0; } .wizard ul > li, .tabcontrol ul > li { display: block; padding: 0; } /* Accessibility */ .wizard > .steps .current-info, .tabcontrol > .steps .current-info, .wizard > .content > .title, .tabcontrol > .content > .title { position: absolute; left: -999em; } .wizard > .steps { position: relative; display: block; width: 100%; } .wizard.vertical > .steps { float: left; width: 30%; clear: none; } .wizard.vertical > .steps > ul > li { float: none; width: 100%; } .wizard.vertical > .content { float: left; margin: 0 0 0.5em 0; width: 70%; clear: none; } .wizard.vertical > .actions { float: right; width: 100%; } .wizard.vertical > .actions > ul > li { margin: 0 0 0 1em; } .wizard > .steps .number { font-size: 1.429em; } .wizard > .steps > ul > li { width: 25%; float: left; } .wizard > .actions > ul > li { float: left; } .wizard > .steps a { display: block; width: auto; margin: 0 0.5em 0.5em; padding: 1em 1em; text-decoration: none; border-radius: 5px; } .wizard > .steps a:hover, .wizard > .steps a:active { display: block; width: auto; margin: 0 0.5em 0.5em; padding: 1em 1em; text-decoration: none; border-radius: 5px; } .wizard > .steps .disabled a { background: #eee; color: #aaa; cursor: default; } .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active { background: #eee; color: #aaa; cursor: default; } .wizard > .steps .current a { background: #2184be; color: #fff; cursor: default; } .wizard > .steps .current a:hover, .wizard > .steps .current a:active { background: #2184be; color: #fff; cursor: default; } .wizard > .steps .done a { background: #9dc8e2; color: #fff; } .wizard > .steps .done a:hover, .wizard > .steps .done a:active { background: #9dc8e2; color: #fff; } .wizard > .steps .error a { background: #ff3111; color: #fff; } .wizard > .steps .error a:hover, .wizard > .steps .error a:active { background: #ff3111; color: #fff; } .wizard > .content { border: 1px solid #ddd; display: block; margin: 0.5em; min-height: 35em; overflow: hidden; position: relative; width: auto; } .wizard > .actions { position: relative; display: block; text-align: right; width: 100%; } .wizard > .actions > ul { display: inline-block; text-align: right; } .wizard > .actions > ul > li { margin: 0 0.5em; } .wizard > .actions a { background: #009688; color: #fff; display: block; padding: 0.5em 1em; text-decoration: none; border-radius: 0; } .wizard > .actions a:hover, .wizard > .actions a:active { background: #009688; color: #fff; display: block; padding: 0.5em 1em; text-decoration: none; border-radius: 0; } .wizard > .actions .disabled a { background: #eee; color: #aaa; } .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active { background: #eee; color: #aaa; } .tabcontrol > .steps { position: relative; display: block; width: 100%; } .tabcontrol > .steps > ul { position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; } .tabcontrol > .steps > ul > li { float: left; margin: 5px 2px 0 0; padding: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .tabcontrol > .steps > ul > li:hover { background: #edecec; border: 1px solid #bbb; padding: 0; } .tabcontrol > .steps > ul > li.current { background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; } .tabcontrol > .steps > ul > li.current > a { padding: 15px 30px 10px 30px; } .tabcontrol > .steps > ul > li > a { color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none; } .tabcontrol > .steps > ul > li > a:hover { text-decoration: none; } .tabcontrol > .content { position: relative; display: inline-block; width: 100%; height: 35em; overflow: hidden; border-top: 1px solid #bbb; padding-top: 20px; } .tabcontrol > .content > .body { float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; } .tabcontrol > .content > .body ul { list-style: disc !important; } .tabcontrol > .content > .body ul > li { display: list-item; } .wizard .content { min-height: 245px; border-radius: 0; overflow-y: auto; } .wizard .content .body { padding: 15px; } .wizard .steps a { border-radius: 0; transition: 0.5s; } .wizard .steps a:active, .wizard .steps a:focus, .wizard .steps a:hover { border-radius: 0; } .wizard .steps .done a { background-color: rgba(0, 150, 136, 0.6); } .wizard .steps .done a:hover, .wizard .steps .done a:active, .wizard .steps .done a:focus { background-color: rgba(0, 150, 136, 0.5); } .wizard .steps .error a { background-color: #f44336 !important; } .wizard .steps .current a { background-color: #009688; } .wizard .steps .current a:active, .wizard .steps .current a:focus, .wizard .steps .current a:hover { background-color: #009688; } /* * Document : _tables.scss * Author : RedStar Template * Description: This scss file for tables style classes */ .table tbody tr td, .table tbody tr th { padding: 14px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; vertical-align: middle; } .table tbody tr td ul, .table tbody tr th ul { margin: 0; } .table tbody tr.primary td, .table tbody tr.primary th { background-color: #1f91f3; color: #fff; } .table tbody tr.success td, .table tbody tr.success th { background-color: #2b982b; color: #fff; } .table tbody tr.info td, .table tbody tr.info th { background-color: #00b0e4; color: #fff; } .table tbody tr.warning td, .table tbody tr.warning th { background-color: #ff9600; color: #fff; } .table tbody tr.danger td, .table tbody tr.danger th { background-color: #fb483a; color: #fff; } .table thead { background: #F6F8FA; } .table thead tr th { padding: 0 10px; height: 50px; vertical-align: middle; font-weight: 600; font-size: 16px; } .table .tbl-pdf { color: #f96332; font-size: 16px; cursor: pointer; } .table-bordered { border-top: 1px solid #eee; } .table-bordered tbody tr td, .table-bordered tbody tr th { padding: 10px; border: 1px solid #eee; } .table-bordered thead tr th { padding: 10px; border: 1px solid #eee; } .table-img img { border-radius: 10px; height: 33px; width: 33px; background: #fff; position: inherit; border: 1px solid rgba(52, 73, 94, 0.44); padding: 2px; } .btn-tbl-edit { height: 30px !important; width: 30px !important; margin: 2px !important; line-height: 30px !important; color: #fff; background-color: rgba(128, 128, 128, 0.0901960784); border-radius: 3px !important; } .btn-tbl-edit:hover { color: #fff; } .btn-tbl-edit span { color: black; } .btn-tbl-delete { height: 30px !important; width: 30px !important; margin: 2px !important; line-height: 30px !important; color: #fff; background-color: rgba(128, 128, 128, 0.0901960784); border-radius: 3px !important; } .btn-tbl-delete span { color: black; } .btn-tbl-confirm { background-color: #3fa3f3; height: 30px !important; width: 30px !important; margin: 2px !important; line-height: 30px !important; color: #fff; } .btn-tbl-confirm .material-icons { font-size: 16px !important; } .btn-tbl-confirm:hover { background-color: #62b5f8; color: #fff; } .btn-tbl-confirm:focus { background-color: #62b5f8; } .btn-tbl-reject { background-color: #f96333; height: 30px !important; width: 30px !important; margin: 2px !important; line-height: 30px !important; color: #fff; } .btn-tbl-reject .material-icons { font-size: 16px !important; } .btn-tbl-reject:hover { background-color: #f87346; color: #fff; } .btn-tbl-reject:focus { background-color: #f87346; } .avatar { position: relative; width: 30px; white-space: nowrap; border-radius: 1000px; vertical-align: bottom; display: inline-block; } .avatar img { width: 100%; max-width: 100%; height: auto; border: 0; border-radius: 1000px; } .avatar-sm { width: 32px; } .list-inline { padding-left: 0; list-style: none; } .list-unstyled { padding-left: 0; list-style: none; } .spinner { display: inline-block; } .spinner-reverse { display: inline-block; } .order-list li img { border: 2px solid #ffffff; box-shadow: 0 2px 10px 0 rgba(107, 111, 130, 0.3); } .order-list li + li { margin-left: -14px; } .order-list li .badge { background: rgba(255, 255, 255, 0.8); color: #6b6f82; margin-bottom: 6px; } .buttons-copy { background-color: #666 !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); color: #fff !important; border-radius: 30px !important; border: 0px !important; height: 30px; width: 60px; cursor: pointer; } .buttons-excel { background-color: #59bf70 !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); color: #fff !important; border-radius: 30px !important; border: 0px !important; height: 30px; width: 60px; cursor: pointer; } .buttons-csv { background-color: #2ab9d0 !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); color: #fff !important; border-radius: 30px !important; border: 0px !important; height: 30px; width: 60px; cursor: pointer; } .buttons-pdf { background-color: #e91e63 !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); color: #fff !important; border-radius: 30px !important; border: 0px !important; height: 30px; width: 60px; cursor: pointer; } .buttons-print { background-color: #6563ef !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px #6563ef; color: #fff !important; border-radius: 30px !important; border: 0px !important; height: 30px; width: 60px; cursor: pointer; } tr.group, tr.group:hover { background-color: #ddd !important; } .tableBody { font-size: 14px; color: #555; padding: 0px 15px 0px 15px; } .tbl-checkbox { text-align: center; } .ngx-datatable.material { background: #fff; border: 1px solid #f5f5f5; box-shadow: none !important; } .ngx-datatable.material .datatable-footer .datatable-pager .pager li a { margin: 5px; } .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-right, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-skip, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-left, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-prev { line-height: 30px; } .ngx-datatable.material .datatable-footer .datatable-pager li.active a { background-color: #0d8df3; transition: 0.25s ease; color: #ffffff; box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2); } .ngx-table-form-select { margin-top: 0px; padding-left: 40px !important; } .ngx-search { margin: 15px auto !important; width: 30% !important; font-size: 13px !important; } .ngx-datatable .datatable-body-cell { display: table !important; } .ngx-datatable .datatable-body-cell-label { display: table-cell !important; vertical-align: middle !important; } .ngx-datatable .datatable-header-cell { line-height: 2.4 !important; } .ngxTableHeader { padding: 10px 20px; display: flex; align-items: center; border-color: #e6e9ed; background-color: #ebebee; min-width: 800px; } .ngxTableHeader .header-buttons { position: absolute; right: 10px; list-style: none; margin-bottom: 0px; } .ngxTableHeader .header-buttons li { display: inline-block; } .ngxTableHeader .header-buttons .material-icons { color: #000000; vertical-align: text-bottom; } .ngxTableHeader .header-buttons-left { position: absolute; list-style: none; } .ngxTableHeader .header-buttons-left li { display: inline-block; } .ngxTableHeader .header-buttons-left .searchbox { position: relative; } .ngxTableHeader .header-buttons-left ::placeholder { color: rgba(0, 0, 0, 0.54); } .ngxTableHeader .header-buttons-left .search-icon { position: absolute; top: 10px; padding-left: 10px; color: rgba(0, 0, 0, 0.54); } .ngxTableHeader .header-buttons-left input.search-field { font-weight: 500; color: rgba(0, 0, 0, 0.54); border-radius: 25px; border: 0; height: 45px; padding: 8px 8px 8px 50px; width: 250px; background: #ffffff; transition: background 0.2s, width 0.2s; } .ngxTableHeader .header-buttons-left input.search-field:hover { background: #fffefe; } .ngxTableHeader .header-buttons-left input.search-field:focus { outline: none; width: 380px; color: #212121; } .ngxTableHeader .header-buttons-left input.search-field:focus:hover { background: #f7f7f7; } .ngxTableHeader h2, .ngxTableHeader .h2 { margin: 0; font-size: 16px; font-weight: normal; color: #5b626b; } .mat-table .mat-header-cell { font-size: 14px; font-weight: 600; } .ngx-datatable.material { background: #fff; border: 1px solid #f5f5f5; box-shadow: none !important; } .ngx-datatable.material .datatable-footer .datatable-pager .pager li a { margin: 5px; } .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-right, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-skip, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-left, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-prev { line-height: 30px; } .ngx-datatable.material .datatable-footer .datatable-pager li.active a { background-color: #0d8df3; transition: 0.25s ease; color: #ffffff; box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2); } .ngx-table-form-select { margin-top: 0px; padding-left: 40px !important; } .ngx-search { margin: 15px auto !important; width: 30% !important; font-size: 13px !important; } .ngx-datatable .datatable-body-cell { display: table !important; } .ngx-datatable .datatable-body-cell-label { display: table-cell !important; vertical-align: middle !important; } .ngx-datatable .datatable-header-cell { line-height: 2.4 !important; } table.dataTable { border-top-right-radius: 6px; border-top-left-radius: 6px; } .materialTableHeader { align-items: center; border-color: #e6e9ed; background-color: #ffffff; padding-bottom: 7px; } .materialTableHeader .header-buttons { text-align: right; } .materialTableHeader .header-buttons li { display: inline-block; } .materialTableHeader .header-buttons-left { position: absolute; list-style: none; padding-top: 3px; } .materialTableHeader .header-buttons-left li { display: inline-block; } .materialTableHeader .header-buttons-left .searchbox { position: relative; } .materialTableHeader .header-buttons-left ::placeholder { color: rgba(0, 0, 0, 0.54); } .materialTableHeader .header-buttons-left .search-icon { position: absolute; top: 10px; padding-left: 10px; color: rgba(0, 0, 0, 0.54); } .materialTableHeader .header-buttons-left input.search-field { font-weight: 500; color: rgba(0, 0, 0, 0.54); border-radius: 25px; border: 0; height: 45px; padding: 8px 8px 8px 50px; width: 250px; background: #ffffff; transition: background 0.2s, width 0.2s; } .materialTableHeader .header-buttons-left input.search-field:hover { background: #fffefe; } .materialTableHeader h2, .materialTableHeader .h2 { margin: 0; font-size: 16px; font-weight: normal; color: #5b626b; } .tbl-checkbox label { margin-bottom: 0px; } .column-nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .table-tab a { background-color: #e2e2e2 !important; color: #868788 !important; border-radius: 30px; } .table-tab a.active { background-color: #7274e2 !important; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 4px 13px -11px #7197b5; color: #ffffff !important; border-radius: 30px; } .app-list { display: flex; flex-direction: row; align-items: center; border-radius: 10px; vertical-align: middle; padding: 10px; margin-bottom: 10px; background: #f9f9f9; } .app-list img { margin: 0px 10px; } .app-list .set-flex { flex: 1; } .lecture-list { display: flex; flex-direction: row; align-items: center; border-radius: 5px; vertical-align: middle; padding: 10px; margin-bottom: 10px; background: #f6f4ff; } .report-list { display: flex; align-items: center; margin-bottom: 20px; padding: 12px 12px; border: 1px dashed #bfc9d4; border-radius: 6px; } .report-list .file-style { font-size: 20px; margin: 0px 10px; } .report-list .ms-auto { margin-right: 10px; cursor: pointer; } .report-list .ms-auto i { padding-right: 10px; } .patient-group-list { display: flex; align-items: center; padding: 12px 12px; border-radius: 6px; } .patient-group-list .lbl-bedge { padding: 10px; margin: 0px 5px; border-radius: 50%; position: relative; display: inline-block; width: 38px; height: 38px; font-size: 14px; font-weight: 600; letter-spacing: 1px; } .patient-group-list .lbl-bedge .lbl-bedge-title { color: #ffffff; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .patient-group-list .group-details { line-height: 38px; padding-left: 10px; font-weight: 500; } .tbl-spinner { display: flex; justify-content: center; align-items: center; margin-top: 20px; } .doc-file-type .d-flex { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d5dadb; } .doc-file-type .img-icon { width: 46px; height: 46px; line-height: 46px; border-radius: 10%; font-size: 23px; text-align: center; margin: 0px 15px; } .doc-file-type .set-flex { display: block; color: #000; height: 30px; } .doc-file-type .ms-auto { margin-right: 10px; cursor: pointer; } .primary-rgba { background-color: rgba(110, 129, 220, 0.1); } .success-rgba { background-color: rgba(95, 194, 126, 0.1); } .danger-rgba { background-color: rgba(244, 68, 85, 0.1); } .info-rgba { background-color: rgba(114, 208, 251, 0.1); } .timetable-block { border-radius: 4px; border: 1px solid #f4f4f4; padding: 10px; margin-bottom: 20px; box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1); background: #ffffff; } .medicine-list td { padding: 0.4rem; } .header-buttons { margin-bottom: 0px; } .details-page thead { background: #006bfc; } .details-page thead tr th { color: white !important; } /* [7. UI ] */ /* * Document : alert.scss * Author : RedStar Template * Description: This scss file for alert style classes */ .alert { border-radius: 0; -ms-box-shadow: none; box-shadow: none; border: none; color: #fff !important; } .alert .alert-link { color: #fff; text-decoration: underline; font-weight: bold; } .alert-success { background-color: rgba(24, 206, 15, 0.8); } .alert-info { background-color: rgba(44, 168, 255, 0.8); } .alert-warning { background-color: rgba(255, 178, 54, 0.8); } .alert-danger { border: 2px dashed rgba(255, 54, 54, 0.8); color: rgba(255, 54, 54, 0.8) !important; background: none; } .alert-dismissible .close { color: #fff; opacity: 1; border: none; text-shadow: none; } /* * Document : badgelistgroupitem.scss * Author : RedStar Template * Description: This scss file for badge style classes */ .badge { padding: 5px 8px; line-height: 12px; border: 1px solid; font-weight: 500; font-size: 13px; } .list-group-item { border-radius: 0; transition: 0.5s; } .list-group .active, .list-group .list-group-item.active { background-color: #2196f3; border-color: #2196f3; } .list-group .active:hover, .list-group .active:focus, .list-group .active:active, .list-group .list-group-item.active:hover, .list-group .list-group-item.active:focus, .list-group .list-group-item.active:active { background-color: #2196f3; border-color: #2196f3; } .list-group .active .list-group-item-text, .list-group .list-group-item.active .list-group-item-text { color: #dfe9f1; font-size: 13px; } .list-group .active .list-group-item-text:hover, .list-group .active .list-group-item-text:active, .list-group .active .list-group-item-text:focus, .list-group .list-group-item.active .list-group-item-text:hover, .list-group .list-group-item.active .list-group-item-text:active, .list-group .list-group-item.active .list-group-item-text:focus { color: #dfe9f1; } .list-group a.list-group-item, .list-group button.list-group-item { color: #555; } .list-group a.list-group-item.active, .list-group button.list-group-item.active { color: #dfe9f1; } .list-group .list-group-item.active:hover .list-group-item-text, .list-group .list-group-item.active:focus .list-group-item-text, .list-group .list-group-item.active:active .list-group-item-text { color: #dfe9f1; } .list-group .list-group-item { text-align: left; } .list-group .list-group-item:first-child, .list-group .list-group-item:last-child { border-radius: 0; } .list-group .list-group-item .list-group-item-heading { font-weight: bold; font-size: 17px; } .list-group .list-group-item:focus, .list-group .list-group-item:hover { background-color: #f5f5f5; } .list-group .list-group-item-success { background-color: #2b982b; border: none; color: #fff; } .list-group .list-group-item-success:hover, .list-group .list-group-item-success:focus { background-color: #2b982b; color: #fff; opacity: 0.8; } .list-group .list-group-item-info { background-color: #00b0e4; border: none; color: #fff; } .list-group .list-group-item-info:hover, .list-group .list-group-item-info:focus { background-color: #00b0e4; color: #fff; opacity: 0.8; } .list-group .list-group-item-warning { background-color: #ff9600; border: none; color: #fff; } .list-group .list-group-item-warning:hover, .list-group .list-group-item-warning:focus { background-color: #ff9600; color: #fff; opacity: 0.8; } .list-group .list-group-item-danger { background-color: #fb483a; border: none; color: #fff; } .list-group .list-group-item-danger:hover, .list-group .list-group-item-danger:focus { background-color: #fb483a; color: #fff; opacity: 0.8; } .list-group .pl-blue { stroke: #0d6efd; } .list-group .list-group-bg-blue { background-color: #0d6efd; border: none; color: #fff; } .list-group .list-group-bg-blue:hover, .list-group .list-group-bg-blue:focus { background-color: #0d6efd; color: #fff; opacity: 0.8; } .list-group .pl-indigo { stroke: #6610f2; } .list-group .list-group-bg-indigo { background-color: #6610f2; border: none; color: #fff; } .list-group .list-group-bg-indigo:hover, .list-group .list-group-bg-indigo:focus { background-color: #6610f2; color: #fff; opacity: 0.8; } .list-group .pl-purple { stroke: #6f42c1; } .list-group .list-group-bg-purple { background-color: #6f42c1; border: none; color: #fff; } .list-group .list-group-bg-purple:hover, .list-group .list-group-bg-purple:focus { background-color: #6f42c1; color: #fff; opacity: 0.8; } .list-group .pl-pink { stroke: #d63384; } .list-group .list-group-bg-pink { background-color: #d63384; border: none; color: #fff; } .list-group .list-group-bg-pink:hover, .list-group .list-group-bg-pink:focus { background-color: #d63384; color: #fff; opacity: 0.8; } .list-group .pl-red { stroke: #dc3545; } .list-group .list-group-bg-red { background-color: #dc3545; border: none; color: #fff; } .list-group .list-group-bg-red:hover, .list-group .list-group-bg-red:focus { background-color: #dc3545; color: #fff; opacity: 0.8; } .list-group .pl-orange { stroke: #fd7e14; } .list-group .list-group-bg-orange { background-color: #fd7e14; border: none; color: #fff; } .list-group .list-group-bg-orange:hover, .list-group .list-group-bg-orange:focus { background-color: #fd7e14; color: #fff; opacity: 0.8; } .list-group .pl-yellow { stroke: #ffc107; } .list-group .list-group-bg-yellow { background-color: #ffc107; border: none; color: #fff; } .list-group .list-group-bg-yellow:hover, .list-group .list-group-bg-yellow:focus { background-color: #ffc107; color: #fff; opacity: 0.8; } .list-group .pl-green { stroke: #198754; } .list-group .list-group-bg-green { background-color: #198754; border: none; color: #fff; } .list-group .list-group-bg-green:hover, .list-group .list-group-bg-green:focus { background-color: #198754; color: #fff; opacity: 0.8; } .list-group .pl-teal { stroke: #20c997; } .list-group .list-group-bg-teal { background-color: #20c997; border: none; color: #fff; } .list-group .list-group-bg-teal:hover, .list-group .list-group-bg-teal:focus { background-color: #20c997; color: #fff; opacity: 0.8; } .list-group .pl-cyan { stroke: #0dcaf0; } .list-group .list-group-bg-cyan { background-color: #0dcaf0; border: none; color: #fff; } .list-group .list-group-bg-cyan:hover, .list-group .list-group-bg-cyan:focus { background-color: #0dcaf0; color: #fff; opacity: 0.8; } .list-group .pl-white { stroke: #fff; } .list-group .list-group-bg-white { background-color: #fff; border: none; color: #fff; } .list-group .list-group-bg-white:hover, .list-group .list-group-bg-white:focus { background-color: #fff; color: #fff; opacity: 0.8; } .list-group .pl-gray { stroke: #6c757d; } .list-group .list-group-bg-gray { background-color: #6c757d; border: none; color: #fff; } .list-group .list-group-bg-gray:hover, .list-group .list-group-bg-gray:focus { background-color: #6c757d; color: #fff; opacity: 0.8; } .list-group .pl-gray-dark { stroke: #343a40; } .list-group .list-group-bg-gray-dark { background-color: #343a40; border: none; color: #fff; } .list-group .list-group-bg-gray-dark:hover, .list-group .list-group-bg-gray-dark:focus { background-color: #343a40; color: #fff; opacity: 0.8; } span.badge { min-width: auto; float: none; font-size: 13px; } .list-group span.badge { float: right; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } /* * Document : _buttons.scss * Author : RedStar Template * Description: This scss file for button style classes */ .example-button-row button, .example-button-row a { margin-right: 8px; } .btn:focus, .btn.focus { box-shadow: none; } .btn-space { margin-right: 10px !important; } /* * Document : _card.scss * Author : RedStar Template * Description: This scss file for card style classes */ .card { background: #ffffff; min-height: 50px; position: relative; margin-bottom: 24px; border: 1px solid #f2f4f9; border-radius: 10px; } .card .card-inside-title { margin-top: 25px; margin-bottom: 15px; display: block; font-size: 15px; color: #000; } .card .card-inside-title small, .card .card-inside-title .small { color: #999; display: block; font-size: 11px; margin-top: 5px; } .card .card-inside-title small a, .card .card-inside-title .small a { color: #777; font-weight: bold; } .card .card-inside-title:first-child { margin-top: 0; } .card .bg-red, .card .bg-pink, .card .bg-purple, .card .bg-indigo, .card .bg-blue, .card .bg-cyan, .card .bg-teal, .card .bg-green, .card .bg-yellow, .card .bg-orange, .card .bg-deep-orange, .card .bg-brown, .card .bg-grey, .card .bg-black { border-bottom: none !important; color: #fff !important; } .card .bg-red h2, .card .bg-red .h2, .card .bg-red small, .card .bg-red .small, .card .bg-red .material-icons, .card .bg-pink h2, .card .bg-pink .h2, .card .bg-pink small, .card .bg-pink .small, .card .bg-pink .material-icons, .card .bg-purple h2, .card .bg-purple .h2, .card .bg-purple small, .card .bg-purple .small, .card .bg-purple .material-icons, .card .bg-indigo h2, .card .bg-indigo .h2, .card .bg-indigo small, .card .bg-indigo .small, .card .bg-indigo .material-icons, .card .bg-blue h2, .card .bg-blue .h2, .card .bg-blue small, .card .bg-blue .small, .card .bg-blue .material-icons, .card .bg-cyan h2, .card .bg-cyan .h2, .card .bg-cyan small, .card .bg-cyan .small, .card .bg-cyan .material-icons, .card .bg-teal h2, .card .bg-teal .h2, .card .bg-teal small, .card .bg-teal .small, .card .bg-teal .material-icons, .card .bg-green h2, .card .bg-green .h2, .card .bg-green small, .card .bg-green .small, .card .bg-green .material-icons, .card .bg-yellow h2, .card .bg-yellow .h2, .card .bg-yellow small, .card .bg-yellow .small, .card .bg-yellow .material-icons, .card .bg-orange h2, .card .bg-orange .h2, .card .bg-orange small, .card .bg-orange .small, .card .bg-orange .material-icons, .card .bg-deep-orange h2, .card .bg-deep-orange .h2, .card .bg-deep-orange small, .card .bg-deep-orange .small, .card .bg-deep-orange .material-icons, .card .bg-brown h2, .card .bg-brown .h2, .card .bg-brown small, .card .bg-brown .small, .card .bg-brown .material-icons, .card .bg-grey h2, .card .bg-grey .h2, .card .bg-grey small, .card .bg-grey .small, .card .bg-grey .material-icons, .card .bg-black h2, .card .bg-black .h2, .card .bg-black small, .card .bg-black .small, .card .bg-black .material-icons { color: #fff !important; } .card .bg-red .badge, .card .bg-pink .badge, .card .bg-purple .badge, .card .bg-indigo .badge, .card .bg-blue .badge, .card .bg-cyan .badge, .card .bg-teal .badge, .card .bg-green .badge, .card .bg-yellow .badge, .card .bg-orange .badge, .card .bg-deep-orange .badge, .card .bg-brown .badge, .card .bg-grey .badge, .card .bg-black .badge { background-color: #fff; color: #555; } .card .header { position: relative; display: flex; width: 100%; color: #555; padding: 10px 15px; line-height: 30px; } .card .header .header-dropdown { position: absolute; top: 10px; right: 10px; list-style: none; } .card .header .header-dropdown .dropdown-menu li { display: block !important; } .card .header .header-dropdown li { display: inline-block; } .card .header .header-dropdown i { font-size: 20px; color: #999; transition: all 0.5s; } .card .header .header-dropdown i:hover { color: #000; } .card .header h2, .card .header .h2 { margin: 0; color: #5b626b; font-size: 17px; line-height: 28px; padding-right: 10px; font-weight: 500; } .card .header h2 small, .card .header .h2 small, .card .header h2 .small, .card .header .h2 .small { display: block; font-size: 12px; margin-top: 5px; color: #999; line-height: 15px; } .card .header h2 small a, .card .header .h2 small a, .card .header h2 .small a, .card .header .h2 .small a { font-weight: bold; color: #777; } .card .header .col-xs-12 h2, .card .header .col-xs-12 .h2 { margin-top: 5px; } .card .body { font-size: 14px; color: #555; padding: 15px; } .card .body .col-xs-1, .card .body .col-sm-1, .card .body .col-md-1, .card .body .col-lg-1 { margin-bottom: 20px; } .card .body .col-xs-2, .card .body .col-sm-2, .card .body .col-md-2, .card .body .col-lg-2 { margin-bottom: 20px; } .card .body .col-xs-3, .card .body .col-sm-3, .card .body .col-md-3, .card .body .col-lg-3 { margin-bottom: 20px; } .card .body .col-xs-4, .card .body .col-sm-4, .card .body .col-md-4, .card .body .col-lg-4 { margin-bottom: 20px; } .card .body .col-xs-5, .card .body .col-sm-5, .card .body .col-md-5, .card .body .col-lg-5 { margin-bottom: 20px; } .card .body .col-xs-6, .card .body .col-sm-6, .card .body .col-md-6, .card .body .col-lg-6 { margin-bottom: 20px; } .card .body .col-xs-7, .card .body .col-sm-7, .card .body .col-md-7, .card .body .col-lg-7 { margin-bottom: 20px; } .card .body .col-xs-8, .card .body .col-sm-8, .card .body .col-md-8, .card .body .col-lg-8 { margin-bottom: 20px; } .card .body .col-xs-9, .card .body .col-sm-9, .card .body .col-md-9, .card .body .col-lg-9 { margin-bottom: 20px; } .card .body .col-xs-10, .card .body .col-sm-10, .card .body .col-md-10, .card .body .col-lg-10 { margin-bottom: 20px; } .card .body .col-xs-11, .card .body .col-sm-11, .card .body .col-md-11, .card .body .col-lg-11 { margin-bottom: 20px; } .card .body .col-xs-12, .card .body .col-sm-12, .card .body .col-md-12, .card .body .col-lg-12 { margin-bottom: 20px; } .card .list-body { padding: 0px 10px; } .card.card-statistic-1 .card-header, .card.card-statistic-2 .card-header { border-color: transparent; padding-bottom: 0; height: auto; min-height: auto; display: block; } .card.card-statistic-1 .card-icon { width: 30px; height: 30px; margin: 10px 0px 0px 20px; border-radius: 3px; line-height: 78px; text-align: center; float: left; font-size: 30px; } .card.card-statistic-1 .card-header h4, .card.card-statistic-1 .card-header .h4, .card.card-statistic-2 .card-header h4, .card.card-statistic-2 .card-header .h4 { line-height: 1.2; color: color(muted); } .card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body { padding-top: 0; } .card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body { font-size: 26px; font-weight: 700; color: color(fontdark); padding-bottom: 0; } .card.card-statistic-1, .card.card-statistic-2 { display: inline-block; width: 100%; } .card.card-statistic-1 .card-icon, .card.card-statistic-2 .card-icon { width: 80px; height: 80px; margin: 10px; border-radius: 3px; line-height: 94px; text-align: center; float: left; border-radius: 50px; margin-right: 15px; } .card.card-statistic-1 .card-icon .ion, .card.card-statistic-1 .card-icon .fas, .card.card-statistic-1 .card-icon .far, .card.card-statistic-1 .card-icon .fab, .card.card-statistic-1 .card-icon .fal, .card.card-statistic-2 .card-icon .ion, .card.card-statistic-2 .card-icon .fas, .card.card-statistic-2 .card-icon .far, .card.card-statistic-2 .card-icon .fab, .card.card-statistic-2 .card-icon .fal { font-size: 22px; color: #fff; } .card.card-statistic-1 .card-icon { line-height: 90px; } .card.card-statistic-2 .card-icon { width: 50px; height: 50px; line-height: 50px; font-size: 22px; margin: 25px; box-shadow: 5px 3px 10px 0 rgba(21, 15, 15, 0.3); border-radius: 10px; background: #6777ef; } .card.card-statistic-2 .card-icon-only { font-size: 35px; margin: 20px; } .card.card-statistic-1 .card-header, .card.card-statistic-2 .card-header { padding-bottom: 0; padding-top: 25px; } .card.card-statistic-2 .card-header + .card-body, .card.card-statistic-2 .card-body + .card-header { padding-top: 0; } .card.card-statistic-1 .card-header h4, .card.card-statistic-1 .card-header .h4, .card.card-statistic-2 .card-header h4, .card.card-statistic-2 .card-header .h4 { font-weight: 600; font-size: 13px; letter-spacing: 0.5px; } .card.card-statistic-1 .card-header h4, .card.card-statistic-1 .card-header .h4 { margin-bottom: 0; } .card.card-statistic-2 .card-header h4, .card.card-statistic-2 .card-header .h4 { text-transform: none; margin-bottom: 0; } .card.card-statistic-1 .card-body { font-size: 20px; } .card.card-statistic-2 .card-chart { margin-left: -10px; margin-right: -1px; margin-bottom: -7px; } .card.card-statistic-2 .card-chart canvas { height: 70px !important; } .card.card-statistic-2 .card-right { float: right; margin: 15px 15px 15px 0px; } .plain-card { box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); padding: 20px; border-radius: 10px; background: #fff; overflow: hidden; margin: 0.5rem 0 1rem 0; } .card-inner .progress { height: 10px; margin: 0px; } .col-block { margin-left: 5px; } .card-height-100 { height: 100px; } .doc-card-title { color: #00bdf2; font-size: 16px; } .doc-card-image { background: #fff; position: inherit; padding: 2px; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2); } .card-spacing { padding-right: 0px; } /* * Document : _collapse.scss * Author : RedStar Template * Description: This scss file for collapse style classes */ .collapse .well, .collapse.in .well, .collapsing .well { border-radius: 0; margin-bottom: 0; } .collapse.show, .collapse.in.show, .collapsing.show { display: block; } /* * Document : _dialogs.scss * Author : RedStar Template * Description: This scss file for dialogs style classes */ .sweet-alert { border-radius: 0 !important; } .sweet-alert p { font-size: 14px !important; } .sweet-alert .sa-input-error { top: 23px !important; right: 13px !important; } .sweet-alert h2, .sweet-alert .h2 { font-size: 18px !important; margin: 0 0 5px 0 !important; line-height: 40px; } .sweet-alert button { font-size: 15px !important; border-radius: 0 !important; padding: 5px 20px !important; } /* * Document : _expansion * Author : RedStar Template * Description: This scss file for collapse style classes */ .example-headers-align .mat-expansion-panel-header-title, .example-headers-align .mat-expansion-panel-header-description { flex-basis: 0; } .example-headers-align .mat-expansion-panel-header-description { justify-content: space-between; align-items: center; } .example-headers-align .mat-form-field + .mat-form-field { margin-left: 8px; } /* * Document : _modals.scss * Author : RedStar Template * Description: This scss file for modals style classes */ .modal { background-color: rgba(238, 238, 238, 0.41); max-height: 100%; width: 100%; } .modal .modal-header { border: none; padding: 0px; border-bottom: 1px solid #eee; } .modal .modal-header .modal-title { font-weight: bold; font-size: 16px; } .modal .modal-content { border-radius: 10px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important; border: none; padding: 10px; } .modal .modal-content .modal-body { color: #777; padding: 15px 25px; } .modal .modal-footer { border: none; background-color: transparent; } .modal .modal-footer .btn { margin: 10px; } .editRowModal .modal-header { padding: 5px; border-radius: 0 0.55rem 0 0; } .editRowModal .modal-header img { float: left; border-radius: 50%; width: 45px; } .editRowModal .modal-header .modal-about { float: left; padding-left: 10px; } .editRowModal .modal-header .modal-with { font-weight: bold; font-size: 16px; } .editRowModal .modal-header .modal-num-messages { color: 434651; } .addContainer { display: flex; flex-direction: column; overflow: hidden; } .addContainer .form { display: flex; padding-top: 6px; } .addContainer .mat-form-field { flex-grow: 1; } .addContainer .modalHeader img { border-radius: 50%; } .modalHeader { display: flex; align-items: flex-start; justify-content: space-between; padding: 0px 10px 0px 10px; } .modal-close-button { background-color: transparent !important; box-shadow: none !important; color: #161d38; } .modal-col-blue { background-color: #0d6efd; } .modal-col-blue .modal-body, .modal-col-blue .modal-title { color: #fff !important; } .modal-col-blue .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-blue .modal-footer .btn-link { color: #fff !important; } .modal-col-blue .modal-footer .btn-link:hover, .modal-col-blue .modal-footer .btn-link:active, .modal-col-blue .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-indigo { background-color: #6610f2; } .modal-col-indigo .modal-body, .modal-col-indigo .modal-title { color: #fff !important; } .modal-col-indigo .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-indigo .modal-footer .btn-link { color: #fff !important; } .modal-col-indigo .modal-footer .btn-link:hover, .modal-col-indigo .modal-footer .btn-link:active, .modal-col-indigo .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-purple { background-color: #6f42c1; } .modal-col-purple .modal-body, .modal-col-purple .modal-title { color: #fff !important; } .modal-col-purple .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-purple .modal-footer .btn-link { color: #fff !important; } .modal-col-purple .modal-footer .btn-link:hover, .modal-col-purple .modal-footer .btn-link:active, .modal-col-purple .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-pink { background-color: #d63384; } .modal-col-pink .modal-body, .modal-col-pink .modal-title { color: #fff !important; } .modal-col-pink .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-pink .modal-footer .btn-link { color: #fff !important; } .modal-col-pink .modal-footer .btn-link:hover, .modal-col-pink .modal-footer .btn-link:active, .modal-col-pink .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-red { background-color: #dc3545; } .modal-col-red .modal-body, .modal-col-red .modal-title { color: #fff !important; } .modal-col-red .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-red .modal-footer .btn-link { color: #fff !important; } .modal-col-red .modal-footer .btn-link:hover, .modal-col-red .modal-footer .btn-link:active, .modal-col-red .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-orange { background-color: #fd7e14; } .modal-col-orange .modal-body, .modal-col-orange .modal-title { color: #fff !important; } .modal-col-orange .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-orange .modal-footer .btn-link { color: #fff !important; } .modal-col-orange .modal-footer .btn-link:hover, .modal-col-orange .modal-footer .btn-link:active, .modal-col-orange .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-yellow { background-color: #ffc107; } .modal-col-yellow .modal-body, .modal-col-yellow .modal-title { color: #fff !important; } .modal-col-yellow .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-yellow .modal-footer .btn-link { color: #fff !important; } .modal-col-yellow .modal-footer .btn-link:hover, .modal-col-yellow .modal-footer .btn-link:active, .modal-col-yellow .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-green { background-color: #198754; } .modal-col-green .modal-body, .modal-col-green .modal-title { color: #fff !important; } .modal-col-green .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-green .modal-footer .btn-link { color: #fff !important; } .modal-col-green .modal-footer .btn-link:hover, .modal-col-green .modal-footer .btn-link:active, .modal-col-green .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-teal { background-color: #20c997; } .modal-col-teal .modal-body, .modal-col-teal .modal-title { color: #fff !important; } .modal-col-teal .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-teal .modal-footer .btn-link { color: #fff !important; } .modal-col-teal .modal-footer .btn-link:hover, .modal-col-teal .modal-footer .btn-link:active, .modal-col-teal .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-cyan { background-color: #0dcaf0; } .modal-col-cyan .modal-body, .modal-col-cyan .modal-title { color: #fff !important; } .modal-col-cyan .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-cyan .modal-footer .btn-link { color: #fff !important; } .modal-col-cyan .modal-footer .btn-link:hover, .modal-col-cyan .modal-footer .btn-link:active, .modal-col-cyan .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-white { background-color: #fff; } .modal-col-white .modal-body, .modal-col-white .modal-title { color: #fff !important; } .modal-col-white .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-white .modal-footer .btn-link { color: #fff !important; } .modal-col-white .modal-footer .btn-link:hover, .modal-col-white .modal-footer .btn-link:active, .modal-col-white .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-gray { background-color: #6c757d; } .modal-col-gray .modal-body, .modal-col-gray .modal-title { color: #fff !important; } .modal-col-gray .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-gray .modal-footer .btn-link { color: #fff !important; } .modal-col-gray .modal-footer .btn-link:hover, .modal-col-gray .modal-footer .btn-link:active, .modal-col-gray .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-gray-dark { background-color: #343a40; } .modal-col-gray-dark .modal-body, .modal-col-gray-dark .modal-title { color: #fff !important; } .modal-col-gray-dark .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-gray-dark .modal-footer .btn-link { color: #fff !important; } .modal-col-gray-dark .modal-footer .btn-link:hover, .modal-col-gray-dark .modal-footer .btn-link:active, .modal-col-gray-dark .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .cdk-overlay-connected-position-bounding-box { z-index: 1052 !important; } .mat-dialog-content { margin: 0px !important; padding: 0px !important; } /* * Document : _progressbars.scss * Author : RedStar Template * Description: This scss file for progress bars style classes */ .progress { border-radius: 0; height: 16px; } .progress.progress-xs { height: 4px; } .progress .progress-bar { line-height: 16px; background-color: #1f91f3; } .progress .progress-bar-success { background-color: #2b982b; } .progress .progress-bar-info { background-color: #00b0e4; } .progress .progress-bar-warning { background-color: #ff9600; } .progress .progress-bar-danger { background-color: #fb483a; } .progress-list { position: relative; } .progress-list .status { display: inline-block; font-size: 12px; padding: 6px; position: absolute; right: 0; top: 0; } .snackbar-success { background-color: rgba(24, 206, 15, 0.8); color: #ffffff; } .snackbar-info { background-color: rgba(44, 168, 255, 0.8); color: #ffffff; } .snackbar-warning { background-color: rgba(255, 230, 0, 0.8); color: #ffffff; } .snackbar-danger { background-color: rgba(255, 0, 0, 0.8); color: #ffffff; } /* [8. Browser ] */ html.ie10 .sidebar .menu .list li { line-height: 30px; } html.ie10 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before { top: 6px !important; line-height: 20px !important; } html.ie10 .sidebar .user-info .info-container { top: 15px; } html.ie10 .search-bar input[type=text] { padding: 26px 60px 26px 56px; } html.ie10 .dropdown-menu ul.menu li a { margin-top: -22px; } html.ie10 .bs-searchbox .form-control { width: 90%; } html.ie11 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before { top: 6px !important; line-height: 20px !important; } html.ie11 .sidebar .user-info .info-container { top: 15px; } html.ie11 .search-bar input[type=text] { padding: 26px 60px 26px 56px; } html.ie11 .dropdown-menu ul.menu li a { margin-top: -22px; } html.ie11 .bs-searchbox .form-control { width: 90%; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/assets/scss/theme/_theme-white.scss?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* * Document : theme-white.scss * Author : RedStar Template * Description: This scss file for white theme style classes */ .theme-white .navbar { background-color: transparent; } .theme-white .navbar.active { -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background: rgba(251, 251, 253, 0.8); box-shadow: 3px 0 10px 0 rgba(183, 192, 206, 0.2); } .theme-white .navbar.active .nav > li > a { color: #3a2c70; } .theme-white .navbar.active .collapse-menu-icon .mat-icon { color: #3a2c70; } .theme-white .navbar.active .nav-notification-icons .mat-icon { color: #3a2c70; } .theme-white .navbar-brand { color: #2c303b; } .theme-white .navbar-brand:hover { color: #2c303b; } .theme-white .navbar-brand:active { color: #2c303b; } .theme-white .navbar-brand:focus { color: #2c303b; } .theme-white .nav > li > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-white .nav > li > a:focus { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-white .nav .open > a { background-color: rgba(0, 0, 0, 0); } .theme-white .nav .open > a:hover { background-color: rgba(0, 0, 0, 0); } .theme-white .nav .open > a:focus { background-color: rgba(0, 0, 0, 0); } .theme-white .bars { color: #2c303b; } .theme-white .sidebar .menu .list li a { transition: all 0.3s; } .theme-white .sidebar .menu .list li a i, .theme-white .sidebar .menu .list li a span { transition: all 0.3s; } .theme-white .sidebar .menu .list .ml-menu { background-color: rgba(0, 0, 0, 0); } .theme-white .sidebar .legal { background-color: #2c303b; } .theme-white .sidebar .legal .copyright a { color: #fff !important; } .theme-white .breadcrumb li a { font-weight: 200; } .theme-white .btn-primary { background-color: #00bcd4 !important; color: #fff !important; border-color: #00bcd4 !important; } .theme-white .btn-primary:hover { background-color: #00bcd4 !important; color: #fff !important; } .theme-white .btn-primary:active { background-color: #00bcd4 !important; color: #fff !important; } .theme-white .btn-primary:focus { background-color: #00bcd4 !important; color: #fff !important; } .theme-white .btn-primary:disabled { background-color: #00bcd4 !important; color: #fff !important; } .theme-white .btn-outline-primary { background: 0 0 !important; color: #2c303b !important; border: 1px solid #00bcd4 !important; } .theme-white .btn-outline-primary:hover { background: #00bcd4 !important; color: #fff !important; border: 1px solid #fff !important; } .theme-white .timelineLabelColor strong { color: #00bcd4 !important; } .theme-white .top-sidebar .horizontal-menu li.active > a { color: #00bcd4; } .theme-white .top-sidebar .horizontal-menu li a { transition: all 0.3s; } .theme-white .top-sidebar .horizontal-menu li a:hover { color: #00bcd4; } .theme-white .demo-choose-skin li.actived:after { color: #000; } .theme-white .nav-tabs > li > a:before { border-bottom: 2px solid #00bcd4; } .theme-white .search-box input#search { color: gray; background: #edecec; } /*Logo Header Background Color*/ .logo-white .navbar-header .logo-name { color: #000; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/styles.scss?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* You can add global styles to this file, and also import other style files */ .blue-snackbar { background: rgb(14, 131, 226); color: white; } ::-webkit-scrollbar { width: 5px; border-radius: 10px; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgb(253, 253, 253); border-radius: 10px; } ::-webkit-scrollbar-thumb { background: rgba(90, 90, 90, 0.15); opacity: 1; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: rgba(80, 79, 79, 0.15); } html { overflow-y: scroll; scrollbar-color: rgba(90, 90, 90, 0.15) rgba(255, 253, 253, 0.15); scrollbar-width: thin; scrollbar-shadow-color: rgb(253, 253, 253); } body, .menu, .mat-dialog-content, table, .custom_tab { scrollbar-width: thin; scrollbar-color: rgba(90, 90, 90, 0.15) rgba(255, 253, 253, 0.15); } body::-webkit-scrollbar-track, .menu::-webkit-scrollbar-track, .mat-dialog-content::-webkit-scrollbar-track, table::-webkit-scrollbar-track, .custom_tab::-webkit-scrollbar-track { background: rgba(90, 90, 90, 0.15); border-radius: 5px; } body::-webkit-scrollbar-thumb, .menu::-webkit-scrollbar-thumb, .mat-dialog-content::-webkit-scrollbar-thumb, table::-webkit-scrollbar-thumb, .custom_tab::-webkit-scrollbar-thumb { background-color: rgba(90, 90, 90, 0.15); border-radius: 5px; } body::-webkit-scrollbar-thumb:hover { background-color: #555; } .material-symbols-outlined { font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48; } hr { color: rgba(0, 0, 0, 0.0705882353) !important; } .sidebar .menu { direction: rtl; } .sidebar-user-panel { direction: ltr; } .sidebar .menu .list { direction: ltr; } @font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 200 300; src: url('IBMPlexSansArabic-Thin.ttf') format("truetype"); } @font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; src: url('IBMPlexSansArabic-Light.ttf') format("truetype"); } @font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 500; src: url('IBMPlexSansArabic-Medium.ttf') format("truetype"); } @font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; src: url('IBMPlexSansArabic-SemiBold.ttf') format("truetype"); } @font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 700 900; src: url('IBMPlexSansArabic-Bold.ttf') format("truetype"); } body { font-family: "IBM Plex Sans", sans-serif; font-weight: 400; line-height: normal; background-color: #f8f9fa; } h1, h2, h3, h4, h5, h6, span, strong, li, label, th, td, div, .card .header h2, .p-inputtext, .mat-slide-toggle-content { font-family: "IBM Plex Sans", sans-serif; } .sidebar .menu .list a span, .sidebar .menu .list a, .sidebar .menu .list li.active > :first-child span, .p-chips .p-chips-multiple-container .p-chips-input-token input { font-family: "IBM Plex Sans", sans-serif; font-size: 14px !important; font-weight: 500; } button, input, select, a { font-family: "IBM Plex Sans", sans-serif; } .mat-form-field-infix span, .p-inputtext { font-family: "IBM Plex Sans", sans-serif; } .p-inputtext { font-family: "IBM Plex Sans", sans-serif !important; } .password input { font-family: "IBM Plex Sans", sans-serif; } .apexcharts-legend span { font-family: "IBM Plex Sans", sans-serif !important; } .pi { font-family: "primeicons" !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: #5e5873; } .black { color: #3c495a; } .black .mat-icon { color: #3c495a; } .mr-2, .mx-2 { margin-right: 1.5rem !important; } table.dataTable thead th, table.dataTable thead td { padding: 0 26px !important; text-align: center; } .dtr-details { width: 100%; } div.dataTables_wrapper div.dataTables_filter input { margin-right: 5px; padding-inline-start: 27px; background-image: url('search.svg'); background-repeat: no-repeat; background-position: 10px center; padding-left: 35px; background-size: 16px; } .p-dialog-footer { direction: ltr; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { padding-right: auto !important; margin-right: auto !important; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: auto !important; margin-right: auto !important; } #dropdownMenuButton1 { border: none; background-color: none; background: inherit; font-weight: 500 !important; font-size: 14px; padding: 4.2px 6px; height: -webkit-fill-available; } #dropdownMenuButton { border: none; background-color: none; background: inherit; font-weight: 200 !important; font-size: 14px; padding: 4.2px 6px; } .dropdown-menu { border-radius: 4px; } .dropdown-menu li { cursor: pointer; padding: 0px; height: 36px; display: flex !important; align-items: center; } .details-active, .details-deactive { font-size: 56px; } .activate, .role { color: #006BFC; vertical-align: middle; margin: 0 5px; width: -moz-fit-content !important; width: fit-content !important; } .deactivate { vertical-align: middle; width: -moz-fit-content !important; width: fit-content !important; margin: 0 5px; } .actionSetting { vertical-align: middle; font-size: 15px !important; line-height: 1.7 !important; } .mat-dialog-content { overflow-x: hidden !important; } .mat-dialog-content { max-height: 77vh !important; } .p-button-label { margin-right: 4px; margin-left: 4px; } .hideitem { display: none !important; } .bold { font-weight: bold; } .color-Primary { color: #006BFC !important; } .p-fileupload-row .p-button-label { display: none; } table .false { display: none !important; } .assign-to-user .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { overflow: hidden; display: flex; align-items: center; flex-wrap: wrap; } .p-multiselect.p-multiselect-chip .p-multiselect-token { margin: 2px; } .display-card-top { background-color: rgba(204, 204, 204, 0.4705882353); border-bottom: 1px solid #dddfe4 !important; color: #3c495a; border-top-left-radius: 10px; border-top-right-radius: 10px; } .display-card-top .left-side { margin: 0px !important; } .display-card-top .left-side .sl-content { margin: 9px 5px 7px 14px; color: #464444; } .display-card-top .right-side { margin: 0px !important; } .display-card-top .right-side .sl-content { float: right; } .display-card-top .right-side mat-icon { font-size: 17px; } .display-card-top .right-side .mat-icon-button { width: 34px; } .display-card { padding-right: 13px; padding-left: 5px; margin-left: 5px !important; margin-right: 5px !important; } .display-card .user-roles { width: max-content; display: contents; } .display-card .image { position: relative; } .display-card .notactive { background: #cf0707; } .display-card .active { background: #00b900; } .display-card .right-side .product_qrcode { margin: 6px; } .change-display-to-card tbody, .change-display-to-card thead { display: none; } .table > :not(:first-child) { border-top: 0px; } .filter { border: 1px solid rgba(0, 0, 255, 0.2509803922); } .FilerCheckboxLable { margin: 0px 7px; } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 0.5em 0 1em 0; } .addressIcon { font-size: 11px; color: #0d6efd; margin: 0px 4px; } .profilePhone, .profileEmail { vertical-align: middle; margin: 0px 4px; color: #fafafa; } .dtr-data { margin: 0px 40px; } .map { width: 100%; height: 400px; } .p-chip { margin: 5px; } .servicesChips { margin-top: 6px; } .iti { display: block !important; margin-bottom: 20px; } .iti .dropdown-menu.country-dropdown { border-top-left-radius: 0px; border-top-right-radius: 0px; border-color: #c7cace; margin-top: -1px; } .flex-vertical-center { align-items: center; display: flex; } .flex { display: flex; } .text-align-end { text-align: end; } .mat-expansion-panel-header-title { opacity: 0.8; } .perfect-scrollbar-example { position: relative; max-height: 70vh; } .iti .iti__country-list { box-shadow: none; font-size: 14px; margin-left: 0; width: 100%; max-height: 170px; } .iti__flag-container.open + input { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .iti .search-container input { font-size: 14px; border-color: #c7cace; padding: 5px 10px; } .iti .search-container input:focus { outline: none; } .dropdown { padding: 0px 2px 0px 2px; } .datatable-header .right { text-align: end; } .datatable-header .left { text-align: left; height: -moz-fit-content; height: fit-content; } .datatable-header .left .active_filter { padding: 11px; border-radius: 10px; width: -moz-fit-content; width: fit-content; border: 1px solid rgba(128, 128, 128, 0.2705882353); height: 45px; } @media screen and (max-width: 479px) { .iti .iti__country-list { width: 88.3vw; } } .user_dw_menu .attend { padding-right: 10px; padding-left: 10px; padding-top: 2px; } .user_dw_menu .attend .btn-space { color: white !important; justify-content: center; } .dropdown-menu ul.menu li .btn-space:hover { background-color: #0081ff; } .attend-container { border: 1px solid rgba(128, 128, 128, 0.3490196078); border-radius: 5px; margin-bottom: 12px !important; } .periods { width: 100% !important; } .field-radiobutton, .periods { margin-top: 7px; margin-bottom: 7px; } .attend-radio-lable, .period { border: 1px solid rgba(150, 150, 157, 0.2117647059); border-radius: 3px; width: 100%; padding: 6px; cursor: pointer; direction: ltr; } .field-radiobutton .active, .periods .active { border: 1px solid #006BFC; border-radius: 3px; } .field-radiobutton a .active, .periods a .active { border: 1px solid #006BFC; border-radius: 3px; } .p-radiobutton { display: none !important; } .url { display: none; } .card-padding { padding-right: 1.5rem; padding-left: 1.5rem; } .select-doctor { border: 1px solid #ced4da; border-radius: 6px; } .hide { display: none !important; } .show { display: inline-block !important; } .materialTableHeader .importexport li { width: -webkit-fill-available; width: -moz-available; } .msg-user { border: none !important; border-radius: 10px; height: 33px; width: 33px; background: inherit; } .refresh-datatable { background-color: white; color: #3c495a; } .refresh-datatable mat-icon { color: black !important; } .header-name { margin: 0px 10px 0px 0px; } ngx-intl-tel-input input { height: 44px; margin-bottom: 20px; padding: 10px; border-style: solid; border-width: 1px; border-color: #c7cace; border-radius: 4px; font-size: 18px; width: 100%; } .custom-dropdown-span { margin-right: 6px; margin-left: 6px; } .custom-dropdown-icon { font-size: 20px; vertical-align: bottom; height: 19px !important; } .doctor-img { position: relative; } .online, .offline { position: absolute; top: 8px; left: 9px; height: 12px; width: 12px; border-radius: 50%; } .dropdown-online, .dropdown-offline { position: absolute; top: 0px; left: 11px; height: 8px; width: 8px; border-radius: 50%; } .online, .dropdown-online { background-color: #00ff00; } .offline, .dropdown-offline { background-color: #ff0000; } .patient-info { background-color: rgba(128, 128, 128, 0.1411764706); border-radius: 7px; padding: 18px 10px 0px 10px; position: relative; } .patient-info-lable { position: absolute; top: -10px; background: #363636; width: -moz-fit-content; width: fit-content; border-radius: 19px; color: white; } .patient-info span { color: rgba(23, 23, 23, 0.6901960784); } .isactive-filter { display: flex; align-items: center; } .patient-insurance { position: relative; } .patient-insurance-lable { position: absolute; top: -10px; background: #363636; width: -moz-fit-content; width: fit-content; border-radius: 19px; color: white; padding: 1px 9px 1px 9px; } .insurance-info span { color: rgba(23, 23, 23, 0.6901960784); } .isActive { border-left: 5px solid #0baf0b; } .isNotActive { border-left: 5px solid #cd4912; } .badge-danger { background-color: #f44336; } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { background-color: #ffffff; color: #3c495a; font-weight: 200; } .mat-flat-button.mat-primary .mat-button-wrapper, .mat-raised-button.mat-primary .mat-button-wrapper, .mat-fab.mat-primary .mat-button-wrapper, .mat-mini-fab.mat-primary .mat-button-wrapper { align-items: center; display: flex; } .mat-flat-button.mat-primary .mat-icon, .mat-raised-button.mat-primary .mat-icon, .mat-fab.mat-primary .mat-icon, .mat-mini-fab.mat-primary .mat-icon { display: flex; align-items: center; } .mat-raised-button.mat-warn { font-weight: 200; } .mat-raised-button.mat-warn .mat-button-wrapper { display: flex; align-items: center; } .mat-raised-button.mat-warn .mat-icon { display: flex; align-items: center; } a { color: #006BFC; text-decoration: none; } a:hover { color: #006BFC; text-decoration: none; } ngx-intl-tel-input.ng-invalid.ng-touched input { border: 1px solid #c0392b; } ngx-intl-tel-input input:hover { box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.24); } ngx-intl-tel-input input:focus { outline: none !important; border-color: #3498db; box-shadow: 0 0 0 0 #3c495a; } ngx-intl-tel-input input::placeholder { color: #bac2c7; } ngx-intl-tel-input input[disabled] { background-color: #e5eaf1; } .selected-dial-code, .iti__dial-code { margin: 5px; } .dayandperiods { border: 2px solid rgba(128, 128, 128, 0.231372549); border-radius: 10px; padding: 5px; margin-top: 5px; } .removeDay, .addDayButton { margin-top: 7px !important; } .removePeriod { margin-top: 22px !important; } .p-calendar-timeonly, .p-input-icon-right { width: 100% !important; } .fa-clock { z-index: 1; } .periods { width: -moz-fit-content; width: fit-content; } .mat-simple-snackbar { justify-content: center !important; } .pdf { font-size: 36px; color: #f20000; } .excel { font-size: 36px; color: #0d733a; } .document_image { margin-right: auto; margin-left: auto; transform: translate(12px, 6px); } .document_image .image { font-size: xx-large; } .document_bottons { display: flex; align-items: end; justify-content: right; } .document_body { justify-content: center; display: flex; } .document_card { box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.0784313725); border: 1px solid rgba(0, 0, 255, 0.2509803922); } .rtl .document_botton { left: 7px !important; } .upload { position: absolute; top: 33px; } .document_refresh_div { display: flex; justify-content: right; padding-top: 4px; padding-right: 16px; padding-left: 16px; } .document_refresh_icon { color: #4f98ff !important; cursor: pointer; } .requird, .optional { color: black !important; } .promotion-products { color: #3c495a; } .promotion-products .types a { color: #006BFC; } .promotion-products .types a:hover { color: #006BFC; } .requird span { color: red; } .CountryName { margin: 7px; } .p-chips-multiple-container, .p-chips { width: 100%; } .p-chips-token { margin: 3px 4px; } .user_documents { background: rgba(255, 255, 255, 0.1294117647); } .filter-save-button { margin-left: 4px; margin-right: 4px; } .close-icon { cursor: pointer; } .btn-tbl-download { background-color: #4f98ff; height: 30px !important; width: 30px !important; margin: 2px !important; line-height: 30px !important; color: #fff; } .btn-tbl-download .material-icons { font-size: 16px !important; } .btn-tbl-download:hover { background-color: #4f98ff; color: white; } .btn-tbl-download:focus { background-color: #4f98ff; } .dropdown-menu > li > a { padding: 2px 18px; width: 100%; } .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #148b54; } .levels a { display: inline-block; margin: 2px; } .datatable-header { align-items: center; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(231 235 243/var(--tw-border-opacity)); padding: 0.5rem 0rem; } .datatable-header a { color: #3c495a !important; cursor: pointer; padding: 6px 19px 6px 19px; border-radius: 8px; opacity: 50%; font-weight: bold; line-height: normal; } .datatable-header a:hover:not(.active) { color: #006BFC !important; } .datatable-header .active { background-color: #006BFC; color: #ffffff !important; opacity: 100%; } .datatable-header .header-buttons .dropdown, .datatable-header .header-buttons .rowsSelected { display: inline-block; } .datatable-header .draft_btn { border-bottom: 1px solid gray; color: gray !important; } .datatable-header .reviewed_btn { border-bottom: 1px solid orange; color: orange !important; } .datatable-header .post_btn { border-bottom: 1px solid rgba(75, 0, 110, 0.72); color: rgba(75, 0, 110, 0.72) !important; } .datatable-header .approv_btn { border-bottom: 1px solid rgba(0, 128, 0, 0.829); color: rgba(0, 128, 0, 0.829) !important; } .datatable-header .cancel_btn { border-bottom: 1px solid red; color: red !important; } .datatable-header a[data-status=Draft]:hover { background-color: #ece9e9; color: rgb(97, 97, 97); } .datatable-header a[data-status=Reviewed]:hover { background-color: #e0f7fa; color: rgba(217, 4, 41, 0.86); } .datatable-header a[data-status=Approved]:hover { background-color: #f0f9f4; color: rgba(128, 128, 128, 0.831372549); } .datatable-header a[data-status=Posted]:hover { background-color: #e0f7fa; color: rgb(75, 0, 110); } .datatable-header a[data-status=Closed]:hover { background-color: #e0f7fa; color: orange; } .datatable-header a[data-status=Canceled]:hover { background-color: #fef2f2; color: #dc2626; } .dropdown-menu > li > a { opacity: 100%; } .pi { font-family: "primeicons" !important; } .plan-box .plan-btn { position: relative; } .plan-box .plan-btn::before { content: ""; position: absolute; width: 100%; height: 2px; background: gray; left: 0px; right: 0px; top: 12px; } .blog-play-icon { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); margin: 0px auto; } .la-ball-scale-pulse.la-2x, .la-ball-scale-pulse.la-2x > div { width: 109px !important; height: 109px !important; } .ngx-spinner-overlay { background-color: rgba(222, 228, 255, 0.38) !important; } .ngx-spinner-overlay { color: rgb(233, 255, 252) !important; } .la-ball-scale-pulse, .la-ball-scale-pulse > div { position: relative; box-sizing: border-box; } .la-ball-scale-pulse { display: block; font-size: 0; color: #fff; } .la-ball-scale-pulse.la-dark { color: #333; } .la-ball-scale-pulse > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-scale-pulse { width: 32px; height: 32px; } .la-ball-scale-pulse > div { background: url('min_logo.png'); z-index: 99999; background-repeat: no-repeat; background-size: contain; background-position-y: center; position: absolute; top: 0; left: 0; width: 32px; height: 32px; border-radius: 100%; opacity: 0.5; animation: ball-scale-pulse 2s infinite ease-in-out; } .la-ball-scale-pulse > div:last-child { animation-delay: -1s; } .la-ball-scale-pulse.la-sm { width: 16px; height: 16px; } .la-ball-scale-pulse.la-sm > div { width: 16px; height: 16px; } .la-ball-scale-pulse.la-2x { width: 64px; height: 64px; } .la-ball-scale-pulse.la-2x > div { width: 82px; height: 48px; } .la-ball-scale-pulse.la-3x { width: 96px; height: 96px; } .la-ball-scale-pulse.la-3x > div { width: 96px; height: 96px; } /* * Animation */ @keyframes ball-scale-pulse { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } .mat-form-field-label { color: rgba(0, 0, 0, 0.4) !important; } .details_header_buttons { height: 52px; display: flex; justify-content: space-between; } .details_header_buttons .header, .details_header_buttons .button { display: flex; align-items: center; } .add_item { height: 52px; display: flex; justify-content: space-between; background-color: #ffffff; border-top-right-radius: 10px; border-top-left-radius: 10px; align-items: center; padding: 10px; margin-bottom: -8px; position: relative; z-index: 1; border-bottom: 2px solid #ECECEC; } .add_item h4, .add_item h2 { margin: 0px 9px 0px 9px; color: black; font-size: 14px; } .add_item .mat-raised-button.mat-primary { background-color: #E3EFFF; position: relative; border: none; } .add_item .mat-raised-button.mat-primary span { color: #006BFC; font-weight: bold; } .add_item .mat-raised-button.mat-primary img { filter: invert(60%) sepia(38%) saturate(6101%) hue-rotate(207deg) brightness(100%) contrast(106%); margin-inline-end: 3px; width: 17px; } .add_item .header, .add_item .button { display: flex; align-items: center; } .add_item .header { background: none; } .details-header { color: gray; font-size: 16px; padding: 0px 0px; } .details-header::after { content: ":"; margin: 0px 3px; } .details-add { margin: 0px 6px 0px 6px !important; } .device-no-digit { padding: 4px 7px 4px 7px; border: 1px solid #006BFC; border-radius: 3px; margin: 0px 3px 0px 3px; background: #006BFC; color: white; } .details-name { display: flex; align-items: center; margin: 0px 9px 0px 8px; } .button-border { border: 0.1px solid #006BFC !important; } .properties { justify-content: center; text-align: -webkit-auto; padding: 2px 2px 2px 7px; } .border-b { border-bottom: 1px solid; padding-bottom: 7px; } .border-gray-250 { color: #3c495a; --tw-border-opacity: 1; border-color: rgba(0, 107, 252, 0.2705882353); } .details_table { border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; } .details_table tr { padding: 0.35em; background: white; } .details_table th, .details_table td { padding: 0.625em; text-align: center; } td { font-weight: 500; } .details_table tr { border-bottom: 1px solid #ddd; } @media screen and (max-width: 600px) { .details_table { border: 0; } .datatable-header .right, .datatable-header .left, .materialTableHeader .right, .materialTableHeader .left { text-align: center; justify-content: center; padding: 0; } .header-buttons { text-align: center !important; } .datatable-header .right { padding-top: 10px; } .details_table caption { font-size: 1.3em; } .importexport ul li { width: -webkit-fill-available; width: -moz-available; } .dropdown-toggle::after { vertical-align: middle; } .details_table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .details_table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: 0.625em; } .details_table td { border-bottom: 1px solid rgb(119, 119, 119); display: block; font-size: smaller !important; text-align: right; } .details_table td::before { content: attr(class); float: left; font-weight: bold; } .details_table td:last-child { border-bottom: 0; } .tab-icon { font-size: 14px; align-items: center; display: flex; flex-direction: row-reverse; } } .example-list { list-style-type: none; padding: 0; max-height: 70vh; overflow: auto; } .example-list li { padding: 4px; } .example-container { display: flex; flex-wrap: wrap; flex-direction: row; gap: 10px; margin: 10px; } .example-box { width: 200px; height: 50px; border: solid 1px #ccc; font-size: 1rem; font-weight: bold; color: rgba(0, 0, 0, 0.87); cursor: move; display: flex; justify-content: center; align-items: center; text-align: center; background: #fff; border-radius: 4px; position: relative; z-index: 1; transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1); 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); } .example-box:active { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); opacity: 0.6; } .cdk-drag-preview { box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .cdk-drag-placeholder { opacity: 0.3; } .cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } button { margin-right: 4px; } .example-box-placeholder { width: 200px; height: 200px; display: flex; justify-content: center; background: #ccc; border: dotted 3px #999; transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .drop-list-item { display: flex; flex-direction: row; } .icons_wrapper { display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; margin: 20px; } .icon_container { box-shadow: 0px 0px 9px 0px rgba(128, 128, 128, 0.1607843137); width: -moz-fit-content; width: fit-content; padding-right: 36px; padding-left: 36px; height: 50px; font-size: 1rem; font-weight: bold; color: rgba(0, 0, 0, 0.87); cursor: move; display: flex; justify-content: center; align-items: center; text-align: center; background: #fff; border-radius: 4px; position: relative; z-index: 1; margin: 6px; } .drag_ghost_class { width: 110px; height: 110px; } .highlight { color: white !important; background-color: #006BFC !important; } .table_link { color: #006BFC; cursor: pointer; font-weight: bold; font-size: 14px; } .details-images { margin: 0px 6px 0px 6px; display: flex; } .p-image-preview { height: auto !important; width: auto !important; } .mat-raised-button { box-shadow: none !important; font-weight: 200; } .angular-editor-button > .fa, .color-label > .fa { font-style: normal !important; font-variant-ligatures: normal !important; font-variant-caps: normal !important; font-variant-numeric: normal !important; font-variant-east-asian: normal !important; font-weight: 700 !important; font-stretch: revert !important; font-size: inherit !important; line-height: 1 !important; font-family: "Font Awesome 5 Free" !important; } #insertVideo-editor1, #insertVideo-editor2 { display: none; } .angular-editor-textarea ol { list-style-type: decimal !important; } .angular-editor-textarea ul { list-style-type: unset !important; } .select-font { display: none !important; } .angular-editor-textarea h1, .angular-editor-textarea h2, .angular-editor-textarea h3, .angular-editor-textarea h4, .angular-editor-textarea h5, .angular-editor-textarea h6, .angular-editor-textarea span, .angular-editor-textarea strong, .angular-editor-textarea li, .angular-editor-textarea label, .angular-editor-textarea th, .angular-editor-textarea td, .angular-editor-textarea div { font-size: 12px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-right: 0.5rem; } .iportexportline { border-bottom: 1px solid #c8c8c8; } .displaytypebutton { direction: ltr; } .page-item.active .page-link { background-color: #006BFC; border-color: #006BFC; } .page-link, .page-link:hover { color: #006BFC; } .checkboxCls:checked:before { background-color: #006BFC; } .dark { background-color: #232b3e !important; color: #96a2b4; } .dark html { background-color: #232b3e !important; color: #96a2b4; } .sidebar .menu ul li { border-right: 0px solid rgba(238, 238, 238, 0.2196078431) !important; border-left: 0px solid rgba(238, 238, 238, 0.2196078431) !important; } .table-bordered thead tr th { border: none !important; } .btn-tbl-delete, .btn-tbl-edit { background-color: #fff !important; } .btn-tbl-delete span { color: #fb3f3f !important; } .dark .btn-tbl-delete, .dark .btn-tbl-edit { background-color: #1a202e !important; color: #fff !important; } .btn-tbl-edit span { color: #006BFC; } .card .header .h2 { font-size: 16px !important; line-height: 24px !important; font-weight: 700 !important; color: #3c495a !important; } .dark .card { background: #1a202e !important; } .h-portlet__head { border-bottom: 1px solid #dad9da; } .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } .table-bordered tbody tr td, .table-bordered tbody tr th { border-right: 0px solid rgba(0, 0, 0, 0.04) !important; border-left: 0px solid rgba(0, 0, 0, 0.04) !important; } .table tbody tr td, .table tbody tr th { border-right: 1px solid rgba(0, 0, 0, 0.04) !important; border-left: 0px solid rgba(0, 0, 0, 0.04) !important; } .table thead tr th { color: #3c495a; } .addContainer { display: flex; flex-direction: column; overflow: hidden; background-color: #fff; } .dark .addContainer { background-color: #1a202e; } .addContainer .form { display: flex; padding-top: 6px; } .addContainer .mat-form-field { flex-grow: 1; } .addContainer .modalHeader img { border-radius: 50%; } .modalHeader { display: flex; align-items: flex-start; justify-content: space-between; padding: 11px 26px 10px 26px; color: #3c495a; position: relative; height: 46px; } .modalHeader div { font-size: 23px; } .modalHeader .mat-icon-button { background-color: rgb(249, 247, 251); color: #ff0000; position: absolute; right: 6px; top: 10px; width: 25px; height: 25px; } .modalHeader .mat-icon-button .mat-icon { font-size: 14px; } .userimage { position: relative; } .profile-header .useractive { color: #006BFC; } .login-title { width: -moz-fit-content; width: fit-content; } .login-title span { font-size: 18px !important; } .modal-about, .login-title { position: relative; } .modal-about::after { display: block; width: 90%; height: 2px; border-radius: 33px; background: #f9f7fb; position: absolute; bottom: -4px; left: 0; } .modal-about::before { display: block; width: 8%; height: 2px; border-radius: 33px; background: #f9f7fb; position: absolute; bottom: -4px; right: 0; } .login-title::after { display: block; content: ""; width: 90%; height: 3px; border-radius: 33px; background: #006BFC; position: absolute; bottom: -4px; left: 0; } .login-title::before { display: block; content: ""; width: 8%; height: 3px; border-radius: 33px; background: #006BFC; position: absolute; bottom: -4px; right: 0; } .permissions .p-treenode-children .p-treenode-leaf { display: inline-block; width: 100%; } .permissions .p-treenode ul { border: 1px solid #dee2e6; border-radius: 8px; } .permissions .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { color: black !important; background: #EEF2FF !important; } .parent p { margin: 10px 0px 21px 0px; } .parent .header { width: -moz-fit-content; width: fit-content; } .mat-error { margin-bottom: 5px; } .requird, .optional { color: inherit; } mat-label { background-color: transparent; padding-bottom: 3px; color: rgba(65, 66, 68, 0.6509803922); } .p-dataview-layout-options { direction: ltr; } .p-dataview-layout-options .p-selectbutton .p-buttonset .mb-4 { direction: ltr; } .p-checkbox .p-checkbox-box .p-checkbox-icon { color: #006BFC !important; font-weight: bold !important; } .p-checkbox .p-checkbox-box.p-highlight { border-color: #006BFC !important; background: none !important; } .p-checkbox .p-checkbox-box { border-radius: 4px !important; } .p-checkbox-box:hover { border-color: #006BFC !important; background: none !important; } .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 { width: auto; } .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 { width: auto; } .permission-buttos { margin: 2px 0; white-space: nowrap; justify-content: flex-end; } .catagory-wrapper { background: #ffffff; align-items: center; border: 1px solid #006BFC; border-radius: 5px; padding: 20px 20px; transition: all 0.3s ease-out 0s; } .catagory-wrapper .catagory-thumb { margin: 1px 0px 14px 0px; display: flex; justify-content: center; } .catagory-wrapper .catagory-thumb i { font-size: 34px; } .catagory-wrapper .catagory-content { color: #141517; text-align: center; } .catagory-wrapper .catagory-content h3 { font-size: 14px; font-weight: 700; margin-bottom: 4px; line-height: 1; } .catagory-wrapper .catagory-content h3 span { background-color: rgba(22, 157, 86, 0.7098039216); color: white; padding: 2px 7px 2px 7px; border-radius: 16px; margin: 0px 3px 0px 3px; font-size: 9px; } .catagory-wrapper .catagory-content span { font-size: 10px; line-height: 12px; color: gray; width: auto; } .parentcard { border: 1px solid #edeef2; background-color: rgba(241, 241, 241, 0.3803921569); border-radius: 5px; padding: 10px 15px; margin-top: 10px; } .parentcard .parent { padding: 6px; margin-bottom: 6px; display: flex; align-items: center; transition: all 0.3s ease-out 0s; } .parentcard .parent .parenticon { margin-right: 5px; } .parentcard .parent .parentcontent h3 { margin: 0px 10px 0px 10px; font-size: 14px; font-weight: 700; margin-bottom: 4px; line-height: 1; } .parentcard .parentchild { position: relative; } .parentcard .additem { position: absolute; top: 3px; right: 4px; color: #fff; padding: 3px; border-radius: 50%; display: flex; background-color: rgba(22, 157, 86, 0.6784313725); transform: translate(-17%, 10%); box-shadow: 0px 0px 3px 1px rgba(128, 128, 128, 0.11); } .parentcard .additem mat-icon { font-size: 19px; height: auto; width: auto; } .mb-30 { margin-bottom: 30px; } .catagory-wrapper { min-height: calc(100% - 30px); } .mytooltip { color: white !important; margin: 0px 5px 0px 5px; border-radius: 3px; } .mytooltip img { width: 12px; } .p-orderlist .p-button-label { display: none; } .p-orderlist .p-button { color: #3c495a; background-color: white; } .arabic-text { font-family: "IBM Plex Sans"; } .QrCode img { height: 120px; } .user_profile { margin: 0px 0px 0px 4px !important; } .auth-container { background-image: url('erol-ahmed-unsplash.png'); background-repeat: no-repeat; background-size: cover; background-position: center; } .auth-container mat-label { font-weight: bold; } .football-auth-container { background-image: url('erol-ahmed-unsplashFootball.png'); background-repeat: no-repeat; background-size: cover; background-position: center; } @media (max-width: 576px) { .auth-container { background-image: url('Phone.png'); background-size: auto; } } .phonelogoandwelcome, .phonebottom { display: none; } .mat-form-field-underline { width: 0px !important; } .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.95em 0 0.75em 0 !important; } .auth-form-section .food-images { overflow: hidden; height: 100vh; z-index: 0; } .auth-form-section .food-images img { padding: 3px; } .auth-form-section .food-images .first { animation: run 15s linear infinite; } @keyframes run { 0% { margin-top: 0px; } 100% { margin-top: -150vh; } } .signupdropdown .p-dropdown { background: #f5f5f5; border: none !important; padding-top: 12px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .auth-form-section .validate-form .dropdown-container { position: relative; } .auth-form-section .mat-error { margin-top: 12px; } .auth-form-section .validate-form .requird { position: relative; left: 9px; top: -48px; box-sizing: content-box; width: 100%; height: 100%; overflow: hidden; pointer-events: none; font-size: 10px; } .auth-form-section .validate-form .requird span { color: rgba(65, 66, 68, 0.6509803922) !important; } .licence-activate-form .mat-form-field-appearance-fill .mat-form-field-flex { border: 1px solid rgba(128, 128, 128, 0.2901960784); background-color: inherit !important; } .licence-activate-form .form-name { font-weight: bold; margin-bottom: 27px; font-size: 14px; } .ng-otp-input-wrapper { display: flex; justify-content: center; } .resendotp { cursor: pointer; } .ng-otp-input-wrapper input[value]:not([value=""]) { border-color: #006BFC; } .ng-otp-input-wrapper input:invalid { border-color: red; } .card-menu { color: #3c495a !important; filter: invert(42%) sepia(66%) saturate(3549%) hue-rotate(127deg) brightness(93%) contrast(83%) !important; } .sidebarsearch input { width: 100%; border: none; box-shadow: -2px 3px 13px 1px rgba(128, 128, 128, 0.0901960784); border-radius: 5px; } .sidebarsearch .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item a div { white-space: break-spaces; } .sidebarsearch .p-component { scrollbar-width: none; margin-left: 0px !important; } .sidebar-search { margin: 10px; } .headerSearch .p-autocomplete { width: 100%; } .headerSearch input { width: 100%; } .headerSearch .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { background: rgba(128, 128, 128, 0.1215686275); padding: 0px 8px !important; line-height: 40px; text-transform: uppercase; } .headerSearch .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group span { font-weight: bold; color: gray; } .headerSearch .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { padding: 0px !important; line-height: 44px; } .headerSearch .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item a { padding: 0px 8px !important; width: auto; display: block; } .headerSearch .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { line-height: 1; } .map-zone-container { position: relative; } .map-zone-container a { position: absolute; top: 53px; left: 19px; background: none padding-box rgb(255, 255, 255); display: table-cell; border: 0px; margin: 0px; padding: 0px 23px; text-transform: none; -webkit-appearance: none; appearance: none; cursor: pointer; -webkit-user-select: none; user-select: none; direction: ltr; overflow: hidden; text-align: center; height: 40px; vertical-align: middle; color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; font-size: 18px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; min-width: 26px; font-weight: 500; line-height: 39px; } .breadcrumb-container { display: flex; justify-content: space-between; z-index: 1; } .breadcrumb-container .page-title { font-size: 16px; margin-bottom: 0px; display: flex; align-items: center; } .breadcrumb-container .page-title img { margin: 0px 12px 1px 14px; max-width: 28px; } .breadcrumb-container .home { float: left; padding-left: 10px; color: #444444; height: 17px; width: 28px; margin: 0px 7px; } .breadcrumb-container .breadcrumb-title { display: flex; align-items: center; } .breadcrumb-container .breadcrumb-title .home { float: right; margin: 0px 5px; } .breadcrumb-container .breadcrumb-title .home { float: left; padding-left: 10px; color: #444444; height: 17px; width: 28px; } .breadcrumb { padding: 11px 16px 5px 6px; background-color: #fafafa; display: flex; align-items: flex-end; border-radius: 5px; margin: 0px 0px 0px 0px; } .breadcrumb li a .fa-home { margin: 0px 5px; } .add-left { margin: 0; } .add-right { height: 515px; width: 515px; background-color: rgb(77, 179, 132); border-radius: 50%; position: absolute; right: 6px; z-index: 0; top: 94px; display: none; } .mat-raised-button { line-height: 32px !important; } div.dataTables_wrapper div.dataTables_info { line-height: 2px; } .theme-white .sidebar .menu .list li .menu-img { width: 21px; } .ml-menu img { margin: 0px 4px 3px 0px; } .sidebar .menu .list .ml-menu li.active { background-color: #F4F4F4; border-left: 2px solid #006BFC !important; margin-left: -1px; } .sidebar .menu .list .ml-menu li.active img { filter: none; } .sidebar .main-menu { border-right: 1px solid gainsboro; } .cardmenu .top-menu-img { margin: 0px; width: 26px; } .header-buttons .mat-flat-button.mat-primary, .header-buttons .mat-raised-button.mat-primary, .header-buttons .mat-fab.mat-primary, .header-buttons .mat-mini-fab.mat-primary { border: none; } .header-buttons .mat-flat-button.mat-primary:focus, .header-buttons .mat-raised-button.mat-primary:focus, .header-buttons .mat-fab.mat-primary:focus, .header-buttons .mat-mini-fab.mat-primary:focus { background: none; } .header-buttons .mat-flat-button.mat-primary:hover, .header-buttons .mat-raised-button.mat-primary:hover, .header-buttons .mat-fab.mat-primary:hover, .header-buttons .mat-mini-fab.mat-primary:hover { background: none; } .header-buttons button img { margin: 0px 3px; } .selected-actions span { position: absolute; top: 1px; right: 26px; font-size: 13px; color: #006bfc; font-weight: 500; } .datatable-buttons-right { display: flex; justify-content: flex-end; } .datatable-buttons-right .p-buttonset { height: 45px; } .user-roles { display: inline-flex; } .user-roles .p-chip { white-space: nowrap; } .user-roles .badge { margin: 1px 2px; } .p-chip { margin: 0px 5px !important; } .p-tooltip .p-tooltip-text, .mat-tooltip { background-color: white !important; color: #3c495a !important; z-index: 99999999; transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1); 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-image-toolbar { z-index: 9999; } .pos .product-item { text-align: center; font-size: 14px; font-weight: bold; } .pos .product-item img { border-radius: 5px; } .mat-datepicker-content { z-index: 999999; } .menu #menu-flters { padding: 0; margin: 0 auto 0 auto; list-style: none; text-align: center; border-radius: 50px; } .menu #menu-flters li { cursor: pointer; display: inline-block; padding: 8px 12px 10px 12px; font-size: 16px; font-weight: 500; line-height: 1; color: #fff; margin-bottom: 10px; transition: all ease-in-out 0.3s; border-radius: 50px; font-family: "Playfair Display", serif; } .menu #menu-flters li:hover, .menu #menu-flters li.filter-active { color: #cda45e; } .menu #menu-flters li:last-child { margin-right: 0; } .menu .p-scrollpanel-wrapper { padding-bottom: 25px; } .menu .menu-item { margin-top: 50px; } #menu .menu-img { width: 70px; border-radius: 50%; float: left; border: 5px solid rgba(77, 179, 132, 0.43); } .menu .menu-content { margin-left: 85px; overflow: hidden; display: flex; justify-content: space-between; position: relative; padding-top: 4px; } .menu .menu-content a { padding-right: 10px; background: #fff; position: relative; z-index: 3; font-weight: 700; color: #3c495a; transition: 0.3s; } .menu .menu-content a:hover { color: #006BFC; } .menu .menu-content span { background: #fff; position: relative; z-index: 3; padding: 0 10px; font-weight: 800; font-size: 14px; color: #006BFC; display: flex; align-items: center; } .menu .menu-ingredients { margin-left: 85px; font-size: 14px; color: rgba(0, 0, 0, 0.5); } .dashboard-form .p-dropdown, .dashboard-form .p-inputtext { border: none; } .dashboard-form .date-filter { display: flex; align-items: center; justify-content: space-between; border-radius: 6px; cursor: pointer; } .dashboard-form .date-filter span { padding: 4px 16px 4px 16px; } .dashboard-form .date-filter .active { background-color: #006BFC; border-radius: 6px; color: white; box-shadow: 0px 1px 4px grey; } .dashboard .title { font-size: 15px; padding-right: 10px !important; padding-left: 10px !important; padding-top: 1.5rem !important; padding-bottom: 0.5rem !important; font-weight: bold; } .dashboard .sub-title { font-size: 12px; color: gray; margin-bottom: 8px; } .dashboard .orders { display: flex; align-items: center; justify-content: space-between; background-color: #fafafa; align-self: center; padding: 8px 11px; border-radius: 6px; } .dashboard .orders .count-orders h1 { justify-content: center; display: flex; } .dashboard .orders .count-orders h4 { padding: 0; margin: 0; font-size: 18px; } .dashboard .order-rate { border-radius: 6px; color: white; width: -moz-fit-content; width: fit-content; } .dashboard .order-rate span { display: flex; align-items: center; padding: 2px 10px; } .dashboard .order-rate span mat-icon { font-size: 13px; align-items: center; display: flex; width: auto; } .dashboard .red { background: #d0183b; } .dashboard .green { background: #006BFC; } .dashboard .blue { background: blue; } .dashboard .order-status { display: flex; background-color: #fafafa; align-self: center; padding: 8px 11px; border-radius: 6px; } .dashboard .order-status span { width: 8px; border-radius: 39px; height: 31px; } .dashboard .order-status p { display: flex; align-items: center; padding: 0px 9px; margin: 0; font-size: 17px; } .dashboard .order-status .red { background: #d0183b; } .dashboard .order-status .green { background: #006BFC; } .dashboard .order-status .blue { background: blue; } .dashboard .chart .chart-header { display: flex; align-items: center; justify-content: space-between; align-self: center; padding: 8px 11px; border-radius: 6px; } .dashboard .order-card { padding: 8px 11px; border-radius: 6px; box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; -webkit-box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; } .dashboard .order-card .title { margin-bottom: 0px; } .dashboard .order-summery { background-color: #fafafa; } .dashboard .cart-wrap .cart { margin: 0; box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; border-radius: 7px; color: #3c495a; } .dashboard .cart-wrap .cart .header { padding: 13px 12px 3px 12px; display: flex; align-items: center; justify-content: space-between; } .dashboard .cart-wrap .cart .header .title { font-size: 18px; } .dashboard .cart-wrap .cart .cart-items { display: flex; align-items: center; padding: 16px 19px; } .dashboard .cart-wrap .cart .cart-items .cart_item { background: #fafafa; padding: 18px 14px 14px 14px; border-radius: 6px; } .dashboard .cart-wrap .cart .cart-items .cart_item .cart-item-info { display: flex; } .dashboard .cart-wrap .cart .cart-items .cart_item .cart-item-info img { width: 50px; height: 54px; object-fit: cover; border-radius: 7px; box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; } .dashboard .cart-wrap .cart .cart-items .cart_item .cart-item-info .more-info { text-align: left; margin-left: 2px; } .dashboard .cart-wrap .cart .cart-items .cart_item .cart-item-info .more-info .name { font-size: 13px; color: #3c495a; } .dashboard .cart-wrap .cart .cart-items .cart_item .cart-item-info .more-info p { margin: 0px 0.8rem; font-size: 12px; font-weight: 500; color: gray; } .dashboard .cart-wrap .cart .cart-items .price, .dashboard .cart-wrap .cart .cart-items .rate { display: inline-grid; justify-content: right; } .dashboard .cart-wrap .cart .cart-items .price { font-size: 14px; } .dashboard .pie-chart .pie-chart-header { display: flex; align-items: center; align-self: center; padding: 8px 11px; border-radius: 6px; } .dashboard .pie-chart .pie-chart-header .title { font-size: 12px; } .dashboard .mat-expansion-panel-header-title { padding-top: 6px; } .dashboard .conected-products-title { display: flex; align-items: center; justify-content: space-between; align-self: center; padding: 8px 11px; border-radius: 6px; width: 100%; } .dashboard .conected-products-title .order-rate { display: flex; } .dashboard .conected-products .productcard { position: relative; padding: 0px; } .dashboard .conected-products .productcard span { position: absolute; bottom: 5%; left: 0; left: 50%; transform: translate(-50%, -50%); color: white; z-index: 1; font-size: 14px; } .dashboard .conected-products .productcard .mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; border-radius: 6%; background-image: linear-gradient(to bottom, rgba(135, 135, 135, 0.18), rgba(66, 67, 66, 0.6)); } .dashboard .pending-operation { padding: 10px 12px 10px 12px; margin: 5px; display: flex; align-items: center; justify-content: space-between; background-color: #fafafa; } .dashboard .pending-operation p, .dashboard .pending-operation h2 { margin: 0; padding: 0; } .mat-form-field-empty.mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { padding: 2px; } .p-picklist-buttons .p-button { background: #006BFC !important; border: #006BFC !important; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { box-shadow: none !important; } .p-button-icon-only .p-button-label { display: none; } .product-item { display: flex; align-items: center; padding: 0.5rem; width: 100%; } .product-item img { width: 75px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); margin-right: 1rem; } .product-item .product-list-detail { flex: 1 1 0; } .product-item .product-list-detail h5 { color: green; } .product-item .product-list-action { display: flex; flex-direction: column; align-items: flex-end; } .product-item .product-category-icon { vertical-align: middle; margin-right: 0.5rem; } .product-item .product-category { vertical-align: middle; line-height: 1; } @media screen and (max-width: 576px) { .product-item { flex-wrap: wrap; } .product-item .image-container { width: 100%; text-align: center; } .product-item img { margin: 0 0 1rem 0; width: 100px; } } .addContainer ::-webkit-scrollbar-thumb { background-color: #d6dee1; border-radius: 20px; border: 0px solid transparent; background-clip: content-box; } .p-tag-value { width: max-content; margin-bottom: -4px; } .tkt-reply .tkt-reply-left { display: flex; } .tkt-reply .tkt-reply-left i { margin: 0 12px 0px 0px; display: flex; align-self: center; font-size: 19px; } .tkt-reply .right-side { display: flex; align-items: center; } .tkt-reply .right-side span { width: 100%; text-align: end; margin: 0px 15px; } .tkt-reply .attachedFiles { margin: 32px 0px -3px 0px; background: #fafafa; padding: 7px 0px 0px 10px; } .tkt-reply .attachedFiles p { margin-bottom: 2px; } .mat-dialog-container { border-radius: 13px !important; height: -moz-fit-content !important; height: fit-content !important; padding: 0px 0px 0px 0px !important; overflow: hidden !important; background: none; box-shadow: none; } .iconCss-container label { display: inline-flex; } .iconCss { height: 42px; } .icon-picker { width: 511px !important; max-width: -moz-fit-content !important; max-width: fit-content !important; border: rgba(119, 119, 119, 0.2392156863) solid 1px !important; border-radius: 4px; margin-right: 34px !important; } .project-card .name { color: #006BFC; text-align: center; font-size: 13px; font-weight: bold; } .tenant-card .tenant-name { font-size: 15px; font-weight: bold; margin: 0px 7px 0px 7px; } *, *:after, *:before { box-sizing: border-box; } :root { --c-white: #fff; --c-black: #000; --c-ash: #eaeef6; --c-charcoal: #a0a0a0; --c-void: #141b22; --c-fair-pink: #ffedec; --c-apricot: #fbc8be; --c-coffee: #754d42; --c-del-rio: #917072; --c-java: #1fcac5; --c-titan-white: #f1eeff; --c-cold-purple: #a69fd6; --c-indigo: #6558d3; --c-governor: #4133b7; } .information { background-color: var(--c-white); padding: 1.5rem; } .information .tag { display: inline-block; background-color: var(--c-titan-white); color: var(--c-indigo); font-weight: 600; font-size: 0.875rem; padding: 0.5em 0.75em; line-height: 1; border-radius: 6px; } .information .tag + * { margin-top: 1rem; } .information .title { font-size: 1.5rem; color: var(--c-void); line-height: 1.25; } .information .title + * { margin-top: 1rem; } .information .info { color: var(--c-charcoal); } .information .info + * { margin-top: 1.25rem; } .information .button { font: inherit; line-height: 1; background-color: var(--c-white); border: 2px solid var(--c-indigo); color: var(--c-indigo); padding: 0.5em 1em; border-radius: 6px; font-weight: 500; display: inline-flex; align-items: center; justify-content: space-between; gap: 0.5rem; } .information .button:hover, .information .button:focus { background-color: var(--c-indigo); color: var(--c-white); } .information .details { display: flex; gap: 1rem; } .information .details div { padding: 0.75em 1em; background-color: var(--c-titan-white); border-radius: 8px; display: flex; flex-direction: column-reverse; gap: 0.125em; flex-basis: 50%; } .information .details dt { font-size: 0.875rem; color: var(--c-cold-purple); } .information .details dd { color: var(--c-indigo); font-weight: 600; font-size: 1.25rem; } .tenant-details { width: -moz-fit-content; width: fit-content; position: absolute; top: 10px; right: 7px; } .tenant-details .form-card-tilte { color: white; } .plan { padding: 10px; color: #eeeeee; } .plan strong { font-weight: 600; color: #ffffff; } .plan .inner { padding: 20px 10px 5px 10px; background-color: rgba(0, 107, 252, 0.6901960784); border-radius: 6px; position: relative; overflow: hidden; } .plan .pricing { position: absolute; top: 0; right: 0; background-color: #006BFC; border-radius: 99em 0 0 99em; display: flex; align-items: center; padding: 0.625em 0.75em; font-size: 1.25rem; font-weight: 600; color: white; } .plan .title { font-weight: 600; font-size: 1.25rem; color: #ffffff; display: flex; } .plan .title .verified { font-size: 17px; color: blue; margin: 0px 4px; } .plan .title + * { margin-top: 0.75rem; } .plan .info + * { margin-top: 1rem; } .plan .features { display: flex; flex-direction: column; } .plan .features li { display: flex; align-items: center; gap: 0.5rem; } .plan .features li + * { margin-top: 0.75rem; } .plan .features .icon { background-color: var(--c-java); display: inline-flex; align-items: center; justify-content: center; color: var(--c-white); border-radius: 50%; width: 20px; height: 20px; } .plan .features .icon svg { width: 14px; height: 14px; } .plan .features + * { margin-top: 1.25rem; } .plan button { font: inherit; background-color: #006BFC; border-radius: 6px; color: #3c495a; font-weight: 500; font-size: 1.125rem; width: 100%; border: 0; padding: 1em; } .plan button:hover, .plan button:focus { background-color: var(--c-governor); } .profile .p-card-body { background: url('profile-bg.svg'); background-repeat: no-repeat; background-size: contain; } .mat-icon-in-button { font-size: 14px; vertical-align: bottom !important; width: auto !important; } .menu-scroll-container { display: flex; align-items: center; padding: 5px; border-radius: 5px; margin: 3px 0px 0px 0px; border-bottom: 1px solid #dee2e6; } .menu-scroll-container.menu-hide-scrollbar { overflow: auto; } .menu-scroll-container.menu-hide-scrollbar::-webkit-scrollbar { height: 4px; } .menu-scroll-container.show-scroll { overflow: auto; } .menu-scroll-container .item { white-space: nowrap; background: #fafafa; margin: 0.3rem; border-radius: 8px; padding: 7px 11px 7px 11px; cursor: pointer; text-align: center; } .menu-scroll-container .item img { height: 25px; width: 25px; border-radius: 48px; } .menu-scroll-container .item .name { margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #3c495a; margin-top: 3px; } .menu-scroll-container .item .dropdown { margin: 0px 0px 0px 10px; } .menu-scroll-container .item #dropdownMenuButton1 { background: none; } .menu-scroll-container .active { background-color: #006BFC; color: white; } .menu-scroll-container .active .name { color: white; } .menu-menu-item { background-color: #fafafa; padding: 12px 7px 3px; border-radius: 6px; position: relative; transition: 0.5s all ease; cursor: pointer; } .menu-menu-item:hover, .menu-menu-item.active { transform: translate(0, -10px); } .menu-menu-item:hover .add-cart img, .menu-menu-item.active .add-cart img { filter: invert(1.4); } .menu-menu-item .image-container { text-align: center; } .menu-menu-item .menu-item-img { width: -webkit-fill-available; height: 176px; object-fit: contain; border-radius: 5px; border: 1px solid rgba(187, 187, 187, 0.39); } .menu-menu-item h3 { font-size: 14px; font-weight: 700; margin-bottom: 0; transition: 0.5s all ease; } .menu-menu-item p { font-size: 13px; font-weight: 300; margin-top: 8px; } .menu-menu-item .add-cart { position: absolute; right: 13px; bottom: 11px; } .menu-menu-item .add-cart img { width: 25px; } .menu-item-heading { display: flex; justify-content: space-between; margin: 0; } .catalogue .catalog-top-card { border-radius: 12px; border: 1px solid #E6E6E6; background: #FFF; display: flex; justify-content: flex-start; align-items: center; } .catalogue .catalog-top-card .catalog-top-card-img { padding: 23px; background: #F6F8FA; margin-inline-end: 12px; } .catalogue .catalog-top-card .catalog-counter { font-size: 18px; font-weight: bold; color: #006BFC; } .catalogue .catalog-top-card .title { font-weight: 600; } .catalogue .p-listbox { border: none; } .catalogue .catalogue-titles { font-size: 14px; } .catalogue .vertical-center { display: flex; margin: auto 0; } .catalogue .name_and_add_item { display: flex; justify-content: space-between; margin: 5px 0px; } .catalogue .p-listbox .p-listbox-list .p-listbox-item:focus { box-shadow: none !important; } .catalogue .catalog-img { height: 50px; width: 50px; border-radius: 7px; } .catalogue .menu-group-heading { font-size: 14px; font-weight: bold; color: #3c495a; padding: 0px; cursor: pointer; margin: 0px; } .catalogue .menu-group-heading img { height: 25px; width: 25px; border-radius: 48px; margin: 0px 6px; } .catalogue .p-listbox-list-wrapper { background: #fafafa; scrollbar-width: thin; } .catalogue .p-listbox .p-listbox-list .p-listbox-item.p-highlight { background: none; border-radius: 5px; border: 1px solid #006BFC; padding: 0px; } .catalogue .p-listbox .p-listbox-list .p-listbox-item { padding: 0px; } .catalogue .businesstype .menu-scroll-container, .catalogue .department .menu-scroll-container, .catalogue .categories .menu-scroll-container { padding: 0px 0px 19px 0px; } .justify-content-between { display: flex; align-items: center; justify-content: space-between; } .justify-content-center { display: flex; align-items: center; justify-content: center; } .mb-3 { margin-bottom: 1rem !important; } .card-title { color: #616161; font-weight: 200 !important; } .font-small-2 { font-size: 0.8rem !important; color: #6e6b7b; } .card-statistics .card-header { padding-left: 2.4rem; } .border-round { border-radius: 6px; } .text-900 { font-weight: 900 !important; margin-top: 5px; } .shadow-2 { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.031372549), 0 0 2px rgba(0, 0, 0, 0.0588235294), 0 2px 6px rgba(0, 0, 0, 0.1215686275); } .display-tree .p-tree-container { height: 70vh; overflow: auto; } .display-tree .item { cursor: pointer; margin: 0px 6px; display: flex; justify-content: space-between; } .display-tree .p-treenode-children .child { cursor: pointer; margin: 0px 6px; } .display-tree .p-tree .p-tree-container .p-treenode .p-treenode-content:focus, .display-tree .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { box-shadow: none !important; } .display-tree .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { font-size: 15px; } form .row { margin: 0px; padding: 0px; } .form-card { background: #fff; min-height: 50px; position: relative; margin-bottom: 24px; border: 1px solid #f2f4f9; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2); -webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2); padding: 15px 0px 0px 0px; } .form-card-tilte { font-size: 14px; margin: 1px 3px 9px 3px; font-weight: bold; position: relative; width: -moz-fit-content; width: fit-content; } .mat-checkbox-label { white-space: initial; } .category-item, .department-item { width: 100%; } .category-item .btn-tbl-delete, .category-item .btn-tbl-edit, .department-item .btn-tbl-delete, .department-item .btn-tbl-edit { background-color: inherit !important; } .category-item .buttons, .department-item .buttons { justify-content: left; display: flex; } .category-item .menu-group-heading, .department-item .menu-group-heading { line-height: 25px; } .phone-department-category-filter { display: none; } .p-datepicker table th { text-align: center; } .color-in-datatable { width: 2rem; height: 2rem; border-radius: 5px; margin: auto 0px; } .product-details-buttons { margin: 2px !important; background-color: white !important; color: #006BFC !important; } .product-details-buttons:hover { background-color: #E3EFFF !important; } .unreaded-notification { background-color: #fafafa; } .event_box { display: flex; align-items: flex-start; flex-wrap: wrap; padding: 30px 0; } .event_item { flex-basis: calc(25% - 30px); margin: 0 15px 30px; overflow: hidden; border-radius: 10px; } .event_link { display: block; padding: 10px 20px; background-color: #fafafa; overflow: hidden; position: relative; } .event_link:hover, .event_link:hover .event_date { text-decoration: none; color: #FFF; } .event_link:hover .event_title { text-decoration: none; color: #FFF; } .event_link:hover .event_site { text-decoration: none; color: #FFF; } .event_link:hover .event_type { text-decoration: none; color: #FFF; } .event_link:hover .event-item_bg { transform: scale(10); } .event_link:hover .event-deactiv_bg { transform: scale(10); } .event_title { min-height: 30px; margin: 0 0 1px; font-weight: bold; font-size: 17px; color: #121212; overflow: hidden; z-index: 2; position: relative; } .event_site { min-height: 30px; margin: 0 0 1px; font-size: 15px; color: #006BFC; overflow: hidden; z-index: 2; position: relative; } .event_type { min-height: 30px; margin: 0 0 1px; font-size: 15px; color: #006BFC; overflow: hidden; z-index: 2; position: relative; } .event_date-box { font-size: 3px; color: #121212; position: relative; } .event_type span { margin: 0px 2px; } .match_box { display: flex; align-items: flex-start; flex-wrap: wrap; padding: 5px 0; } .stadium { display: grid; justify-content: center; margin: auto; font-weight: bold; text-align: center; padding-bottom: 5px; } .text-center { text-align: center; } .status-tic { font-size: 10px; } .event_date { font-size: 8px; color: #121212; transition: color 0.5s ease; } .event-item_bg { height: 95px; width: 120px; background-color: #006BFC; position: absolute; top: -75px; right: -75px; border-radius: 50%; transition: all 0.5s ease; } .event-deactiv_bg { height: 95px; width: 120px; background-color: #cf0707; position: absolute; top: -75px; right: -75px; border-radius: 50%; transition: all 0.5s ease; } .justify-content-between { display: flex; align-items: center; justify-content: space-between; width: 100%; } .p-datatable .p-sortable-column .p-sortable-column-icon { font-size: 0.7rem !important; } .event-filter-title { justify-content: center; width: 100px; height: 30px; display: flex; background-color: #eeeeee; border-radius: 4px; } .event-filter-title h5 { margin: auto; font-weight: bold; } .p-button:focus { box-shadow: none !important; } .p-button-icon-only .p-button-label { display: none; } .p-buttonset { padding: 3px; } .p-buttonset .p-button { color: #3c495a; } .p-buttonset .p-button:hover { color: #006BFC !important; } .p-buttonset .p-button:focus { box-shadow: none !important; } .p-button .fas { line-height: 1.1 !important; } .ParkingStatus { justify-content: center; width: 100px; height: 40px; display: flex; background-color: #eeeeee; border-radius: 4px; position: relative; } .ParkingStatus .ParkingStatusCircle { position: absolute; top: 5px; left: 4px; width: 9px; height: 9px; border-radius: 50%; } .ParkingStatus h5 { margin: auto; font-weight: bold; } .ParkingFilter { width: 14px; height: 20px; position: sticky; } .ParkingFilter .ParkingCircleFilter { position: absolute; top: 9px; left: 0px; width: 9px; height: 9px; border-radius: 50%; } .playerposation-box { /* width: 200px; height: 200px; */ border: solid 1px #ccc; color: rgba(0, 0, 0, 0.87); cursor: move; display: inline-flex; justify-content: center; align-items: center; text-align: center; background: #fff; border-radius: 4px; margin-right: 25px; z-index: 1; box-sizing: border-box; /* padding: 10px; */ transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1); 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); position: absolute; } .playerposation-box:active { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .playerposation-boundary { width: 483px; height: 311px; max-width: 100%; border: dotted #ccc 2px; background: url('stadium.jpg'); background-size: contain; position: relative; background-repeat: no-repeat; } .p-button-icon-only .p-button-label { display: none; } .p-button .fas { line-height: 1.1 !important; } .ParkingFilter { width: 14px; height: 20px; position: sticky; } .ParkingFilter .ParkingCircleFilter { position: absolute; top: 9px; left: 0px; width: 9px; height: 9px; border-radius: 50%; } #insertVideo-editor1, #insertVideo-editor2 { display: none; } .select-font { display: none !important; } .dashboard-card { cursor: pointer; } .Top10Tickets { font-size: 16px; } .menu-scroll-container { display: flex; align-items: center; padding: 5px; border-radius: 5px; margin: 3px 0px 0px 0px; border-bottom: 1px solid #dee2e6; padding-top: 0px !important; } .menu-scroll-container.menu-hide-scrollbar { overflow: auto; } .menu-scroll-container.menu-hide-scrollbar::-webkit-scrollbar { height: 4px; } .menu-scroll-container.show-scroll { overflow: auto; } .menu-scroll-container .status-list { margin: auto 5px; } .menu-scroll-container .tasks { white-space: nowrap; margin: 0.3rem; border-radius: 6px; padding: 7px 11px 7px 11px; cursor: pointer; text-align: center; width: -webkit-fill-available !important; } .menu-scroll-container .tasks img { height: 25px; width: 25px; border-radius: 48px; } .menu-scroll-container .tasks .name { margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #3c495a; margin-top: 3px; } .menu-scroll-container .active { background-color: #006BFC; color: white; } .menu-scroll-container .active .name { color: white; } .cdk-drag { box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2); background-color: white; width: 25vw; min-width: 25vw; } .status-list { background-color: white; width: 150px; } .phase-drag-drop-card { position: relative; height: auto; background-color: #fafafa; } .phase-drag-drop-card .add { position: absolute; top: 20px; right: 1px; color: #3c495a; border: none; background: none; } .phase-drag-drop-card .expand-status { position: absolute; top: 2px; right: 15px; font-size: 16px; border-radius: 50%; border: none !important; color: #3c495a; } .phase-drag-drop-card .status { position: absolute; top: 4px; right: 5px; width: 12px; height: 12px; border-radius: 4px; } .task-card { position: relative; background-color: white; height: -moz-fit-content; height: fit-content; } .task-card .assign-with-image { display: flex; padding: 0 !important; margin: 0px !important; } .task-card button { background-color: rgba(255, 255, 255, 0); color: #3c495a; border: none; width: 40px; } .task-card .assign { position: absolute; bottom: 6px; left: 1px; background-color: rgba(255, 255, 255, 0); color: #3c495a; border: none; width: 40px; } .task-card .employee { position: absolute; bottom: 6px; left: 15px; background-color: rgba(255, 255, 255, 0); color: #3c495a; border: none; width: 40px; } .task-card .schedule { position: absolute; bottom: 6px; left: 30px; background-color: rgba(255, 255, 255, 0); color: #3c495a; border: none; width: 40px; } .task-card .options { position: absolute; top: 4px; right: 0px; background-color: rgba(255, 255, 255, 0); color: #3c495a; border: none; width: 40px; } .task-card .statusOptions { position: absolute; bottom: 8px; right: 8px; width: 34px; height: 20px; border-radius: 5px; background-color: white !important; box-shadow: -2px 2px 6px 0px rgba(0, 0, 0, 0.1); } .task-card .task-name { font-size: larger; font-weight: 200; margin-bottom: 0px; text-align: left; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 90%; } .p-progressbar .p-progressbar-value { background: #006BFC !important; } .p-image-preview { width: auto !important; height: auto !important; } .calenderstyle { padding: 11px; } .project-header th { background: rgb(135, 168, 150) !important; } .projectphases-header th { background: rgb(151, 185, 166) !important; } .phasestask-header th { background: rgb(165, 197, 180) !important; } .taskemployee-header th { background: rgb(173, 211, 190) !important; } .employeetimesheet-header th { background: rgb(174, 218, 194) !important; } .match_item { overflow: hidden; background-color: #fafafa; border-radius: 18px; margin: 1px; border: 1px solid #006BFC; } .match-team-img { width: 6rem; height: 6rem; object-fit: contain; margin-top: 15px; } .team-name { text-align: center; font-weight: bold; margin-top: 5px; } .vs { display: flex; text-align: center; justify-content: center; margin: auto; font-size: 2rem; font-weight: bold; color: #006BFC; } .vs-item { display: grid; justify-content: center; margin: auto; font-weight: bold; text-align: center; padding-top: 10px; } .vs-item .vs-details { font-size: 9px !important; } .p-button .fas { line-height: 1.1 !important; } .ParkingFilter { width: 14px; height: 20px; position: sticky; } .ParkingFilter .ParkingCircleFilter { position: absolute; top: 9px; left: 0px; width: 9px; height: 9px; border-radius: 50%; } .activeStatus { background-color: #006BFC !important; color: white !important; } .seats-editor { background-color: #f9f9f9; border-radius: 6px; } .seats-editor .editor-container { display: flex; } .seats-editor .seats-editor-tools { display: flex; flex-direction: column; margin: 5px 10px 12px 0px; background: white; padding: 2px; border-radius: 6px; } .seats-editor .svg-container { width: 100%; position: relative; } .seats-editor svg { height: 80vh; background: white; width: 100%; padding: 2px; margin: 5px 10px 12px 0px; border-radius: 6px; } .seats-editor svg text { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .example-list { width: 100%; max-width: 100%; min-height: 60px; display: flex; flex-direction: row; text-align: center; border-radius: 4px; overflow: auto; } .task-card { width: 100% !important; margin: 6px 0px 5px 0px !important; padding: 0px 0px 0px 0px !important; } .example-box { width: 700px; cursor: move; margin-left: 1px; margin-right: 1px; } .cdk-drag-preview { box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .cdk-drag-placeholder { opacity: 0; } .cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .example-box:last-child { border: none; } .example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder) { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .seats-editor-top-tools { background: white; border-radius: 6px; margin-top: 3px; height: 40px; } .project-details-images { margin: 0px 6px 0px 6px; padding: 0px !important; display: flex; } .dropdown-menu > li > a { display: -webkit-box; } .dropdown-menu > li > button { display: flex; } #requestNo { padding-right: 5px; text-align: center; padding-left: 5px; border-bottom: solid black 1px; font-weight: bolder; font-family: tajawal; } .icon-Prin { width: 20px; height: 20px; } .showChangeIconSize { display: -webkit-inline-box; vertical-align: middle; height: inherit; } .showChangeIconSize .inputsize { display: inline-flex; } .showChangeIconSize .inputsize label { margin: 12px 4px 0px 6px; } .showChangeIconSize .inputsize .mat-form-field-infix { width: 41px; } .card-grid { font-size: 12px; } .ticket-card { background: #fafafa !important; margin: 0; overflow: hidden; position: relative; display: flex; flex-wrap: wrap; padding: 15px 0; } .blue { background: #2196f3; } .orange { background: #ff9800; } .red { background: #f44336; } .grey { background: #9e9e9e; } .green { background: #4caf50; } .yellow { background: #ffeb3b; } .purple { background: #9c27b0; } .blueGrey { background: #607d8b; } .p-dataview-layout-options { display: contents; } .reportColumn { border: 2px solid rgba(128, 128, 128, 0.231372549); border-radius: 10px; margin-top: 5px; padding: 20px 0px 18px 5px; position: relative; } .reportColumn .buttons { width: -moz-fit-content; width: fit-content; vertical-align: middle; position: absolute; right: -16px; bottom: 3px; min-width: 50px; } .reportSummeryRow { border: 2px solid rgba(128, 128, 128, 0.231372549); border-radius: 10px; margin-top: 5px; padding: 0px 5px 50px 5px !important; position: relative; } .reportSummeryRow .buttons { width: -moz-fit-content; width: fit-content; vertical-align: middle; position: absolute; right: -4px; bottom: 3px; min-width: 50px; } .slider-container { position: relative; } .slider-container .next { background-repeat: no-repeat; background-size: contain; position: absolute; top: 18px; right: 13px; width: -moz-fit-content; width: fit-content; text-align: left; color: #3c495a; font-size: 17px; cursor: pointer; z-index: 5; padding: 0px 12.5px; } .slider-container .prev { background-repeat: no-repeat; background-size: contain; position: absolute; top: 18px; left: 13px; width: -moz-fit-content; width: fit-content; color: #3c495a; font-size: 17px; cursor: pointer; z-index: 5; padding: 0px 12.5px; transform: rotate(180deg); } .slider-container .prev i { transform: rotate(180deg); } .slick-slide { margin: 2px; text-align: center; border-left: 1px solid #a3a2a2; padding: 2px; } .slick-current { color: #006BFC; } .custom-calender-booton .p-inputtext { display: none; } .custom-calender-booton .p-button { width: 156px !important; border-radius: 8px !important; } .custom-calender-booton .p-button::before { content: "Click me!"; font-size: 12px; font-weight: bold; margin: 0px 3px; } .report-builder-columns-dialog { height: 80vh; overflow: auto; } .p-inputnumber-buttons-horizontal .p-inputnumber-input { width: 70px; box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; background: white !important; border: none !important; text-align: center; } .p-inputnumber-buttons-horizontal .p-inputnumber-input:focus { background: white !important; border: none !important; } .p-inputnumber-buttons-horizontal .p-inputnumber-input:enabled { background: white !important; border: none !important; } .p-inputnumber-buttons-horizontal .p-inputtext:enabled:focus { border: none !important; } .report-builder-selectcolumns .p-multiselect-header { display: none; } .inputNumber { direction: ltr; } .print-icon { margin-right: 10px !important; background: inherit !important; box-shadow: none !important; } .p-fieldset .p-fieldset-legend { width: auto; margin-top: -25px; margin-left: 20px; } .p-fieldset { margin: 40px 0px 20px 0px; } .upcoming { color: rgb(136, 136, 12) !important; } .pending { color: #f3971f !important; } .overdue { color: #d90429 !important; } .notStarted { color: Gray !important; } .inProcess { color: Orange !important; } .priority { color: rgba(75, 0, 110, 0.72) !important; } .canceled { color: Darkgray !important; } .completed { color: #006BFC !important; } @media print { table { page-break-inside: avoid; } tr { page-break-inside: avoid; } thead { display: table-header-group; } tfoot { display: table-footer-group; } } table { page-break-inside: avoid; } tr { page-break-inside: avoid; } thead { display: table-header-group; } tfoot { display: table-footer-group; } .add-buuton-in-dropdown { width: 15px; height: 15px; } .button-no-permission { color: #3c495a !important; border: 1px solid rgba(22, 157, 94, 0) !important; display: none; } .custom-page-length { background: none !important; border-color: #ced4da !important; padding: 0.25rem 0.5rem !important; border-radius: 0.2rem !important; } .dt-button-background { display: none !important; } .dt-button-down-arrow { color: #006BFC; top: 0px !important; } .dt-button-collection { border: 1px solid rgba(0, 0, 0, 0.13) !important; width: 170px !important; } div.dt-buttons { float: right !important; } .vehicles-upload p-button { float: left; } .icon-Prin { width: 20px; height: 20px; } .map-zone-container { position: relative; } .map-zone-container a { position: absolute; top: 53px; left: 19px; background: none padding-box rgb(255, 255, 255); display: table-cell; border: 0px; margin: 0px; padding: 0px 23px; text-transform: none; -webkit-appearance: none; appearance: none; cursor: pointer; -webkit-user-select: none; user-select: none; direction: ltr; overflow: hidden; text-align: center; height: 40px; vertical-align: middle; color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; font-size: 18px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; min-width: 26px; font-weight: 500; line-height: 39px; } .dashboard .title { font-size: 15px; padding-right: 10px !important; padding-left: 10px !important; padding-top: 1.5rem !important; padding-bottom: 0.5rem !important; font-weight: bold; } .dashboard .sub-title { font-size: 10px; color: gray; margin-bottom: 8px; } .dashboard .orders { display: flex; align-items: center; justify-content: space-between; background-color: #fafafa; align-self: center; padding: 8px 11px; border-radius: 6px; margin-top: 15px; } .dashboard .orders .count-orders h1 { justify-content: center; display: flex; } .dashboard .orders .count-orders h4 { padding: 0; margin: 0; } .dashboard .Tic-icon { border-radius: 6px; color: white; width: -moz-fit-content; width: fit-content; } .dashboard .Tic-icon span { display: flex; align-items: center; padding: 1px 3px; } .dashboard .Tic-icon span mat-icon { font-size: 13px; align-items: center; display: flex; width: auto; } .dashboard .order-rate { border-radius: 6px; color: white; width: -moz-fit-content; width: fit-content; } .dashboard .order-rate span { display: flex; align-items: center; padding: 1px 3px; line-height: normal; } .dashboard .order-rate span mat-icon { font-size: 13px; align-items: center; display: flex; width: auto; } .dashboard .red { background: #d0183b; } .dashboard .orange { background: orange; } .dashboard .purple { background: #7205a8; } .dashboard .green { background: #006BFC; } .dashboard .blue { background: rgb(44, 44, 208); } .dashboard .black { background: #3c495a; } .dashboard .aqua { background: rgb(6, 185, 235); } .dashboard .ticket-status { display: flex; background-color: #fafafa; align-self: center; padding: 8px 11px; border-radius: 6px; } .dashboard .ticket-status span { width: 8px; border-radius: 39px; height: 31px; } .dashboard .ticket-status p { display: flex; align-items: center; padding: 0px 9px; margin: 0; font-size: 15px; } .dashboard .ticket-status .red { background: #d0183b; } .dashboard .ticket-status .green { background: #006BFC; } .dashboard .ticket-status .blue { background: blue; } .dashboard .chart .chart-header { display: flex; align-items: center; justify-content: space-between; align-self: center; padding: 8px 11px; border-radius: 6px; } .dashboard .order-card { padding: 8px 11px; border-radius: 6px; box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; -webkit-box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; } .dashboard .order-card .title { margin-bottom: 0px; } .dashboard .order-summery { background-color: #fafafa; } .dashboard .cart-wrap .cart { margin: 0; box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; border-radius: 7px; color: #3c495a; } .dashboard .cart-wrap .cart .header { padding: 10px 12px 0px 12px; display: flex; align-items: center; justify-content: space-between; } .dashboard .cart-wrap .cart .header .title { font-size: 18px; color: white; } .dashboard .cart-wrap .cart .cart-item { display: flex; align-items: center; padding: 16px 19px; } .dashboard .cart-wrap .cart .cart-item .cart-item-info { display: flex; } .dashboard .cart-wrap .cart .cart-item .cart-item-info img { width: 50px; height: 54px; object-fit: cover; border-radius: 7px; box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; } .dashboard .cart-wrap .cart .cart-item .cart-item-info .more-info { text-align: left; margin-left: 2px; } .dashboard .cart-wrap .cart .cart-item .cart-item-info .more-info .name { font-size: 13px; color: #3c495a; } .dashboard .cart-wrap .cart .cart-item .cart-item-info .more-info p { margin: 0px 0.8rem; font-size: 12px; font-weight: 500; color: gray; } .dashboard .cart-wrap .cart .cart-item .price, .dashboard .cart-wrap .cart .cart-item .rate { display: inline-grid; justify-content: center; } .dashboard .cart-wrap .cart .cart-item .price { font-size: 14px; } .dashboard .pie-chart .pie-chart-header { display: flex; align-items: center; align-self: center; padding: 8px 11px; border-radius: 6px; } .dashboard .pie-chart .pie-chart-header .title { font-size: 12px; } .dashboard .mat-expansion-panel-header-title { padding-top: 6px; } .dashboard .conected-products-title { display: flex; align-items: center; justify-content: space-between; align-self: center; padding: 8px 11px; border-radius: 6px; width: 100%; } .dashboard .conected-products-title .order-rate { display: flex; } .dashboard .conected-products .productcard { position: relative; padding: 0px; } .dashboard .conected-products .productcard span { position: absolute; bottom: 5%; left: 0; left: 50%; transform: translate(-50%, -50%); color: white; z-index: 1; font-size: 14px; } .dashboard .conected-products .productcard .mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; border-radius: 6%; background-image: linear-gradient(to bottom, rgba(135, 135, 135, 0.18), rgba(66, 67, 66, 0.6)); } .dashboard .pending-operation { padding: 10px 12px 10px 12px; margin: 5px; display: flex; align-items: center; justify-content: space-between; background-color: #fafafa; } .dashboard .pending-operation p, .dashboard .pending-operation h2 { margin: 0; padding: 0; } .chart .chart-header { display: flex; align-items: center; justify-content: space-between; align-self: center; padding: 8px 11px; border-radius: 6px; } .order-card { padding: 8px 11px; border-radius: 6px; box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; -webkit-box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; } .order-card .title { margin-bottom: 0px; } .order-summery { background-color: #fafafa; } .pie-chart .pie-chart-header { display: flex; align-items: center; align-self: center; padding: 8px 11px; border-radius: 6px; } .pie-chart .pie-chart-header .title { font-size: 12px; } .ticket-status { display: flex; background-color: #fafafa; align-self: center; padding: 8px 11px; border-radius: 6px; } .ticket-status span { width: 8px; border-radius: 39px; height: 31px; } .ticket-status p { display: flex; align-items: center; padding: 0px 9px; margin: 0; font-size: 15px; } .ticket-status .red { background: #d0183b; } .ticket-status .green { background: #006BFC; } .ticket-status .blue { background: blue; } .dashboard .order-rate span mat-icon { font-size: 13px; align-items: center; display: flex; width: auto; } .productcard { padding: 10px; } .productcard .child { padding: 8px; } .productcard .image { position: relative; display: flex; justify-content: center; } .productcard .image button { position: absolute; left: -1px; top: 0px; border-top-left-radius: 13px !important; } .productcard .productimage { width: 60%; object-fit: cover; background: #fff; border-radius: 10px; position: inherit; padding: 2px; object-fit: cover; display: block; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .productcard .activeornot { position: absolute; top: 11px; right: 10px; width: 13px; height: 13px; border-radius: 50%; border: none !important; padding: 0px; } .productcard .actionButtons { position: absolute; bottom: 0px; right: -9px; width: -moz-fit-content; width: fit-content; } .productcard .actionButtons button { background: none; background-color: #fafafa !important; } .productcard .dep-cat-chips { width: -moz-fit-content; width: fit-content; white-space: normal; word-break: break-word; } .productcard .category { color: #6c8fe8; font-weight: 200; } .productcard .category span { font-size: 13px; } .productcard .notactive { background: #cf0707; } .productcard .active { background: #00b900; } .productcard h1 { margin: 14px 0px 7px 0px; white-space: pre-wrap; color: #475569; text-transform: uppercase; font-size: 17px; } .productcard .upcoming { background-color: rgb(136, 136, 12); } .productcard .pending { background-color: #f3971f; } .productcard .overdue { background-color: #d90429; } .productcard .notStarted { background-color: Gray; } .productcard .inProcess { background-color: Orange; } .productcard .canceled { background-color: Darkgray; } .productcard .completed { background-color: #006BFC; } .productcard .priority { background-color: rgba(75, 0, 110, 0.72); } .productcard .catalog_product_image { object-fit: cover; background: #fff; border-radius: 10px; position: inherit; padding: 2px; object-fit: cover; display: block; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #requestNo { padding-right: 5px; text-align: center; padding-left: 5px; border-bottom: solid black 1px; font-weight: bolder; font-family: tajawal; } .icon-Prin { width: 20px; height: 20px; } .order-status { display: flex; background-color: #fafafa; align-self: center; padding: 8px 11px; border-radius: 6px; } .order-status span { width: 8px; border-radius: 39px; height: 31px; } .order-status p { display: flex; align-items: center; padding: 0px 9px; margin: 0; font-size: 15px; } .order-status .red { background: #d0183b; } .order-status .green { background: #006BFC; } .order-status .blue { background: blue; } .pie-chart .pie-chart-header { display: flex; align-items: center; align-self: center; padding: 8px 11px; border-radius: 6px; } .pie-chart .pie-chart-header .title { font-size: 12px; } .chart .chart-header { display: flex; align-items: center; justify-content: space-between; align-self: center; padding: 8px 11px; border-radius: 6px; } .order-card { padding: 8px 11px; border-radius: 6px; box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; -webkit-box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; } .order-card .title { margin-bottom: 0px; } .order-card .order-summery { position: relative; height: 80px; width: 212px; } .order-summery { background-color: #fafafa; } .dashboard .title { font-size: 15px; padding-right: 10px !important; padding-left: 10px !important; padding-top: 1.5rem !important; padding-bottom: 0.5rem !important; font-weight: bold; } .dashboard .sub-title { font-size: 10px; color: gray; margin-bottom: 8px; color: white; } .dashboard .orders { display: flex; align-items: center; justify-content: space-between; background-color: #fafafa; align-self: center; padding: 8px 11px; border-radius: 6px; } .dashboard .orders .count-orders h1 { justify-content: center; display: flex; } .dashboard .orders .count-orders h4 { padding: 0; margin: 0; } .dashboard .order-rate { border-radius: 6px; color: white; width: -moz-fit-content; width: fit-content; } .dashboard .order-rate span { display: flex; align-items: center; padding: 2px 10px; } .dashboard .order-rate span mat-icon { font-size: 13px; align-items: center; display: flex; width: auto; } .dashboard .red { background: #d0183b; } .dashboard .green { background: #006BFC; } .dashboard .blue { background: blue; } .dashboard .chart .chart-header { display: flex; align-items: center; justify-content: space-between; align-self: center; padding: 8px 11px; border-radius: 6px; } .dashboard .order-card { padding: 8px 11px; border-radius: 6px; box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; -webkit-box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; } .dashboard .order-card .title { margin-bottom: 0px; } .dashboard .order-summery { background-color: #fafafa; } .dashboard .cart-wrap .cart { margin: 0; box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; border-radius: 7px; color: #3c495a; } .dashboard .cart-wrap .cart .header { padding: 10px 12px 0px 12px; display: flex; align-items: center; justify-content: space-between; background: #006BFC !important; color: white; } .dashboard .cart-wrap .cart .header .title { font-size: 16px; } .dashboard .cart-wrap .cart .cart-item { display: flex; align-items: center; padding: 16px 19px; } .dashboard .cart-wrap .cart .cart-item .cart-item-info { display: flex; } .dashboard .cart-wrap .cart .cart-item .cart-item-info img { width: 50px; height: 54px; object-fit: cover; border-radius: 7px; box-shadow: 0 0 7px 1px rgba(188, 188, 188, 0.2) !important; } .dashboard .cart-wrap .cart .cart-item .cart-item-info .more-info { text-align: left; margin-left: 2px; } .dashboard .cart-wrap .cart .cart-item .cart-item-info .more-info .name { font-size: 13px; color: #3c495a; } .dashboard .cart-wrap .cart .cart-item .cart-item-info .more-info p { margin: 0px 0.8rem; font-size: 12px; font-weight: 500; color: gray; } .dashboard .cart-wrap .cart .cart-item .price, .dashboard .cart-wrap .cart .cart-item .rate { display: inline-grid; justify-content: center; } .dashboard .cart-wrap .cart .cart-item .price { font-size: 14px; } .dashboard .pie-chart .pie-chart-header { display: flex; align-items: center; align-self: center; padding: 8px 11px; border-radius: 6px; } .dashboard .pie-chart .pie-chart-header .title { font-size: 12px; } .dashboard .mat-expansion-panel-header-title { padding-top: 6px; } .dashboard .conected-products-title { display: flex; align-items: center; justify-content: space-between; align-self: center; padding: 8px 11px; border-radius: 6px; width: 100%; } .dashboard .conected-products-title .order-rate { display: flex; } .dashboard .conected-products .productcard { position: relative; padding: 0px; } .dashboard .conected-products .productcard span { position: absolute; bottom: 5%; left: 0; left: 50%; transform: translate(-50%, -50%); color: white; z-index: 1; font-size: 14px; } .dashboard .conected-products .productcard .mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; border-radius: 6%; background-image: linear-gradient(to bottom, rgba(135, 135, 135, 0.18), rgba(66, 67, 66, 0.6)); } .dashboard .pending-operation { padding: 10px 12px 10px 12px; margin: 5px; display: flex; align-items: center; justify-content: space-between; background-color: #fafafa; } .dashboard .pending-operation p, .dashboard .pending-operation h2 { margin: 0; padding: 0; } .video-slider .slick-list { margin: 0; } .video-slider .slick-slide { margin: 0; } .single-video.single-video-v2 { margin: 10px; } .video-slider .slick-dots { margin-top: 40px; } .video-slider .slick-dots { text-align: center; margin-top: 79px; } .video-slider .slick-dots li { display: inline-block; height: auto; } .video-slider .slick-dots li { height: 12px; width: 12px; background: #dad8fc; border-radius: 50px; margin: 0 10px; } .video-slider .slick-dots li { position: relative; } .video-slider .slick-dots li:after { position: absolute; content: ""; height: 30px; width: 30px; background: transparent; z-index: -1; border-radius: 50px; left: -9px; top: -9px; border: 2px solid #00b900; transition: 0.3s; transform: scale(0); z-index: 1; } .video-slider .slick-dots li { margin: 0 15px; } .video-slider .slick-dots li.slick-active:after { transform: scale(1); } .video-slider .slick-dots li.slick-active { background: #00b900; } .video-slider .next { background-repeat: no-repeat; background-size: contain; position: absolute; top: 8%; right: 13px; height: 189px; width: -moz-fit-content; width: fit-content; text-align: left; line-height: 128px; color: #fff; font-size: 24px; cursor: pointer; z-index: 5; padding: 0px 12.5px; } .video-slider .prev { background-repeat: no-repeat; background-size: contain; position: absolute; top: -24%; left: 13px; height: 189px; width: -moz-fit-content; width: fit-content; line-height: 132px; color: #fff; font-size: 24px; cursor: pointer; z-index: 5; padding: 0px 12.5px; transform: rotate(180deg); } .video-slider .prev i { transform: rotate(180deg); } #testimonial-slider-v5 .slick-dots { margin-top: 30px; } #testimonial-slider-v5 .slick-dots { margin-top: 32px; } #testimonial-slider-v5 .slick-dots li { background-color: rgba(51, 119, 255, 0.2); } #testimonial-slider-v5 .slick-dots li.slick-active { background-color: #00b900; } #testimonial-slider-v5 .slick-dots li:after { border-color: rgba(51, 119, 255, 0.2); } #testimonial-slider-v5 .slick-dots li.slick-active:after { border-color: #00b900; } #testimonial-slider-v5 .slick-list { margin: 0 0px; } .slick-dots { display: block; width: 100%; padding: 0; margin: 0; list-style: none; } .slick-dots li { position: relative; cursor: pointer; } .slick-dots li button { position: relative; font-size: 0; line-height: 0; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; } .fa-arrow-left { transform: rotate(180deg); } .slider-calender-container { position: relative; } .slider-calender-container .slick-slide { margin: 2px; text-align: center; border-left: 1px solid #a3a2a2; padding: 2px; } .slider-calender-container .slick-current { color: #006BFC; } .slider-calender-container .next { background-repeat: no-repeat; background-size: contain; position: absolute; top: 18px; right: 13px; width: -moz-fit-content; width: fit-content; text-align: left; color: #3c495a; font-size: 17px; cursor: pointer; z-index: 5; padding: 0px 12.5px; } .slider-calender-container .prev { background-repeat: no-repeat; background-size: contain; position: absolute; top: 18px; left: 13px; width: -moz-fit-content; width: fit-content; color: #3c495a; font-size: 17px; cursor: pointer; z-index: 5; padding: 0px 12.5px; transform: rotate(180deg); } .slider-calender-container .prev i { transform: rotate(180deg); } .custom-calender-booton .p-inputtext { display: none; } .custom-calender-booton .p-button { width: 156px !important; border-radius: 23px !important; background-color: #f0f0f0 !important; border: #f0f0f0 !important; color: black !important; box-shadow: 0px 1px 3px 0.5px gray; } .custom-calender-booton .p-button::before { content: "Click me!"; font-size: 12px; font-weight: bold; margin: 0px 3px; } .custom-calender-booton .p-button:enabled:hover { background: white; color: #3c495a; border-color: #fff; } .vehicles-upload p-button { float: left; } @media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin-top: 13px !important; } } .form-buttons { border-top: 1px solid #cfc9c9 !important; } .example-button-row { display: flex; padding: 12px; } .example-button-row img { margin-inline-end: 4px; } .product-name .product-image { border: 2px solid #dde1ef; border-radius: 13%; transition: all 0.2s; height: 3.8rem; width: 3.8rem; margin: 0px 17px; } .product-name img { border-radius: 13% !important; object-fit: contain; width: -webkit-fill-available; width: -moz-available; height: -webkit-fill-available; height: -moz-available; } .product-name p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 350px; margin-top: 3px; padding: 0px; margin-bottom: 4px; font-weight: bold; font-size: 14px; } .product-name span { font-size: 12px; color: #3c495a; } .dataTable thead tr { color: white; } .dataTable tbody tr:hover { background: #edf2f5; } .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #006BFC; } .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: #c3dfdc; } .mat-slide-toggle-thumb { background-color: #ee0649; } .mytoggle-container .mytoggle { position: relative; width: 36px; height: 14px; flex-shrink: 0; border-radius: 8px; background-color: rgba(193, 193, 193, 0.45); margin-bottom: 0px; padding-bottom: 0px; } .mytoggle-container .mytoggle .mytoggle-circle { position: absolute; z-index: 1; width: 20px; height: 20px; top: -3px; left: 0; border-radius: 50%; background-color: #c0c0c0; } .mytoggle-container .true { background-color: rgba(34, 151, 96, 0.4509803922); } .mytoggle-container .true .mytoggle-circle { right: 0; left: auto; background-color: #3ec384; } .border-round { border-radius: 6px; } .text-green { color: #006BFC !important; } .text-500 { color: #9E9E9E !important; } .text-green-500 { color: var(--green-500) !important; } .status-tag { display: inline-block; } .status-dropdown { border: 1px solid #006BFC !important; } .print-icon { margin-right: 10px !important; background: inherit !important; box-shadow: none !important; } .p-fieldset .p-fieldset-legend { width: auto; margin-top: -25px; margin-left: 20px; } .p-fieldset { margin: 40px 0px 20px 0px; } .upcoming { color: rgb(136, 136, 12); } .pending { color: #f3971f; } .notStarted { color: Gray; } .priority { color: rgba(75, 0, 110, 0.72); } .canceled { color: Darkgray; } .completed { color: #006BFC; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { margin: 0px !important; } .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, 0.35) !important; } .p-fileupload .p-fileupload-choose { color: #ffffff; background: #006BFC !important; border: 1px solid #006BFC !important; } .p-fileupload p-button .p-button { color: #ffffff; background: red !important; border: 1px solid red !important; } .p-fileupload-choose:not(.p-disabled):hover { color: #ffffff; background: #006BFC !important; border: 1px solid #006BFC !important; } .card-buttons { text-align: left; vertical-align: middle; margin: auto; } div.dataTables_wrapper div.dataTables_filter { margin-bottom: 14px; } .angular-editor .angular-editor-wrapper .angular-editor-textarea, .angular-editor-toolbar, .p-dropdown, .p-multiselect, .p-listbox, .p-chips-multiple-container, .iconCss { border: 1px solid #ddd !important; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-inputtext:enabled:focus, .iconCss:focus { box-shadow: 0 0 0 0.1rem rgba(217, 218, 247, 0.5) !important; border-color: #c9c3e5 !important; } .mat-form-field-appearance-outline .mat-form-field-outline { color: rgb(191, 201, 218) !important; } .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #bfc9da !important; } .mat-form-field-appearance-outline.mat-focused .material-icons-outlined { color: #e4e6ff !important; } .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #f44336 !important; } .mat-button-focus-overlay { background-color: transparent !important; } .text-white { color: white; } .p-orderlist .p-orderlist-list .p-orderlist-item { width: 100%; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { background-color: #006BFC !important; } .mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #006BFC !important; } .nopermission { height: 85vh; display: flex; align-items: center; } .nopermission img { height: -moz-fit-content; height: fit-content; width: 20vw; } .nopermission p { text-align: center; margin-top: 26px; font-size: 5vw; } .summery-dashboard .all { background: rgba(22, 171, 203, 0.06) !important; } .summery-dashboard .all .text-900, .summery-dashboard .all .percent { color: #16abcb; } .summery-dashboard .all .bg-lightgreen-100 { background-color: #16abcb; } .summery-dashboard .active { background: rgba(0, 170, 109, 0.06) !important; } .summery-dashboard .active .text-900, .summery-dashboard .active .percent { color: #00aa6d; } .summery-dashboard .active .bg-lightgreen-100 { background-color: #00aa6d; } .summery-dashboard .notactive { background: rgba(254, 176, 25, 0.06) !important; } .summery-dashboard .notactive .text-900, .summery-dashboard .notactive .percent { color: #feb019; } .summery-dashboard .notactive .bg-lightgreen-100 { background-color: #feb019; } .summery-dashboard .deleted { background: hsla(0, 100%, 71%, 0.06) !important; } .summery-dashboard .deleted .text-900, .summery-dashboard .deleted .percent { color: #ff6d6d; } .summery-dashboard .deleted .bg-lightgreen-100 { background-color: #ff6d6d; } .parent-name { color: #0b0b0b; position: sticky; top: 0px; background: #fafafa; z-index: 1000; width: 111%; height: 38px; display: flex; margin: -20px -20px 16px -20px; align-items: center; padding: 22px; border-radius: 7px; font-size: large; } .upcoming { color: rgb(136, 136, 12); } .pending { color: #f3971f; } .p-tag { background: rgba(59, 130, 246, 0.0901960784); color: #0026ff; } .upcoming_btn { background: none; } .upcoming_btn .p-tag { background-color: rgba(211, 211, 211, 0.1607843137) !important; color: #b3b2b2; } .upcoming_btn.mat-button-base { background-color: rgba(211, 211, 211, 0.1607843137) !important; color: #b3b2b2; } .pending_btn { background: none; } .pending_btn .p-tag { background-color: rgba(255, 235, 59, 0.27) !important; color: #f3971f; } .pending_btn.mat-button-base { background-color: rgba(255, 235, 59, 0.27) !important; color: #f3971f; } .overdue_btn { background: none; } .overdue_btn .p-tag { background-color: rgba(217, 4, 41, 0.86) !important; color: white; } .overdue_btn.mat-button-base { background-color: rgba(217, 4, 41, 0.86) !important; color: white; } .aproved_btn { background: none; display: flex; width: -moz-fit-content; width: fit-content; } .aproved_btn .p-tag { background-color: rgba(34, 197, 94, 0.1607843137) !important; color: #22C55E; } .aproved_btn.mat-button-base { background-color: rgba(34, 197, 94, 0.1607843137) !important; color: #22C55E; } .completed_btn { background: none; } .completed_btn .p-tag { background-color: #169d5e !important; color: white; border-radius: 4px; } .completed_btn.mat-button-base { background-color: #169d5e !important; color: white; border-radius: 4px; } .notStarted_btn { background: none; } .notStarted_btn .p-tag { background-color: rgba(128, 128, 128, 0.831372549) !important; color: white; } .notStarted_btn.mat-button-base { background-color: rgba(128, 128, 128, 0.831372549) !important; color: white; } .inProcess_btn { background: none; } .inProcess_btn .p-tag { background-color: Orange !important; color: white; } .inProcess_btn.mat-button-base { background-color: Orange !important; color: white; } .priority_btn { background: none; } .priority_btn .p-tag { background-color: rgba(75, 0, 110, 0.72) !important; color: white; } .priority_btn.mat-button-base { background-color: rgba(75, 0, 110, 0.72) !important; color: white; } .canceled_btn { background: none; } .canceled_btn .p-tag { background-color: Darkgray !important; color: white; } .canceled_btn.mat-button-base { background-color: Darkgray !important; color: white; } .stateCustomerReplay { background-color: #000000 !important; } .stateProgressing { background-color: #7205a8 !important; } .statePending { background-color: orange !important; } .stateEmployeeReply { background-color: rgb(232, 112, 132) !important; } .stateClosed { background-color: rgb(163, 7, 7) !important; } .playerposation-box { /* width: 200px; height: 200px; */ border: solid 1px #ccc; color: rgba(0, 0, 0, 0.87); cursor: move; display: inline-flex; justify-content: center; align-items: center; text-align: center; background: #fff; border-radius: 4px; margin-right: 25px; z-index: 1; box-sizing: border-box; /* padding: 10px; */ transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1); 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); position: absolute; } .playerposation-box:active { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .playerposation-boundary { width: 483px; height: 311px; max-width: 100%; border: dotted #ccc 2px; background: url('stadium.jpg'); background-size: contain; position: relative; background-repeat: no-repeat; } .playerposation-boundary .cdk-drag { width: -moz-fit-content !important; width: fit-content !important; min-width: -moz-fit-content !important; min-width: fit-content !important; } .text-card { padding: 10px; } .container-auth-form-btn .mat-flat-button.mat-primary.mat-button-disabled, .container-auth-form-btn .mat-flat-button.mat-accent.mat-button-disabled, .container-auth-form-btn .mat-flat-button.mat-warn.mat-button-disabled, .container-auth-form-btn .mat-flat-button.mat-button-disabled.mat-button-disabled, .container-auth-form-btn .mat-raised-button.mat-primary.mat-button-disabled, .container-auth-form-btn .mat-raised-button.mat-accent.mat-button-disabled, .container-auth-form-btn .mat-raised-button.mat-warn.mat-button-disabled, .container-auth-form-btn .mat-raised-button.mat-button-disabled.mat-button-disabled, .container-auth-form-btn .mat-fab.mat-primary.mat-button-disabled, .container-auth-form-btn .mat-fab.mat-accent.mat-button-disabled, .container-auth-form-btn .mat-fab.mat-warn.mat-button-disabled, .container-auth-form-btn .mat-fab.mat-button-disabled.mat-button-disabled, .container-auth-form-btn .mat-mini-fab.mat-primary.mat-button-disabled, .container-auth-form-btn .mat-mini-fab.mat-accent.mat-button-disabled, .container-auth-form-btn .mat-mini-fab.mat-warn.mat-button-disabled, .container-auth-form-btn .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.91) !important; } .dropdown-menu > li > a { color: #3c495a; } .dropdown-menu > li > .active { color: #006BFC; } .project-summery-dashboard .actionSetting { margin-inline-start: auto; } .project-summery-dashboard .upcoming-card { background: rgba(183, 183, 10, 0.22); } .project-summery-dashboard .pending-card { background: rgba(8, 76, 97, 0.07); } .project-summery-dashboard .overdue-card { background: rgba(217, 4, 41, 0.07); } .project-summery-dashboard .notStarted-card { background: rgba(128, 128, 128, 0.07); } .project-summery-dashboard .inProcess-card { background: rgba(255, 165, 0, 0.07); } .project-summery-dashboard .priority-card { background: rgba(121, 69, 150, 0.07); } .project-summery-dashboard .canceled-card { background: rgba(169, 169, 169, 0.07); } .project-summery-dashboard .completed-card { background: rgba(34, 151, 96, 0.07); } .project-summery-dashboard .block { font-size: 13px; font-weight: 600; } .project-summery-dashboard .text-900 { font-weight: 900 !important; font-size: xx-large; margin-top: 0px; color: black !important; } .nav-add-items .dropdown-menu { width: 900px; } .nav-add-items .dropdown-menu .noti-list { overflow-y: auto; overflow-x: hidden; } .nav-add-items .menu-title { font-weight: bold; } .productcard .card { border: none !important; box-shadow: 0px 0px 5px rgba(128, 128, 128, 0.2196078431); background: #ffffff !important; padding: 10px; } .productcard h3 { font-size: large; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 90%; color: #3c495a; } .productcard h3:hover { color: #006BFC; } .productcard h5 { font-weight: 200; font-size: 13px; padding-top: 5px; margin: 8px 0px; } .productcard .price_section { background: #eef3f6; padding: 5px 7px 5px 0px; border-radius: 5px; } .productcard .price_section button { padding-left: 30px; border: none; color: #006BFC; font-weight: 500; margin-top: 0px !important; } .productcard .price_section button mat-icon { position: absolute; left: 0px; background: #76bce7; color: white; justify-content: center; border-radius: 3px; font-size: 12px; width: 17px; height: 17px; } .productcard .product_card_buttons { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0px; right: 0; bottom: -15px; } .projectCard .dropdown-menu > li > a { background-color: white !important; } .projectCard .activeornot { position: absolute; top: 7px; right: 10px; width: 36px; height: 20px; background: white; border-radius: 4px; box-shadow: -2px 2px 6px 0px rgba(0, 0, 0, 0.1); } .projectCard .expand-status { position: absolute; top: 2px; right: 16px; font-size: 16px; border-radius: 50%; border: none !important; } .projectCard .status { position: absolute; top: 4px; right: 5px; width: 12px; height: 12px; border-radius: 4px; } .p-megamenu { padding: 0.49rem !important; border: none !important; } .projectfollowupdetails .mat-flat-button.mat-primary, .projectfollowupdetails .mat-raised-button.mat-primary, .projectfollowupdetails .mat-fab.mat-primary, .projectfollowupdetails .mat-mini-fab.mat-primary { background-color: #169d5e; color: white; border: 1px solid #169d5e; } #taskCards { margin: 10px -24px !important; } #taskCards .tasks .phase-name { font-size: 18px; position: absolute; top: 20px; left: 12px; } hr { margin: 0.2rem 0px 11px 0px !important; } .p-chip { font-weight: 200 !important; font-size: large !important; width: -moz-fit-content; width: fit-content; display: flex; white-space: normal; word-break: break-word; background-color: #f7efff; border-radius: 6px; } .p-chip .p-chip-text { margin-top: 2px !important; font-size: 14px; } .accountcard strong { font-size: larger; display: block; } .accountcard span { font-weight: 200; font-weight: 200; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: -moz-fit-content; width: fit-content; } .cardmenu .menu-img { width: 32px; height: 32px; object-fit: fill; } .font-medium { font-size: medium; } .font-larger { font-size: larger; } .datatable-header .header-buttons .dropdown { border-radius: 2px; padding: 1px 4px 1px 12px; } .projectfollowup-breadcrumb { display: flex; } div.dataTables_wrapper div.dataTables_processing { z-index: 9999999; } .hint { color: #757575; margin-top: -16px; margin-bottom: 5px; font-size: 13px; font-weight: 400; } .is_deleted { color: red; } .is_deleted td { color: red !important; } .details_parents_names { margin: 10px 0px 10px 0px; } .details_parents_names span { margin: 5px; font-size: larger; } .p-calendar .p-button { color: #ffffff; background: #006BFC; border: none; } .p-calendar .p-button:enabled:hover { background: #006BFC; border: none; } .role-permission-buttons .header-buttons .mat-flat-button.mat-primary:hover, .role-permission-buttons .header-buttons .mat-raised-button.mat-primary:hover, .role-permission-buttons .header-buttons .mat-fab.mat-primary:hover, .role-permission-buttons .header-buttons .mat-mini-fab.mat-primary:hover { background-color: white !important; } .role-permission-buttons .mat-flat-button.mat-primary, .role-permission-buttons .mat-raised-button.mat-primary, .role-permission-buttons .mat-fab.mat-primary, .role-permission-buttons .mat-mini-fab.mat-primary { background-color: white !important; } .vehicles-upload .p-fileupload .p-fileupload-buttonbar { background: none !important; padding: 0.25rem !important; border: none !important; border-top-right-radius: 6px; border-top-left-radius: 6px; display: flex; align-items: stretch; justify-content: space-between; } .vehicles-upload .p-fileupload-content { border: 2px dashed #006BFC !important; } .vehicles-upload p-button { float: left; } .top-10-tickets .status { float: right; margin: 0px; } .top-10-tickets .status .p-tag { margin: 0px !important; margin-right: 0px !important; } .top-10-tickets .priority { margin: 0px; } .top-10-tickets .priority p { text-align: right; } .top-10-tickets .date { margin: 0; padding: 0; text-align: right; } .top-10-tickets .ticket-card { background-color: #fafafa !important; } .custom_tab { display: flex; align-items: center; padding: 5px 0px 0px 5px; border-radius: 0px; background-color: #fdfefe; margin: 5px 5px 0px 5px; border-bottom: 1px solid gainsboro; } .custom_tab.tab-hide-scrollbar { overflow: auto; } .custom_tab.tab-hide-scrollbar::-webkit-scrollbar { height: 4px; } .custom_tab.show-scroll { overflow: auto; } .custom_tab .item { white-space: nowrap; margin: 0.3rem 0rem 0rem 0rem; border-radius: 8px 10px 0px 0px; padding: 12px 20px 12px 20px; cursor: pointer; text-align: center; width: -moz-fit-content; width: fit-content; border-radius: 10px 10px 0px 0px; } .custom_tab .item:hover .name, .custom_tab .item:hover .tab-icon { color: #006BFC; } .custom_tab .item div { display: flex; align-items: center; } .custom_tab .item .tab-icon { height: unset; vertical-align: middle; margin: 0px; width: auto; font-size: larger; color: rgba(0, 0, 0, 0.4); } .custom_tab .item .name { margin: 0; padding: 0; font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, 0.4); margin-top: 3px; vertical-align: bottom; } .custom_tab .item img { width: 20px; margin-inline-end: 5px; } .custom_tab .active { background: #F1F1F1; border-bottom: 2px solid #006BFC; } .custom_tab .active .name { color: #006BFC !important; font-weight: bold; } .custom_tab .active .tab-icon { color: #3c495a; } .custom_tab .active img { filter: invert(27%) sepia(76%) saturate(2854%) hue-rotate(206deg) brightness(98%) contrast(109%); } .vertical_custom_tab { display: block; padding: 5px; border-radius: 0px; background-color: #fdfefe; margin: 3px 0px 0px 0px; overflow: hidden; } .vertical_custom_tab .item { white-space: nowrap; margin: 0.3rem; border-radius: 8px; padding: 12px 20px 12px 20px; cursor: pointer; } .vertical_custom_tab .item:hover .name, .vertical_custom_tab .item:hover .tab-icon { color: #006BFC; } .vertical_custom_tab .item div { display: flex; align-items: center; } .vertical_custom_tab .item .tab-icon { height: unset; vertical-align: middle; margin: 0px; width: auto; font-size: larger; color: rgba(0, 0, 0, 0.4); } .vertical_custom_tab .item .name { margin: 0; padding: 0; font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, 0.4); margin-top: 3px; vertical-align: bottom; } .vertical_custom_tab .item img { width: 20px; margin-inline-end: 5px; } .vertical_custom_tab .active { background: #006BFC; } .vertical_custom_tab .active .name { color: white; font-weight: bold; } .vertical_custom_tab .active .tab-icon { color: white; } .vertical_custom_tab .active img { filter: brightness(0) invert(1); } .vertical_custom_tab .active:hover .name, .vertical_custom_tab .active:hover .tab-icon { color: white; } .tab-side { border-right: 2px solid #ECECEC; } .permissions .p-tree { height: 78vh; overflow: auto; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #D6E0FF !important; color: #000000 !important; } .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: #000000 !important; } .hasChecked { color: #006BFC; } .item-container { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 1.25rem; border-radius: 6px; height: 78vh; overflow: auto; } .item-container .active { background: aliceblue; } .item { padding: 10px; border-radius: 6px; transition: box-shadow 0.2s; padding: 0.5rem; display: flex; align-items: center; } .item p { margin: 5px; display: inline-flex; width: 100%; } .mat-checkbox-frame { border-color: #ced4da; } .mat-checkbox-frame:hover { border-color: #006BFC; } .angular-editor-toolbar { background-color: rgba(69, 77, 132, 0.1490196078) !important; border-radius: 4px; } .angular-editor-button { border-radius: 3px; } .angular-editor-textarea { border-radius: 4px; } .p-fileupload { border: 2px dashed #006BFC !important; border-radius: 7px; } .p-fileupload .p-fileupload-buttonbar { border: none !important; display: flex; justify-content: center; background: none !important; } .p-fileupload .p-fileupload-content { border: none !important; border-radius: 5px; padding: 20px; text-align: center; position: relative; } .p-fileupload .p-fileupload-content:after { content: "Drag and Drop"; position: absolute; top: 3%; left: 50%; transform: translate(-50%, -50%); font-weight: bold; color: #777; } .p-fileupload .p-fileupload-files > div { display: contents; } .p-fileupload .p-fileupload-files { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: center; } .p-fileupload .p-fileupload-files .p-fileupload-row { display: flex; align-items: center; gap: 10px; border: 1px dashed #ccc; border-radius: 5px; position: relative; margin: 5px; flex-wrap: wrap; } .p-fileupload .p-fileupload-files .p-fileupload-row .p-fileupload-filename { flex: 1; } .p-fileupload .p-fileupload-files .p-fileupload-row .p-fileupload-buttons { flex-shrink: 0; } .p-fileupload .p-fileupload-files .p-fileupload-row .p-fileupload-buttons button { margin-left: 5px; } .p-fileupload .p-fileupload-files .p-fileupload-row img { max-width: 127px; max-height: 127px; width: 127px; border-radius: 4px; } .p-fileupload .p-fileupload-files .p-fileupload-row div:nth-child(3), .p-fileupload .p-fileupload-files .p-fileupload-row .p-fileupload-filename { display: none; } .p-fileupload .p-fileupload-files .p-fileupload-row div { padding: 0px !important; } .p-fileupload .p-fileupload-files .p-fileupload-row div:last-child { text-align: right; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; width: auto; } .p-fileupload .p-fileupload-files .p-fileupload-row div:last-child .p-button { background: rgba(0, 0, 0, 0.5490196078); border: 1px solid rgba(255, 255, 255, 0.6); } .p-fileupload .p-fileupload-files .p-fileupload-row:hover div:last-child { display: block; } .p-fileupload .p-fileupload-files .p-fileupload-row i { font-size: 127px; } .p-fileupload .p-fileupload-files .p-fileupload-size { display: none; } .p-fileupload .p-fileupload-content .p-progressbar { display: none; } .carImages .p-fileupload-files .p-fileupload-row img { max-width: 350px; max-height: 350px; width: 350px; } .label-account { margin-bottom: 2px; border-bottom: 1px solid; border-color: gray; } .label-account:hover { color: green; } .green-background { color: #0bef0b; font-size: 12px; } .red-background { color: rgb(254, 0, 0); font-size: 12px; } .cut_make_dots { font-weight: 200; font-weight: 200; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: -moz-fit-content; width: fit-content; } .menu-department-filter .p-dropdown, .menu-department-filter .p-multiselect, .menu-department-filter .p-listbox, .menu-department-filter .iconCss, .menu-category-filter .p-dropdown, .menu-category-filter .p-multiselect, .menu-category-filter .p-listbox, .menu-category-filter .iconCss { border: none !important; } .p-sidebar .p-sidebar-header { display: flex; justify-content: space-between; box-shadow: 0px 0px 8px 0px rgba(128, 128, 128, 0.2); background-color: rgb(249, 247, 251); } .p-sidebar .p-sidebar-header .header-title { font-size: large; } .p-sidebar .p-sidebar-footer { padding: 1rem 1.25rem; box-shadow: 0px 0px 8px 0px rgba(128, 128, 128, 0.2); background-color: rgb(249, 247, 251); } .p-button.p-button-icon-only { padding: 0.8rem 0 !important; line-height: 1.2; } .p-sidebar .p-sidebar-header .p-sidebar-close, .p-sidebar .p-sidebar-header .p-sidebar-icon { margin: 0px; } .account-tree .p-treenode-label, .costcenter-tree .p-treenode-label { width: 100%; } .custom-css-mat-icon { font-size: 16px; display: flex !important; align-items: center; } .updateHistory .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content { text-align: left; } .updateHistory .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content .updateHistory-card-header { display: flex; justify-content: space-between; direction: rtl; } .updateHistory .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content .description { text-align: left; font-weight: 200; } .updateHistory .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content .updateHistory-card-header { display: flex; justify-content: space-between; } .updateHistory .date { direction: rtl; } .updateHistory .name { font-size: 15px; color: #095ece; font-weight: 500; } .updateHistory .description { font-weight: 400; } .favorite-menu { position: absolute; top: 0; padding: 4px; font-size: 13px; cursor: pointer; } .p-dialog .p-dialog-header .p-dialog-title { font-size: 1.6rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { display: none; } .p-confirm-dialog { background: white; } .p-confirm-dialog .confirm-dialog-buttons { border-top: 1px solid gainsboro; } .p-confirm-dialog .confirm-dialog-buttons button img { margin-inline-end: 5px; } .product-details .main-image { display: block; border-radius: 5px; height: 160px; width: 160px; object-fit: cover; } .product-details .small-images { margin: 9px; height: 134px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: transparent transparent; } .product-details .small-images::-webkit-scrollbar { width: 6px; } .product-details .small-images::-webkit-scrollbar-track { background-color: transparent; } .product-details .small-images::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 3px; } .product-details .small-images .small-images-item { margin-bottom: 4px; } .product-details .small-images .small-images-item-img img { border-radius: 7px; height: 40px; width: 40px; background: #fff; position: inherit; padding: 0px; } .product-details .name { font-size: 25px; font-weight: 500; } .product-details .name2 { font-size: 16px; color: rgba(128, 128, 128, 0.5803921569); margin-bottom: 0px; } .product-details .category { color: #6c8fe8; font-weight: 200; } .product-details .category span { font-size: 13px; } .product-details .active-inactive { display: flex; align-items: center; height: 100%; } .product-details .mat-flat-button.mat-primary, .product-details .mat-raised-button.mat-primary, .product-details .mat-fab.mat-primary, .product-details .mat-mini-fab.mat-primary { border: none !important; } .product-details .custom_tab .item { width: -webkit-fill-available; width: -moz-available; display: flex; flex-direction: column; } .product-details .mat-flat-button.mat-warn, .product-details .mat-raised-button.mat-warn, .product-details .mat-fab.mat-warn, .product-details .mat-mini-fab.mat-warn { background-color: inherit; color: #f44336; } .product-details .p-chip .p-chip-text { margin-top: 5px !important; } .product-details .p-chip { display: inline-flex !important; } .product-details .p-chip-text, .product-details .p-chip-icon.pi, .product-details .pi-chip-remove-icon.pi { margin-top: 1px; margin-left: 0px; } .p-rating .p-rating-icon.p-rating-icon-active { color: #F1C644; } .p-rating .p-rating-icon:first-child { margin-left: 3px; } .product-overview-details .overview-item { border-bottom: 1px solid rgb(231, 235, 243); padding: 7px; } .product-overview-details .overview-item .key { color: #3c495a; font-size: 13px; } .product-overview-details .overview-item .value { font-size: 13px; font-weight: 200; margin: 0px 20px; } .border-bottom { border-bottom: 1px solid rgb(231, 235, 243); } .custome-float { float: right; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #006BFC; height: 23px; border-radius: 41px !important; width: 0.9rem; } p-galleriacontent { display: flex; justify-content: center; } .custom-selection-container { border: 1px solid gainsboro; padding: 7px 0px !important; border-radius: 7px; } .custom-selection-container .selection-card { border: 1px solid #ccc; border-radius: 4px; padding: 10px; cursor: pointer; transition: background-color 0.3s ease; } .custom-selection-container .selection-card:hover { background-color: #fafafa; } .custom-selection-container .selection-card .selection-card-body { text-align: center; } .custom-selection-container .selection-card .selection-card-text { font-size: 14px; color: #555; margin-bottom: 0px; margin-top: 5px; } .custom-selection-container .selection-card-selected { border-color: #006BFC; } .pi-tag { margin-left: 8px; margin-right: 8px; } .uploaded-icon { width: 40%; opacity: 0.5; } .carImages .p-fileupload-files .p-fileupload-row img { max-width: 350px; max-height: 350px; width: 350px; } .tickets-confirmation .ticket { display: flex; padding: 0px; } .tickets-confirmation .ticket .right { width: 70%; border-right: dashed #d6d6d6; } .tickets-confirmation .ticket .right .header { background-color: #00b36a; height: 30px; display: flex; align-items: center; } .tickets-confirmation .ticket .right .header p { margin: 0px 4px; margin-bottom: 0px; } .tickets-confirmation .ticket .right .form-to { display: flex; justify-content: space-between; height: 49px; background: #f7f6f6; align-items: center; padding: 11px; } .tickets-confirmation .ticket .right .form-to img { width: 23px; } .tickets-confirmation .ticket .right .content { padding: 9px 5px; height: 160px; } .tickets-confirmation .ticket .right .content p { margin-bottom: 0.2rem; font-size: 11px; } .tickets-confirmation .ticket .right .content .info { display: flex; justify-content: space-between; margin: 11px 0px; } .tickets-confirmation .ticket .right .content .info .name { color: gray; text-transform: uppercase; } .tickets-confirmation .ticket .left { width: 30%; } .tickets-confirmation .ticket .left .header { background-color: #00b36a; height: 30px; display: flex; align-items: center; justify-content: center; } .tickets-confirmation .ticket .left .form-to { display: flex; justify-content: space-between; height: 49px; background: #f7f6f6; align-items: center; padding: 5px; } .tickets-confirmation .ticket .left .form-to span { font-size: 10px; text-align: center; } .tickets-confirmation .ticket .left .form-to img { width: 15px; } .tickets-confirmation .ticket .left .content { padding: 9px 5px; height: 160px; display: flex; align-items: center; justify-content: center; } .tickets-confirmation .ticket .left .content p { margin-bottom: 0.2rem; font-size: 16px; width: -webkit-fill-available; width: -moz-available; text-align: center; } .tickets-confirmation .ticket .footer { background-color: #00b36a; height: 30px; display: flex; align-items: center; justify-content: center; } .map-route-container { position: relative; } .map-route-container a { position: absolute; top: 32px; left: 185px; background: none padding-box rgb(255, 255, 255); display: table-cell; border: 0px; margin: 0px; padding: 0px 23px; text-transform: none; -webkit-appearance: none; appearance: none; cursor: pointer; -webkit-user-select: none; user-select: none; direction: ltr; overflow: hidden; text-align: center; height: 40px; vertical-align: middle; color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; font-size: 18px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; min-width: 26px; font-weight: 500; line-height: 39px; } .table-svg-text { text-anchor: middle; dominant-baseline: central; font-family: Arial, sans-serif; font-size: 14px; } .display-restaurant-tables .Available { fill: #006BFC; } .display-restaurant-tables .Busy { fill: red; } .display-restaurant-tables .Connected { fill: white; } .display-restaurant-tables .Maintenance { fill: yellow; } .display-restaurant-tables .Reserved { fill: orange; } .edit-languages .level1 { margin: 0px 10px; } .edit-languages .level2 { margin: 0px 20px; } .edit-languages .level3 { margin: 0px 30px; } .edit-languages .level4 { margin: 0px 40px; } .edit-languages .mat-form-field-wrapper { padding-bottom: 0px !important; } .acount-tab .menu-scroll-container { padding: 0px 0px 19px 0px; } .acount-tab .item { margin: 4px; padding: 8px 22px 8px 22px; border-radius: 10px 10px 0px 0px; } .acount-tab .item span { font-weight: bold; } .acount-tab .item:hover { cursor: pointer; } .acount-tab .highlight { color: #006BFC !important; background-color: #f2f2f2 !important; } .menu-scroll-container { display: flex; align-items: center; padding: 5px; border-radius: 5px; margin: 3px 0px 0px 0px; border-bottom: 1px solid #dee2e6; padding-top: 0px !important; } .menu-scroll-container.menu-hide-scrollbar { overflow: auto; } .menu-scroll-container.menu-hide-scrollbar::-webkit-scrollbar { display: none; } .menu-scroll-container.show-scroll { overflow: auto; } .menu-scroll-container .status-list { margin: auto 5px; } .menu-scroll-container .tasks { white-space: nowrap; margin: 0.3rem; border-radius: 6px; padding: 7px 11px 7px 11px; cursor: pointer; text-align: center; width: -webkit-fill-available !important; } .menu-scroll-container .tasks img { height: 25px; width: 25px; border-radius: 48px; } .menu-scroll-container .tasks .name { padding: 12px 30px 13px 30px; border-radius: 10px 10px 0px 0px; font-size: 15px !important; color: #919192; } .add-fastadd { display: flex; justify-content: space-between; margin-bottom: 11px; } .label-account { margin-bottom: 2px; border-bottom: 1px solid; border-color: gray; } .label-account:hover { color: green; } .green-background { color: #0bef0b; font-size: 12px; } .red-background { color: rgb(254, 0, 0); font-size: 12px; } .flex-vertical-center { align-items: center; display: flex; } .dropdown-Account { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; min-width: 160px; } .dropdown:hover .dropdown-content { display: block; } .printer-icon { display: inline-block; width: 20px; height: 20px; background-size: cover; } .print-dropdown { position: absolute; inset: 0px 0px auto auto; margin: 0px; transform: translate3d(-34.6615px, 232px, 0px); } .p-dropdown-width .p-dropdown .p-dropdown-label { width: 100px; } .zoom { zoom: 0.9; } .p-column-filter-menu-button, .p-column-filter-clear-button { background-image: url('delete-shape.svg'); /* Additional styles if needed */ } .material-icons-outlined { font-size: 18px; } .mat-icon-button .mat-button-wrapper { display: flex; align-items: center; justify-content: center; } .navbar-nav .mat-icon-button .mat-button-wrapper, .navbar-collapse .mat-icon-button .mat-button-wrapper { display: block; } .mat-slide-toggle { margin: 0px !important; } .p-dropdown { margin-top: 3px; } .mat-form-field-appearance-outline .mat-form-field-prefix, .mat-form-field-appearance-outline .mat-form-field-suffix { top: 0.4em !important; } .app-setting-page .mat-slide-toggle { padding: 21px 10px; margin: 5px 0px !important; background: #ffffff; display: flex; align-items: center; border-radius: 4px; width: 100%; border: 1px dashed #E6E6E6; } .app-setting-page .select-all { width: max-content; padding: 20px 17px; border-radius: 47px; background: #F8F8F8; border: 1px solid #E6E6E6; } .datatable-checkbox { text-align: center; } .mat-form-field-appearance-outline .mat-form-field-label { top: 1.6em; } .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.4em) scale(0.75); } .mat-form-field-appearance-outline .mat-form-field-label { width: -moz-fit-content !important; width: fit-content !important; background: #ffffff !important; padding-left: 7px !important; padding-right: 7px !important; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 19px; } .material-icons { font-family: "Material Icons Round" !important; } .mat-input-element { margin-right: 10px !important; margin-left: 10px !important; } .auth-container .mat-input-element { margin-right: 12px !important; margin-left: 2px !important; } .bayanreport-columns .p-multiselect .p-multiselect-label { display: flex; } #divPrintId .header { font-size: 30px; font-weight: 600; display: flex; align-items: center; justify-content: center; } #divPrintId .reportDate { display: flex; align-items: center; justify-content: center; } #divPrintId .report-header { display: flex; justify-content: space-between; } #divPrintId .report-header .report-image-container { text-align: center; } #divPrintId .report-header .report-image-container img { width: 212px; margin-right: 10px; } .p-datatable .p-sortable-column.p-highlight { background: #f8f9fa !important; color: #3c495a !important; } .report-text-align-center .pi-align-center { padding: 3px; } .report-font-family { width: 100%; } .report-font-family .p-dropdown { width: 100%; } @media print { @page { @bottom-center { content: counter(page) " of " counter(pages); } } p-sorticon { display: none; } th { border-bottom: 1px solid #3c495a; } } .mytable table { page-break-inside: auto; } .mytable table tr { page-break-inside: auto; page-break-after: auto; } .flex-align-center { display: flex !important; align-items: center; } .product-import-export-buttom { font-weight: 200; } .p-selectbutton .p-button.p-highlight { background-color: #006BFC; border: 1px solid #ced4da !important; } .p-togglebutton.p-button.p-highlight, .p-togglebutton.p-button.p-highlight:hover { background-color: #006BFC; border-color: #006BFC; } .p-togglebutton.p-button.p-highlight span, .p-togglebutton.p-button.p-highlight:hover span { font-weight: bold; } .p-togglebutton.p-button span { font-weight: bold; } .bayan-report-pickList .p-picklist-list { overflow-x: hidden; } .p-selectbutton .p-button:hover { border: none; } .bayan-repoer-tools .tools li { display: inline-flex; align-items: center; vertical-align: middle; margin: 0px 4px; } .p-dropdown-panel .p-dropdown-items li { display: block !important; } .p-button.p-button-secondary:enabled:hover { background-color: #006BFC; border-color: #006BFC; } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { background-color: #006BFC; border-color: #006BFC; } .acount-tab .account-menu-scroll-container { padding: 0px 0px 19px 0px; } .acount-tab .account-item { margin: 4px; padding: 8px 22px 8px 22px; border-radius: 10px 10px 0px 0px; } .acount-tab .account-item .account-span { font-weight: bold; } .acount-tab .account-item:hover { cursor: pointer; } .acount-tab .account-highlight { color: rgb(22, 157, 94) !important; background-color: #f2f2f2 !important; } .chose-account-type p { font-weight: bold; margin-bottom: 5px; font-size: 16px; } .chose-account-type .type .item { justify-content: center; height: 55px; display: flex; align-items: center; background: #006BFC; color: white; border-radius: 4px; margin: 4px; cursor: pointer; font-size: 16px; } .chose-account-type .type .item img { width: 22px; margin: 7px; } .main-sub-account-image { filter: invert(1); width: 22px; margin: 0px 10px; } .p-picklist .p-picklist-list .p-picklist-item { width: 100%; } .loyalty-description { font-size: 14px; background: rgba(155, 208, 183, 0.231372549); border-top: 1px solid #006BFC; border-bottom: 1px solid #006BFC; padding: 16px 10px 6px 10px; } .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); } button:hover, input:hover, select:hover, a:hover { text-decoration: none; } .refresh-datatable { background-color: inherit; } .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab { background: inherit; } .mat-dialog-content { background: #fff !important; border-top-right-radius: 12px; } .mat-slide-toggle-content { display: contents; white-space: normal !important; font-weight: 500; } .p-datatable-gridlines { margin-top: 15px; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { border-radius: 3px; } .fa-sort { margin: 0px 4px; } .highlight-autoComplate { color: #006BFC; } .applytype .p-selectbutton .p-button { width: 50%; } .datatable-filter { position: relative; } .datatable-filter .filterCount { background: #006BFC; color: white; border-radius: 40px; width: 16px; height: 16px; font-size: 11px; font-weight: bold; line-height: 18px; position: absolute; top: 0px; right: 14px; } .no-data { font-size: 22px; display: flex; justify-content: center; font-weight: bold; } .change-phone-number .icon { width: 56px; } .change-phone-number .title { font-size: 16px; font-weight: bold; margin: 10px 10px 20px 0px; } .filter-item { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 255px; margin-top: 3px; padding: 0px; margin-bottom: 4px; } .bayan_menu { display: flex; align-items: center; padding: 5px; border-radius: 5px; margin: 3px 0px 0px 0px; border-bottom: 1px solid #dee2e6; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; } .bayan_menu::-webkit-scrollbar { height: 4px; } .bayan_menu .active { color: white; background-color: #006BFC; } .bayan_menu .active .pi-ellipsis-v, .bayan_menu .active .name { color: white; } .bayan_card { position: relative; width: 180px; min-width: 180px; max-width: 180px; background-color: white; border-radius: 4px; text-align: center; margin: 3px; padding: 10px; display: flex; } .bayan_card .name { margin-top: 5px; margin-bottom: 0px; justify-content: flex-start; align-items: center; display: flex; font-weight: 500; margin-inline-start: 7px; color: #3c495a; } .bayan_card .dropdown { position: absolute; top: 0px; left: 0px; } .catalog_list { width: -webkit-fill-available !important; max-width: -webkit-fill-available; min-width: -webkit-fill-available; } .catalog_list .body { width: -webkit-fill-available !important; } .treeLevel { display: flex; width: 32px; height: 32px; padding: 10px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; border-radius: 100px; border: 1px solid var(--neutral-200, #D4D5D9); background: var(--base-white, #FFF); } .p-buttonset { display: flex; margin-inline-start: 6px; width: -moz-fit-content; width: fit-content; border-radius: 10px; border: 1px solid rgba(128, 128, 128, 0.2705882353); } .p-buttonset button { margin: 0px; border: none; background: none; border-radius: 10px; } .p-buttonset .highlightactive { color: #006BFC; background-color: #EBEFFF; } .angular-editor .angular-editor-wrapper .angular-editor-textarea, .angular-editor-toolbar, .p-dropdown, .p-multiselect, .p-listbox, .p-chips-multiple-container, .iconCss { border: 1px solid #ddd !important; } .p-dropdown .p-dropdown-panel { color: #34795a; border: 0 none; border-radius: 6px; /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */ } .p-dropdown .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #f8f9fa; color: #343a40; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; } .modalHeader { background: none; } .form-buttons { background-color: #ffffff; } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { background-color: #006BFC; border: 1px solid #006BFC; color: white; } .p-inputtext { padding-top: 0.92rem !important; padding-bottom: 0.92rem !important; } .p-dropdown .p-dropdown-panel { color: #34795a; border: 0 none; } .modalHeader div { font-size: 18px; } .addContainer { background: none; } .angular-editor-toolbar { background-color: #eef2f6 !important; } .add_item { margin-bottom: -6px; } .card .body { background-color: #fff; color: #3c495a; padding: 10px; border-radius: 10px; margin: 0px; } .icon_container { background: #fff; } .card .body .col-xs-12, .card .body .col-sm-12, .card .body .col-md-12, .card .body .col-lg-12 { margin-bottom: 5px; } .custom_tab { border-radius: 0px; background-color: #fdfefe; } .custom_tab .item .name { color: #3c495a; } .p-component { margin-left: 0px; } .p-multiselect-panel { color: #495057; border: 0 none; } .sidebar .menu .list a { border-radius: 0rem; } .sidebar .menu .list li.active .menu-top { border-radius: 11px; } .sidebar .menu .list li.active > :first-child span { color: #006BFC; } .sidebar .menu .list .ml-menu .ml-menu-2 li a { color: #006BFC; margin-top: 4px; margin-bottom: 4px; } .sidebarsearch .p-component { background-color: #ffffff !important; } .nav-add-items .menu-title { border-bottom: 1px solid #006BFC; } .notification-dropdown li a { color: #3c495a; } .sidebar .menu .list .ml-menu .ml-menu-2 li a :hover { color: #006BFC; } .user-panel { background: #fdfefe; } .theme-white .navbar.active { background: #F6F8FA; /* box-shadow: 3px 0 10px 0 rgba(183, 192, 206, 0.2); */ } .dataTable thead tr { border-left: 1px solid #f9f9f9 !important; border-top-right-radius: 6px; border-top-left-radius: 6px; } .menu-without-children { background: none !important; } .sidebar .menu ul li { margin: 3px 0px; } .datatable-header { background-color: #fff; } div.dataTables_wrapper div.dataTables_filter { background-color: #fff; padding: 0.2rem 0rem; } tr.even { background-color: #fdfefe; } tr.odd { background-color: #fff; } .breadcrumb { background-color: inherit; } .materialTableHeader .mat-raised-button.mat-primary { background: inherit; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 14px; } .cdk-overlay-dark-backdrop, .p-dialog-mask.p-component-overlay, .p-component-overlay { background: rgba(31, 64, 99, 0.3) !important; } .p-dialog { 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-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { background-color: #ffffff; border: 1px solid; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { color: #d50b3e; } .p-dialog .p-dialog-header { background: rgb(249, 247, 251); } .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin: 2rem; } .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: #DC2626; color: #ffffff; border-color: #DC2626; } .p-dialog .p-dialog-footer { background: rgb(249, 247, 251); padding: 15px; } .mat-dialog-content { background: #fff !important; } .p-dialog.p-confirm-dialog .p-confirm-dialog-message { font-weight: bold; } .invoice-header-footer-title { margin-bottom: 5px; font-weight: bold; margin-top: 5px; } .p-datatable .p-datatable-thead > tr > th { background: rgb(249, 247, 251); } .p-scrollpanel .p-scrollpanel-bar { background: linear-gradient(45deg, rgba(128, 158, 202, 0.3019607843), #006BFC); width: 3px !important; } .p-scrollpanel .p-scrollpanel-bar:hover, .p-scrollpanel .p-scrollpanel-bar:focus { width: 5px !important; background: linear-gradient(45deg, rgba(128, 158, 202, 0.3019607843), #006BFC); } .p-scrollpanel .p-scrollpanel-grabbed { width: 5px !important; background: linear-gradient(45deg, rgba(128, 158, 202, 0.3019607843), #006BFC); } .p-scrollpanel-content { width: 100% !important; padding: 0px !important; scrollbar-width: none; } .p-scrollpanel-bar-y { right: 0px !important; } .dataTables_filter .form-control { height: 31px; margin-top: -3px; border-radius: 6px; } .dataTables_wrapper .dt-button { height: 31px; border-radius: 6px !important; color: #6c757d !important; font-weight: 400; } .menu-profile-header { margin-top: 20px; border-bottom: 1px dashed #e7e2e2; margin-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; align-items: center !important; } .menu-profile-header img { width: 40px; border-radius: 50%; } .menu-profile-header .title { margin-left: 12px; line-height: normal; display: grid; } .menu-profile-header .title a { font-size: 15px !important; line-height: normal; color: #3c495a; } .menu-profile-header .title a:hover { color: #006BFC; } .menu-profile-header .title .designation { margin-top: 4px; font-size: 13px; line-height: normal; color: #919aa3; } .custom-search { display: flex; cursor: pointer; -webkit-user-select: none; user-select: none; align-items: center; border-radius: 0.5rem; background-color: #ffffff; padding: 0.25rem 0.25rem 0.25rem 0.75rem; color: rgba(255, 255, 255, 0.3019607843); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; height: 42px; margin: 9px; } .custom-search .custom-search__icon { padding: 0px 6px; border-right: 1px solid #dedede; width: 32px; margin: 0px 0px 0px 0px; } .custom-search:hover .mat-icon { color: #3c495a; } .custom-search:hover .custom-search__placeholder { color: #3c495a; } .custom-search:hover .custom-search__key { background-color: #ffffff; color: #3c495a; } .custom-search .mat-icon { font-size: medium; display: flex; align-content: center; align-items: center; margin: 0px 0px 0px 10px; color: rgba(0, 0, 0, 0.5); } .custom-search .custom-search__placeholder { white-space: nowrap; font-size: 15px; line-height: 0rem; font-weight: 500; margin-left: 1rem; color: rgba(0, 0, 0, 0.5); flex: 1 1 auto; margin-top: 4px; } .custom-search .custom-search__key { border-radius: 0.5rem; background-color: #ffffff; padding: 0.25rem 0.5rem; font-size: 11px; font-weight: 600; height: 78%; line-height: 2.3; color: rgba(0, 0, 0, 0.42); } .lang-notification { display: flex; background: white; height: 40px; margin-top: 9px; align-items: center; justify-content: center; border-radius: 47px; } .lang-notification .lang-dropdown { width: 36px; height: 36px; border-radius: 50%; } .lang-notification .lang-dropdown .mat-button-wrapper { margin-top: -2px; } .lang-notification .nav-notification-icons { width: 36px; height: 36px; background: rgba(220, 220, 220, 0.4705882353); } .lang-notification .nav-notification-icons .mat-button-wrapper { margin: -3px; } .fullscreen button { background: #ffffff; } .fullscreen button img { margin: -2px 0px 0px 1px; } .custom_search_dialog .p-dialog .p-dialog-header { -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.6); border-bottom: 1px solid rgba(128, 128, 128, 0.3215686275); height: 72px; } .custom_search_dialog .p-dialog .p-dialog-content { -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.6); } .custom_search_dialog .p-dialog .p-dialog-content .filter-header { background: rgba(128, 128, 128, 0.1215686275); text-transform: uppercase; font-weight: bold; color: gray; padding: 7px 10px 3px 10px; line-height: normal; } .custom_search_dialog .p-dialog .p-dialog-content .custom_search_filter-item { margin-top: 4px; margin-bottom: 4px; } .custom_search_dialog .p-dialog .p-dialog-content .custom_search_filter-item:hover { background-color: rgba(154, 169, 201, 0.5); } .custom_search_dialog .p-dialog .p-dialog-content .loading { height: 350px; } .custom_search_dialog .p-dialog .p-dialog-content .not-found { height: 350px; } .custom_search_dialog .p-dialog .p-dialog-content .not-found img { width: 100%; height: 39px; margin-bottom: 15px; } .custom_search_dialog .p-dialog .p-dialog-content .not-found span { font-weight: bold; } .custom_search_dialog .search_input { font-size: 19px !important; width: 100%; border: none; background: none; } .custom_search_dialog .search_input::placeholder { font-size: 19px; } .custom_search_dialog .p-inputtext:enabled:focus { box-shadow: none !important; border: none !important; } .details-page .dropdown-menu ul.menu { padding: 14px !important; } div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.disabled .page-link { background-color: rgba(134, 146, 208, 0.08); } div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link { padding: 0.845rem 0.745rem 0.645rem 0.745rem; min-width: calc(2.38155rem + 0px); line-height: 1; font-size: 16px !important; } .page-item.active .page-link, .page-item:active .page-link { transform: scale(0.98); box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3); } .page-link:hover { z-index: 2; color: #5d596c; background-color: rgba(75, 70, 92, 0.16); border-color: rgba(75, 70, 92, 0.16); } .page-link, .page-link > a { border-radius: 0.375rem; line-height: 1; text-align: center; min-width: calc(2.4275rem + 0px); } .page-link { position: relative; display: block; padding: 0.745rem 0.35rem; font-size: 0.9375rem; color: #5d596c; background-color: rgba(75, 70, 92, 0.08); border: 0px solid rgba(75, 70, 92, 0.08); 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; } .page-item:not(:first-child) .page-link { margin-left: 0.25rem; } table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before { font-family: "Material Icons Round"; content: "\e313" !important; bottom: 0px !important; line-height: 2.5rem !important; right: 0.5rem !important; } table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after { font-family: "Material Icons Round"; content: "\e313" !important; transform: rotate(180deg); line-height: 3.1rem !important; right: 0.5rem !important; } .match-height > [class*=col] { display: flex; } .match-height > [class*=col] > .card { flex: 1 1 auto; } .card .card-header { position: relative; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; border-bottom: none; padding: 1.5rem; background-color: transparent; } .card-statistics .media { display: flex; align-items: flex-start; } .card-statistics .media .avatar { white-space: nowrap; background-color: #C3C3C3; border-radius: 50%; position: relative; cursor: pointer; color: #FFFFFF; display: inline-flex; font-size: 1rem; text-align: center; vertical-align: middle; font-weight: 600; width: auto; } .card-statistics .media .avatar .avatar-content { width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 0.857rem; } .card-statistics .media .bg-light-primary { color: #7367f0 !important; background: rgba(115, 103, 240, 0.12) !important; } .card-statistics .media .bg-light-info { color: #00cfe8 !important; background: rgba(0, 207, 232, 0.12) !important; } .card-statistics .media .bg-light-danger { color: #ea5455 !important; background: rgba(234, 84, 85, 0.12) !important; } .card-statistics .media .bg-light-success { color: #28c76f !important; background: rgba(40, 199, 111, 0.12) !important; } .card-statistics .statistics-body { padding: 1rem 2.4rem 3rem 2.4rem !important; } .font-weight-bolder { font-weight: 600 !important; } .font-small-3 { font-size: 0.9rem !important; } .font-small-2, .font-small-2 span { font-size: 0.8rem !important; } .text-muted { color: #b9b9c3 !important; } .align-content-center { align-content: center; } .invocie .butt-email { background-color: #f1f1f2; border-radius: 1.5rem; color: f1f1f2; } .invocie .butt-email:hover { background-color: #c80606; border-radius: 1.5rem; color: #f1f1f2; } .invocie .butt-whatsapp { background-color: #f1f1f2; border-radius: 1.5rem; color: f1f1f2; } .invocie .butt-whatsapp:hover { background-color: #4CAF50; border-radius: 1.5rem; color: #f1f1f2; } .invocie .butt-download { background-color: #f1f1f2; border-radius: 1.5rem; color: f1f1f2; } .invocie .butt-download:hover { background-color: #808080; border-radius: 1.5rem; color: #f1f1f2; } .invocie .butt-cancel { background-color: #f1f1f2; border-radius: 1.5rem; color: f1f1f2; } .invocie .butt-cancel:hover { background-color: #808080; border-radius: 1.5rem; color: #f1f1f2; } .inputNumber { max-width: 100%; width: 100%; display: block; } .inputNumber .p-inputnumber, .inputNumber input { max-width: 100%; width: 100%; display: block; } .inputNumber .p-inputnumber-buttons-horizontal { display: inline-flex; } .custom-icon { font-size: 14px; margin: 0px 4px; } .order-details .order-id { font-size: 20px; } .order-details .order-id span { font-size: 20px; } .order-details .mat-icon { vertical-align: middle; display: inline; } .order-details .order-date { color: #677788; } .order-details .card-title { font-weight: 600 !important; } .order-details .item-image { width: 45px; height: 45px; border-radius: 10px; margin: 0px 10px 0px 0px; } .order-details .order-status-card { text-align: right; } .order-details .p-tag-value { font-size: 13px; } .order-details .p-timeline-event-opposite { display: none; } .order-details thead { position: relative; z-index: 1; } .order-details .name { font-size: 13px; color: #677788; font-weight: 500; } .order-details .info { font-size: 12px; } .order-details .payment_card { padding: 15px; margin: 8px; border-radius: 6px; box-shadow: 0px 0px 9px 0px rgba(128, 128, 128, 0.3098039216); } .order-details .payment_card .payment-type-side { display: flex; align-items: center; } .order-details .payment_card .paymentType { font-size: 16px; font-weight: bold; } .order-details .payment_card .paymentdate { font-size: 11px; } .order-details .payment_card .remainAmount { text-align: left; margin-top: -8px; } .order-details .payment_card .remainAmount span { font-size: 11px; color: red; } .order-details .payment_card .border-bottom-dashed { border-bottom: 1px solid transparent; background-image: linear-gradient(to right, rgba(128, 128, 128, 0.36) 30%, transparent 30%, transparent 40%, rgba(128, 128, 128, 0.36) 40%); background-size: 15px 1px; } .order-details .payment_card .price { font-size: 15px; font-weight: bold; } .seprator { padding-top: 10px; margin-top: 10px; border-top: 0.0625rem solid #e7eaf3; } .custom-sid-details .p-sidebar-content { margin: 0px; padding: 0px; } .custom_button_group { border-radius: 24px !important; min-height: 30px; width: -moz-fit-content; width: fit-content; display: flex; background: #eef3f6; padding: 4px; } .custom_button_group .button_group_item { padding: 1px 12px 0px 12px; display: flex; align-items: center; border-radius: 35px; margin: 0px 1px; text-transform: uppercase !important; font-size: 12px; line-height: 2.25rem; letter-spacing: 0.0892857143em !important; cursor: pointer; } .custom_button_group .active { background-color: #006BFC; color: white; } .dir-ltr { direction: ltr; } .card-status .media { display: flex; align-items: flex-start; } .card-status .media .avatar { white-space: nowrap; background-color: #C3C3C3; border-radius: 50%; position: relative; cursor: pointer; color: #FFFFFF; display: inline-flex; font-size: 1rem; text-align: center; vertical-align: middle; font-weight: 600; width: auto; } .card-status .media .avatar .avatar-content { width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 0.857rem; } .card-status .media .bg-light-primary { color: #7367f0 !important; background: rgba(115, 103, 240, 0.12) !important; } .card-status .media .bg-light-info { color: #00cfe8 !important; background: rgba(0, 207, 232, 0.12) !important; } .card-status .media .bg-light-danger { color: #ea5455 !important; background: rgba(234, 84, 85, 0.12) !important; } .card-status .media .bg-light-success { color: #28c76f !important; background: rgba(40, 199, 111, 0.12) !important; } .card-status .media .media-body { margin: 12px; } .card-status .status-body { padding: 1rem 2.4rem 3rem 2.4rem !important; } .card-status .card { border: none; background: rgba(238, 243, 246, 0.6117647059); } .card-status .card:hover { box-shadow: rgba(80, 31, 184, 0.3) 0px 0px 6px 0px; } .custom_skeleton { height: 20rem; display: block; } .p-skeleton { height: 100%; } .custom_card_image { border-radius: 13% !important; object-fit: contain; width: -webkit-fill-available; width: -moz-available; height: -webkit-fill-available; height: -moz-available; } .categorycard .card { background: #F4F4F4 !important; padding: 5px 5px 0px 5px; } .categorycard .card .card-title { text-align: start; margin-inline-start: 5px; } .categorycard .card .card-title a { color: #000; } .category_image { width: 100%; height: 115px; border-radius: 10px; object-fit: cover; } .modifier_card .p-checkbox-box:hover { border-color: #f7f7f7 !important; background: white !important; } .modifier_card .p-checkbox .p-checkbox-box.p-highlight { border-color: #f7f7f7 !important; background: white !important; } .p-second-picker { display: none; } .p-input-icon-right { margin-top: 4px; } .box-warp { display: flex; flex-wrap: wrap; font-size: 12px; } .box-warp span { display: block; } .box-warp .name { width: 100px; display: flex; justify-content: space-between; align-items: center; color: #677788; } .box-warp .name::after { content: ":"; display: inline-block; } .box-warp .info { width: calc(100% - 100px); padding-inline-start: 20px; font-weight: 500; } .barcodeLabelFieldList li { padding: 2px !important; border-radius: 11px !important; } .barcodeLabelFieldList .card { margin: 0px; width: 100%; } .custom-toggle-button { border-radius: 6px; border: 1px solid gainsboro; width: -moz-fit-content; width: fit-content; padding: 7px 12px 2px 11px; font-weight: bold; min-width: 34px; margin: 0px 1px; } .custom-toggle-button .active { background: #006BFC; color: white; } .custom-toggle-button:hover { background: #006BFC; color: white; } .custom-toggle-button.active { background: #006BFC; color: white; } .barcode-template-color-picker .p-colorpicker-preview { width: 34px; height: 34px; } .primary-seprator { border-bottom: 1.6px solid #006BFC; margin: 10px 0px; } .box-warp-Seq { flex-wrap: nowrap; font-size: 12px; } .box-warp-Seq span { display: block; } .box-warp-Seq .Seq-name { max-width: 100px; display: flex; justify-content: space-between; align-items: center; color: #677788; block-size: -moz-fit-content; block-size: fit-content; } .box-warp-Seq .Seq-name::after { content: ":"; display: inline-block; } .box-warp-Seq .Seq-info { width: 50px; text-align: center; font-weight: 800; background-color: #f0f0f0; } .button-width-100 { width: 100%; margin-top: 15px !important; } .button-width-100 .mat-button-wrapper { display: flex; justify-content: center; } .loader { animation: spin 0.8s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading { height: 60vh; } .not-found div { height: 60vh; } .barcode-box { color: rgba(0, 0, 0, 0.87); cursor: move; background: #fff; border-radius: 4px; z-index: 1; box-sizing: border-box; transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1); position: absolute; width: -moz-fit-content; width: fit-content; min-width: -moz-fit-content; min-width: fit-content; } .barcode { text-align: center; height: 100%; display: flex; justify-content: center; align-items: center; } .p-dropdown-items, .p-autocomplete-items, .p-listbox-items, .p-multiselect-items { margin-bottom: 0px !important; } .chips_details { display: ruby; width: 100%; padding: revert-layer; float: inline-start; font-size: large; } .custom-card-for-appsetting mat-icon { color: #006BFC; } .custom-card-for-appsetting .active { border: 1px solid #006BFC; } .custom-card-for-appsetting .card { margin-bottom: 0px !important; } .custom-card-for-appsetting .card:hover { box-shadow: 0px 20px 20px 0px rgba(6, 111, 220, 0.15); } .custom-card-for-appsetting .card:hover .img-container { background: #006BFC; } .custom-card-for-appsetting .card:hover .img-container img { filter: brightness(0) invert(1); } .custom-card-for-appsetting .img-container { background: #F6F8FA; width: -moz-fit-content; width: fit-content; padding: 10px; border-radius: 50%; margin-bottom: 7px; } .custom-card-for-appsetting .img-container img { width: 25px; } .p-dropdown-item span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 270px; display: block; } .nothing-found-message { margin-top: 1.5rem !important; display: flex; justify-content: center; } .nothing-found-message p { width: 70%; } .p-carousel .p-carousel-indicators .p-carousel-indicator button, .p-galleria .p-galleria-indicators .p-galleria-indicator button { width: 1rem; height: 1rem; border-radius: 50% !important; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { width: 2rem; border-radius: 20px !important; } .bayan-auth-container .p-carousel-item { display: flex; justify-content: center; flex-direction: column; align-items: center; } .welcome-msg { text-align: center; } .p-tooltip { max-width: 400px; position: fixed; } .mat-dialog-content .p-tooltip { position: fixed; } .mat-tooltip { max-width: 400px !important; font-size: 1rem; } .filecard { position: relative; padding: 10px; } .filecard .image { display: flex; justify-content: center; } .filecard .fileimage { width: 100%; object-fit: cover !important; background: #fff; border-radius: 10px; position: inherit; padding: 2px; display: block; } .filecard button { position: absolute; left: 0; } .p-selectbutton .p-button div { font-weight: bold; } .table-container { display: flex; flex-direction: column; width: 100%; padding: 10px; } .table-container-details { display: flex; flex-direction: column; width: 100%; padding-top: 12px; } .table-controls { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; } .table-controls label { margin-right: 10px; font-weight: bold; } .table-controls select { padding: 5px; border-radius: 5px; border: 1px solid #ccc; } p-table { border: none !important; } p-table table { width: 100%; border-collapse: collapse; } p-table th, p-table td { padding: 8px; text-align: center; white-space: nowrap; border-right: 1px solid rgba(0, 0, 0, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.04); } p-table th { background-color: #f5f5f5; height: 50px; color: #000 !important; font-weight: 500; vertical-align: middle; } .custom-sidebar .p-sidebar-content { padding: 8px !important; overflow-x: hidden; } p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f87171 !important; } .custom-dropdown { position: relative; } .custom-dropdown .custom-dropdown-error { position: absolute; top: 26px; right: 10px; background: white; height: 39px; display: flex; align-content: center; align-items: center; } .custom-dropdown .custom-dropdown-error .pi-refresh { margin: 4px 3px; } .custom-dropdown .custom-dropdown-error .mytooltip img { margin-top: -3px; } .details-content { display: flex; justify-content: space-between; align-items: center; padding: 6px 16px 6px 24px; position: relative; } .details-content div { font-weight: 600; font-size: 14px; } .details-content::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(to right, transparent 0%, transparent 3%, rgba(0, 121, 246, 0.13) 20%, rgba(0, 121, 246, 0.13) 97%, transparent 92%); } .editRowModal { background-image: url('popup.svg'); background-repeat: no-repeat; position: absolute; top: 0; left: 0; height: 100%; display: flex; align-items: center; padding: 9px 63px 5px 27px; background-size: cover; justify-content: center; } .datatable-buttons { padding: 2px 5px; border-radius: 10px; width: -moz-fit-content; width: fit-content; border: 1px solid rgba(128, 128, 128, 0.2705882353); height: 45px; display: flex; align-items: center; } .datatable-buttons .button-light { background: none !important; border: none; border-radius: 4px; padding: 5px 6px; } .datatable-buttons .button-light img { height: 20px; } .add-button img { margin-inline-end: 6px; } .image-in-button { margin-inline-end: 3px; width: 17px; } .buttons { border-top: 1px solid gainsboro; padding-top: 12px; display: flex; } .save-button-img { margin-inline-end: 3px; } .p-timeline-event div { font-weight: 500; font-size: 14px; } .order-info { padding: 20px; border-radius: 8px; } .section-title { font-size: 18px; color: #BFC1C7; margin-bottom: 15px; } .section-title-bold { font-size: 18px; font-weight: bold; color: #1C1E34; margin-bottom: 15px; } .total-title { padding: 25px 20px 0px 0px; font-size: 16px; font-weight: 500; } .tooltap-Add-position { padding-top: 10px; } .text-center { text-align: center; } .custom_badge { border-radius: 70px; border: 2px solid #FFF; background: #295BFF; box-shadow: 0px 4px 7px 0px rgba(41, 91, 255, 0.3); display: flex; padding: 5px 14px; justify-content: center; align-items: center; gap: 10px; } .custom_badge .text { color: #FFF; text-align: center; font-size: 14px; font-style: normal; font-weight: 600; line-height: 100%; letter-spacing: 0.14px; } .menu-dropdown .add-button { display: flex !important; align-items: center; padding-right: 10px; } .menu-dropdown .add-button p { height: 21px; border-right: 1px solid rgba(255, 255, 255, 0.4509803922); width: 8px; display: block; padding: 0px 5px 0px; margin-bottom: 0px; margin-inline-end: 8px; } .menu-dropdown-item { width: 175px !important; inset: 35px 0px auto auto !important; } .menu-dropdown-item .menu-dropdown-item-list { line-height: 30px; } .menu-dropdown-item .menu-dropdown-item-list .img { margin: 0px 5px; } .importexport .dropdown-menu, .datatable-buttons .dropdown-menu { inset: 35px 0px auto auto !important; } .pi-folder-open:before { color: #006BFC; } .pi-folder:before { color: #006BFC; } .custom_tab_purchase { display: flex; align-items: center; padding: 5px 0px 0px 5px; border-radius: 0px; margin: 5px 5px 0px 5px; border-bottom: 1px solid gainsboro; } .custom_tab_purchase.tab-hide-scrollbar { overflow: auto; } .custom_tab_purchase.tab-hide-scrollbar::-webkit-scrollbar { height: 4px; } .custom_tab_purchase.show-scroll { overflow: auto; } .custom_tab_purchase .item { white-space: nowrap; margin: 0.3rem 0rem 0rem 0rem; border-radius: 8px 10px 0px 0px; padding: 12px 20px 12px 20px; cursor: pointer; text-align: center; width: -moz-fit-content; width: fit-content; border-radius: 10px 10px 0px 0px; } .custom_tab_purchase .item:hover .name, .custom_tab_purchase .item:hover .tab-icon { color: #006BFC; } .custom_tab_purchase .item div { display: flex; align-items: center; } .custom_tab_purchase .item .tab-icon { height: unset; vertical-align: middle; margin: 0px; width: auto; font-size: larger; color: rgba(0, 0, 0, 0.4); } .custom_tab_purchase .item .name { margin: 0; padding: 0; font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, 0.4); margin-top: 3px; vertical-align: bottom; } .custom_tab_purchase .item img { width: 20px; margin-inline-end: 5px; } .custom_tab_purchase .active { background: #f1f1f1; border-bottom: 2px solid #006BFC; } .custom_tab_purchase .active .name { color: #006BFC !important; font-weight: bold; } .custom_tab_purchase .active .tab-icon { color: #3c495a; } .custom_tab_purchase .active img { filter: invert(27%) sepia(76%) saturate(2854%) hue-rotate(206deg) brightness(98%) contrast(109%); } .order-info { padding: 20px !important; border-radius: 8px; border-bottom: #e4e6e7 solid 1px; } .rm-border { border-top: none !important; } .section-title { font-size: 18px; color: #bfc1c7; margin-bottom: 15px; font-weight: 500; } .section-title-bold { font-size: 18px; font-weight: bold; color: #1c1e34; margin-bottom: 15px; } .cancel-button-img { margin-inline-end: 5px; } .active_filter_purchase { padding: 2px 5px; border-radius: 10px; border: 1px solid rgba(128, 128, 128, 0.2705882353); background-color: #fff; display: flex; flex-wrap: wrap; height: 45px; max-width: -moz-fit-content; max-width: fit-content; align-items: center; } .active_filter_purchase a { text-decoration: none; padding: 6px 10px 6px 8px; border-radius: 6px; display: flex; align-items: center; } .active_filter_purchase img { filter: brightness(0.2); width: 20px; margin: 0px 4px; } .custom-picklist-order .p-picklist-header .p-picklist-title { width: 50%; } .custom-picklist-order .p-picklist-list-wrapper { position: relative; } .custom-picklist-order .p-picklist-list-wrapper .p-picklist-filter-container { padding: 0px; border: none; } .custom-picklist-order .p-picklist-list-wrapper .p-picklist-filter { position: absolute; top: 9px; right: 9px; } .custom-picklist-order .p-picklist-list-wrapper .p-picklist-filter .p-picklist-filter-input { height: 35px; width: 169px; max-width: 169px; border-radius: 10px; background-image: url('searchIcon.svg'); background-repeat: no-repeat; background-position: left 5px center; padding: 0px 28px; background-size: 20px; } .custom-picklist-order .p-picklist-list-wrapper .p-picklist-filter .p-picklist-filter-icon { display: none !important; } .purchase-details-buttons { background-color: white !important; color: #006bfc !important; } .purchase-details-buttons:hover { background-color: #e3efff !important; } .edit-button-img { margin-inline-end: 3px; } /*!***********************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/datatables.net-colreorder-dt/css/colReorder.dataTables.min.css?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************************/ table.DTCR_clonedTable.dataTable{position:absolute !important;background-color:rgba(255, 255, 255, 0.7);z-index:202}div.DTCR_pointer{width:1px;background-color:#0259c4;z-index:201} /*!************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css?ngGlobalStyle ***! \************************************************************************************************************************************************************************************************************************************************************************************/ table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:50%;left:5px;height:1em;width:1em;margin-top:-9px;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#0275d8}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before{left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:.8em;width:.8em;margin-top:-0.5em;margin-left:-0.5em;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#0275d8}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"-";background-color:#d33333}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}div.dtr-bs-modal table.table tr:first-child td{border-top: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]!./node_modules/datatables.net-bs4/css/dataTables.bootstrap4.min.css?ngGlobalStyle ***! \*************************************************************************************************************************************************************************************************************************************************************************/ table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{height:1em;width:1em;margin-top:-9px;display:inline-block;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable tr.dt-hasChild td.dt-control:before{content:"-";background-color:#d33333}table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important;border-spacing:0}table.dataTable td,table.dataTable th{box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:auto;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:.85em}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable>thead>tr>th:active,table.dataTable>thead>tr>td:active{outline:none}table.dataTable>thead>tr>th:not(.sorting_disabled),table.dataTable>thead>tr>td:not(.sorting_disabled){padding-right:30px}table.dataTable>thead .sorting,table.dataTable>thead .sorting_asc,table.dataTable>thead .sorting_desc,table.dataTable>thead .sorting_asc_disabled,table.dataTable>thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable>thead .sorting:before,table.dataTable>thead .sorting:after,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_desc:before,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_asc_disabled:after,table.dataTable>thead .sorting_desc_disabled:before,table.dataTable>thead .sorting_desc_disabled:after{position:absolute;bottom:.9em;display:block;opacity:.3}table.dataTable>thead .sorting:before,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_desc:before,table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_desc_disabled:before{right:1em;content:"↑"}table.dataTable>thead .sorting:after,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_asc_disabled:after,table.dataTable>thead .sorting_desc_disabled:after{right:.5em;content:"↓"}table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_desc:after{opacity:1}table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_desc_disabled:after{opacity:0}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:before,div.dataTables_scrollBody>table>thead .sorting_asc:before,div.dataTables_scrollBody>table>thead .sorting_desc:before,div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody tr:first-child th,div.dataTables_scrollBody>table>tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content:center !important}}table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled){padding-right:20px}table.dataTable.table-sm .sorting:before,table.dataTable.table-sm .sorting_asc:before,table.dataTable.table-sm .sorting_desc:before{top:5px;right:.85em}table.dataTable.table-sm .sorting:after,table.dataTable.table-sm .sorting_asc:after,table.dataTable.table-sm .sorting_desc:after{top:5px}table.table-bordered.dataTable{border-right-width:0}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:1px}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child{padding-right:0} /*!***********************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/datatables.net-select-dt/css/select.dataTables.css?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************/ table.dataTable > tbody > tr > .selected { background-color: rgba(13, 110, 253, 0.9); color: white; } table.dataTable tbody td.select-checkbox, table.dataTable tbody th.select-checkbox { position: relative; } table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after { display: block; position: absolute; top: 1.2em; left: 50%; width: 12px; height: 12px; box-sizing: border-box; } table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before { content: " "; margin-top: -6px; margin-left: -6px; border: 1px solid black; border-radius: 3px; } table.dataTable tr.selected td.select-checkbox:before, table.dataTable tr.selected th.select-checkbox:before { border: 1px solid white; } table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after { content: "✓"; font-size: 20px; margin-top: -19px; margin-left: -6px; text-align: center; text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9; } table.dataTable.compact tbody td.select-checkbox:before, table.dataTable.compact tbody th.select-checkbox:before { margin-top: -12px; } table.dataTable.compact tr.selected td.select-checkbox:after, table.dataTable.compact tr.selected th.select-checkbox:after { margin-top: -16px; } div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item { margin-left: 0.5em; } @media screen and (max-width: 640px) { div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item { margin-left: 0; display: block; } } /*!*************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/datatables.net-buttons-dt/css/buttons.dataTables.css?ngGlobalStyle ***! \*************************************************************************************************************************************************************************************************************************************************************************/ @keyframes dtb-spinner { 100% { transform: rotate(360deg); } } div.dataTables_wrapper { position: relative; } div.dt-buttons { position: initial; } div.dt-buttons .dt-button { overflow: hidden; text-overflow: ellipsis; } div.dt-button-info { position: fixed; top: 50%; left: 50%; width: 400px; margin-top: -100px; margin-left: -200px; background-color: white; border-radius: 0.75em; box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8); text-align: center; z-index: 2003; overflow: hidden; } div.dt-button-info h2 { padding: 2rem 2rem 1rem 2rem; margin: 0; font-weight: normal; } div.dt-button-info > div { padding: 1em 2em 2em 2em; } div.dtb-popover-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; text-align: center; border-radius: 3px; cursor: pointer; z-index: 2003; } button.dtb-hide-drop { display: none !important; } div.dt-button-collection-title { text-align: center; padding: 0.3em 0 0.5em; margin-left: 0.5em; margin-right: 0.5em; font-size: 0.9em; } div.dt-button-collection-title:empty { display: none; } span.dt-button-spacer { display: inline-block; margin: 0.5em; white-space: nowrap; } span.dt-button-spacer.bar { border-left: 1px solid rgba(0, 0, 0, 0.3); vertical-align: middle; padding-left: 0.5em; } span.dt-button-spacer.bar:empty { height: 1em; width: 1px; padding-left: 0; } div.dt-button-collection .dt-button-active { padding-right: 3em; } div.dt-button-collection .dt-button-active:after { position: absolute; top: 50%; margin-top: -10px; right: 1em; display: inline-block; content: "✓"; color: inherit; } div.dt-button-collection .dt-button-active.dt-button-split { padding-right: 0; } div.dt-button-collection .dt-button-active.dt-button-split:after { display: none; } div.dt-button-collection .dt-button-active.dt-button-split > *:first-child { padding-right: 3em; } div.dt-button-collection .dt-button-active.dt-button-split > *:first-child:after { position: absolute; top: 50%; margin-top: -10px; right: 1em; display: inline-block; content: "✓"; color: inherit; } div.dt-button-collection .dt-button-active-a a { padding-right: 3em; } div.dt-button-collection .dt-button-active-a a:after { position: absolute; right: 1em; display: inline-block; content: "✓"; color: inherit; } div.dt-button-collection span.dt-button-spacer { width: 100%; font-size: 0.9em; text-align: center; margin: 0.5em 0; } div.dt-button-collection span.dt-button-spacer:empty { height: 0; width: 100%; } div.dt-button-collection span.dt-button-spacer.bar { border-left: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-left: 0; } html.dark div.dt-button-info { background-color: var(--dt-html-background); border: 1px solid rgba(255, 255, 255, 0.15); } div.dt-buttons { float: left; } div.dt-buttons.buttons-right { float: right; } div.dataTables_layout_cell div.dt-buttons { float: none; } div.dataTables_layout_cell div.dt-buttons.buttons-right { float: none; } div.dt-buttons > .dt-button, div.dt-buttons > div.dt-button-split .dt-button { position: relative; display: inline-block; box-sizing: border-box; margin-left: 0.167em; margin-right: 0.167em; margin-bottom: 0.333em; padding: 0.5em 1em; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 2px; cursor: pointer; font-size: 0.88em; line-height: 1.6em; color: inherit; white-space: nowrap; overflow: hidden; background-color: rgba(0, 0, 0, 0.1); /* Fallback */ background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(230, 230, 230, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)"); -webkit-user-select: none; user-select: none; text-decoration: none; outline: none; text-overflow: ellipsis; } div.dt-buttons > .dt-button:first-child, div.dt-buttons > div.dt-button-split .dt-button:first-child { margin-left: 0; } div.dt-buttons > .dt-button.disabled, div.dt-buttons > div.dt-button-split .dt-button.disabled { cursor: default; opacity: 0.4; } div.dt-buttons > .dt-button.dt-button-active:not(.disabled), div.dt-buttons > div.dt-button-split .dt-button.dt-button-active:not(.disabled) { background-color: rgba(0, 0, 0, 0.1); /* Fallback */ background: linear-gradient(to bottom, rgba(179, 179, 179, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(179, 179, 179, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)"); box-shadow: inset 1px 1px 3px #999999; } div.dt-buttons > .dt-button.dt-button-active:not(.disabled):hover:not(.disabled), div.dt-buttons > div.dt-button-split .dt-button.dt-button-active:not(.disabled):hover:not(.disabled) { box-shadow: inset 1px 1px 3px #999999; background-color: rgba(0, 0, 0, 0.1); /* Fallback */ background: linear-gradient(to bottom, rgba(128, 128, 128, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(128, 128, 128, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)"); } div.dt-buttons > .dt-button:hover, div.dt-buttons > div.dt-button-split .dt-button:hover { text-decoration: none; } div.dt-buttons > .dt-button:hover:not(.disabled), div.dt-buttons > div.dt-button-split .dt-button:hover:not(.disabled) { border: 1px solid #666; background-color: rgba(0, 0, 0, 0.1); /* Fallback */ background: linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(153, 153, 153, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)"); } div.dt-buttons > .dt-button:focus:not(.disabled), div.dt-buttons > div.dt-button-split .dt-button:focus:not(.disabled) { outline: 2px solid #3584e4; } div.dt-buttons > .dt-button embed, div.dt-buttons > div.dt-button-split .dt-button embed { outline: none; } div.dt-buttons > div.dt-button-split .dt-button:first-child { border-right: 1px solid rgba(0, 0, 0, 0.15); border-top-right-radius: 0; border-bottom-right-radius: 0; } div.dt-buttons > div.dt-button-split .dt-button:first-child:hover { border-right: 1px solid #666; } div.dt-buttons > div.dt-button-split .dt-button:last-child { border-left: 1px solid transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; } div.dt-buttons > div.dt-button-split .dt-button:last-child:hover { border-left: 1px solid #666; } div.dt-buttons span.dt-button-down-arrow { position: relative; top: -2px; font-size: 10px; padding-left: 10px; line-height: 1em; opacity: 0.6; } div.dt-buttons div.dt-button-split { display: inline-block; } div.dt-buttons div.dt-button-split .dt-button:first-child { margin-right: 0; } div.dt-buttons div.dt-button-split .dt-button:last-child { margin-left: -1px; padding-left: 0.75em; padding-right: 0.75em; z-index: 2; } div.dt-buttons div.dt-button-split .dt-button:last-child span { padding-left: 0; } div.dt-button-collection { position: absolute; top: 0; left: 0; width: 200px; margin-top: 3px; margin-bottom: 3px; padding: 0.75em 0; border: 1px solid rgba(0, 0, 0, 0.4); background-color: white; overflow: hidden; z-index: 2002; border-radius: 5px; box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3); box-sizing: border-box; } div.dt-button-collection .dt-button { position: relative; left: 0; right: 0; width: 100%; display: block; float: none; background: none; margin: 0; padding: 0.5em 1em; border: none; text-align: left; cursor: pointer; color: inherit; } div.dt-button-collection .dt-button.dt-button-active { background: none; box-shadow: none; } div.dt-button-collection .dt-button.disabled { cursor: default; opacity: 0.4; } div.dt-button-collection .dt-button:hover:not(.disabled) { border: none; background: rgba(153, 153, 153, 0.1); box-shadow: none; } div.dt-button-collection div.dt-button-split { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: stretch; } div.dt-button-collection div.dt-button-split button.dt-button { margin: 0; display: inline-block; width: 0; flex-grow: 1; flex-shrink: 0; flex-basis: 50px; } div.dt-button-collection div.dt-button-split button.dt-button-split-drop { min-width: 33px; flex: 0; } div.dt-button-collection.fixed .dt-button { border-radius: 0.25em; background: rgba(255, 255, 255, 0.1); } div.dt-button-collection.fixed { position: fixed; display: block; top: 50%; left: 50%; margin-left: -75px; border-radius: 5px; background-color: white; padding: 0.5em; } div.dt-button-collection.fixed.two-column { margin-left: -200px; } div.dt-button-collection.fixed.three-column { margin-left: -225px; } div.dt-button-collection.fixed.four-column { margin-left: -300px; } div.dt-button-collection.fixed.columns { margin-left: -409px; } @media screen and (max-width: 1024px) { div.dt-button-collection.fixed.columns { margin-left: -308px; } } @media screen and (max-width: 640px) { div.dt-button-collection.fixed.columns { margin-left: -203px; } } @media screen and (max-width: 460px) { div.dt-button-collection.fixed.columns { margin-left: -100px; } } div.dt-button-collection.fixed > :last-child { max-height: 100vh; overflow: auto; } div.dt-button-collection.two-column > :last-child, div.dt-button-collection.three-column > :last-child, div.dt-button-collection.four-column > :last-child { display: block !important; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px; } div.dt-button-collection.two-column > :last-child > *, div.dt-button-collection.three-column > :last-child > *, div.dt-button-collection.four-column > :last-child > * { -moz-column-break-inside: avoid; break-inside: avoid; } div.dt-button-collection.two-column { width: 400px; } div.dt-button-collection.two-column > :last-child { padding-bottom: 1px; -moz-column-count: 2; column-count: 2; } div.dt-button-collection.three-column { width: 450px; } div.dt-button-collection.three-column > :last-child { padding-bottom: 1px; -moz-column-count: 3; column-count: 3; } div.dt-button-collection.four-column { width: 600px; } div.dt-button-collection.four-column > :last-child { padding-bottom: 1px; -moz-column-count: 4; column-count: 4; } div.dt-button-collection .dt-button { border-radius: 0; } div.dt-button-collection.columns { width: auto; } div.dt-button-collection.columns > :last-child { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 6px; width: 818px; padding-bottom: 1px; } div.dt-button-collection.columns > :last-child .dt-button { min-width: 200px; flex: 0 1; margin: 0; } div.dt-button-collection.columns.dtb-b3 > :last-child, div.dt-button-collection.columns.dtb-b2 > :last-child, div.dt-button-collection.columns.dtb-b1 > :last-child { justify-content: space-between; } div.dt-button-collection.columns.dtb-b3 .dt-button { flex: 1 1 32%; } div.dt-button-collection.columns.dtb-b2 .dt-button { flex: 1 1 48%; } div.dt-button-collection.columns.dtb-b1 .dt-button { flex: 1 1 100%; } @media screen and (max-width: 1024px) { div.dt-button-collection.columns > :last-child { width: 612px; } } @media screen and (max-width: 640px) { div.dt-button-collection.columns > :last-child { width: 406px; } div.dt-button-collection.columns.dtb-b3 .dt-button { flex: 0 1 32%; } } @media screen and (max-width: 460px) { div.dt-button-collection.columns > :last-child { width: 200px; } } div.dt-button-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); /* Fallback */ background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */ z-index: 2001; } .dt-button.processing { color: rgba(0, 0, 0, 0.2); } .dt-button.processing:after { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; box-sizing: border-box; display: block; content: " "; border: 2px solid #282828; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: dtb-spinner 1500ms infinite linear; -o-animation: dtb-spinner 1500ms infinite linear; -ms-animation: dtb-spinner 1500ms infinite linear; -webkit-animation: dtb-spinner 1500ms infinite linear; -moz-animation: dtb-spinner 1500ms infinite linear; } @media screen and (max-width: 640px) { div.dt-buttons { float: none !important; text-align: center; } } html.dark div.dt-buttons > .dt-button, html.dark div.dt-buttons > div.dt-button-split .dt-button { border: 1px solid #595b5e; background: rgba(255, 255, 255, 0.15); } html.dark div.dt-buttons > .dt-button.dt-button-active:not(.disabled), html.dark div.dt-buttons > div.dt-button-split .dt-button.dt-button-active:not(.disabled) { background: rgba(179, 179, 179, 0.15); box-shadow: inset 1px 1px 2px black; } html.dark div.dt-buttons > .dt-button.dt-button-active:not(.disabled):hover:not(.disabled), html.dark div.dt-buttons > div.dt-button-split .dt-button.dt-button-active:not(.disabled):hover:not(.disabled) { background: rgba(128, 128, 128, 0.15); box-shadow: inset 1px 1px 3px black; } html.dark div.dt-buttons > .dt-button:hover:not(.disabled), html.dark div.dt-buttons > div.dt-button-split .dt-button:hover:not(.disabled) { background: rgba(179, 179, 179, 0.15); } html.dark div.dt-buttons > .dt-button:focus:not(.disabled), html.dark div.dt-buttons > div.dt-button-split .dt-button:focus:not(.disabled) { outline: 2px solid #6ea8fe; } html.dark div.dt-buttons > div.dt-button-split .dt-button:first-child { border-right: 1px solid rgba(255, 255, 255, 0.1); } html.dark div.dt-buttons > div.dt-button-split .dt-button:first-child:hover { border-right: 1px solid #595b5e; } html.dark div.dt-buttons > div.dt-button-split .dt-button:last-child:hover { border-left: 1px solid #595b5e; } html.dark div.dt-button-collection { border: 1px solid rgba(255, 255, 255, 0.15); background-color: #212529; box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8); } /*!**********************************************************************************************************************************************************************************************************************************************!*\ !*** 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/primeicons/primeicons.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************/ @font-face { font-family: 'primeicons'; font-display: block; src: url('primeicons.eot'); src: url('primeicons.eot?#iefix') format('embedded-opentype'), url('primeicons.ttf') format('truetype'), url('primeicons.woff') format('woff'), url('primeicons.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"; } /*!**************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/intl-tel-input/build/css/intlTelInput.css?ngGlobalStyle ***! \**************************************************************************************************************************************************************************************************************************************************************/ .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .iti__country { padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; } .iti__flag-box, .iti__country-name { margin-right: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5263px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url('flags.png'); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url('flags@2x.png'); } } .iti__flag.iti__np { background-color: transparent; } /*!***************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/ngx-bootstrap/datepicker/bs-datepicker.css?ngGlobalStyle ***! \***************************************************************************************************************************************************************************************************************************************************************/ /* .bs-datepicker */ .bs-datepicker { display: flex; align-items: stretch; flex-flow: row wrap; background: #fff; box-shadow: 0 0 10px 0 #aaa; position: relative; z-index: 1; /* button */ /* .bs-datepicker-head */ /* .bs-datepicker-body */ /* .current-timedate */ /* .bs-datepicker-multiple */ /* .bs-datepicker-btns */ /*.bs-datepicker-custom-range */ /* .bs-datepicker-predefined-btns */ /* .bs-datepicker-buttons */ } .bs-datepicker:after { clear: both; content: ''; display: block; } .bs-datepicker bs-day-picker { float: left; } .bs-datepicker button:hover, .bs-datepicker button:focus, .bs-datepicker button:active, .bs-datepicker input:hover, .bs-datepicker input:focus, .bs-datepicker input:active, .bs-datepicker-btns button:hover, .bs-datepicker-btns button:focus, .bs-datepicker-btns button:active, .bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:focus { outline: none; } .bs-datepicker-head { min-width: 270px; height: 50px; padding: 10px; border-radius: 3px 3px 0 0; text-align: justify; /* .bs-datepicker-head button */ } .bs-datepicker-head:after { content: ""; display: inline-block; vertical-align: top; width: 100%; } .bs-datepicker-head button { display: inline-block; vertical-align: top; padding: 0; height: 30px; line-height: 30px; border: 0; background: transparent; text-align: center; cursor: pointer; color: #fff; transition: 0.3s; } .bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover, .bs-datepicker-head button[disabled]:active { background: rgba(221, 221, 221, 0.3); color: #f5f5f5; cursor: not-allowed; } .bs-datepicker-head button.next, .bs-datepicker-head button.previous { border-radius: 50%; width: 30px; height: 30px; } .bs-datepicker-head button.next span, .bs-datepicker-head button.previous span { font-size: 28px; line-height: 1; display: inline-block; position: relative; height: 100%; width: 100%; border-radius: 50%; } .bs-datepicker-head button.current { border-radius: 15px; max-width: 155px; padding: 0 13px; } .bs-datepicker-head button:hover { background-color: rgba(0, 0, 0, 0.1); } .bs-datepicker-head button:active { background-color: rgba(0, 0, 0, 0.2); } .bs-datepicker-body { padding: 10px; border-radius: 0 0 3px 3px; min-height: 232px; min-width: 278px; border: 1px solid #e9edf0; /* .bs-datepicker-body table */ } .bs-datepicker-body .days.weeks { position: relative; z-index: 1; } .bs-datepicker-body table { width: 100%; border-collapse: separate; border-spacing: 0; /* .bs-datepicker-body table.days */ /* .bs-datepicker-body table.weeks */ } .bs-datepicker-body table th { font-size: 13px; color: #9aaec1; font-weight: 400; text-align: center; } .bs-datepicker-body table td { color: #54708b; text-align: center; position: relative; padding: 0; } .bs-datepicker-body table td span { display: block; margin: 0 auto; font-size: 13px; border-radius: 50%; /*z-index: 1;*/ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) { cursor: pointer; } .bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span, .bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) { background-color: #e9edf0; transition: 0s; } .bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span, .bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) { background-color: #e9edf0; transition: 0s; cursor: pointer; } .bs-datepicker-body table td span.disabled, .bs-datepicker-body table td.disabled span { color: #9aaec1; } .bs-datepicker-body table td span.selected, .bs-datepicker-body table td.selected span { color: #fff; } .bs-datepicker-body table td span.is-other-month, .bs-datepicker-body table td.is-other-month span { color: rgba(0, 0, 0, 0.25); } .bs-datepicker-body table td.active { position: relative; } .bs-datepicker-body table td.active.select-start:before { left: 35%; } .bs-datepicker-body table td.active.select-end:before { left: -85%; } .bs-datepicker-body table td span.active.select-start:after, .bs-datepicker-body table td span.active.select-end:after, .bs-datepicker-body table td.active.select-start span:after, .bs-datepicker-body table td.active.select-end span:after { content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%; transition: 0.3s; top: 0; border-radius: 50%; } .bs-datepicker-body table td:before, .bs-datepicker-body table td span:before { content: ""; display: block; position: absolute; z-index: -1; top: 6px; bottom: 6px; left: -3px; right: -2px; box-sizing: content-box; background: transparent; } .bs-datepicker-body table td.active.select-start + td.active:before { left: -20%; } .bs-datepicker-body table td:last-child.active:before { border-radius: 0 3px 3px 0; width: 125%; left: -25%; } .bs-datepicker-body table td span[class*="select-"], .bs-datepicker-body table td[class*="select-"] span { border-radius: 50%; color: #fff; } .bs-datepicker-body table.days td.active:not(.select-start):before, .bs-datepicker-body table.days td.in-range:not(.select-start):before, .bs-datepicker-body table.days span.active:not(.select-start):before, .bs-datepicker-body table.days span.in-range:not(.select-start):before { background: #e9edf0; } .bs-datepicker-body table.days span { width: 32px; height: 32px; line-height: 32px; } .bs-datepicker-body table.days span.select-start { z-index: 2; } .bs-datepicker-body table.days span.is-highlighted.in-range:before { right: 3px; left: 0; } .bs-datepicker-body table.days span.in-range.select-end:before { right: 4px; left: 0; } .bs-datepicker-body table.days td.select-start + td.select-end:before, .bs-datepicker-body table.days td.select-start + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.select-end:before, .bs-datepicker-body table.days td.in-range + td.is-highlighted:before, .bs-datepicker-body table.days td.in-range + td.select-end:before { background: #e9edf0; width: 100%; } .bs-datepicker-body table.weeks tr td:nth-child(2).active:before { border-radius: 3px 0 0 3px; left: 0; width: 100%; } .bs-datepicker-body table:not(.weeks) tr td:first-child:before { border-radius: 3px 0 0 3px; } .bs-datepicker-body table.years td span { width: 46px; height: 46px; line-height: 45px; margin: 0 auto; } .bs-datepicker-body table.years tr:not(:last-child) td span { margin-bottom: 8px; } .bs-datepicker-body table.months td { height: 52px; } .bs-datepicker-body table.months td span { padding: 6px; border-radius: 15px; } .bs-datepicker .current-timedate { color: #54708b; font-size: 15px; text-align: center; height: 30px; line-height: 30px; border-radius: 20px; border: 1px solid #e9edf0; margin-bottom: 10px; cursor: pointer; text-transform: uppercase; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .bs-datepicker .current-timedate span:not(:empty):before { content: ""; width: 15px; height: 16px; display: inline-block; margin-right: 4px; vertical-align: text-bottom; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC); } .bs-datepicker-multiple { border-radius: 4px 0 0 4px; } .bs-datepicker-multiple + .bs-datepicker-multiple { margin-left: 10px; } .bs-datepicker-multiple .bs-datepicker { box-shadow: none; position: relative; } .bs-datepicker-multiple .bs-datepicker:not(:last-child) { padding-right: 10px; } .bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after { content: ""; display: block; width: 14px; height: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=); position: absolute; top: 25px; left: -8px; } .bs-datepicker-multiple .bs-datepicker .left { float: left; } .bs-datepicker-multiple .bs-datepicker .right { float: right; } .bs-datepicker-container { padding: 15px; } .bs-datepicker .bs-media-container { display: flex; } @media (max-width: 768px) { .bs-datepicker .bs-media-container { flex-direction: column; } } .bs-datepicker-custom-range { padding: 15px; background: #eee; } .bs-datepicker-predefined-btns button { width: 100%; display: block; height: 30px; background-color: #9aaec1; border-radius: 4px; color: #fff; border: 0; margin-bottom: 10px; padding: 0 18px; text-align: left; transition: 0.3s; } .bs-datepicker-predefined-btns button:hover { background-color: #54708b; } .bs-datepicker-buttons { display: flex; flex-flow: row wrap; justify-content: flex-end; padding-top: 10px; border-top: 1px solid #e9edf0; } .bs-datepicker-buttons .btn-default { margin-left: 10px; } .bs-datepicker-buttons .btn-today-wrapper { display: flex; flex-flow: row wrap; } .bs-datepicker-buttons .clear-right, .bs-datepicker-buttons .today-right { flex-grow: 0; } .bs-datepicker-buttons .clear-left, .bs-datepicker-buttons .today-left { flex-grow: 1; } .bs-datepicker-buttons .clear-center, .bs-datepicker-buttons .today-center { flex-grow: 0.5; } /* .bs-timepicker */ .bs-timepicker-container { padding: 10px 0; } .bs-timepicker-label { color: #54708b; margin-bottom: 10px; } .bs-timepicker-controls { display: inline-block; vertical-align: top; margin-right: 10px; } .bs-timepicker-controls button { width: 20px; height: 20px; border-radius: 50%; border: 0; background-color: #e9edf0; color: #54708b; font-size: 16px; font-weight: 700; vertical-align: middle; line-height: 0; padding: 0; transition: 0.3s; } .bs-timepicker-controls button:hover { background-color: #d5dadd; } .bs-timepicker-controls input { width: 35px; height: 25px; border-radius: 13px; text-align: center; border: 1px solid #e9edf0; } .bs-timepicker .switch-time-format { text-transform: uppercase; min-width: 54px; height: 25px; border-radius: 20px; border: 1px solid #e9edf0; background: #fff; color: #54708b; font-size: 13px; } .bs-timepicker .switch-time-format img { vertical-align: initial; margin-left: 4px; } bs-datepicker-container, bs-daterangepicker-container { z-index: 1080; } /* screen size < 1024px */ @media (max-width: 768px) { .bs-datepicker-multiple { display: flex; } .bs-datepicker-multiple + .bs-datepicker-multiple { margin-top: 10px; margin-left: 0; } } /* theming */ .theme-default .bs-datepicker-head { background-color: #777; } .theme-default .btn-today-wrapper .btn-success, .theme-default .btn-clear-wrapper .btn-success { background-color: #777; border-color: #777; } .theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-default .btn-today-wrapper .btn-success:focus, .theme-default .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #616161; border-color: #616161; } .theme-default .btn-today-wrapper .btn-success:hover, .theme-default .btn-clear-wrapper .btn-success:hover { background-color: #6F6E6E; border-color: #6F6E6E; } .theme-default .bs-datepicker-predefined-btns button.selected { background-color: #777; } .theme-default .bs-datepicker-body table td span.selected, .theme-default .bs-datepicker-body table td.selected span, .theme-default .bs-datepicker-body table td span[class*="select-"]:after, .theme-default .bs-datepicker-body table td[class*="select-"] span:after { background-color: #777; } .theme-default .bs-datepicker-body table td.week span { color: #777; } .theme-default .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #777; color: #fff; opacity: 0.5; transition: 0s; } .theme-green .bs-datepicker-head { background-color: #5cb85c; } .theme-green .btn-today-wrapper .btn-success, .theme-green .btn-clear-wrapper .btn-success { background-color: #5cb85c; border-color: #5cb85c; } .theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-green .btn-today-wrapper .btn-success:focus, .theme-green .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #1e7e34; border-color: #1e7e34; } .theme-green .btn-today-wrapper .btn-success:hover, .theme-green .btn-clear-wrapper .btn-success:hover { background-color: #218838; border-color: #218838; } .theme-green .bs-datepicker-predefined-btns button.selected { background-color: #5cb85c; } .theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span, .theme-green .bs-datepicker-body table td span[class*="select-"]:after, .theme-green .bs-datepicker-body table td[class*="select-"] span:after { background-color: #5cb85c; } .theme-green .bs-datepicker-body table td.week span { color: #5cb85c; } .theme-green .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #5cb85c; color: #fff; opacity: 0.5; transition: 0s; } .theme-blue .bs-datepicker-head { background-color: #5bc0de; } .theme-blue .btn-today-wrapper .btn-success, .theme-blue .btn-clear-wrapper .btn-success { background-color: #5bc0de; border-color: #5bc0de; } .theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-blue .btn-today-wrapper .btn-success:focus, .theme-blue .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #2AA8CD; border-color: #2AA8CD; } .theme-blue .btn-today-wrapper .btn-success:hover, .theme-blue .btn-clear-wrapper .btn-success:hover { background-color: #3AB3D7; border-color: #3AB3D7; } .theme-blue .bs-datepicker-predefined-btns button.selected { background-color: #5bc0de; } .theme-blue .bs-datepicker-body table td span.selected, .theme-blue .bs-datepicker-body table td.selected span, .theme-blue .bs-datepicker-body table td span[class*="select-"]:after, .theme-blue .bs-datepicker-body table td[class*="select-"] span:after { background-color: #5bc0de; } .theme-blue .bs-datepicker-body table td.week span { color: #5bc0de; } .theme-blue .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #5bc0de; color: #fff; opacity: 0.5; transition: 0s; } .theme-dark-blue .bs-datepicker-head { background-color: #337ab7; } .theme-dark-blue .btn-today-wrapper .btn-success, .theme-dark-blue .btn-clear-wrapper .btn-success { background-color: #337ab7; border-color: #337ab7; } .theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-dark-blue .btn-today-wrapper .btn-success:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #266498; border-color: #266498; } .theme-dark-blue .btn-today-wrapper .btn-success:hover, .theme-dark-blue .btn-clear-wrapper .btn-success:hover { background-color: #2C6FA9; border-color: #2C6FA9; } .theme-dark-blue .bs-datepicker-predefined-btns button.selected { background-color: #337ab7; } .theme-dark-blue .bs-datepicker-body table td span.selected, .theme-dark-blue .bs-datepicker-body table td.selected span, .theme-dark-blue .bs-datepicker-body table td span[class*="select-"]:after, .theme-dark-blue .bs-datepicker-body table td[class*="select-"] span:after { background-color: #337ab7; } .theme-dark-blue .bs-datepicker-body table td.week span { color: #337ab7; } .theme-dark-blue .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #337ab7; color: #fff; opacity: 0.5; transition: 0s; } .theme-red .bs-datepicker-head { background-color: #d9534f; } .theme-red .btn-today-wrapper .btn-success, .theme-red .btn-clear-wrapper .btn-success { background-color: #d9534f; border-color: #d9534f; } .theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-red .btn-today-wrapper .btn-success:focus, .theme-red .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #D23531; border-color: #D23531; } .theme-red .btn-today-wrapper .btn-success:hover, .theme-red .btn-clear-wrapper .btn-success:hover { background-color: #E33732; border-color: #E33732; } .theme-red .bs-datepicker-predefined-btns button.selected { background-color: #d9534f; } .theme-red .bs-datepicker-body table td span.selected, .theme-red .bs-datepicker-body table td.selected span, .theme-red .bs-datepicker-body table td span[class*="select-"]:after, .theme-red .bs-datepicker-body table td[class*="select-"] span:after { background-color: #d9534f; } .theme-red .bs-datepicker-body table td.week span { color: #d9534f; } .theme-red .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #d9534f; color: #fff; opacity: 0.5; transition: 0s; } .theme-orange .bs-datepicker-head { background-color: #f0ad4e; } .theme-orange .btn-today-wrapper .btn-success, .theme-orange .btn-clear-wrapper .btn-success { background-color: #f0ad4e; border-color: #f0ad4e; } .theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-orange .btn-today-wrapper .btn-success:focus, .theme-orange .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #ED9C29; border-color: #ED9C29; } .theme-orange .btn-today-wrapper .btn-success:hover, .theme-orange .btn-clear-wrapper .btn-success:hover { background-color: #FFAC35; border-color: #FFAC35; } .theme-orange .bs-datepicker-predefined-btns button.selected { background-color: #f0ad4e; } .theme-orange .bs-datepicker-body table td span.selected, .theme-orange .bs-datepicker-body table td.selected span, .theme-orange .bs-datepicker-body table td span[class*="select-"]:after, .theme-orange .bs-datepicker-body table td[class*="select-"] span:after { background-color: #f0ad4e; } .theme-orange .bs-datepicker-body table td.week span { color: #f0ad4e; } .theme-orange .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #f0ad4e; color: #fff; opacity: 0.5; transition: 0s; } /*# sourceMappingURL=bs-datepicker.css.map */ /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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]!./node_modules/slick-carousel/slick/slick.scss?ngGlobalStyle ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { 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]!./node_modules/quill/dist/quill.core.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************/ /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0,0,0,0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } /*!**********************************************************************************************************************************************************************************************************************************************!*\ !*** 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/quill/dist/quill.snow.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************/ /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0,0,0,0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow { box-sizing: border-box; } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ''; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0,0,0,0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: 'Edit'; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: 'Remove'; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: 'Save'; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: 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]!./node_modules/cropperjs/dist/cropper.css ***! \*********************************************************************************************************************************************************************************************************************************/ /*! * Cropper.js v1.6.1 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2023-09-17T03:44:17.565Z */ .cropper-container { direction: ltr; font-size: 0; line-height: 0; position: relative; touch-action: none; -webkit-user-select: none; user-select: none; } .cropper-container img { backface-visibility: hidden; display: block; height: 100%; image-orientation: 0deg; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .cropper-wrap-box, .cropper-canvas { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; } .cropper-modal { background-color: #000; opacity: 0.5; } .cropper-view-box { display: block; height: 100%; outline: 1px solid #39f; outline-color: rgba(51, 153, 255, 0.75); overflow: hidden; width: 100%; } .cropper-dashed { border: 0 dashed #eee; display: block; opacity: 0.5; position: absolute; } .cropper-dashed.dashed-h { border-bottom-width: 1px; border-top-width: 1px; height: calc(100% / 3); left: 0; top: calc(100% / 3); width: 100%; } .cropper-dashed.dashed-v { border-left-width: 1px; border-right-width: 1px; height: 100%; left: calc(100% / 3); top: 0; width: calc(100% / 3); } .cropper-center { display: block; height: 0; left: 50%; opacity: 0.75; position: absolute; top: 50%; width: 0; } .cropper-center::before, .cropper-center::after { background-color: #eee; content: ' '; display: block; position: absolute; } .cropper-center::before { height: 1px; left: -3px; top: 0; width: 7px; } .cropper-center::after { height: 7px; left: 0; top: -3px; width: 1px; } .cropper-face, .cropper-line, .cropper-point { display: block; height: 100%; opacity: 0.1; position: absolute; width: 100%; } .cropper-face { background-color: #fff; left: 0; top: 0; } .cropper-line { background-color: #39f; } .cropper-line.line-e { cursor: ew-resize; right: -3px; top: 0; width: 5px; } .cropper-line.line-n { cursor: ns-resize; height: 5px; left: 0; top: -3px; } .cropper-line.line-w { cursor: ew-resize; left: -3px; top: 0; width: 5px; } .cropper-line.line-s { bottom: -3px; cursor: ns-resize; height: 5px; left: 0; } .cropper-point { background-color: #39f; height: 5px; opacity: 0.75; width: 5px; } .cropper-point.point-e { cursor: ew-resize; margin-top: -3px; right: -3px; top: 50%; } .cropper-point.point-n { cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px; } .cropper-point.point-w { cursor: ew-resize; left: -3px; margin-top: -3px; top: 50%; } .cropper-point.point-s { bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px; } .cropper-point.point-ne { cursor: nesw-resize; right: -3px; top: -3px; } .cropper-point.point-nw { cursor: nwse-resize; left: -3px; top: -3px; } .cropper-point.point-sw { bottom: -3px; cursor: nesw-resize; left: -3px; } .cropper-point.point-se { bottom: -3px; cursor: nwse-resize; height: 20px; opacity: 1; right: -3px; width: 20px; } @media (min-width: 768px) { .cropper-point.point-se { height: 15px; width: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { height: 10px; width: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { height: 5px; opacity: 0.75; width: 5px; } } .cropper-point.point-se::before { background-color: #39f; bottom: -50%; content: ' '; display: block; height: 200%; opacity: 0; position: absolute; right: -50%; width: 200%; } .cropper-invisible { opacity: 0; } .cropper-bg { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC'); } .cropper-hide { display: block; height: 0; position: absolute; width: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } /*!******************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/ngx-photo-editor/photo-editor.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************/ .ngx-pe-overlay-container { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; display: flex; justify-content: center; align-items: center; overflow: hidden; padding: 1rem; box-sizing: border-box; } .ngx-pe-overlay-container * { box-sizing: border-box; } .ngx-pe-dialog-container { position: relative; border-radius: 4px; overflow: hidden; outline: 0; width: 100%; height: auto; max-height: 95vh; box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f; background: #333333; color: white; display: flex; flex-direction: column; } .ngx-pe-dialog-header { padding: 1rem 1rem 1rem 1rem; font-size: 1rem; font-weight: 400; } .ngx-pe-dialog-body { height: 100%; position: relative; box-sizing: border-box; } .ngx-pe-dialog-footer { padding: 1rem 1rem; display: flex; justify-content: flex-end; gap: 0.5rem; } .ngx-pe-cropper-wrapper { position: relative; } .ngx-pe-img { display: block; max-width: 100%; height: auto; max-height: 300px; } .ngx-pe-tool-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #222; box-sizing: border-box; width: 100%; } .ngx-pe-tool-bar button { background-color: transparent; border-width: 0; color: #fff; cursor: pointer; float: left; font-size: 0.875rem; height: 2.5rem; display: flex; justify-content: center; align-items: center; width: 2.5rem; } .ngx-pe-tool-bar button:hover { background-color: #0074d9; color: #fff; } .ngx-pe-tool-bar svg { width: 20px; height: 20px; fill: white; } .ngx-pe-btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: 0.25rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb)); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); 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; } .ngx-pe-btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .ngx-pe-btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248, 249, 250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-gradient: none; } .ngx-pe-btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0b5ed7; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; --bs-btn-disabled-border-color: #0d6efd; } .ngx-pe-loading { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background-color: #222222; display: flex; justify-content: center; align-items: center; transition: all 10s ease; } .ngx-pe-processing { background-color: rgba(34,34,34, 0.8); } .ngx-pe-loading svg { width: 50px; } /*# sourceMappingURL=styles.css.map*/