/*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ***! \********************************************************************************************************************************************************************************************************************************************************/ .mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography .mat-h1,.mat-typography .mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography .mat-h2,.mat-typography .mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography .mat-h3,.mat-typography .mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography .mat-h4,.mat-typography .mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2,.mat-typography .mat-body-strong,.mat-typography .mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography .mat-body p,.mat-typography .mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid rgba(0,0,0,0)}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-0.0625em}.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option{color:rgba(0,0,0,.87)}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox::after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-badge-content{color:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:rgba(0,0,0,0)}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:rgba(0,0,0,0)}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]){box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px #e0e0e0}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px #e0e0e0}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px #e0e0e0}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px #e0e0e0}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-card-subtitle{color:rgba(0,0,0,.54)}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa !important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.38)}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip::after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-calendar-arrow{fill:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-table-header,.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:rgba(0,0,0,0)}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}@media(hover: hover){.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}}.mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}@media(hover: hover){.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}@media(hover: hover){.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}}.mat-datepicker-content-touch{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-datepicker-toggle-active{color:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-dialog-container{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label{color:rgba(0,0,0,.6)}.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ff4081}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:rgba(0,0,0,0)}.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#3f51b5}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-base .mat-list-item-disabled{background-color:#eee;color:rgba(0,0,0,.38)}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-menu-item{background:rgba(0,0,0,0);color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#cbd0e9}.mat-progress-bar-buffer{background-color:#cbd0e9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-slider.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-slider.mat-accent .mat-slider-track-fill,.mat-slider.mat-accent .mat-slider-thumb,.mat-slider.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-slider.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-slider.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:rgba(0,0,0,0)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)}.mat-step-header:hover[aria-disabled=true]{cursor:default}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:rgba(0,0,0,0);color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-]>.mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-simple-snackbar-action{color:#ff4081} /*!**********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/animate.css/animate.min.css ***! \**********************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1} .animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both} .animate__animated.animate__infinite{animation-iteration-count:infinite} .animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)} .animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat)*2)} .animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat)*3)} .animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)} .animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay)*2)} .animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay)*3)} .animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay)*4)} .animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay)*5)} .animate__animated.animate__faster{animation-duration:.5s;animation-duration:calc(var(--animate-duration)/2)} .animate__animated.animate__fast{animation-duration:.8s;animation-duration:calc(var(--animate-duration)*0.8)} .animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2)} .animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration)*3)} @media (prefers-reduced-motion:reduce), print{.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}} @keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}} .animate__bounce{animation-name:bounce;transform-origin:center bottom} @keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}} .animate__flash{animation-name:flash} @keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}} .animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out} @keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}} .animate__rubberBand{animation-name:rubberBand} @keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}} .animate__shakeX{animation-name:shakeX} @keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}} .animate__shakeY{animation-name:shakeY} @keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}} .animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake} @keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}} .animate__swing{transform-origin:top center;animation-name:swing} @keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}} .animate__tada{animation-name:tada} @keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}} .animate__wobble{animation-name:wobble} @keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}} .animate__jello{animation-name:jello;transform-origin:center} @keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}} .animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration)*1.3);animation-timing-function:ease-in-out} @keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} .animate__backInDown{animation-name:backInDown} @keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} .animate__backInLeft{animation-name:backInLeft} @keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} .animate__backInRight{animation-name:backInRight} @keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} .animate__backInUp{animation-name:backInUp} @keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}} .animate__backOutDown{animation-name:backOutDown} @keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}} .animate__backOutLeft{animation-name:backOutLeft} @keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}} .animate__backOutRight{animation-name:backOutRight} @keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}} .animate__backOutUp{animation-name:backOutUp} @keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}} .animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceIn} @keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}} .animate__bounceInDown{animation-name:bounceInDown} @keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}} .animate__bounceInLeft{animation-name:bounceInLeft} @keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}} .animate__bounceInRight{animation-name:bounceInRight} @keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}} .animate__bounceInUp{animation-name:bounceInUp} @keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}} .animate__bounceOut{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceOut} @keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}} .animate__bounceOutDown{animation-name:bounceOutDown} @keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}} .animate__bounceOutLeft{animation-name:bounceOutLeft} @keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}} .animate__bounceOutRight{animation-name:bounceOutRight} @keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}} .animate__bounceOutUp{animation-name:bounceOutUp} @keyframes fadeIn{0%{opacity:0}to{opacity:1}} .animate__fadeIn{animation-name:fadeIn} @keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInDown{animation-name:fadeInDown} @keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInDownBig{animation-name:fadeInDownBig} @keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInLeft{animation-name:fadeInLeft} @keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInLeftBig{animation-name:fadeInLeftBig} @keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInRight{animation-name:fadeInRight} @keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInRightBig{animation-name:fadeInRightBig} @keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInUp{animation-name:fadeInUp} @keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInUpBig{animation-name:fadeInUpBig} @keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInTopLeft{animation-name:fadeInTopLeft} @keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInTopRight{animation-name:fadeInTopRight} @keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInBottomLeft{animation-name:fadeInBottomLeft} @keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInBottomRight{animation-name:fadeInBottomRight} @keyframes fadeOut{0%{opacity:1}to{opacity:0}} .animate__fadeOut{animation-name:fadeOut} @keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}} .animate__fadeOutDown{animation-name:fadeOutDown} @keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}} .animate__fadeOutDownBig{animation-name:fadeOutDownBig} @keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}} .animate__fadeOutLeft{animation-name:fadeOutLeft} @keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}} .animate__fadeOutLeftBig{animation-name:fadeOutLeftBig} @keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}} .animate__fadeOutRight{animation-name:fadeOutRight} @keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}} .animate__fadeOutRightBig{animation-name:fadeOutRightBig} @keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}} .animate__fadeOutUp{animation-name:fadeOutUp} @keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}} .animate__fadeOutUpBig{animation-name:fadeOutUpBig} @keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}} .animate__fadeOutTopLeft{animation-name:fadeOutTopLeft} @keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}} .animate__fadeOutTopRight{animation-name:fadeOutTopRight} @keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}} .animate__fadeOutBottomRight{animation-name:fadeOutBottomRight} @keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}} .animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft} @keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}} .animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip} @keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}} .animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX} @keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}} .animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY} @keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}} .animate__flipOutX{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}} .animate__flipOutY{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY} @keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}} .animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out} @keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}} .animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out} @keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}} .animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in} @keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}} .animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in} @keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}} .animate__rotateIn{animation-name:rotateIn;transform-origin:center} @keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}} .animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom} @keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}} .animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom} @keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}} .animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom} @keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}} .animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom} @keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}} .animate__rotateOut{animation-name:rotateOut;transform-origin:center} @keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}} .animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom} @keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}} .animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom} @keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}} .animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom} @keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}} .animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom} @keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}} .animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2);animation-name:hinge;transform-origin:top left} @keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}} .animate__jackInTheBox{animation-name:jackInTheBox} @keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}} .animate__rollIn{animation-name:rollIn} @keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}} .animate__rollOut{animation-name:rollOut} @keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}} .animate__zoomIn{animation-name:zoomIn} @keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomInDown{animation-name:zoomInDown} @keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomInLeft{animation-name:zoomInLeft} @keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomInRight{animation-name:zoomInRight} @keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomInUp{animation-name:zoomInUp} @keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}} .animate__zoomOut{animation-name:zoomOut} @keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom} @keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}} .animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center} @keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}} .animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center} @keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom} @keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}} .animate__slideInDown{animation-name:slideInDown} @keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}} .animate__slideInLeft{animation-name:slideInLeft} @keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}} .animate__slideInRight{animation-name:slideInRight} @keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}} .animate__slideInUp{animation-name:slideInUp} @keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}} .animate__slideOutDown{animation-name:slideOutDown} @keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}} .animate__slideOutLeft{animation-name:slideOutLeft} @keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}} .animate__slideOutRight{animation-name:slideOutRight} @keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}} .animate__slideOutUp{animation-name:slideOutUp} /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/theme/variables.scss ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .logoMathiaWhiteText { background: url(/assets/mathia/logo_fond_transparent_solo_white.png) no-repeat bottom center/contain; } /** Ionic CSS Variables **/ * { font-weight: 600; font-family: var(--appFontFamily); } :root { /** app font **/ --appFontFamily: "Quicksand-Bold"; font-family: var(--appFontFamily); font-weight: 600; /** primary **/ --ion-color-primary: #3880ff; --ion-color-primary-rgb: 56, 128, 255; --ion-color-primary-contrast: #ffffff; --ion-color-primary-contrast-rgb: 255, 255, 255; --ion-color-primary-shade: #3171e0; --ion-color-primary-tint: #4c8dff; /** secondary **/ --ion-color-secondary: #56f1d0; --ion-color-secondary-rgb: 12, 209, 232; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255, 255, 255; --ion-color-secondary-shade: #0bb8cc; --ion-color-secondary-tint: #24d6ea; /** tertiary **/ --ion-color-tertiary: #7044ff; --ion-color-tertiary-rgb: 112, 68, 255; --ion-color-tertiary-contrast: #ffffff; --ion-color-tertiary-contrast-rgb: 255, 255, 255; --ion-color-tertiary-shade: #633ce0; --ion-color-tertiary-tint: #7e57ff; /** success **/ --ion-color-success: #10dc60; --ion-color-success-rgb: 16, 220, 96; --ion-color-success-contrast: #ffffff; --ion-color-success-contrast-rgb: 255, 255, 255; --ion-color-success-shade: #0ec254; --ion-color-success-tint: #28e070; /** warning **/ --ion-color-warning: #ffce00; --ion-color-warning-rgb: 255, 206, 0; --ion-color-warning-contrast: #ffffff; --ion-color-warning-contrast-rgb: 255, 255, 255; --ion-color-warning-shade: #e0b500; --ion-color-warning-tint: #ffd31a; /** danger **/ --ion-color-danger: #f04141; --ion-color-danger-rgb: 245, 61, 61; --ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast-rgb: 255, 255, 255; --ion-color-danger-shade: #d33939; --ion-color-danger-tint: #f25454; /** dark **/ --ion-color-dark: #222428; --ion-color-dark-rgb: 34, 34, 34; --ion-color-dark-contrast: #ffffff; --ion-color-dark-contrast-rgb: 255, 255, 255; --ion-color-dark-shade: #1e2023; --ion-color-dark-tint: #383a3e; /** medium **/ --ion-color-medium: #989aa2; --ion-color-medium-rgb: 152, 154, 162; --ion-color-medium-contrast: #ffffff; --ion-color-medium-contrast-rgb: 255, 255, 255; --ion-color-medium-shade: #86888f; --ion-color-medium-tint: #a2a4ab; /** light **/ --ion-color-light: #f4f5f8; --ion-color-light-rgb: 244, 244, 244; --ion-color-light-contrast: #000000; --ion-color-light-contrast-rgb: 0, 0, 0; --ion-color-light-shade: #d7d8da; --ion-color-light-tint: #f5f6f9; --ion-color-mathiaFontColor: #00AFEC; --burgerMarginLeft: 6px; --oseGreen: #88b627; --oseGreenText: #82b000; --oseDarkGreen: #364911; --oseRed: #da001a; --osePink: #FF005C; --oseOrange: #fa9a00; --oseWhite: #f3ffd9; --oseWhiteTransparent: white; --oseBlue: #3777ff; --oseBorderGreen: #82B000 calc(var(--documentHeight) * 0.01) solid; --oseBorderGreenSmall: #82B000 calc(var(--documentHeight) * 0.007) solid; --oseBorderMobileGreen: #82B000 calc(var(--documentHeight) * 0.015) solid; --oseBorderWhite: var(--oseWhite) calc(var(--documentHeight) * 0.01) solid; --oseBorderMobileWhite: var(--oseWhite) calc(var(--documentHeight) * 0.015) solid; --oseBorderRed: var(--oseRed) calc(var(--documentHeight) * 0.01) solid; --oseBorderMobileRed: var(--oseRed) calc(var(--documentHeight) * 0.015) solid; --oseBorderOrange: var(--oseOrange) calc(var(--documentHeight) * 0.01) solid; --oseBorderMobileOrange: var(--oseOrange) calc(var(--documentHeight) * 0.015) solid; --oseBorderWhite: white calc(var(--documentHeight) * 0.01) solid; --oseBorderMobileWhite: white calc(var(--documentHeight) * 0.015) solid; --oseBorderRadiusRound: calc(var(--documentHeight) * 0.5); --oseBorderRadiusBubble: calc(calc(var(--documentHeight) * 0.02) + 1.5vw); --wp--style--gallery-gap-default: 20px; } :root .ion-color-mathiaFontColor { --ion-color-base: var(--ion-color-mathiaFontColor) !important; --ion-color-base-rgb: var(--ion-color-mathiaFontColor-rgb) !important; --ion-color-contrast: var(--ion-color-mathiaFontColor-contrast) !important; --ion-color-contrast-rgb: var(--ion-color-mathiaFontColor-contrast-rgb) !important; --ion-color-shade: var(--ion-color-mathiaFontColor-shade) !important; --ion-color-tint: var(--ion-color-mathiaFontColor-tint) !important; } :root .ion-color-mishaPurple { --ion-color-base: var(--ion-color-mishaPurple) !important; --ion-color-base-rgb: var(--ion-color-mishaPurple-rgb) !important; --ion-color-contrast: var(--ion-color-mishaPurple-contrast) !important; --ion-color-contrast-rgb: var(--ion-color-mishaPurple-contrast-rgb) !important; --ion-color-shade: var(--ion-color-mishaPurple-shade) !important; --ion-color-tint: var(--ion-color-mishaPurple-tint) !important; } :root .inputMathia { width: 75vw; border: double 4px transparent; border-radius: 45px; background-image: linear-gradient(white, white), linear-gradient(180deg, #83DFFF 0%, #00AFEC 100%); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); margin: 7vh; text-align: center; font-size: 3vh; font-family: var(--appFontFamily); color: #C4C4C4; } :root .gradientBubble { display: flex; justify-content: center; align-items: center; flex-direction: column; align-self: flex-start; width: auto; max-width: 60vw; height: auto; border: double 4px transparent; border-radius: 30px 30px 30px 0px; background-image: linear-gradient(white, white), linear-gradient(180deg, #83DFFF 0%, #00AFEC 100%); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); } :root .gradientBorderGlobal { border: double 4px transparent; border-radius: 30px 30px 30px 0px; background-image: linear-gradient(white, white), linear-gradient(180deg, #83DFFF 0%, #00AFEC 100%); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); } :root .btnNoDecoration { border: none; outline: none; } :root .dyslexic-mode .dyslexicFontHeight { line-height: 1.25 !important; } @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url('MaterialIcons-Regular.eot'); /* For IE6-8 */ src: local("Material Icons"), local("MaterialIcons-Regular"), url('MaterialIcons-Regular.woff2') format("woff2"), url('MaterialIcons-Regular.woff') format("woff"), url('MaterialIcons-Regular.ttf') format("truetype"); } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/global.scss ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ html.ios { --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif; } html.md { --ion-default-font: "Roboto", "Helvetica Neue", sans-serif; } html { --ion-font-family: var(--ion-default-font); } body { background: var(--ion-background-color); } body.backdrop-no-scroll { overflow: hidden; } /** * Card style modal needs additional padding on the * top of the header. We accomplish this by targeting * the first toolbar in the header. * Footer also needs this. We do not adjust the bottom * padding though because of the safe area. */ html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type, html.ios ion-modal ion-footer ion-toolbar:first-of-type { padding-top: 6px; } /** * Card style modal needs additional padding on the * bottom of the header. We accomplish this by targeting * the last toolbar in the header. */ html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type { padding-bottom: 6px; } /** * Add padding on the left and right * of toolbars while accounting for * safe area values when in landscape. */ html.ios ion-modal ion-toolbar { padding-right: calc(var(--ion-safe-area-right) + 8px); padding-left: calc(var(--ion-safe-area-left) + 8px); } /** * Card style modal on iPadOS * should only have backdrop on first instance. */ @media screen and (min-width: 768px) { html.ios ion-modal.modal-card:first-of-type { --backdrop-opacity: 0.18; } } /** * Subsequent modals should not have a backdrop/box shadow * as it will cause the screen to appear to get progressively * darker. With Ionic 6, declarative modals made it * possible to have multiple non-presented modals in the DOM, * so we could no longer rely on ion-modal:first-of-type. * Here we disable the opacity/box-shadow for every modal * that comes after the first presented modal. * * Note: ion-modal:not(.overlay-hidden):first-of-type * does not match the first modal to not have * the .overlay-hidden class, it will match the * first modal in general only if it does not * have the .overlay-hidden class. * The :nth-child() pseudo-class has support * for selectors which would help us here. At the * time of writing it does not have great cross browser * support. * * Note 2: This should only apply to non-card and * non-sheet modals. Card and sheet modals have their * own criteria for displaying backdrops/box shadows. */ ion-modal.modal-default:not(.overlay-hidden) ~ ion-modal.modal-default { --backdrop-opacity: 0; --box-shadow: none; } /** * This works around a bug in WebKit where the * content will overflow outside of the bottom border * radius when re-painting. As long as a single * border radius value is set on .ion-page, this * issue does not happen. We set the top left radius * here because the top left corner will always have a * radius no matter the platform. * This behavior only applies to card modals. */ html.ios ion-modal.modal-card .ion-page { border-top-left-radius: var(--border-radius); } .ion-color-primary { --ion-color-base: var(--ion-color-primary, #3880ff) !important; --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important; --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important; --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important; } .ion-color-secondary { --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important; --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important; --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important; --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important; } .ion-color-tertiary { --ion-color-base: var(--ion-color-tertiary, #5260ff) !important; --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important; --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important; --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important; } .ion-color-success { --ion-color-base: var(--ion-color-success, #2dd36f) !important; --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important; --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important; --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important; } .ion-color-warning { --ion-color-base: var(--ion-color-warning, #ffc409) !important; --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important; --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important; --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important; --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important; --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important; } .ion-color-danger { --ion-color-base: var(--ion-color-danger, #eb445a) !important; --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important; --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important; --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important; } .ion-color-light { --ion-color-base: var(--ion-color-light, #f4f5f8) !important; --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important; --ion-color-contrast: var(--ion-color-light-contrast, #000) !important; --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important; --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important; --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important; } .ion-color-medium { --ion-color-base: var(--ion-color-medium, #92949c) !important; --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important; --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-medium-shade, #808289) !important; --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important; } .ion-color-dark { --ion-color-base: var(--ion-color-dark, #222428) !important; --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important; --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important; --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important; } .ion-page { left: 0; right: 0; top: 0; bottom: 0; display: flex; position: absolute; flex-direction: column; justify-content: space-between; contain: layout size style; overflow: hidden; z-index: 0; } /** * When making custom dialogs, using * ion-content is not required. As a result, * some developers may wish to have dialogs * that are automatically sized by the browser. * These changes allow certain dimension values * such as fit-content to work correctly. */ ion-modal .ion-page:not(ion-nav .ion-page) { position: relative; contain: layout style; height: 100%; } .split-pane-visible > .ion-page.split-pane-main { position: relative; } ion-route, ion-route-redirect, ion-router, ion-select-option, ion-nav-controller, ion-menu-controller, ion-action-sheet-controller, ion-alert-controller, ion-loading-controller, ion-modal-controller, ion-picker-controller, ion-popover-controller, ion-toast-controller, .ion-page-hidden, [hidden] { /* stylelint-disable-next-line declaration-no-important */ display: none !important; } .ion-page-invisible { opacity: 0; } .can-go-back > ion-header ion-back-button { display: block; } html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa { --ion-statusbar-padding: 20px; } @supports (padding-top: 20px) { html { --ion-safe-area-top: var(--ion-statusbar-padding); } } @supports (padding-top: constant(safe-area-inset-top)) { html { --ion-safe-area-top: constant(safe-area-inset-top); --ion-safe-area-bottom: constant(safe-area-inset-bottom); --ion-safe-area-left: constant(safe-area-inset-left); --ion-safe-area-right: constant(safe-area-inset-right); } } @supports (padding-top: env(safe-area-inset-top)) { html { --ion-safe-area-top: env(safe-area-inset-top); --ion-safe-area-bottom: env(safe-area-inset-bottom); --ion-safe-area-left: env(safe-area-inset-left); --ion-safe-area-right: env(safe-area-inset-right); } } ion-card.ion-color .ion-inherit-color, ion-card-header.ion-color .ion-inherit-color { color: inherit; } .menu-content { transform: translate3d(0, 0, 0); } .menu-content-open { cursor: pointer; touch-action: manipulation; pointer-events: none; } .ios .menu-content-reveal { box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08); } [dir=rtl].ios .menu-content-reveal { box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08); } .md .menu-content-reveal { box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18); } .md .menu-content-push { box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18); } ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] { --border-width: 0px; } ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon { transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1); } @media (prefers-reduced-motion: reduce) { ion-accordion .ion-accordion-toggle-icon { /* stylelint-disable declaration-no-important */ transition: none !important; } } /** * The > [slot="header"] selector ensures that we do * not modify toggle icons for any nested accordions. The state * of one accordion should not affect any accordions inside * of a nested accordion group. */ ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon, ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon { transform: rotate(180deg); } ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] { --border-width: 0px; --inner-border-width: 0px; } ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type, ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type { margin-top: 0; } ion-input input::-webkit-date-and-time-value { text-align: start; } /** * The .ion-datetime-button-overlay class contains * styles that allow any modal/popover to be * sized according to the dimensions of the datetime * when used with ion-datetime-button. */ .ion-datetime-button-overlay { --width: fit-content; --height: fit-content; } /** * The grid variant can scale down when inline. * When used in a `fit-content` overlay, this causes * the overlay to shrink when the month/year picker is open. * Explicitly setting the dimensions lets us have a consistently * sized grid interface. */ .ion-datetime-button-overlay ion-datetime.datetime-grid { width: 320px; min-height: 320px; } audio, canvas, progress, video { vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } b, strong { font-weight: bold; } img { max-width: 100%; } hr { height: 1px; border-width: 0; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } label, input, select, textarea { font-family: inherit; line-height: normal; } textarea { overflow: auto; height: auto; font: inherit; color: inherit; } textarea::placeholder { padding-left: 2px; } form, input, optgroup, select { margin: 0; font: inherit; color: inherit; } html input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; } a, a div, a span, a ion-icon, a ion-label, button, button div, button span, button ion-icon, button ion-label, .ion-tappable, [tappable], [tappable] div, [tappable] span, [tappable] ion-icon, [tappable] ion-label, input, textarea { touch-action: manipulation; } a ion-label, button ion-label { pointer-events: none; } button { padding: 0; border: 0; border-radius: 0; font-family: inherit; font-style: inherit; font-feature-settings: inherit; font-variant: inherit; line-height: 1; text-transform: none; cursor: pointer; -webkit-appearance: button; } [tappable] { cursor: pointer; } a[disabled], button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } html { width: 100%; height: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } html:not(.hydrated) body { display: none; } html.ion-ce body { display: block; } html.plt-pwa { height: 100vh; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; position: fixed; width: 100%; max-width: 100%; height: 100%; max-height: 100%; /** * Because body has position: fixed, * it should be promoted to its own * layer. * * WebKit does not always promote * the body to its own layer on page * load in Ionic apps. Once scrolling on * ion-content starts, WebKit will promote * body. Unfortunately, this causes a re-paint * which results in scrolling being halted * until the next user gesture. * * This impacts the Custom Elements build. * The lazy loaded build causes the browser to * re-paint during hydration which causes WebKit * to promote body to its own layer. * In the CE Build, this hydration does not * happen, so the additional re-paint does not occur. */ transform: translateZ(0); text-rendering: optimizeLegibility; overflow: hidden; touch-action: manipulation; -webkit-user-drag: none; -ms-content-zooming: none; word-wrap: break-word; overscroll-behavior-y: none; -webkit-text-size-adjust: none; text-size-adjust: none; } html { font-family: var(--ion-font-family); } a { background-color: transparent; color: var(--ion-color-primary, #3880ff); } h1, h2, h3, h4, h5, h6 { margin-top: 16px; margin-bottom: 10px; font-weight: 500; line-height: 1.2; } h1 { margin-top: 20px; font-size: 26px; } h2 { margin-top: 18px; font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } small { font-size: 75%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .ion-hide { display: none !important; } .ion-hide-up { display: none !important; } .ion-hide-down { display: none !important; } @media (min-width: 576px) { .ion-hide-sm-up { display: none !important; } } @media (max-width: 575.98px) { .ion-hide-sm-down { display: none !important; } } @media (min-width: 768px) { .ion-hide-md-up { display: none !important; } } @media (max-width: 767.98px) { .ion-hide-md-down { display: none !important; } } @media (min-width: 992px) { .ion-hide-lg-up { display: none !important; } } @media (max-width: 991.98px) { .ion-hide-lg-down { display: none !important; } } @media (min-width: 1200px) { .ion-hide-xl-up { display: none !important; } } @media (max-width: 1199.98px) { .ion-hide-xl-down { display: none !important; } } .ion-no-padding { --padding-start: 0; --padding-end: 0; --padding-top: 0; --padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; } .ion-padding { --padding-start: var(--ion-padding, 16px); --padding-end: var(--ion-padding, 16px); --padding-top: var(--ion-padding, 16px); --padding-bottom: var(--ion-padding, 16px); padding-left: var(--ion-padding, 16px); padding-right: var(--ion-padding, 16px); padding-top: var(--ion-padding, 16px); padding-bottom: var(--ion-padding, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-padding { padding-left: unset; padding-right: unset; padding-inline-start: var(--ion-padding, 16px); padding-inline-end: var(--ion-padding, 16px); } } .ion-padding-top { --padding-top: var(--ion-padding, 16px); padding-top: var(--ion-padding, 16px); } .ion-padding-start { --padding-start: var(--ion-padding, 16px); padding-left: var(--ion-padding, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-padding-start { padding-left: unset; padding-inline-start: var(--ion-padding, 16px); } } .ion-padding-end { --padding-end: var(--ion-padding, 16px); padding-right: var(--ion-padding, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-padding-end { padding-right: unset; padding-inline-end: var(--ion-padding, 16px); } } .ion-padding-bottom { --padding-bottom: var(--ion-padding, 16px); padding-bottom: var(--ion-padding, 16px); } .ion-padding-vertical { --padding-top: var(--ion-padding, 16px); --padding-bottom: var(--ion-padding, 16px); padding-top: var(--ion-padding, 16px); padding-bottom: var(--ion-padding, 16px); } .ion-padding-horizontal { --padding-start: var(--ion-padding, 16px); --padding-end: var(--ion-padding, 16px); padding-left: var(--ion-padding, 16px); padding-right: var(--ion-padding, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-padding-horizontal { padding-left: unset; padding-right: unset; padding-inline-start: var(--ion-padding, 16px); padding-inline-end: var(--ion-padding, 16px); } } .ion-no-margin { --margin-start: 0; --margin-end: 0; --margin-top: 0; --margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .ion-margin { --margin-start: var(--ion-margin, 16px); --margin-end: var(--ion-margin, 16px); --margin-top: var(--ion-margin, 16px); --margin-bottom: var(--ion-margin, 16px); margin-left: var(--ion-margin, 16px); margin-right: var(--ion-margin, 16px); margin-top: var(--ion-margin, 16px); margin-bottom: var(--ion-margin, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-margin { margin-left: unset; margin-right: unset; margin-inline-start: var(--ion-margin, 16px); margin-inline-end: var(--ion-margin, 16px); } } .ion-margin-top { --margin-top: var(--ion-margin, 16px); margin-top: var(--ion-margin, 16px); } .ion-margin-start { --margin-start: var(--ion-margin, 16px); margin-left: var(--ion-margin, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-margin-start { margin-left: unset; margin-inline-start: var(--ion-margin, 16px); } } .ion-margin-end { --margin-end: var(--ion-margin, 16px); margin-right: var(--ion-margin, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-margin-end { margin-right: unset; margin-inline-end: var(--ion-margin, 16px); } } .ion-margin-bottom { --margin-bottom: var(--ion-margin, 16px); margin-bottom: var(--ion-margin, 16px); } .ion-margin-vertical { --margin-top: var(--ion-margin, 16px); --margin-bottom: var(--ion-margin, 16px); margin-top: var(--ion-margin, 16px); margin-bottom: var(--ion-margin, 16px); } .ion-margin-horizontal { --margin-start: var(--ion-margin, 16px); --margin-end: var(--ion-margin, 16px); margin-left: var(--ion-margin, 16px); margin-right: var(--ion-margin, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-margin-horizontal { margin-left: unset; margin-right: unset; margin-inline-start: var(--ion-margin, 16px); margin-inline-end: var(--ion-margin, 16px); } } .ion-float-left { float: left !important; } .ion-float-right { float: right !important; } .ion-float-start { float: left !important; } [dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start { float: right !important; } .ion-float-end { float: right !important; } [dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end { float: left !important; } @media (min-width: 576px) { .ion-float-sm-left { float: left !important; } .ion-float-sm-right { float: right !important; } .ion-float-sm-start { float: left !important; } [dir=rtl] .ion-float-sm-start, :host-context([dir=rtl]) .ion-float-sm-start { float: right !important; } .ion-float-sm-end { float: right !important; } [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end { float: left !important; } } @media (min-width: 768px) { .ion-float-md-left { float: left !important; } .ion-float-md-right { float: right !important; } .ion-float-md-start { float: left !important; } [dir=rtl] .ion-float-md-start, :host-context([dir=rtl]) .ion-float-md-start { float: right !important; } .ion-float-md-end { float: right !important; } [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end { float: left !important; } } @media (min-width: 992px) { .ion-float-lg-left { float: left !important; } .ion-float-lg-right { float: right !important; } .ion-float-lg-start { float: left !important; } [dir=rtl] .ion-float-lg-start, :host-context([dir=rtl]) .ion-float-lg-start { float: right !important; } .ion-float-lg-end { float: right !important; } [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end { float: left !important; } } @media (min-width: 1200px) { .ion-float-xl-left { float: left !important; } .ion-float-xl-right { float: right !important; } .ion-float-xl-start { float: left !important; } [dir=rtl] .ion-float-xl-start, :host-context([dir=rtl]) .ion-float-xl-start { float: right !important; } .ion-float-xl-end { float: right !important; } [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end { float: left !important; } } .ion-text-center { text-align: center !important; } .ion-text-justify { text-align: justify !important; } .ion-text-start { text-align: start !important; } .ion-text-end { text-align: end !important; } .ion-text-left { text-align: left !important; } .ion-text-right { text-align: right !important; } .ion-text-nowrap { white-space: nowrap !important; } .ion-text-wrap { white-space: normal !important; } @media (min-width: 576px) { .ion-text-sm-center { text-align: center !important; } .ion-text-sm-justify { text-align: justify !important; } .ion-text-sm-start { text-align: start !important; } .ion-text-sm-end { text-align: end !important; } .ion-text-sm-left { text-align: left !important; } .ion-text-sm-right { text-align: right !important; } .ion-text-sm-nowrap { white-space: nowrap !important; } .ion-text-sm-wrap { white-space: normal !important; } } @media (min-width: 768px) { .ion-text-md-center { text-align: center !important; } .ion-text-md-justify { text-align: justify !important; } .ion-text-md-start { text-align: start !important; } .ion-text-md-end { text-align: end !important; } .ion-text-md-left { text-align: left !important; } .ion-text-md-right { text-align: right !important; } .ion-text-md-nowrap { white-space: nowrap !important; } .ion-text-md-wrap { white-space: normal !important; } } @media (min-width: 992px) { .ion-text-lg-center { text-align: center !important; } .ion-text-lg-justify { text-align: justify !important; } .ion-text-lg-start { text-align: start !important; } .ion-text-lg-end { text-align: end !important; } .ion-text-lg-left { text-align: left !important; } .ion-text-lg-right { text-align: right !important; } .ion-text-lg-nowrap { white-space: nowrap !important; } .ion-text-lg-wrap { white-space: normal !important; } } @media (min-width: 1200px) { .ion-text-xl-center { text-align: center !important; } .ion-text-xl-justify { text-align: justify !important; } .ion-text-xl-start { text-align: start !important; } .ion-text-xl-end { text-align: end !important; } .ion-text-xl-left { text-align: left !important; } .ion-text-xl-right { text-align: right !important; } .ion-text-xl-nowrap { white-space: nowrap !important; } .ion-text-xl-wrap { white-space: normal !important; } } .ion-text-uppercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: uppercase !important; } .ion-text-lowercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: lowercase !important; } .ion-text-capitalize { /* stylelint-disable-next-line declaration-no-important */ text-transform: capitalize !important; } @media (min-width: 576px) { .ion-text-sm-uppercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: uppercase !important; } .ion-text-sm-lowercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: lowercase !important; } .ion-text-sm-capitalize { /* stylelint-disable-next-line declaration-no-important */ text-transform: capitalize !important; } } @media (min-width: 768px) { .ion-text-md-uppercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: uppercase !important; } .ion-text-md-lowercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: lowercase !important; } .ion-text-md-capitalize { /* stylelint-disable-next-line declaration-no-important */ text-transform: capitalize !important; } } @media (min-width: 992px) { .ion-text-lg-uppercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: uppercase !important; } .ion-text-lg-lowercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: lowercase !important; } .ion-text-lg-capitalize { /* stylelint-disable-next-line declaration-no-important */ text-transform: capitalize !important; } } @media (min-width: 1200px) { .ion-text-xl-uppercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: uppercase !important; } .ion-text-xl-lowercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: lowercase !important; } .ion-text-xl-capitalize { /* stylelint-disable-next-line declaration-no-important */ text-transform: capitalize !important; } } .ion-align-self-start { align-self: flex-start !important; } .ion-align-self-end { align-self: flex-end !important; } .ion-align-self-center { align-self: center !important; } .ion-align-self-stretch { align-self: stretch !important; } .ion-align-self-baseline { align-self: baseline !important; } .ion-align-self-auto { align-self: auto !important; } .ion-wrap { flex-wrap: wrap !important; } .ion-nowrap { flex-wrap: nowrap !important; } .ion-wrap-reverse { flex-wrap: wrap-reverse !important; } .ion-justify-content-start { justify-content: flex-start !important; } .ion-justify-content-center { justify-content: center !important; } .ion-justify-content-end { justify-content: flex-end !important; } .ion-justify-content-around { justify-content: space-around !important; } .ion-justify-content-between { justify-content: space-between !important; } .ion-justify-content-evenly { justify-content: space-evenly !important; } .ion-align-items-start { align-items: flex-start !important; } .ion-align-items-center { align-items: center !important; } .ion-align-items-end { align-items: flex-end !important; } .ion-align-items-stretch { align-items: stretch !important; } .ion-align-items-baseline { align-items: baseline !important; } /** * Swiper 8.4.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 6, 2022 */ * { -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */ -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */ /*user-select: none;*/ /* prevent copy paste, to allow, change 'none' to 'text' */ -webkit-user-select: none; /* to stop appearing magnifying glass in safari (mobile) */ } html { touch-action: none; overflow-x: hidden; overflow-y: hidden; } body { touch-action: none; background-color: black; margin: 0; overflow: hidden; } :root { /*--selectionColor:#74B5EB; /* used for both selection and hiliting... */ /* here --selectionColor can be specified in hexa or in rgba format to be called e.g. as DomHelper.getCssVariable("--charterMidBlue") BTW I (JML) would recommend the use of rgb notation which is easy to interpret where HEX is isoteric to convert colors color converter at https://www.w3schools.com/colors/colors_converter.asp is quite handy! In css file itself use it using e.g. following syntax var(--hiliteColor) */ --hiliteColor:rgb(95,190,217); /* "#5fbed9" kind of blue */ --selectionColor: rgb(255, 177, 43); /* kind of yellow */ --matchingColor: #5bfe33; /*a3ff0f*/ --textColor:#000000ff; --borderColor:#202E3F; --charterDakBlue: rgb(65, 114, 156); /*#41729c */ --charterBlue: rgb(75, 129, 177); /*#4b81b1 */ --charterMidBlue: rgb(84, 148, 164); /*#5494a4 */ --charterLightBlue: rgb(211, 246, 255); /*#d3f6ff */ --zdrBorder:1px; --zdrPadding:4px; --zdrMarging:-4px; --fontSize:18pt; --fontFamily:Arial; } #ruler { position: absolute; visibility: hidden; white-space: nowrap; } .Calculator div:not(.Return_Display) { background-repeat: no-repeat; font-family: 'Roboto', sans-serif; font-size: 14px; } div.HudTable { background-repeat: no-repeat; font-family: 'Roboto', sans-serif; font-size: 14px; } .progress { background-color: black; /* bgColor */ color: #b1d4dd; /* fgColor */ text-decoration-color: #5494a4; /* fillColor */ left: 0px; top: 0px; width: 100%; height: 100%; float: none; cursor: default; } .ToolbarLegacy { left: 0px; top: 0px; width: 100%; height: 60px; background-color: lightslategrey; float: none; cursor: default; } .toolicon { width: 1cm; height: 1cm; background-size: contain; margin: 0.25cm; float: left; position: relative; cursor: default; } #page-div { clip-path: inset(0% 0% 0% 0%); /* or "auto" */ -webkit-clip-path: inset(0% 0% 0% 0%); /* or "auto" */ z-index: 5; /*background-color: rgba(2,120,255, 0.3);*/ position: absolute; pointer-events: none; touch-action: none; } #maindiv1 { position: absolute; left: 0px; top: 0px; width: 100%; bottom: 0px; background-color: white; cursor: default; } #mainpage{ position: absolute; width: 100%; height: 100%; display: flex; } #maindiv2 { position: absolute; left: 50%; top: 0px; width: 50%; bottom: 0px; cursor: default; } #renderCanvas1 { width: 200px; /* 100%; */ height: 100px; /* 100% */ /* added to allow left property to work */ /* position: relative; */ /* absolute to fix restoreDOM bug: */ position: absolute; /*background-color: Lime;*/ background-color: rgb(250,250,250); /*display: none;*/ touch-action: none; /* remove the border when focused */ outline: none !important; } #textrenderCanvas { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; pointer-events: none; } #textentry { z-index: 10; display: none; } input { /*border: 1px solid #3d8b6f; border-style: none none solid none; */ width: 100%; height: 30px; border-radius: 8px; margin-left: 0px; font-size: 10pt; color: #000000; } #canvasholder1 { position: absolute; width: 100%; top: 0px; bottom: 0px; /*background-color: var(--borderColor); */ } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .Calculator { box-shadow: 0px 0px 8px #888888; z-index: 190; } .calculator-animation { /*animation: anim 1s ease 0.5s;*/ animation-fill-mode: both; } .calculator-animation-return { /*animation: anim2 1s ease 0.5s;*/ animation-fill-mode: both; } @keyframes anim_open { 0% { transform: translateX(-105%); } 100% { transform: translateX(0%); } } @keyframes anim_close { 0% { transform: translateX(0%); } 100% { transform: translateX(-105%); } } .Calculator_NumberKeys { background-color: #5494a4; /*background-position: center;*/ color: #e0ecef; /*fill: #ff0000;*/ border-color: #2c6c7d; border-style: solid; border-width: 1px; vertical-align: middle; text-align: center; font-family: SourceSansPro-Regular; position: absolute; cursor: pointer; } .Calculator_NumberKeys_Elementary { background-color: #0088ff; color: #e0ecef; /*fill: #ff0000;*/ border-color: #2c6c7d; border-style: solid; border-width: 1px; vertical-align: middle; text-align: center; font-family: SourceSansPro-Regular; position: absolute; cursor: pointer; } .Calculator_Blank_Elementary { cursor: default; } .Calculator_Precision { background-color: unset; /*#9ec9d5;*/ color: #5a98a8; border-style: none; vertical-align: middle; text-align: center; font-family: SourceSansPro-Regular; position: absolute; cursor: pointer; } .Calculator_NumberKeys_svg { background-color: #5494a4; color: #e0ecef; border-color: #2c6c7d; border-style: solid; border-width: 1px; /*vertical-align: middle; text-align: center; font-family: SourceSansPro-Regular;*/ position: absolute; cursor: pointer; } .Calculator_ButtonDiv { border: solid 1px #2c6c7d; } .Calculator_OperatorKeys { background-color: #e0ecef; color: #2c6c7d; border-color: #2c6c7d; border-style: solid; border-width: 1px; vertical-align: middle; text-align: center; font-family: SourceSansPro-Regular; position: absolute; cursor: pointer; } .Calculator_Separator { background-color: #b1d4dd; } .Calculator_FunctionKeys { background-color: #4b81b1; /*background-position: center;*/ color: #d3f6ff; border-color: #41729c; border-style: solid; border-width: 1px; vertical-align: middle; text-align: center; font-family: SourceSansPro-Regular; position: absolute; cursor: pointer; } .Calculator_FunctionKeys_svg { background-color: #4b81b1; color: #d3f6ff; border-color: #41729c; border-style: solid; border-width: 1px; position: absolute; cursor: pointer; } .Calculator_FunctionShift { background-color: #4b81b1; border-color: #41729c; border-style: solid; border-width: 1px; position: absolute; cursor: pointer; } .Calculator_FunctionDark { background-color: #41729c; color: #d3f6ff; vertical-align: middle; text-align: center; font-family: SourceSansPro-Regular; border-color: #386387; border-style: solid; border-width: 1px; position: absolute; cursor: pointer; } .Calculator_Base { background-color: #92bfc9; color: #d3f6ff; /* grid colour */ } .Calculator_Base_Elementary { background-color: #57dbfb; color: #d3f6ff; /* grid colour */ } .Calculator_Backspace_Elementary { background-color: #ff7700; } .Calculator_OperatorKeys_Elementary { background-color: #ccff00; } .Calculator_Display { background-color: #e0ecef; /* actual color */ border-color: #2c6c7d; border-style: solid; border-width: 1px; color: #2c6c7d; padding: 4px; box-shadow: inset 0px 0px 4px 1px #888888; /* 1px 1px 3px 1px #bbbbbb; */ } .Return_Display { background-color: unset;/* #e0ecef;*/ color: #2c6c7d; position: relative; text-align: right; font-family: STIXGeneral-Regular; font-size: 20pt; padding: 4px; float: right; } .Calculator_TopBar { background-color: #9ec9d5; border-color: #e0ecef; } .Calculator_TopBarAlgSlider { background-color: #92bfc9; color: #5494a4; } .Calculator_TopBarText { background-color: #5494a4; /* faded text */ color: #2c6c7d; } #controlsbar, #precminus, #precplus, #answitch, #calculatordisplay { position: absolute; } .HudTable { /* the table Div container */ padding: 0; line-height: 1.1; } table { border-collapse: collapse; } th, td { border: 1px solid black; box-sizing: border-box; } th { background-color: #DDDDDD; } .nombreinclus { display: inline; position: relative; } #calcdisplaymenubg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; z-index: 199; } #calcdisplaymenu { position: absolute; left: 0px; top: 0px; border: solid 1px black; border-radius: 8px; background-color: #F1F1F1;/*#E0ECEF;*/ color: black; font-family: SourceSansPro-Regular, sans-serif; font-size: 18px; vertical-align: middle; padding: 4px 8px; z-index: 200; cursor: pointer; transition: transform .05s; } #calcdisplaymenu:hover { transform: scale(1.2); } .PileContainer { position: absolute; background: none; left: 0px; top: 0px; width: 100px; height: 800px; z-index: 180; } .PileClass { position: absolute; background: none; z-index: 180; } .PileItemClass { position: absolute; width: 40px; height: 40px; border-radius: 10px; border: 1px solid #55717d; background-color: #9ec9d5; background-size: contain; cursor: pointer; z-index: 180; } .PileItemClassTeacher2 { background-color: #b7e3ef; width: 30px; height: 30px; margin-left: 9px; margin-top: 3px; transition: width 0.2s linear, height 0.2s linear, margin-left 0.2s linear, margin-top 0.2s linear; } .PileItemClassTeacher--out { width: 40px; height: 40px; margin-left: 0px; margin-top: 0px; } .PileItemClassTeacher { background-color: #b7e3ef; border: 1px solid #55717d; margin-left: 9px; margin-top: 3px; width: 30px; height: 30px; } .FileItemClassSelected { background-color: #ebf4f5; } .PileItemClassMultishot { background-color: #fedb80; } .PileItemLabel { position: absolute; background: none; left: 0px; top: 0px; width: 100px; height: auto; font-family: SourceSansPro-Regular; font-size: 16px; text-align: center; z-index: 180; } .PileClickZone { background-color: transparent; cursor: default; z-index: 182; transition: opacity 0.4s; } .PileClickZone::after { content: ""; display: block; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid black; opacity: 0.3; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); } .PileClickZone--arrow::after { border-left: 8px solid #9ec9d5; opacity: 0.6; } .PileUnderBar { background-color: rgba(217, 234, 238, 0.9); border-radius: 10px; /*box-shadow: 0px 0px 8px #888888;*/ /*margin-left: -10px;*/ pointer-events: none; z-index: 179; } .PileGreyed { background-color: rgba(158, 201, 213, 0.5); } .PileLabelPopup { position: absolute; background-color: white; color: black; z-index: 185; cursor: pointer; font-family: SourceSansPro-Regular; font-size: 32pt; text-align: center; padding: 5px; box-shadow: 0px 0px 5px #888888; } .toolbar { z-index: 300; } .ToolbarExpress { position: relative; left: 0px; top: 0px; width: 100%; height: 60px; background-color: #41729c; } .ToolbarExpress-button { width: 40px; height: 40px; top: 10px; position: absolute; background-size: contain; cursor: pointer; } .ToolbarExpress-button--reduced { height: 30px; /* using "transform: scale(0.7);" does not work with tooltip */ top: 15px; } .ToolbarExpress-button--disabled { opacity: 0.3; } .pilebg { cursor: default; } .pulsate { animation: pulsate 0.4s ease-in 0s infinite alternate; opacity: 1.0; } @keyframes pulsate { 0% { opacity: 0.7 } 100% { opacity: 0.1 } } /*.tooltip::before {*/ /*content: attr(data-tooltip) ;*/ /*font-size: 1em;*/ /*position:absolute;*/ /*z-index: 999;*/ /*white-space:nowrap;*/ /*bottom:9999px;*/ /*left: 50%;*/ /*background:#9cc9d5;*/ /*color:black;*/ /*padding:0px 7px;*/ /*line-height: 24px;*/ /*height: 24px;*/ /*!*max-width:100%;*!*/ /*border-radius: 10px;*/ /*opacity: 0;*/ /*transition:opacity 0.4s ease-out;*/ /*transition-delay: 1s;*/ /*transform: translateX(-50%);*/ /*}*/ /*.tooltip:hover::before {*/ /*opacity: 1;*/ /*bottom: -35px;*/ /*}*/ .selected { /* note: border is not adequate because it moves the div */ /* todo: adapt the widths according to the currentzoom */ box-shadow: 0 0 0.1cm 0.1cm var(--selectionColor) !important; /* h v blur spread color inset */ } .edited { box-shadow: 0 0 0.1cm 0.1cm #4D90FE; /* h v blur spread color inset */ } /* note: cursors are managed by state machine (e.g. text cursor must be set only if text is editable) */ .hilite, .clickable:hover, .choosable:hover { box-shadow: 0 0 0.1cm 0.05cm var(--hiliteColor); /* old value was #74B5EB */ } .selected.choosable:hover { box-shadow: 0 0 0.1cm 0.1cm var(--hiliteColor); } .faded { opacity: 0.3; } .MCQ--student:hover { box-shadow: unset; } .SimpleTextEdit { position: absolute; margin-left: 4px; margin-top: 4px; -webkit-user-select: auto; user-select: auto; border: solid black 1px; min-width: 20px; /*div.style.minHeight = fs + 'pt'*/; cursor: text; } .SimpleTextEdit, .SimpleTextEdit > div { font-family: var(--fontFamily); font-size: var(--fontSize); color: var(--textColor) } .pulsBlockly > * { animation: pulsate 0.5s cubic-bezier(0.6, 0, 1.0, 1.0) 0s infinite alternate; opacity: 1.0; } @keyframes pulsBlockly { 0% { opacity: 0.4; } 100% { opacity: 0.1 } } .nopulsBlockly { animation: none !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; } sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.4em; } /*Remove default button style*/ .btn-rm-default { background-color: transparent; box-shadow: 0px 0px 0px transparent; border: 0px solid transparent; text-shadow: 0px 0px 0px transparent; } /*Remove default button style*/ .btn-rm-default:hover { background-color: transparent; box-shadow: 0px 0px 0px transparent; border: 0px solid transparent; text-shadow: 0px 0px 0px transparent; } /*Remove default button style*/ .btn-rm-default:focus { outline: none; background-color: transparent; box-shadow: 0px 0px 0px transparent; border: 0px solid transparent; text-shadow: 0px 0px 0px transparent; } /*New Button Style*/ .btn-rm-default { background-repeat: no-repeat; background-size: contain; cursor: pointer; min-width: 20px; /*flex-grow: 1;*/ } .blinking-cursor { transform: scale(1.5, 1.5); margin-left: -0.4vmin; z-index: 999; position: absolute; font-family: "Times New Roman"; /*font-weight: 100;*/ /*font-size: 3vmin;*/ /*color: #2E3D48;*/ color: red; animation: 0.8s blink step-end infinite; } @keyframes blink { from, to { color: transparent; } 50% { color: orangered; } } .pointer-events-none { pointer-events: none; } /*Remove default button style*/ .remove-button-default { background-color: transparent; box-shadow: 0 0 0 transparent; border: 0 solid transparent; text-shadow: 0 0 0 transparent; } /*Remove default button style*/ .remove-button-default:hover { background-color: transparent; box-shadow: 0 0 0 transparent; border: 0 solid transparent; text-shadow: 0 0 0 transparent; } /*Remove default button style*/ .remove-button-default:focus { outline: none; background-color: transparent; box-shadow: 0 0 0 transparent; border: 0 solid transparent; text-shadow: 0 0 0 transparent; } #page-spinner-container { z-index: 999; position: absolute; left: 0; right: 0; width: 100%; height: 100%; display: none; align-items: center; justify-content: center; background-color: white; } #page-spinner { width: 80; height: 80; } /*! jQuery UI - v1.12.0 - 2016-09-13 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=eggplant&cornerRadiusShadow=0px&offsetLeftShadow=-4px&offsetTopShadow=-4px&thicknessShadow=4px&opacityShadow=60&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=80&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=eeeeee&iconColorError=ebccce&fcError=ffffff&borderColorError=994d53&bgImgOpacityError=55&bgTextureError=flat&bgColorError=994d53&iconColorHighlight=8d78a5&fcHighlight=333333&borderColorHighlight=ffdb1f&bgImgOpacityHighlight=55&bgTextureHighlight=flat&bgColorHighlight=fafafa&iconColorActive=454545&fcActive=ffffff&borderColorActive=7e7783&bgImgOpacityActive=45&bgTextureActive=highlight_soft&bgColorActive=5f5964&iconColorHover=734d99&fcHover=734d99&borderColorHover=d1c5d8&bgImgOpacityHover=100&bgTextureHover=highlight_soft&bgColorHover=eae6ea&iconColorDefault=8d78a5&fcDefault=665874&borderColorDefault=dcd9de&bgImgOpacityDefault=100&bgTextureDefault=highlight_soft&bgColorDefault=dcd9de&iconColorContent=ffffff&fcContent=ffffff&borderColorContent=7e7783&bgImgOpacityContent=30&bgTextureContent=gloss_wave&bgColorContent=3d3644&iconColorHeader=a8a3ae&fcHeader=ffffff&borderColorHeader=231d2b&bgImgOpacityHeader=25&bgTextureHeader=highlight_soft&bgColorHeader=30273a&cornerRadius=6px&fsDefault=1.1em&fwDefault=bold&ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{touch-action:none} .ui-helper-hidden{display:none} .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none} .ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse} .ui-helper-clearfix:after{clear:both} .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)} .ui-front{z-index:100} .ui-state-disabled{cursor:default!important;pointer-events:none} .ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat} .ui-widget-icon-block{left:50%;margin-left:-8px;display:block} .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%} .ui-resizable{position:relative} .ui-resizable-handle{position:absolute;font-size:0.1px;display:block;touch-action:none} .ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none} .ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0} .ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0} .ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%} .ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%} .ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px} .ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px} .ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px} .ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px} .ui-selectable{touch-action:none} .ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black} .ui-sortable-handle{touch-action:none} .ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%} .ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto} .ui-autocomplete{position:absolute;top:0;left:0;cursor:default} .ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0} .ui-menu .ui-menu{position:absolute} .ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")} .ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em} .ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0} .ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px} .ui-menu-icons{position:relative} .ui-menu-icons .ui-menu-item-wrapper{padding-left:2em} .ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0} .ui-menu .ui-menu-icon{left:auto;right:0} .ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;user-select:none;overflow:visible} .ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none} .ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap} input.ui-button.ui-button-icon-only{text-indent:0} .ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px} .ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap} input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em} input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0} .ui-controlgroup{vertical-align:middle;display:inline-block} .ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0} .ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999} .ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left} .ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box} .ui-controlgroup .ui-controlgroup-label{padding:.4em 1em} .ui-controlgroup .ui-controlgroup-label span{font-size:80%} .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none} .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none} .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none} .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none} .ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )} .ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid} .ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none} .ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none} .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid} .ui-checkboxradio-disabled{pointer-events:none} .ui-datepicker{width:17em;padding:.2em .2em 0;display:none} .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0} .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em} .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px} .ui-datepicker .ui-datepicker-prev{left:2px} .ui-datepicker .ui-datepicker-next{right:2px} .ui-datepicker .ui-datepicker-prev-hover{left:1px} .ui-datepicker .ui-datepicker-next-hover{right:1px} .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px} .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center} .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0} .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%} .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em} .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0} .ui-datepicker td{border:0;padding:1px} .ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none} .ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0} .ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left} .ui-datepicker.ui-datepicker-multi{width:auto} .ui-datepicker-multi .ui-datepicker-group{float:left} .ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em} .ui-datepicker-multi-2 .ui-datepicker-group{width:50%} .ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%} .ui-datepicker-multi-4 .ui-datepicker-group{width:25%} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0} .ui-datepicker-multi .ui-datepicker-buttonpane{clear:left} .ui-datepicker-row-break{clear:both;width:100%;font-size:0} .ui-datepicker-rtl{direction:rtl} .ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto} .ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto} .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto} .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto} .ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right} .ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left} .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right} .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px} .ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em} .ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0} .ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative} .ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis} .ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px} .ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto} .ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right} .ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer} .ui-dialog .ui-resizable-n{height:2px;top:0} .ui-dialog .ui-resizable-e{width:2px;right:0} .ui-dialog .ui-resizable-s{height:2px;bottom:0} .ui-dialog .ui-resizable-w{width:2px;left:0} .ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px} .ui-dialog .ui-resizable-se{right:0;bottom:0} .ui-dialog .ui-resizable-sw{left:0;bottom:0} .ui-dialog .ui-resizable-ne{right:0;top:0} .ui-dialog .ui-resizable-nw{left:0;top:0} .ui-draggable .ui-dialog-titlebar{cursor:move} .ui-progressbar{height:2em;text-align:left;overflow:hidden} .ui-progressbar .ui-progressbar-value{margin:-1px;height:100%} .ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25} .ui-progressbar-indeterminate .ui-progressbar-value{background-image:none} .ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none} .ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px} .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0} .ui-selectmenu-open{display:block} .ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis} .ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em} .ui-selectmenu-icon.ui-icon{float:right;margin-top:0} .ui-slider{position:relative;text-align:left} .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;touch-action:none} .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0} .ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit} .ui-slider-horizontal{height:.8em} .ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em} .ui-slider-horizontal .ui-slider-range{top:0;height:100%} .ui-slider-horizontal .ui-slider-range-min{left:0} .ui-slider-horizontal .ui-slider-range-max{right:0} .ui-slider-vertical{width:.8em;height:100px} .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em} .ui-slider-vertical .ui-slider-range{left:0;width:100%} .ui-slider-vertical .ui-slider-range-min{bottom:0} .ui-slider-vertical .ui-slider-range-max{top:0} .ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle} .ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em} .ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0} .ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none} .ui-spinner-up{top:0} .ui-spinner-down{bottom:0} .ui-tabs{position:relative;padding:.2em} .ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0} .ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap} .ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none} .ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px} .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text} .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer} .ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none} .ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px} body .ui-tooltip{border-width:2px} .ui-widget{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.1em} .ui-widget .ui-widget{font-size:1em} .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1em} .ui-widget.ui-widget-content{border:1px solid #dcd9de} .ui-widget-content{border:1px solid #7e7783;background:#3d3644 url('ui-bg_gloss-wave_30_3d3644_500x100.png') 50% top repeat-x;color:#fff} .ui-widget-content a{color:#fff} .ui-widget-header{border:1px solid #231d2b;background:#30273a url('ui-bg_highlight-soft_25_30273a_1x100.png') 50% 50% repeat-x;color:#fff;font-weight:bold} .ui-widget-header a{color:#fff} .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #dcd9de;background:#dcd9de url('ui-bg_highlight-soft_100_dcd9de_1x100.png') 50% 50% repeat-x;font-weight:bold;color:#665874} .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#665874;text-decoration:none} .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #d1c5d8;background:#eae6ea url('ui-bg_highlight-soft_100_eae6ea_1x100.png') 50% 50% repeat-x;font-weight:bold;color:#734d99} .ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#734d99;text-decoration:none} .ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)} .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #7e7783;background:#5f5964 url('ui-bg_highlight-soft_45_5f5964_1x100.png') 50% 50% repeat-x;font-weight:bold;color:#fff} .ui-icon-background,.ui-state-active .ui-icon-background{border:#7e7783;background-color:#fff} .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none} .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #ffdb1f;background:#fafafa;color:#333} .ui-state-checked{border:1px solid #ffdb1f;background:#fafafa} .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#333} .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #994d53;background:#994d53;color:#fff} .ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff} .ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff} .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold} .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal} .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none} .ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)} .ui-icon{width:16px;height:16px} .ui-icon,.ui-widget-content .ui-icon{background-image:url('ui-icons_ffffff_256x240.png')} .ui-widget-header .ui-icon{background-image:url('ui-icons_a8a3ae_256x240.png')} .ui-button .ui-icon{background-image:url('ui-icons_8d78a5_256x240.png')} .ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon,.ui-state-default .ui-icon{background-image:url('ui-icons_734d99_256x240.png')} .ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url('ui-icons_454545_256x240.png')} .ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url('ui-icons_8d78a5_256x240.png')} .ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url('ui-icons_ebccce_256x240.png')} .ui-icon-blank{background-position:16px 16px} .ui-icon-caret-1-n{background-position:0 0} .ui-icon-caret-1-ne{background-position:-16px 0} .ui-icon-caret-1-e{background-position:-32px 0} .ui-icon-caret-1-se{background-position:-48px 0} .ui-icon-caret-1-s{background-position:-65px 0} .ui-icon-caret-1-sw{background-position:-80px 0} .ui-icon-caret-1-w{background-position:-96px 0} .ui-icon-caret-1-nw{background-position:-112px 0} .ui-icon-caret-2-n-s{background-position:-128px 0} .ui-icon-caret-2-e-w{background-position:-144px 0} .ui-icon-triangle-1-n{background-position:0 -16px} .ui-icon-triangle-1-ne{background-position:-16px -16px} .ui-icon-triangle-1-e{background-position:-32px -16px} .ui-icon-triangle-1-se{background-position:-48px -16px} .ui-icon-triangle-1-s{background-position:-65px -16px} .ui-icon-triangle-1-sw{background-position:-80px -16px} .ui-icon-triangle-1-w{background-position:-96px -16px} .ui-icon-triangle-1-nw{background-position:-112px -16px} .ui-icon-triangle-2-n-s{background-position:-128px -16px} .ui-icon-triangle-2-e-w{background-position:-144px -16px} .ui-icon-arrow-1-n{background-position:0 -32px} .ui-icon-arrow-1-ne{background-position:-16px -32px} .ui-icon-arrow-1-e{background-position:-32px -32px} .ui-icon-arrow-1-se{background-position:-48px -32px} .ui-icon-arrow-1-s{background-position:-65px -32px} .ui-icon-arrow-1-sw{background-position:-80px -32px} .ui-icon-arrow-1-w{background-position:-96px -32px} .ui-icon-arrow-1-nw{background-position:-112px -32px} .ui-icon-arrow-2-n-s{background-position:-128px -32px} .ui-icon-arrow-2-ne-sw{background-position:-144px -32px} .ui-icon-arrow-2-e-w{background-position:-160px -32px} .ui-icon-arrow-2-se-nw{background-position:-176px -32px} .ui-icon-arrowstop-1-n{background-position:-192px -32px} .ui-icon-arrowstop-1-e{background-position:-208px -32px} .ui-icon-arrowstop-1-s{background-position:-224px -32px} .ui-icon-arrowstop-1-w{background-position:-240px -32px} .ui-icon-arrowthick-1-n{background-position:1px -48px} .ui-icon-arrowthick-1-ne{background-position:-16px -48px} .ui-icon-arrowthick-1-e{background-position:-32px -48px} .ui-icon-arrowthick-1-se{background-position:-48px -48px} .ui-icon-arrowthick-1-s{background-position:-64px -48px} .ui-icon-arrowthick-1-sw{background-position:-80px -48px} .ui-icon-arrowthick-1-w{background-position:-96px -48px} .ui-icon-arrowthick-1-nw{background-position:-112px -48px} .ui-icon-arrowthick-2-n-s{background-position:-128px -48px} .ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px} .ui-icon-arrowthick-2-e-w{background-position:-160px -48px} .ui-icon-arrowthick-2-se-nw{background-position:-176px -48px} .ui-icon-arrowthickstop-1-n{background-position:-192px -48px} .ui-icon-arrowthickstop-1-e{background-position:-208px -48px} .ui-icon-arrowthickstop-1-s{background-position:-224px -48px} .ui-icon-arrowthickstop-1-w{background-position:-240px -48px} .ui-icon-arrowreturnthick-1-w{background-position:0 -64px} .ui-icon-arrowreturnthick-1-n{background-position:-16px -64px} .ui-icon-arrowreturnthick-1-e{background-position:-32px -64px} .ui-icon-arrowreturnthick-1-s{background-position:-48px -64px} .ui-icon-arrowreturn-1-w{background-position:-64px -64px} .ui-icon-arrowreturn-1-n{background-position:-80px -64px} .ui-icon-arrowreturn-1-e{background-position:-96px -64px} .ui-icon-arrowreturn-1-s{background-position:-112px -64px} .ui-icon-arrowrefresh-1-w{background-position:-128px -64px} .ui-icon-arrowrefresh-1-n{background-position:-144px -64px} .ui-icon-arrowrefresh-1-e{background-position:-160px -64px} .ui-icon-arrowrefresh-1-s{background-position:-176px -64px} .ui-icon-arrow-4{background-position:0 -80px} .ui-icon-arrow-4-diag{background-position:-16px -80px} .ui-icon-extlink{background-position:-32px -80px} .ui-icon-newwin{background-position:-48px -80px} .ui-icon-refresh{background-position:-64px -80px} .ui-icon-shuffle{background-position:-80px -80px} .ui-icon-transfer-e-w{background-position:-96px -80px} .ui-icon-transferthick-e-w{background-position:-112px -80px} .ui-icon-folder-collapsed{background-position:0 -96px} .ui-icon-folder-open{background-position:-16px -96px} .ui-icon-document{background-position:-32px -96px} .ui-icon-document-b{background-position:-48px -96px} .ui-icon-note{background-position:-64px -96px} .ui-icon-mail-closed{background-position:-80px -96px} .ui-icon-mail-open{background-position:-96px -96px} .ui-icon-suitcase{background-position:-112px -96px} .ui-icon-comment{background-position:-128px -96px} .ui-icon-person{background-position:-144px -96px} .ui-icon-print{background-position:-160px -96px} .ui-icon-trash{background-position:-176px -96px} .ui-icon-locked{background-position:-192px -96px} .ui-icon-unlocked{background-position:-208px -96px} .ui-icon-bookmark{background-position:-224px -96px} .ui-icon-tag{background-position:-240px -96px} .ui-icon-home{background-position:0 -112px} .ui-icon-flag{background-position:-16px -112px} .ui-icon-calendar{background-position:-32px -112px} .ui-icon-cart{background-position:-48px -112px} .ui-icon-pencil{background-position:-64px -112px} .ui-icon-clock{background-position:-80px -112px} .ui-icon-disk{background-position:-96px -112px} .ui-icon-calculator{background-position:-112px -112px} .ui-icon-zoomin{background-position:-128px -112px} .ui-icon-zoomout{background-position:-144px -112px} .ui-icon-search{background-position:-160px -112px} .ui-icon-wrench{background-position:-176px -112px} .ui-icon-gear{background-position:-192px -112px} .ui-icon-heart{background-position:-208px -112px} .ui-icon-star{background-position:-224px -112px} .ui-icon-link{background-position:-240px -112px} .ui-icon-cancel{background-position:0 -128px} .ui-icon-plus{background-position:-16px -128px} .ui-icon-plusthick{background-position:-32px -128px} .ui-icon-minus{background-position:-48px -128px} .ui-icon-minusthick{background-position:-64px -128px} .ui-icon-close{background-position:-80px -128px} .ui-icon-closethick{background-position:-96px -128px} .ui-icon-key{background-position:-112px -128px} .ui-icon-lightbulb{background-position:-128px -128px} .ui-icon-scissors{background-position:-144px -128px} .ui-icon-clipboard{background-position:-160px -128px} .ui-icon-copy{background-position:-176px -128px} .ui-icon-contact{background-position:-192px -128px} .ui-icon-image{background-position:-208px -128px} .ui-icon-video{background-position:-224px -128px} .ui-icon-script{background-position:-240px -128px} .ui-icon-alert{background-position:0 -144px} .ui-icon-info{background-position:-16px -144px} .ui-icon-notice{background-position:-32px -144px} .ui-icon-help{background-position:-48px -144px} .ui-icon-check{background-position:-64px -144px} .ui-icon-bullet{background-position:-80px -144px} .ui-icon-radio-on{background-position:-96px -144px} .ui-icon-radio-off{background-position:-112px -144px} .ui-icon-pin-w{background-position:-128px -144px} .ui-icon-pin-s{background-position:-144px -144px} .ui-icon-play{background-position:0 -160px} .ui-icon-pause{background-position:-16px -160px} .ui-icon-seek-next{background-position:-32px -160px} .ui-icon-seek-prev{background-position:-48px -160px} .ui-icon-seek-end{background-position:-64px -160px} .ui-icon-seek-start{background-position:-80px -160px} .ui-icon-seek-first{background-position:-80px -160px} .ui-icon-stop{background-position:-96px -160px} .ui-icon-eject{background-position:-112px -160px} .ui-icon-volume-off{background-position:-128px -160px} .ui-icon-volume-on{background-position:-144px -160px} .ui-icon-power{background-position:0 -176px} .ui-icon-signal-diag{background-position:-16px -176px} .ui-icon-signal{background-position:-32px -176px} .ui-icon-battery-0{background-position:-48px -176px} .ui-icon-battery-1{background-position:-64px -176px} .ui-icon-battery-2{background-position:-80px -176px} .ui-icon-battery-3{background-position:-96px -176px} .ui-icon-circle-plus{background-position:0 -192px} .ui-icon-circle-minus{background-position:-16px -192px} .ui-icon-circle-close{background-position:-32px -192px} .ui-icon-circle-triangle-e{background-position:-48px -192px} .ui-icon-circle-triangle-s{background-position:-64px -192px} .ui-icon-circle-triangle-w{background-position:-80px -192px} .ui-icon-circle-triangle-n{background-position:-96px -192px} .ui-icon-circle-arrow-e{background-position:-112px -192px} .ui-icon-circle-arrow-s{background-position:-128px -192px} .ui-icon-circle-arrow-w{background-position:-144px -192px} .ui-icon-circle-arrow-n{background-position:-160px -192px} .ui-icon-circle-zoomin{background-position:-176px -192px} .ui-icon-circle-zoomout{background-position:-192px -192px} .ui-icon-circle-check{background-position:-208px -192px} .ui-icon-circlesmall-plus{background-position:0 -208px} .ui-icon-circlesmall-minus{background-position:-16px -208px} .ui-icon-circlesmall-close{background-position:-32px -208px} .ui-icon-squaresmall-plus{background-position:-48px -208px} .ui-icon-squaresmall-minus{background-position:-64px -208px} .ui-icon-squaresmall-close{background-position:-80px -208px} .ui-icon-grip-dotted-vertical{background-position:0 -224px} .ui-icon-grip-dotted-horizontal{background-position:-16px -224px} .ui-icon-grip-solid-vertical{background-position:-32px -224px} .ui-icon-grip-solid-horizontal{background-position:-48px -224px} .ui-icon-gripsmall-diagonal-se{background-position:-64px -224px} .ui-icon-grip-diagonal-se{background-position:-80px -224px} .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px} .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px} .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px} .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px} .ui-widget-overlay{background:#eee;opacity:.8;filter:Alpha(Opacity=80)} .ui-widget-shadow{box-shadow:-4px -4px 4px #aaa} /*! jQuery UI - v1.12.0 - 2016-09-13 * http://jqueryui.com * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{touch-action:none} .ui-helper-hidden{display:none} .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none} .ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse} .ui-helper-clearfix:after{clear:both} .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)} .ui-front{z-index:100} .ui-state-disabled{cursor:default!important;pointer-events:none} .ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat} .ui-widget-icon-block{left:50%;margin-left:-8px;display:block} .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%} .ui-resizable{position:relative} .ui-resizable-handle{position:absolute;font-size:0.1px;display:block;touch-action:none} .ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none} .ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0} .ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0} .ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%} .ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%} .ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px} .ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px} .ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px} .ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px} .ui-selectable{touch-action:none} .ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black} .ui-sortable-handle{touch-action:none} .ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%} .ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto} .ui-autocomplete{position:absolute;top:0;left:0;cursor:default} .ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0} .ui-menu .ui-menu{position:absolute} .ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")} .ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em} .ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0} .ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px} .ui-menu-icons{position:relative} .ui-menu-icons .ui-menu-item-wrapper{padding-left:2em} .ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0} .ui-menu .ui-menu-icon{left:auto;right:0} .ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;user-select:none;overflow:visible} .ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none} .ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap} input.ui-button.ui-button-icon-only{text-indent:0} .ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px} .ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap} input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em} input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0} .ui-controlgroup{vertical-align:middle;display:inline-block} .ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0} .ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999} .ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left} .ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box} .ui-controlgroup .ui-controlgroup-label{padding:.4em 1em} .ui-controlgroup .ui-controlgroup-label span{font-size:80%} .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none} .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none} .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none} .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none} .ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )} .ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid} .ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none} .ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none} .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid} .ui-checkboxradio-disabled{pointer-events:none} .ui-datepicker{width:17em;padding:.2em .2em 0;display:none} .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0} .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em} .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px} .ui-datepicker .ui-datepicker-prev{left:2px} .ui-datepicker .ui-datepicker-next{right:2px} .ui-datepicker .ui-datepicker-prev-hover{left:1px} .ui-datepicker .ui-datepicker-next-hover{right:1px} .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px} .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center} .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0} .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%} .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em} .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0} .ui-datepicker td{border:0;padding:1px} .ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none} .ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0} .ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left} .ui-datepicker.ui-datepicker-multi{width:auto} .ui-datepicker-multi .ui-datepicker-group{float:left} .ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em} .ui-datepicker-multi-2 .ui-datepicker-group{width:50%} .ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%} .ui-datepicker-multi-4 .ui-datepicker-group{width:25%} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0} .ui-datepicker-multi .ui-datepicker-buttonpane{clear:left} .ui-datepicker-row-break{clear:both;width:100%;font-size:0} .ui-datepicker-rtl{direction:rtl} .ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto} .ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto} .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto} .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto} .ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right} .ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left} .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right} .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px} .ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em} .ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0} .ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative} .ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis} .ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px} .ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto} .ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right} .ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer} .ui-dialog .ui-resizable-n{height:2px;top:0} .ui-dialog .ui-resizable-e{width:2px;right:0} .ui-dialog .ui-resizable-s{height:2px;bottom:0} .ui-dialog .ui-resizable-w{width:2px;left:0} .ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px} .ui-dialog .ui-resizable-se{right:0;bottom:0} .ui-dialog .ui-resizable-sw{left:0;bottom:0} .ui-dialog .ui-resizable-ne{right:0;top:0} .ui-dialog .ui-resizable-nw{left:0;top:0} .ui-draggable .ui-dialog-titlebar{cursor:move} .ui-progressbar{height:2em;text-align:left;overflow:hidden} .ui-progressbar .ui-progressbar-value{margin:-1px;height:100%} .ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25} .ui-progressbar-indeterminate .ui-progressbar-value{background-image:none} .ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none} .ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px} .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0} .ui-selectmenu-open{display:block} .ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis} .ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em} .ui-selectmenu-icon.ui-icon{float:right;margin-top:0} .ui-slider{position:relative;text-align:left} .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;touch-action:none} .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0} .ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit} .ui-slider-horizontal{height:.8em} .ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em} .ui-slider-horizontal .ui-slider-range{top:0;height:100%} .ui-slider-horizontal .ui-slider-range-min{left:0} .ui-slider-horizontal .ui-slider-range-max{right:0} .ui-slider-vertical{width:.8em;height:100px} .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em} .ui-slider-vertical .ui-slider-range{left:0;width:100%} .ui-slider-vertical .ui-slider-range-min{bottom:0} .ui-slider-vertical .ui-slider-range-max{top:0} .ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle} .ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em} .ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0} .ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none} .ui-spinner-up{top:0} .ui-spinner-down{bottom:0} .ui-tabs{position:relative;padding:.2em} .ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0} .ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap} .ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none} .ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px} .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text} .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer} .ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none} .ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px} body .ui-tooltip{border-width:2px} /*! jQuery UI - v1.12.0 - 2016-09-13 * http://jqueryui.com * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-widget{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.1em} .ui-widget .ui-widget{font-size:1em} .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1em} .ui-widget.ui-widget-content{border:1px solid #dcd9de} .ui-widget-content{border:1px solid #7e7783;background:#3d3644 url('ui-bg_gloss-wave_30_3d3644_500x100.png') 50% top repeat-x;color:#fff} .ui-widget-content a{color:#fff} .ui-widget-header{border:1px solid #231d2b;background:#30273a url('ui-bg_highlight-soft_25_30273a_1x100.png') 50% 50% repeat-x;color:#fff;font-weight:bold} .ui-widget-header a{color:#fff} .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #dcd9de;background:#dcd9de url('ui-bg_highlight-soft_100_dcd9de_1x100.png') 50% 50% repeat-x;font-weight:bold;color:#665874} .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#665874;text-decoration:none} .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #d1c5d8;background:#eae6ea url('ui-bg_highlight-soft_100_eae6ea_1x100.png') 50% 50% repeat-x;font-weight:bold;color:#734d99} .ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#734d99;text-decoration:none} .ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)} .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #7e7783;background:#5f5964 url('ui-bg_highlight-soft_45_5f5964_1x100.png') 50% 50% repeat-x;font-weight:bold;color:#fff} .ui-icon-background,.ui-state-active .ui-icon-background{border:#7e7783;background-color:#fff} .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none} .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #ffdb1f;background:#fafafa;color:#333} .ui-state-checked{border:1px solid #ffdb1f;background:#fafafa} .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#333} .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #994d53;background:#994d53;color:#fff} .ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff} .ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff} .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold} .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal} .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none} .ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)} .ui-icon{width:16px;height:16px} .ui-icon,.ui-widget-content .ui-icon{background-image:url('ui-icons_ffffff_256x240.png')} .ui-widget-header .ui-icon{background-image:url('ui-icons_a8a3ae_256x240.png')} .ui-button .ui-icon{background-image:url('ui-icons_8d78a5_256x240.png')} .ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon,.ui-state-default .ui-icon{background-image:url('ui-icons_734d99_256x240.png')} .ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url('ui-icons_454545_256x240.png')} .ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url('ui-icons_8d78a5_256x240.png')} .ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url('ui-icons_ebccce_256x240.png')} .ui-icon-blank{background-position:16px 16px} .ui-icon-caret-1-n{background-position:0 0} .ui-icon-caret-1-ne{background-position:-16px 0} .ui-icon-caret-1-e{background-position:-32px 0} .ui-icon-caret-1-se{background-position:-48px 0} .ui-icon-caret-1-s{background-position:-65px 0} .ui-icon-caret-1-sw{background-position:-80px 0} .ui-icon-caret-1-w{background-position:-96px 0} .ui-icon-caret-1-nw{background-position:-112px 0} .ui-icon-caret-2-n-s{background-position:-128px 0} .ui-icon-caret-2-e-w{background-position:-144px 0} .ui-icon-triangle-1-n{background-position:0 -16px} .ui-icon-triangle-1-ne{background-position:-16px -16px} .ui-icon-triangle-1-e{background-position:-32px -16px} .ui-icon-triangle-1-se{background-position:-48px -16px} .ui-icon-triangle-1-s{background-position:-65px -16px} .ui-icon-triangle-1-sw{background-position:-80px -16px} .ui-icon-triangle-1-w{background-position:-96px -16px} .ui-icon-triangle-1-nw{background-position:-112px -16px} .ui-icon-triangle-2-n-s{background-position:-128px -16px} .ui-icon-triangle-2-e-w{background-position:-144px -16px} .ui-icon-arrow-1-n{background-position:0 -32px} .ui-icon-arrow-1-ne{background-position:-16px -32px} .ui-icon-arrow-1-e{background-position:-32px -32px} .ui-icon-arrow-1-se{background-position:-48px -32px} .ui-icon-arrow-1-s{background-position:-65px -32px} .ui-icon-arrow-1-sw{background-position:-80px -32px} .ui-icon-arrow-1-w{background-position:-96px -32px} .ui-icon-arrow-1-nw{background-position:-112px -32px} .ui-icon-arrow-2-n-s{background-position:-128px -32px} .ui-icon-arrow-2-ne-sw{background-position:-144px -32px} .ui-icon-arrow-2-e-w{background-position:-160px -32px} .ui-icon-arrow-2-se-nw{background-position:-176px -32px} .ui-icon-arrowstop-1-n{background-position:-192px -32px} .ui-icon-arrowstop-1-e{background-position:-208px -32px} .ui-icon-arrowstop-1-s{background-position:-224px -32px} .ui-icon-arrowstop-1-w{background-position:-240px -32px} .ui-icon-arrowthick-1-n{background-position:1px -48px} .ui-icon-arrowthick-1-ne{background-position:-16px -48px} .ui-icon-arrowthick-1-e{background-position:-32px -48px} .ui-icon-arrowthick-1-se{background-position:-48px -48px} .ui-icon-arrowthick-1-s{background-position:-64px -48px} .ui-icon-arrowthick-1-sw{background-position:-80px -48px} .ui-icon-arrowthick-1-w{background-position:-96px -48px} .ui-icon-arrowthick-1-nw{background-position:-112px -48px} .ui-icon-arrowthick-2-n-s{background-position:-128px -48px} .ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px} .ui-icon-arrowthick-2-e-w{background-position:-160px -48px} .ui-icon-arrowthick-2-se-nw{background-position:-176px -48px} .ui-icon-arrowthickstop-1-n{background-position:-192px -48px} .ui-icon-arrowthickstop-1-e{background-position:-208px -48px} .ui-icon-arrowthickstop-1-s{background-position:-224px -48px} .ui-icon-arrowthickstop-1-w{background-position:-240px -48px} .ui-icon-arrowreturnthick-1-w{background-position:0 -64px} .ui-icon-arrowreturnthick-1-n{background-position:-16px -64px} .ui-icon-arrowreturnthick-1-e{background-position:-32px -64px} .ui-icon-arrowreturnthick-1-s{background-position:-48px -64px} .ui-icon-arrowreturn-1-w{background-position:-64px -64px} .ui-icon-arrowreturn-1-n{background-position:-80px -64px} .ui-icon-arrowreturn-1-e{background-position:-96px -64px} .ui-icon-arrowreturn-1-s{background-position:-112px -64px} .ui-icon-arrowrefresh-1-w{background-position:-128px -64px} .ui-icon-arrowrefresh-1-n{background-position:-144px -64px} .ui-icon-arrowrefresh-1-e{background-position:-160px -64px} .ui-icon-arrowrefresh-1-s{background-position:-176px -64px} .ui-icon-arrow-4{background-position:0 -80px} .ui-icon-arrow-4-diag{background-position:-16px -80px} .ui-icon-extlink{background-position:-32px -80px} .ui-icon-newwin{background-position:-48px -80px} .ui-icon-refresh{background-position:-64px -80px} .ui-icon-shuffle{background-position:-80px -80px} .ui-icon-transfer-e-w{background-position:-96px -80px} .ui-icon-transferthick-e-w{background-position:-112px -80px} .ui-icon-folder-collapsed{background-position:0 -96px} .ui-icon-folder-open{background-position:-16px -96px} .ui-icon-document{background-position:-32px -96px} .ui-icon-document-b{background-position:-48px -96px} .ui-icon-note{background-position:-64px -96px} .ui-icon-mail-closed{background-position:-80px -96px} .ui-icon-mail-open{background-position:-96px -96px} .ui-icon-suitcase{background-position:-112px -96px} .ui-icon-comment{background-position:-128px -96px} .ui-icon-person{background-position:-144px -96px} .ui-icon-print{background-position:-160px -96px} .ui-icon-trash{background-position:-176px -96px} .ui-icon-locked{background-position:-192px -96px} .ui-icon-unlocked{background-position:-208px -96px} .ui-icon-bookmark{background-position:-224px -96px} .ui-icon-tag{background-position:-240px -96px} .ui-icon-home{background-position:0 -112px} .ui-icon-flag{background-position:-16px -112px} .ui-icon-calendar{background-position:-32px -112px} .ui-icon-cart{background-position:-48px -112px} .ui-icon-pencil{background-position:-64px -112px} .ui-icon-clock{background-position:-80px -112px} .ui-icon-disk{background-position:-96px -112px} .ui-icon-calculator{background-position:-112px -112px} .ui-icon-zoomin{background-position:-128px -112px} .ui-icon-zoomout{background-position:-144px -112px} .ui-icon-search{background-position:-160px -112px} .ui-icon-wrench{background-position:-176px -112px} .ui-icon-gear{background-position:-192px -112px} .ui-icon-heart{background-position:-208px -112px} .ui-icon-star{background-position:-224px -112px} .ui-icon-link{background-position:-240px -112px} .ui-icon-cancel{background-position:0 -128px} .ui-icon-plus{background-position:-16px -128px} .ui-icon-plusthick{background-position:-32px -128px} .ui-icon-minus{background-position:-48px -128px} .ui-icon-minusthick{background-position:-64px -128px} .ui-icon-close{background-position:-80px -128px} .ui-icon-closethick{background-position:-96px -128px} .ui-icon-key{background-position:-112px -128px} .ui-icon-lightbulb{background-position:-128px -128px} .ui-icon-scissors{background-position:-144px -128px} .ui-icon-clipboard{background-position:-160px -128px} .ui-icon-copy{background-position:-176px -128px} .ui-icon-contact{background-position:-192px -128px} .ui-icon-image{background-position:-208px -128px} .ui-icon-video{background-position:-224px -128px} .ui-icon-script{background-position:-240px -128px} .ui-icon-alert{background-position:0 -144px} .ui-icon-info{background-position:-16px -144px} .ui-icon-notice{background-position:-32px -144px} .ui-icon-help{background-position:-48px -144px} .ui-icon-check{background-position:-64px -144px} .ui-icon-bullet{background-position:-80px -144px} .ui-icon-radio-on{background-position:-96px -144px} .ui-icon-radio-off{background-position:-112px -144px} .ui-icon-pin-w{background-position:-128px -144px} .ui-icon-pin-s{background-position:-144px -144px} .ui-icon-play{background-position:0 -160px} .ui-icon-pause{background-position:-16px -160px} .ui-icon-seek-next{background-position:-32px -160px} .ui-icon-seek-prev{background-position:-48px -160px} .ui-icon-seek-end{background-position:-64px -160px} .ui-icon-seek-start{background-position:-80px -160px} .ui-icon-seek-first{background-position:-80px -160px} .ui-icon-stop{background-position:-96px -160px} .ui-icon-eject{background-position:-112px -160px} .ui-icon-volume-off{background-position:-128px -160px} .ui-icon-volume-on{background-position:-144px -160px} .ui-icon-power{background-position:0 -176px} .ui-icon-signal-diag{background-position:-16px -176px} .ui-icon-signal{background-position:-32px -176px} .ui-icon-battery-0{background-position:-48px -176px} .ui-icon-battery-1{background-position:-64px -176px} .ui-icon-battery-2{background-position:-80px -176px} .ui-icon-battery-3{background-position:-96px -176px} .ui-icon-circle-plus{background-position:0 -192px} .ui-icon-circle-minus{background-position:-16px -192px} .ui-icon-circle-close{background-position:-32px -192px} .ui-icon-circle-triangle-e{background-position:-48px -192px} .ui-icon-circle-triangle-s{background-position:-64px -192px} .ui-icon-circle-triangle-w{background-position:-80px -192px} .ui-icon-circle-triangle-n{background-position:-96px -192px} .ui-icon-circle-arrow-e{background-position:-112px -192px} .ui-icon-circle-arrow-s{background-position:-128px -192px} .ui-icon-circle-arrow-w{background-position:-144px -192px} .ui-icon-circle-arrow-n{background-position:-160px -192px} .ui-icon-circle-zoomin{background-position:-176px -192px} .ui-icon-circle-zoomout{background-position:-192px -192px} .ui-icon-circle-check{background-position:-208px -192px} .ui-icon-circlesmall-plus{background-position:0 -208px} .ui-icon-circlesmall-minus{background-position:-16px -208px} .ui-icon-circlesmall-close{background-position:-32px -208px} .ui-icon-squaresmall-plus{background-position:-48px -208px} .ui-icon-squaresmall-minus{background-position:-64px -208px} .ui-icon-squaresmall-close{background-position:-80px -208px} .ui-icon-grip-dotted-vertical{background-position:0 -224px} .ui-icon-grip-dotted-horizontal{background-position:-16px -224px} .ui-icon-grip-solid-vertical{background-position:-32px -224px} .ui-icon-grip-solid-horizontal{background-position:-48px -224px} .ui-icon-gripsmall-diagonal-se{background-position:-64px -224px} .ui-icon-grip-diagonal-se{background-position:-80px -224px} .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px} .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px} .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px} .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px} .ui-widget-overlay{background:#eee;opacity:.8;filter:Alpha(Opacity=80)} .ui-widget-shadow{box-shadow:-4px -4px 4px #aaa} /*! * * simple-keyboard v2.27.44 * https://github.com/hodgef/simple-keyboard * * Copyright (c) Francisco Hodge (https://github.com/hodgef) * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * */ body,html{margin:0;padding:0} .simple-keyboard{font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;width:100%;-webkit-user-select:none;user-select:none;box-sizing:border-box;overflow:hidden;touch-action:manipulation} .simple-keyboard .hg-row{display:flex} .simple-keyboard .hg-row:not(:last-child){margin-bottom:5px} .simple-keyboard .hg-row .hg-button-container,.simple-keyboard .hg-row .hg-button:not(:last-child){margin-right:5px} .simple-keyboard .hg-row>div:last-child{margin-right:0} .simple-keyboard .hg-row .hg-button-container{display:flex} .simple-keyboard .hg-button{display:inline-block;flex-grow:1;cursor:pointer} .simple-keyboard .hg-button span{pointer-events:none} .simple-keyboard.hg-theme-default{background-color:rgba(0,0,0,.1);padding:5px;border-radius:5px} .simple-keyboard.hg-theme-default .hg-button{box-shadow:0 0 3px -1px rgba(0,0,0,.3);height:40px;border-radius:5px;box-sizing:border-box;padding:5px;background:#fff;border-bottom:1px solid #b5b5b5;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(0,0,0,0)} .simple-keyboard.hg-theme-default .hg-button.hg-activeButton{background:#efefef} .simple-keyboard button.hg-button{border-width:0;outline:0;font-size:inherit} .simple-keyboard.hg-theme-default.hg-layout-numeric .hg-button{width:33.3%;height:60px;align-items:center;display:flex;justify-content:center} .simple-keyboard.hg-theme-default .hg-button.hg-button-numpadadd,.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadenter{height:85px} .simple-keyboard.hg-theme-default .hg-button.hg-button-numpad0{width:105px} .simple-keyboard.hg-theme-default .hg-button.hg-button-com{max-width:85px} .simple-keyboard.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px} .simple-keyboard.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff} .simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px} .simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px} .vld-overlay{bottom:0;left:0;position:absolute;right:0;top:0;align-items:center;display:none;justify-content:center;overflow:hidden;z-index:1} .vld-overlay.is-active{display:flex} .vld-overlay.is-full-page{z-index:999;position:fixed} .vld-overlay .vld-background{bottom:0;left:0;position:absolute;right:0;top:0;background:#fff;opacity:.5} .vld-overlay .vld-icon,.vld-parent{position:relative} button[data-v-49ad88f0]{background-repeat:no-repeat;background-size:contain;cursor:pointer;min-width:20px} .disabled[data-v-49ad88f0]{opacity:.3} .size-small[data-v-49ad88f0]{margin-top:15px;width:30px;height:30px} .size-medium[data-v-49ad88f0]{width:40px;height:40px} .size-extra-medium[data-v-49ad88f0]{width:35px;height:35px} .size-rectangular[data-v-49ad88f0]{width:60px;height:40px;margin-top:15px} .tooltip[data-v-49ad88f0]:before{content:attr(data-tooltip);font-size:1em;position:absolute;z-index:999;white-space:nowrap;bottom:9999px;background:#9cc9d5;color:#000;padding:0 7px;line-height:24px;height:24px;border-radius:10px;opacity:0;transition:opacity .4s ease-out;transition-delay:1s;transform:translateX(-50%)} .tooltip[data-v-49ad88f0]:hover:before{opacity:1;bottom:-35px} .margin-top[data-v-49ad88f0]{margin-top:10px} .app-toolbar[data-v-960f2c3a]{background-color:#41729c;width:100%;z-index:300;display:flex;flex-direction:row} .top[data-v-960f2c3a]{position:absolute;top:0} .bottom[data-v-960f2c3a]{position:absolute;bottom:0} select[data-v-56e38b12]:focus{outline:none;background-color:transparent;box-shadow:0 0 0 transparent;border:0 solid transparent;text-shadow:0 0 0 transparent} select[data-v-56e38b12]:hover{cursor:pointer} select.soflow-color[data-v-56e38b12],select.soflow[data-v-56e38b12]{-webkit-appearance:button;-webkit-border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-padding-end:20px;-webkit-padding-start:2px;-webkit-user-select:none;background-image:@/assets/bg-caret-1.png,-webkit-linear-gradient(#fafafa,#f4f4f4 40%,#e5e5e5);background-position:97%;background-repeat:no-repeat;border:1px solid #aaa;color:#555;overflow:hidden;padding:5px 10px;text-overflow:ellipsis;white-space:nowrap} select.borderless[data-v-56e38b12]{color:#d3f6ff;-webkit-border-radius:0;-webkit-box-shadow:none;background:#41729c url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAoCAYAAACPQCMpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACTgAAAk4AY+aUcMAAAJASURBVHhe7du/axRhEMbxmYtFsquFf0RAvONCKiuxT0iRKqhFqlSWwdJeEMTWSgI2gmBhZxFMmSZFfoClhWAnhuBdErx9nXPfyHHJ3e0lx2Zlvp9m33d2ufJh5t5dDSEIAHhUi1cAcIcABOAWAQjALQIQgFsEIAC3CEAAbhGAANwiAAG4RQACcIsABOAWAQjALb4FBlA6VY2r8vVmHh0gALcIQABuMQIDKF3/CHxwFOrZlHyw5WxeubKWRdvLZqrP4v4fRmAAlZLV5LFdJhV+XYll7FMLu6F/NhKAAK5dJvLeLu18NyFB3lqnOXTEJQABXLu5VHcsqlZs2ckrV/Z5OpEncT0QAQigEhqpfgxhdGiNpLL/+0SWZ1VPYmUgAhBAZTRTfa0iz+P2Mr7Z6Lswf1t/xv1QnAIDKN2wF6G7Bxd7LXljj6zGUjEqh6Ej95s3dS9WLsQpMIDK6h5cnCayZp3cp1gq4jgTWRoVfv3oAAGUrsincF9CuHXali17cj6WBsmsk1upJ9o9SR6JDhBA5d1RPboRZNEC8GssXcjurxcNv34EIIDKupvq9zAlC7b8kVfOedFI9FVcj40RGEDpiozAvQ5a4V4msmnLJK/89a4xI4/st+xWcYzAAP4rNuJu14I8tOXZi9Jb0zOyOm749aMDBFC6cTvAM7vt8KCWSb2TyMac6q9YHktv5hGAAEp32QCcBEZgADB0gADcogME4BYBCMAtAhCAWwQgALcIQABuEYAA3CIAAbhFAAJwSuQPRO+Kn8g+3VYAAAAASUVORK5CYII=) no-repeat 97%;border:none} select.soflow-color[data-v-56e38b12]{color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAoCAYAAACPQCMpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACTgAAAk4AY+aUcMAAAJASURBVHhe7du/axRhEMbxmYtFsquFf0RAvONCKiuxT0iRKqhFqlSWwdJeEMTWSgI2gmBhZxFMmSZFfoClhWAnhuBdErx9nXPfyHHJ3e0lx2Zlvp9m33d2ufJh5t5dDSEIAHhUi1cAcIcABOAWAQjALQIQgFsEIAC3CEAAbhGAANwiAAG4RQACcIsABOAWAQjALb4FBlA6VY2r8vVmHh0gALcIQABuMQIDKF3/CHxwFOrZlHyw5WxeubKWRdvLZqrP4v4fRmAAlZLV5LFdJhV+XYll7FMLu6F/NhKAAK5dJvLeLu18NyFB3lqnOXTEJQABXLu5VHcsqlZs2ckrV/Z5OpEncT0QAQigEhqpfgxhdGiNpLL/+0SWZ1VPYmUgAhBAZTRTfa0iz+P2Mr7Z6Lswf1t/xv1QnAIDKN2wF6G7Bxd7LXljj6zGUjEqh6Ej95s3dS9WLsQpMIDK6h5cnCayZp3cp1gq4jgTWRoVfv3oAAGUrsincF9CuHXali17cj6WBsmsk1upJ9o9SR6JDhBA5d1RPboRZNEC8GssXcjurxcNv34EIIDKupvq9zAlC7b8kVfOedFI9FVcj40RGEDpiozAvQ5a4V4msmnLJK/89a4xI4/st+xWcYzAAP4rNuJu14I8tOXZi9Jb0zOyOm749aMDBFC6cTvAM7vt8KCWSb2TyMac6q9YHktv5hGAAEp32QCcBEZgADB0gADcogME4BYBCMAtAhCAWwQgALcIQABuEYAA3CIAAbhFAAJwSuQPRO+Kn8g+3VYAAAAASUVORK5CYII=),-webkit-linear-gradient(#779126,#779126 40%,#779126);background-color:#779126;border-radius:20px;padding-left:15px} select[data-v-56e38b12]{font-family:SourceSansPro-Regular;font-size:1.5em} select[data-v-56e38b12]:-moz-focusring{color:transparent;text-shadow:0 0 0 #000} .info[data-v-1c1c879b]{margin-top:10px;width:2cm;height:1cm;background-size:contain;cursor:default;color:#add8e6;display:flex;align-items:center;justify-content:center;font-size:large;border:1px solid #add8e6} .info-coordinates[data-v-1c1c879b]{width:3cm} .flex-right[data-v-39d4763f]{flex-direction:row-reverse} .flex-left[data-v-39d4763f],.flex-right[data-v-39d4763f]{display:flex;-webkit-box-orient:horizontal;flex-grow:0;flex-shrink:1} .flex-left[data-v-39d4763f],.flex-middle[data-v-39d4763f]{flex-direction:row} .flex-middle[data-v-39d4763f]{-webkit-box-orient:horizontal;display:flex;flex-grow:1;flex-shrink:1;justify-content:center} .margin-right[data-v-39d4763f]{margin-right:auto} .margin-left[data-v-39d4763f]{margin-left:auto} .split-bar[data-v-12acc98c]{cursor:col-resize;width:10px;height:100%;position:absolute;left:80%;background-color:#41729c;z-index:600} .split-bar[data-v-12acc98c]:hover{box-shadow:8px 0 8px -10px #000,-8px 0 8px -10px #000} .scale-up-center{animation:scale-up-center 1.2s cubic-bezier(.39,.575,.565,1) both} .keyboardContainer{touch-action:none;display:flex;justify-content:center;margin:0 auto;border-radius:5px;z-index:300;background-color:#a9a9a9} .simple-keyboard.hg-theme-default{display:inline-block} .simple-keyboard-main.simple-keyboard{background:none;z-index:300} .simple-keyboard .hg-button.emptySpace{pointer-events:none;background:none;border:none;box-shadow:none} .keyboardControls{display:flex;align-items:center;justify-content:center;z-index:300} .flex-center{max-width:50%} .simple-keyboard-control.simple-keyboard{background:none;z-index:300} .simple-keyboard-control .hg-button{flex-grow:0;justify-content:center;align-items:center} .numPad,.simple-keyboard-control .hg-button{display:flex} .numPad{align-items:flex-end} .simple-keyboard-numpad.simple-keyboard{background:none;z-index:300} .simple-keyboard-numpad.simple-keyboard .hg-button{justify-content:center;display:flex;align-items:center} .simple-keyboard-numpadEnd.simple-keyboard{background:none;margin:0;padding:5px 5px 5px 0;z-index:300} .simple-keyboard-numpadEnd.simple-keyboard .hg-button{align-items:center;justify-content:center;display:flex} .simple-keyboard-numpadEnd .hg-button.hg-standardBtn.hg-button-plus,.simple-keyboard-numpadEnd.simple-keyboard .hg-button.hg-button-enter{height:85px} .simple-keyboard-numpadExp.simple-keyboard{background:none;margin:0;padding:5px 5px 5px 0;z-index:300} .simple-keyboard-numpadExp.simple-keyboard .hg-button{align-items:center;justify-content:center;display:flex} .simple-keyboard-numpadExp.hg-button.hg-standardBtn.hg-button-plus,.simple-keyboard-numpadExp.simple-keyboard .hg-button.hg-button-enter{height:85px} .simple-keyboard.hg-theme-default .hg-button.hg-theme-special{background-color:#989898} .simple-keyboard.hg-theme-default .hg-button.hg-theme-math-symbol-bg_color{background-color:#9fc9d4} .hg-theme-math-symbol{font-family:STIXGeneral;font-style:italic} .hg-button.hg-functionBtn.hg-button-space{width:300px} .hg-theme-numeric{width:20px} .hg-button-arrowup{margin-right:39px} .controls-fillspace{height:70px} .simple-keyboard.hg-theme-default .hg-button:active{background:#e4e4e4} .simple-keyboard-numpad:first-child{display:none} .simple-keyboard .myArrowBtns{max-width:35px} [data-skuid*=-r3c0]{flex-flow:column;width:30px;font-size:8pt} .hg-button.hg-functionBtn.hg-button-arrowdown,.hg-button.hg-functionBtn.hg-button-arrowup{font-size:8pt} .simple-keyboard .hg-button-container[data-skuid*=-r3c0] .hg-button{height:18px;width:100%} [data-skuid*=-r2c0]{flex-flow:column;width:36px} .simple-keyboard .hg-button-container[data-skuid*=-r2c0] .hg-button{height:18px;width:100%} .hg-button.hg-standardBtn{width:30px;font-size:14pt} .hg-button.hg-standardBtn:active,.hg-button.hg-standardBtn:focus{box-shadow:0 0 10px 15px rgba(65,114,156,.3)} .hg-button.hg-functionBtn{width:30px;font-size:14pt} .hg-button.hg-theme-fct{font-size:10pt;width:30px} .hg-theme-math-set{font-family:STIXGeneral} .simple-keyboard.hg-theme-default .hg-button.hg-theme-shift-alt-on{background-color:#41729c} .simple-keyboard button.hg-button{font-size:12pt} .fade-enter-active,.fade-leave-active{transition:opacity .1s} .keyboard-toggle-button{z-index:180;touch-action:none} .fade-enter-active,.fade-leave-active{transition:opacity .2s} .fade-enter,.fade-leave-to{opacity:0} .keyboardContainer{padding:10px} .hg-button.hg-functionBtn.hg-button-backspace{font-size:12pt} .simple-keyboard.hg-theme-default .hg-button{height:var(--hg-button-height);background-color:hsla(0,0%,100%,.9)} .simple-keyboard.hg-theme-default .hg-button.hg-button-backspace-simple1{background-color:rgba(255,0,0,.9)} .simple-keyboard.hg-theme-default .hg-button.hg-button-enter-simple1{background-color:rgba(0,255,0,.9)} .simple-keyboard.hg-theme-default .hg-button.hg-button-fontsize-lg{font-size:24pt} .simple-keyboard.hg-theme-default .hg-button.hg-button-none{visibility:hidden} .simple-keyboard-close-btn{position:absolute;right:0;top:0;margin-right:-20px;margin-top:-20px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;background-color:#a9a9a9} .simple-keyboard-close-btn>svg{opacity:.9} @keyframes scale-up-center{0%{transform:scale(.5)}to{transform:scale(1)}} .choosable[data-v-586590c4],.clickable[data-v-586590c4]{cursor:pointer} .slider[data-v-586590c4]{position:absolute;height:22px} .slider__vertical[data-v-586590c4]{transform:translateY(-50%) translateX(-50%) rotate(-90deg) translateX(-50%) translateY(50%) rotateY(180deg)} .slider_bar[data-v-586590c4]{position:absolute;border-radius:4px;height:5px;border:1px solid #9e9e9e} .slider_bar_container[data-v-586590c4]{width:100%;background-color:#fff} .slider_cursor[data-v-586590c4]{position:absolute;top:5px;height:20px;width:15px;background-color:#00f;background:url('slider_cursor.429476a1.svg') no-repeat;background-size:cover;cursor:pointer;transform:translate(-50%,-50%)} .slider_cursor[data-v-586590c4]:hover,.slider_cursor__hover[data-v-586590c4]{background:url('slider_cursor_hovered.ce36bd84.svg') no-repeat;background-size:cover} .slider_tick[data-v-586590c4]{position:absolute;top:15px;height:7px;width:1px;background-color:#000} .mcqChoice[data-v-51850ade]{position:absolute;cursor:pointer} .cabri-text{position:absolute;z-index:10;pointer-events:all;display:flex;outline:none;transform-origin:top left} p{margin:0;padding:0;white-space:inherit;-webkit-user-select:inherit;user-select:inherit} .menububble{position:absolute;display:flex;z-index:20;background:#40729c;border-radius:5px;padding:.3rem;margin-bottom:.5rem;transform:translateX(-50%);visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s} .menububble.is-active{opacity:1;visibility:visible} .menububble__button{display:inline-flex;background:transparent;border:0;color:#fff;padding:.2rem .5rem;margin-right:.2rem;border-radius:3px;cursor:pointer} .menububble__button:last-child{margin-right:0} .menububble__button:hover{background-color:hsla(0,0%,100%,.1)} .menububble__button.is-active{background-color:hsla(0,0%,100%,.2)} .menububble__form{display:flex;align-items:center} .menububble__input{font:inherit;border:none;background:transparent;color:#fff} .inert{pointer-events:none;cursor:inherit} .ProseMirror:focus{outline:none} .resize-angle{width:20px;height:20px;position:absolute;bottom:0;right:0;background-size:contain} .resize-angle:hover{cursor:se-resize} .resize-border{position:absolute;border:2px dashed #41729c;margin:-4px} .expression{margin-left:-2px;margin-top:-3px;padding-left:6px;padding-top:6px;padding-right:3px} sub,sup{vertical-align:baseline;position:relative;top:-.4em} sub{top:.4em} .menu-border-left{border-left:1px solid #3b3b3b} .flexCenter{display:flex;align-items:center} .editor-content>.ProseMirror{-webkit-user-select:inherit;user-select:inherit;white-space:inherit} .VueTextbox{line-height:1.1;padding:6px 6px 6px} .VueNote{border-style:solid;border-width:1px;padding:4px;margin-top:-6px;margin-left:-6px;box-shadow:0 0 8px #888;cursor:text;overflow:hidden} .mathia-text-reverse1{transform:scaleY(-1)} .mathia-text-reverse2{transform:scaleX(-1)} .zdr-placeholder{color:#696969;pointer-events:none;font-family:Times New Roman,serif} .select-editable{position:relative;background-color:#fff;border:1px solid grey;width:120px;height:18px} .select-editable select{position:absolute;top:0;left:0;font-size:14px;border:none;width:120px;margin:0} .select-editable input{position:absolute;top:0;left:0;width:100px;padding:1px;font-size:12px;border:none} .select-editable input:focus,.select-editable select:focus{outline:none} .Note{border-style:solid;border-width:1px;padding:4px;box-shadow:0 0 8px #888;cursor:text;overflow:hidden} .Textbox{padding-left:4px;padding-top:5px;padding-bottom:4px;line-height:1.1} .ZDR{display:flex;border-style:solid;border-width:var(--zdrBorder);border-color:#000;padding-left:var(--zdrPadding);padding-bottom:var(--zdrPadding);margin:var(--zdrMarging);border-radius:8px;vertical-align:middle;cursor:default;overflow:hidden;white-space:nowrap} .RECT{border-radius:0!important} .RECT,.RECT_AR1{border-width:3px} .RECT_AR1{border-radius:8px!important} .RECT_AR2{border-radius:16px!important;border-width:3px} .DEMI_CIR{border-radius:50px!important;border-width:3px} .ZDR.hilite>span,.ZDR>svg{pointer-events:none} .ZDR:focus{outline:unset;box-shadow:0 0 .1cm .05cm var(--selectionColor)} .custom-trigger[data-v-3ea1bff3]{background-size:contain;background-repeat:no-repeat} .appColor[data-v-3ea1bff3]{display:flex} .alpha-slider[data-v-3ea1bff3]{width:100%;min-width:100px;margin-left:5px} .icon[data-v-3ea1bff3]{width:20px;height:20px;margin-right:5px;background-size:contain;background-position:50%} fieldset[disabled] .vue-swatches{pointer-events:none} .vue-swatches{position:relative;outline:none} .vue-swatches__trigger{display:inline-block;cursor:pointer} .vue-swatches__trigger.vue-swatches--is-empty{border:2px solid #ccc} .vue-swatches__container{box-sizing:content-box;padding:5px} .vue-swatches__container:not(.vue-swatches--inline){position:absolute;display:block;overflow:auto;border-radius:5px;box-shadow:0 2px 3px hsla(0,0%,4%,.2),0 0 0 1px hsla(0,0%,4%,.2);z-index:50} .vue-swatches__wrapper{background-color:inherit} .vue-swatches__row{font-size:0} .vue-swatches-show-hide-enter-active,.vue-swatches-show-hide-leave-active{transition:all .3s ease} .vue-swatches-show-hide-enter,.vue-swatches-show-hide-leave-active{opacity:0} .vue-swatches__swatch{position:relative;font-size:0} .vue-swatches__swatch:focus,.vue-swatches__swatch:hover{opacity:.9;outline:none} .vue-swatches__swatch.vue-swatches__swatch--border,.vue-swatches__swatch.vue-swatches__swatch--selected,.vue-swatches__swatch:focus,.vue-swatches__swatch:hover{box-shadow:inset 0 0 2px rgba(0,0,0,.75)} .vue-swatches__check__wrapper{position:absolute;width:100%;height:100%} .vue-swatches__check__circle{width:21px;height:21px;border-radius:50%;background-color:rgba(0,0,0,.15)} .vue-swatches__check__path{fill:#fff} .vue-swatches--has-children-centered{display:flex;align-items:center;justify-content:center} .mcqChoice[data-v-5c1cb026]{cursor:pointer;width:100%} .box[data-v-5c1cb026]{justify-items:center} .box[data-v-5c1cb026],.feedBtn[data-v-1947e0de]{display:flex;align-items:center} .feedBtn[data-v-1947e0de]{z-index:100;position:absolute;right:0;top:12%;justify-content:center;height:10.4vmin;width:6.1vmin;background:#15213f;border-radius:5px 0 0 5px;pointer-events:all} .feedBtn[data-v-1947e0de]:hover{cursor:pointer;box-shadow:0 2px 5px 0 rgba(0,0,0,.4)} .btnIcone[data-v-1947e0de]{position:absolute;right:10%;bottom:20.55%;pointer-events:none} .curl-container[data-v-62871e6e]{position:absolute;bottom:0;right:0;display:flex;flex-direction:row;width:0;height:0;transition:all .8s ease;pointer-events:all;box-shadow:-4px -4px 11px -4px rgba(0,0,0,.4)} .curl-back[data-v-62871e6e]{z-index:11;flex:1 0 50%;clip-path:polygon(100% 100%,0 100%,100% 0);-webkit-clip-path:polygon(100% 100%,0 100%,100% 0);margin-left:-100%;background-color:var(--borderColor)} .curl-front[data-v-62871e6e]{z-index:13;flex:1 0 50%;clip-path:polygon(100% 0,0 100%,0 0);-webkit-clip-path:polygon(100% 0,0 100%,0 0);background:linear-gradient(135deg,#fff,#f5f5f5 40%,#c8c8c8 45%,#a9a9a9 50%);transition:all .5s ease} .curl-hover[data-v-62871e6e]{width:25vmin;height:25vmin} .first-curl-animate[data-v-62871e6e]{width:17vmin;height:17vmin} .fab[data-v-62871e6e]{opacity:0;display:flex;position:absolute;right:2%;bottom:2%;justify-content:center;align-items:center;pointer-events:all;z-index:12;width:10vmin;height:10vmin;border-radius:50%;font-size:25px;color:#fff;transition:all .1s ease-in-out} .fab--enabled[data-v-62871e6e]:hover,.fab[data-v-62871e6e]{box-shadow:0 2px 5px 0 rgba(0,0,0,.4)} .fab--enabled[data-v-62871e6e]:hover{transition:all .2s ease-in-out;transform:scale(1.2);cursor:pointer} .fab>svg[data-v-62871e6e]{font-size:10vmin} .fab--small[data-v-62871e6e]{right:1%;bottom:1%;width:6vmin;height:6vmin} .fab--small>svg[data-v-62871e6e]{font-size:6vmin} .disabled[data-v-62871e6e]{opacity:.3} .fade-in[data-v-62871e6e]{opacity:1;animation-name:fadeInOpacity-data-v-62871e6e;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:2s} @keyframes fadeInOpacity-data-v-62871e6e{0%{opacity:0}to{opacity:1}} .pastille[data-v-0e6400f2]{position:absolute;z-index:20;pointer-events:all;display:flex;outline:none;transform-origin:top left} .top-container img[data-v-0e6400f2]{width:100%;height:auto!important;position:absolute;z-index:1} .toolbar-toggle[data-v-808157b0]{bottom:0;width:10%;height:10%} .app-info-toggle[data-v-808157b0],.toolbar-toggle[data-v-808157b0]{pointer-events:all;position:absolute;right:0;background:transparent;z-index:99} .app-info-toggle[data-v-808157b0]{top:0;width:5%;height:5%} .app-info[data-v-808157b0]{position:absolute;top:0;left:0;width:5%;height:5%;z-index:99;color:#fff;background-color:#000} .holo-view[data-v-808157b0]{position:absolute;width:100%;height:100%;top:0;left:0} .holo-view-3[data-v-808157b0]{clip-path:polygon(15% 0,50% 50%,85% 0)} .holo-view-2[data-v-808157b0]{clip-path:polygon(15% 0,50% 50%,15% 100%)} .holo-view-1[data-v-808157b0]{clip-path:polygon(15% 100%,50% 50%,85% 100%)} .holo-view-4[data-v-808157b0]{clip-path:polygon(85% 0,50% 50%,85% 100%)} .frame[data-v-5610d0f0]{position:absolute;display:flex;border-style:solid;border-radius:10px;padding:10px} .success[data-v-5610d0f0]{background-color:#fedb80} .error[data-v-5610d0f0]{background-color:#fc8080} .arrow_box[data-v-5610d0f0]:after,.arrow_box[data-v-5610d0f0]:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none} .arrow_box[data-v-5610d0f0]:after{border-color:rgba(156,201,213,0);border-bottom-color:#9cc9d5;border-width:10px;margin-left:-10px} .arrow_box[data-v-5610d0f0]:before{border-color:rgba(85,113,125,0);border-bottom-color:#55717d;border-width:11px;margin-left:-11px} .ui-font-style[data-v-5610d0f0]{font-family:SourceSansPro-Regular;font-size:16px} .app-choice[data-v-98d82da8]{background:none;background-color:#9cc9d5} .app-choice[data-v-98d82da8],.app-edit[data-v-57ce66b5]{border:none;border-bottom:1px solid #55717d;-webkit-appearance:none;appearance:none;outline:none} .app-edit[data-v-57ce66b5]{border-radius:0;padding:0;background:none} .object-properties[data-v-b87b7b94]{transform:translate(-50%)} .column[data-v-b87b7b94],.row[data-v-b87b7b94]{display:flex} .column[data-v-b87b7b94]{flex-direction:column} .row_reverse[data-v-b87b7b94]{flex-direction:row-reverse} .marginRight[data-v-b87b7b94]{margin-right:20px} .marginTop[data-v-b87b7b94]{margin-top:10px} .center[data-v-b87b7b94]{justify-content:center} .v-enter[data-v-b87b7b94]{opacity:0} .v-enter-active[data-v-b87b7b94]{transition:opacity .5s} .v-leave-active[data-v-b87b7b94]{transition:opacity .5s;opacity:0} .option-row[data-v-b87b7b94]{display:flex} .option-row-elt[data-v-b87b7b94]{width:15px;height:15px;margin-left:3px;background-color:red} .menububble__button[data-v-b87b7b94]{display:inline-flex;background:transparent;border:0;color:#fff;padding:.2rem .5rem;margin-right:.2rem;border-radius:3px;cursor:pointer} .menububble__button[data-v-b87b7b94]:focus{outline:none} .menububble__button[data-v-b87b7b94]:last-child{margin-right:0} .menububble__button[data-v-b87b7b94]:hover{background-color:hsla(0,0%,100%,.1)} .menububble__button.is-active[data-v-b87b7b94]{background-color:hsla(0,0%,100%,.404)} .size-s[data-v-b87b7b94]{width:30px;height:30px} .app-frame[data-v-18656f78]{position:absolute;top:20px;left:50%;transform:translate(-50%)} h1[data-v-18656f78]{font-size:1.5em;font-family:SourceSansPro-Regular} input[data-v-18656f78]{border-radius:0;padding-left:5px;padding-right:5px} .column[data-v-18656f78],.row[data-v-18656f78]{display:flex} .column[data-v-18656f78]{flex-direction:column} .v-enter[data-v-18656f78]{opacity:0} .v-enter-active[data-v-18656f78]{transition:opacity 1s;animation:slide-in-data-v-18656f78 1s ease-out forwards} .v-leave-active[data-v-18656f78]{transition:opacity 1s;opacity:0;animation:slide-out-data-v-18656f78 1s ease-out forwards} @keyframes slide-in-data-v-18656f78{0%{transform:translate(-50%,-50px)}to{transform:translate(-50%)}} @keyframes slide-out-data-v-18656f78{0%{transform:translate(-50%)}to{transform:translate(-50%,-50px)}} .screen[data-v-57558792]{position:fixed;right:0;top:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)} .app-frame[data-v-57558792]{position:absolute;display:flex;flex-direction:column;width:50%;height:80%;left:25%;top:10%} .license[data-v-57558792]{width:100%;flex-grow:1;background-color:#fff;overflow-y:scroll;border-radius:5px} .app-button[data-v-57558792]{text-align:center;height:5em;margin:10px 0 0;padding:8px} .screen[data-v-7d550664]{position:fixed;right:0;top:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)} .app-frame[data-v-7d550664]{position:absolute;display:flex;flex-direction:column;width:80%;height:80%;left:10%;top:10%} .license[data-v-7d550664]{width:100%;flex-grow:1;background-color:#fff;overflow-y:scroll;border-radius:5px} .app-button[data-v-7d550664]{text-align:center;height:5em;margin:10px 0 0;padding:8px} .the-message[data-v-a0c9af06]{position:absolute;top:20px;left:50%;transform:translate(-50%)} .text[data-v-a0c9af06]{color:#000;text-align:center;vertical-align:middle} .message-button[data-v-a0c9af06]{margin-left:10px} .v-enter[data-v-a0c9af06]{opacity:0} .v-enter-active[data-v-a0c9af06]{transition:opacity 1s;animation:slide-in-data-v-a0c9af06 1s ease-out forwards} .v-leave-active[data-v-a0c9af06]{transition:opacity 1s;opacity:0;animation:slide-out-data-v-a0c9af06 1s ease-out forwards} @keyframes slide-in-data-v-a0c9af06{0%{transform:translate(-50%,-50px)}to{transform:translate(-50%)}} @keyframes slide-out-data-v-a0c9af06{0%{transform:translate(-50%)}to{transform:translate(-50%,-50px)}} .screen[data-v-74784826]{position:fixed;right:0;top:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)} .feedback[data-v-74784826]{flex:1;background-color:#fff;border-radius:5px;padding:8px;font-family:sans-serif,Arial;font-size:16pt} .app-frame[data-v-74784826]{position:absolute;display:flex;flex-direction:row;width:auto;min-width:300px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)} .image[data-v-74784826]{height:200px;margin-right:10px} .content[data-v-74784826]{display:flex;flex-direction:column;align-items:center} .app-button[data-v-74784826]{text-align:center;width:50%;margin:10px 0 0;padding:8px;background-color:#0e7aa1;font-size:18pt;color:#fff} .setting[data-v-4727d342]{background-color:#fff;color:#373737;box-shadow:0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);padding:20px;margin:10px} .setting img[data-v-4727d342]{width:78px;margin-right:15px} .setting small[data-v-4727d342]{font-size:14px;color:#657786} .box[data-v-4727d342]{display:flex;flex-direction:row;flex:1} .blue[data-v-4727d342]{color:#2fabfd} .gray[data-v-4727d342]{color:#aeb0b2} .white[data-v-4727d342]{color:#fff;text-align:center} .image[data-v-4727d342]{flex-basis:20%;display:flex;align-items:center;justify-content:center} .article[data-v-4727d342]{padding-left:10px} .article[data-v-4727d342],.content[data-v-4727d342]{flex-direction:column;flex-basis:80%} .article[data-v-4727d342],.content-primary[data-v-4727d342],.content-secondary[data-v-4727d342],.content[data-v-4727d342]{display:flex} .description[data-v-4727d342]{flex-basis:70%;flex-grow:0;flex-shrink:0} .actions[data-v-4727d342]{display:flex;flex-direction:column;flex-basis:20%;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0} .required[data-v-4727d342]{align-self:center;padding-top:10px;font-weight:700;font-size:small} strong[data-v-7a290069]{font-weight:800} p[data-v-7a290069]{line-height:1.2} p+p[data-v-7a290069]{margin-top:5px} button[data-v-7a290069]{background-color:#43c594;border:0;color:#fff;padding:15px 20px;font-size:18px;text-transform:uppercase;cursor:pointer} button[data-v-7a290069]:focus{outline:none} button.selected[data-v-7a290069]{background-color:#2c8f6a} #app[data-v-7a290069]{max-width:600px;margin:30px auto} .view[data-v-7a290069]{margin-bottom:20px} .view button+button[data-v-7a290069]{margin-left:6px} .app-frame[data-v-7a290069]{position:absolute;display:flex;flex-direction:column;width:50%;height:80%;left:25%;top:10%} .settings[data-v-7a290069]{width:100%;flex-grow:1;background-color:#dfedf1;overflow-y:scroll;border-radius:5px} .app-button[data-v-7a290069]{text-align:center;height:5em;margin:10px 0 0;padding:8px} .screen[data-v-7a290069]{font-family:SourceSansPro-Regular;position:fixed;right:0;top:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)} .app-shadow[data-v-7a290069]{box-shadow:0 0 24px #444} .sticky[data-v-7a290069]{position:sticky;width:100%;top:0;z-index:400;display:flex;align-items:flex-start;justify-content:flex-start;background-color:#dfedf1} #info-icon[data-v-7a290069]{cursor:help} .info-msg[data-v-7a290069]{border-left:medium #2fabfd;font-size:small} /*!*left: 50%*!;*/ /*!*max-width:100%;*!*/ /*!*bottom: -35px;*!*/ .action-buttons{z-index:180;touch-action:none} .app-shadow{box-shadow:0 0 24px #444} .app-button{border:1px solid #55717d;border-radius:5px;background-color:#fedb80;cursor:pointer} .app-button:active{box-shadow:0 0 15px #fedb80} .response{font-size:16pt;margin:20px;border-left:#15213f;border-left-width:2px;border-left-style:outset;padding-left:10px} .response-bold{font-weight:700} #feedbackPanel{position:absolute;overflow:scroll;bottom:0} .hovered{border:2px solid;border-color:#876ffd;margin-left:-4px;height:99.6%} .focused{border:1px solid;border-color:#876ffd;margin-left:-2px;height:99.8%} .trash-icon{position:fixed;bottom:15px;right:15px;margin-right:5px;margin-bottom:5px;cursor:pointer} .app-button[data-v-dd365a6a]{border:1px solid #55717d;border-radius:5px;height:3em;cursor:pointer;height:40px;width:70px} .app-button[data-v-dd365a6a]:active{box-shadow:0 0 15px #fedb80} .cancel[data-v-dd365a6a]{background-color:#b9b9b9;text-align:center;margin:20px 0 0;padding:8px} .submit[data-v-dd365a6a]{background-color:#fedb80;text-align:center;margin:20px 0 0 150px;padding:8px} .app-frame[data-v-dd365a6a]{position:absolute;top:20px;left:50%;transform:translate(-50%)} h1[data-v-dd365a6a]{font-size:1.5em;font-family:SourceSansPro-Regular} input[data-v-dd365a6a]{border-radius:0;padding-left:5px;padding-right:5px} .column[data-v-dd365a6a],.row[data-v-dd365a6a]{display:flex} .column[data-v-dd365a6a]{flex-direction:column} .v-enter[data-v-dd365a6a]{opacity:0} .v-enter-active[data-v-dd365a6a]{transition:opacity 1s;animation:slide-in-data-v-dd365a6a 1s ease-out forwards} .v-leave-active[data-v-dd365a6a]{transition:opacity 1s;opacity:0;animation:slide-out-data-v-dd365a6a 1s ease-out forwards} @keyframes slide-in-data-v-dd365a6a{0%{transform:translate(-50%,-50px)}to{transform:translate(-50%)}} @keyframes slide-out-data-v-dd365a6a{0%{transform:translate(-50%)}to{transform:translate(-50%,-50px)}} .text[data-v-dd04a0ea]{color:#000;text-align:center;vertical-align:middle} .app-button[data-v-dd04a0ea]{border:1px solid #55717d;border-radius:5px;height:3em;cursor:pointer;height:40px;width:70px} .app-button[data-v-dd04a0ea]:active{box-shadow:0 0 15px #fedb80} .cancel[data-v-dd04a0ea]{background-color:#b9b9b9;text-align:center;margin:20px 0 0;padding:8px} .submit[data-v-dd04a0ea]{background-color:#fedb80;text-align:center;margin:20px 0 0 150px;padding:8px} .app-frame[data-v-dd04a0ea]{position:absolute;top:20px;left:50%;transform:translate(-50%)} h1[data-v-dd04a0ea]{font-size:1.5em;font-family:SourceSansPro-Regular} input[data-v-dd04a0ea]{border-radius:0;padding-left:5px;padding-right:5px} .column[data-v-dd04a0ea],.row[data-v-dd04a0ea]{display:flex} .column[data-v-dd04a0ea]{flex-direction:column} .v-enter[data-v-dd04a0ea]{opacity:0} .v-enter-active[data-v-dd04a0ea]{transition:opacity 1s;animation:slide-in-data-v-dd04a0ea 1s ease-out forwards} .v-leave-active[data-v-dd04a0ea]{transition:opacity 1s;opacity:0;animation:slide-out-data-v-dd04a0ea 1s ease-out forwards} @keyframes slide-in-data-v-dd04a0ea{0%{transform:translate(-50%,-50px)}to{transform:translate(-50%)}} @keyframes slide-out-data-v-dd04a0ea{0%{transform:translate(-50%)}to{transform:translate(-50%,-50px)}} #app[data-v-54446b2f]{position:absolute;width:100%;bottom:60px;top:0;left:100%} #button1[data-v-54446b2f],#flyoutButton[data-v-54446b2f],.blocklyFlyoutButton[data-v-54446b2f],.button>.blocklyFlyoutButton[data-v-54446b2f]{background-color:#4caf50} #svgsvg[data-v-39e10842]{width:1100px;height:350px;border:10px solid purple} #svgstring>pre[data-v-39e10842]{white-space:pre-wrap;background-color:#d3d3d3} div.maClasse[data-v-39e10842]{position:absolute;left:100px;border:3px solid #73ad21} div#scrollmenu[data-v-39e10842]{overflow:auto;white-space:nowrap;width:20%} #cabri-math[data-v-39e10842]{z-index:1000;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff} @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; } html { top: 0; position: fixed; width: 100%; height: 100%; } /* mathia ***/ .backgroundStarsIon { --background: url(/assets/gabarits/fond-etoile.jpg) no-repeat center center / cover; } .low-perf-mode .backgroundStarsIon, .low-perf-mode :host .backgroundStarsIon, .low-perf-mode.backgroundStarsIon, .wait-plt-ready.backgroundStarsIon, .wait-plt-ready .backgroundStarsIon, .wait-plt-ready :host .backgroundStarsIon { --background: url(/assets/gabarits/fond-etoile_ios.jpg) no-repeat center center / cover; } .backgroundStars { background: url(/assets/gabarits/fond-etoile_ios.jpg) no-repeat center center/cover; } .plt-is-ready:not(.low-perf-mode) .backgroundStars, .plt-is-ready:not(.low-perf-mode) :host .backgroundStars, .plt-is-ready:not(.low-perf-mode) :host ::ng-deep .backgroundStars, .plt-is-ready.backgroundStars:not(.low-perf-mode) { background: url(/assets/gabarits/fond-etoile.jpg) no-repeat center center/cover; } /*** mathia */ .waitUserActionAlertHolo { --backdrop-opacity: 0; background: url(/assets/gabarits/fond-etoile.jpg) no-repeat center center/cover; } .low-perf-mode .waitUserActionAlertHolo { background: url(/assets/gabarits/fond-etoile_ios.jpg) no-repeat center center/cover !important; } .fondHud { background-image: url("/assets/img/hud/fond.jpg"); } .low-perf-mode .fondHud, .low-perf-mode :host .fondHud { background-image: url("/assets/img/hud/fond_ios.jpg"); } .activityParticipantsBg { background-image: url("/assets/img/activityparticipant/background.jpg"); } .low-perf-mode .activityParticipantsBg, .low-perf-mode :host .activityParticipantsBg { background-image: url("/assets/img/activityparticipant/background_ios.jpg"); } .mathiaMascotteHome { background-image: url('mascotte3d.png'); background-size: 100% auto; background-position: center; background-position-x: center; background-position-y: center; background-repeat: no-repeat; align-self: flex-end; height: 80%; width: 23%; /* width: 12vh; */ /* margin-left: 8vw; margin-right: 2vh; transform: translateY(15%); */ /* border: 1px solid red */ } .low-perf-mode .mathiaMascotteHome { background-image: url('mascotte3d_ios.png'); } @keyframes floatingHome { 0% { transform: translate(0, -15%); } 50% { transform: translate(0, 0%); } 100% { transform: translate(0, -15%); } } .mathiaMascotteHomeingAnimation { animation-name: floatingHome; animation-duration: 6s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .mathiaMascotteStarting { background-image: url('mascotte3d.png'); background-size: 100% auto; background-position: center; background-position-x: center; background-position-y: center; background-repeat: no-repeat; align-self: flex-end; height: 80%; width: 12vh; margin-left: 8vw; margin-right: 2vh; transform: translateY(15%); /* border: 1px solid red */ } @keyframes floatingCustom { 0% { transform: translate(0, 15%); } 50% { transform: translate(0, 0%); } 100% { transform: translate(0, 15%); } } .mathiaMascotteStartingAnimation { animation-name: floatingCustom; animation-duration: 6s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } #image-preloader { opacity: 0; pointer-events: none; } .leftMenuBackgrdMathia { background-image: url(/assets/toolbar/leftMenu/mathia-opak.png); background-size: 100% 100%; background-repeat: no-repeat; } /************** CSS CABRI **************/ .preloadImage { display: block; top: -100vh; height: var(--documentHeight); width: 100%; position: fixed; left: 0; } .babylonUnmuteIcon { top: var(--babylonUnMountTop) !important; } .startButtonCabri { text-transform: none !important; display: flex; justify-content: space-evenly; align-items: center; font-family: var(--appFontFamily); font-size: 20px !important; color: white !important; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; background: linear-gradient(180deg, #83DFFF 0%, #00AFEC 100%); } .waitUserActionAlertTransparent { background: transparent; } .backgroundSettings { background: url(/assets/toolbar/settings-light.jpg) no-repeat center center/cover !important; } .low-perf-mode .backgroundSettings, .low-perf-mode :host .backgroundSettings, .low-perf-mode.backgroundSettings { background: url(/assets/toolbar/settings-light_ios.jpg) no-repeat center center/cover !important; } .wUABackground { background: url(/assets/gabarits/fond-etoile.jpg) no-repeat center center/cover; } .wUABackground ion-backdrop { background: transparent; } .low-perf-mode .wUABackground { background: url(/assets/gabarits/fond-etoile_ios.jpg) no-repeat center center/cover !important; } .low-perf-mode .wUABackground ion-backdrop { background: transparent; } .waitUserActionAlert .alert-wrapper .alert-button-group { justify-content: space-evenly; flex-wrap: nowrap !important; } .waitUserActionAlert .alert-message { font-size: 19px; color: #00AFEC; font-family: var(--appFontFamily); } .waitLandscapeModeAlert { background: url(/assets/gabarits/fond-etoile.jpg) no-repeat center center/cover; --alertContentColor: #FFF; } .waitLandscapeModeAlert .alert-wrapper { background: transparent; } .waitLandscapeModeAlert .alert-wrapper .alert-head { height: 25vh; margin: 5vh 0 2vh 0; background-color: var(--alertContentColor); -webkit-mask-image: url('rotate.svg'); mask-image: url('rotate.svg'); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } .waitLandscapeModeAlert .alert-wrapper .alert-message { font-size: 20px; color: var(--alertContentColor); font-family: var(--appFontFamily); } .waitLandscapeModeAlert .alert-wrapper .alert-button-group { justify-content: space-evenly; } .low-perf-mode .waitLandscapeModeAlert { background: url(/assets/gabarits/fond-etoile_ios.jpg) no-repeat center center/cover !important; } .participantNativeDismissed { background: linear-gradient(180deg, #FF7ABA 0%, #EE0072 100%); position: relative; width: 41%; height: 100%; border-radius: 20px 20px 0px 0px; display: flex; justify-content: center; align-items: center; } .participantHolo { position: absolute; margin-left: 13%; bottom: 0; min-width: 32%; max-width: 65%; padding: 1.9% 2.3%; max-height: 81%; background: linear-gradient(180deg, #83DFFF 0%, #00AFEC 100%); border-radius: 20px 20px 0px 0px; display: flex; justify-content: center; align-items: center; } .participantCurrentHolo { position: absolute; margin-left: 13%; bottom: 0; min-width: 32%; max-width: 65%; padding: 1.9% 2.3%; max-height: 81%; background: #00EDC8; border-radius: 20px 20px 0px 0px; display: flex; justify-content: center; align-items: center; } .participantDismissedHolo { position: absolute; margin-left: 13%; bottom: 0; min-width: 32%; max-width: 65%; padding: 1.9% 2.3%; max-height: 81%; background: linear-gradient(180deg, #FF7ABA 0%, #EE0072 100%); border-radius: 20px 20px 0px 0px; display: flex; justify-content: center; align-items: center; } .participantCurrentNameHolo { font-family: var(--appFontFamily); color: #FFFFFF; font-size: 2.5vh; transform: rotateY(180deg); } .holoAward { width: 100%; height: 65%; left: unset; position: absolute; transition-property: width, height, left; transition-duration: 1.5s; transition-timing-function: ease; } .shootingToStarboard { width: 7%; height: 11.5%; left: 5.7%; position: absolute; transition-property: width, height, left; transition-duration: 1.5s; transition-timing-function: ease; } .normalToStarboard { width: 8%; height: 12%; left: 14.8%; position: absolute; transition-property: width, height, left; transition-duration: 1.5s; transition-timing-function: ease; } .moonToStarboard { width: 8.2%; height: 12.1%; left: 24.2%; position: absolute; transition-property: width, height, left; transition-duration: 1.5s; transition-timing-function: ease; } .shootingAwardHolo { width: 100%; height: 100%; background-image: url(/assets/starboard/awardshighdef/shooting.svg); background-size: 40% auto; background-position: center; background-position-x: center; background-position-y: center; background-repeat: no-repeat; display: flex; flex-direction: row; justify-content: center; align-items: center; transform: rotateX(180deg); } .normalAwardHolo { width: 100%; height: 100%; background-image: url(/assets/starboard/awardshighdef/normal.svg); background-size: 27% auto; background-position: center; background-position-x: center; background-position-y: center; background-repeat: no-repeat; display: flex; flex-direction: row; justify-content: center; align-items: center; transform: rotateX(180deg); } .moonAwardHolo { width: 100%; height: 100%; background-image: url(/assets/starboard/awardshighdef/moon.svg); background-size: 25% auto; background-position: center; background-position-x: center; background-position-y: center; background-repeat: no-repeat; display: flex; flex-direction: row; justify-content: center; align-items: center; transform: rotateX(180deg); } .awardFadeOut { width: 100%; height: 65%; opacity: 0; position: absolute; transition-property: width, height, left, opacity; transition-duration: 1.5s; transition-timing-function: ease; } .assignationInfo, .logbookInfo { top: 50%; transform: translate(0%, -50%); bottom: unset; position: fixed; width: 17%; height: 18%; display: flex; justify-content: center; align-content: center; flex-direction: column; box-shadow: -1px 5px 15px 4px rgba(0, 0, 0, 0.55); } .assignationHeader, .logbookHeader { display: flex; justify-content: center; background-color: rgba(65, 105, 225, 0.445); text-shadow: 1px 1px 25px #83f7c7, 1px 1px 10px #83f7c7; height: 20%; width: 100%; font-family: var(--appFontFamily); align-items: center; color: white; font-size: calc(1vw + 1vh); } .assignationBody, .logbookBody { display: flex; width: 100%; height: 80%; cursor: pointer; } .externalLinkIcon { margin: 0; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } .assignationBody, .logbookBody { background-color: rgba(255, 255, 255, 0.4); } .externalAccessBorder { border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } .assignationWrapper { background-image: url(/assets/img/hud/light.png); } .assignationWrapperAnim { animation: shake 0.3s ease-in-out 0.3s infinite alternate; } .logbookWrapper { background-image: url(/assets/img/hud/sen.png); } @keyframes shake { from { transform: rotate(10deg); } to { transform: rotate(-10deg); transform-origin: center center; } } .emptyStar { background: url(/assets/img/etoile_grise_niveau.png); background-size: cover; } .filledStar { background: url(/assets/img/etoile_niveau.png); background-size: cover; } .modalHeadercloseButton { font-size: 2em; color: white; cursor: pointer; } ion-icon.modalHeadercloseButton { --ionicon-stroke-width: 60px; } .modalHeadercloseButtonContainer { position: absolute; background-color: #e4931e; width: 30px; height: 30px; z-index: 10; right: 10px; display: flex; justify-content: center; align-items: center; border-radius: 13px; } .modalHeadercloseButtonMobileContainer { width: 25px; height: 25px; } .validateChoice { display: flex; justify-content: space-evenly; align-items: center; font-family: var(--appFontFamily); font-size: 24px; color: white; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; height: 70%; padding: 1rem; min-width: 15%; background-color: #e4931e; } .elementList { color: #fff; display: flex; justify-content: space-between; background: #014e6c; align-items: center; border-radius: 20px; min-width: 150px; height: 100%; text-align: center; cursor: pointer; } ::-webkit-scrollbar { width: 15px; border-radius: 10px; background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { border-radius: 10px; background: linear-gradient(180deg, #83DFFF 0%, #00AFEC 100%) !important; background: -ms-linear-gradient(180deg, #83DFFF 0%, #00AFEC 100%) !important; } .selectedItem { box-shadow: 0 0 0 0.1rem #fff, 0 0 0.4rem #00afec, 0 0px 0.6rem #00afec, 0 0 0rem #00afec, 0 0 0 0.15rem #00afec, inset 0 0 0rem #fff; } .emptyStar { width: 1.5em; height: 1.5em; background: url(/assets/img/etoile_grise_niveau.png); background-size: cover; } .filledStar { width: 1.5em; height: 1.5em; background: url(/assets/img/etoile_niveau.png); background-size: cover; } .modalContentWrapper { width: 100%; display: flex; align-items: center; font-family: "Quicksand-Bold"; } :root { --settingsMenuColor: white; --hudContentHeight: 70%; --assignationModalHeaderHeight:80px; --hudAnimationDuration: 0.5s; --babylonUnMountTop: 60px; --logbookMenuWidth: 135px; } .rangeFxaa { --bar-height: 30%!important; --bar-border-radius: 50px!important; --bar-background-active: #1FCDB9!important; --bar-background: rgb(31, 205, 185) !important; --knob-background: #FFE600 !important; --knob-size: min(calc(2.3vh + 2.3vw), 34px); --knob-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); } .labelFxaa { position: fixed; top: 35vh; left: 5vw; width: auto; height: auto; font-size: 1.5em; color: black; } .simpleAlert ion-modal::part(backdrop) { --backdrop-opacity: 1; background: rgba(0, 177, 231, 0.26); } .simpleAlert .alert-wrapper .alert-button-group { justify-content: space-evenly; flex-wrap: nowrap !important; } .simpleAlert .alert-message { font-size: 1.2em; color: #00AFEC; font-family: "Quicksand-Bold"; } .alertConfirm .alert-message { font-size: 15px; font-family: var(--appFontFamily); } .pointer { cursor: pointer; } @media screen and (max-width: 900px) { :root { --babylonUnMountTop: 45px; } .babylonUnmuteIcon { width: 35px !important; height: 25px !important; } } canvas { outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */ } .devMenuContainerToolbar { position: fixed; height: calc(var(--toolbarHeight) - 2px); top: 1px; left: 25%; width: 55%; margin-left: 2%; z-index: 99999 !important; display: flex; justify-content: center; align-items: center; flex-direction: row; } .tempMenuToolbar { font-size: 0.8em; background-color: rgba(0, 140, 255, 0.2); width: 20%; height: 100%; margin-right: 2px; color: #00B3E7; display: flex; align-items: center; justify-content: center; } .buttonContainerToolbar { flex-direction: row !important; } .bigMicIconWrapper { width: 20vw; height: 20vw; position: absolute; bottom: 0%; left: 0%; transform: translateX(-30%) translateY(40%); z-index: 1999; } .bigMicIconWrapperMirror { width: 20vw; height: 20vw; position: absolute; bottom: 0; left: 0px; transform: translateX(-35%) translateY(46%) rotateZ(360deg); z-index: 9999; pointer-events: none; } .bigMicSvg { height: 100%; width: 100%; } .bigMicHidden { opacity: 0; z-index: -1; } .bigMicStatic { background: url(/assets/kidaia/icones/bigmic0.svg) no-repeat; background-size: contain; background-position: center; width: 100%; height: 100%; } .bigMicAnim { background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 100%; animation: changeBg 2s infinite; } @keyframes changeBg { 0%, 100% { background-image: url(/assets/kidaia/icones/bigmic0.svg); } 25% { background-image: url(/assets/kidaia/icones/bigmic1.svg); } 50% { background-image: url(/assets/kidaia/icones/bigmic2.svg); } 75% { background-image: url(/assets/kidaia/icones/bigmic3.svg); } } .bigMicCircle { fill: #f73f97; } .fillBigMicWave { fill: white; } .bigMicWaveAnimation { animation: mic-wave 1.5s steps(1, end) infinite; } @keyframes mic-wave { 0% { fill-opacity: 1; } 33% { fill-opacity: 1; } 49% { fill-opacity: 1; } 66% { fill-opacity: 0; } 100% { fill-opacity: 0; } } .fillBigMicWave1 { animation-delay: 0s; } .fillBigMicWave2 { animation-delay: -1s; } .fillBigMicWave3 { animation-delay: -2s; } ion-modal.audioEngineLockedModal::part(content) { box-shadow: none; background-color: transparent; width: 100% !important; height: 100% !important; } #renderCanvas1:not(.renderCanvas1HoloMode) { background-color: #1f1c55 !important; } .renderCanvas1HoloMode { background-color: #000000 !important; } .kidaiaBigIconSlotMenu { background-size: 90% auto; width: 80%; height: 80%; background-position: center; background-position-x: center; background-position-y: center; background-repeat: no-repeat; position: fixed; } .kidaiaBigIconSlotProgressBarMenu { background-size: 85% auto; width: 100%; height: 100%; background-position: center; background-position-x: center; background-position-y: center; background-repeat: no-repeat; position: fixed; } .closeIconMathia { background-image: url(/assets/toolbar/close2.png); } .closeIconKidaia { background-image: url(/assets/kidaia/toolbar/close_fullscreen.svg); } .iconDefaultMenuOpened { background-size: 90% auto; height: 36px; width: 34px; background-position: center; background-position-x: center; background-position-y: center; background-repeat: no-repeat; position: fixed; } .devMenuContainerV2 { position: fixed; height: var(--toolbarHeight); top: 6px; left: 28vw; width: 10%; z-index: 99999 !important; } .devMenuContainerV2Opened { width: 50%; } .devButtonContainerV2 { display: flex; position: relative; left: 0px; z-index: 9900; background: rgba(12, 35, 79, 0.8); width: 100%; height: 85%; justify-content: flex-start; align-items: center; opacity: 90%; padding: 0 0.5vh; } .devButtonV2 { font-size: 1.8vh; background-color: rgba(0, 140, 255, 0.2); width: 20%; height: 6vh; color: #00B3E7; margin: 0 0.5vh; } .devOpenButtonV2 { width: 95%; } .devBtnV2ON { background-color: green; } .devBtnV2OFF { background-color: red; } .close-icon-global { position: absolute; right: 2vh; top: 2vh; z-index: 10; height: calc(3vw + 3vh); width: calc(3vw + 3vh); } .close-icon-global__img { background-image: url(/assets/icon/close.svg); background-size: 100% auto; width: 100%; height: 100%; background-position: center; background-position-x: center; background-position-y: center; background-repeat: no-repeat; cursor: pointer; } .customAlert .alert-wrapper { min-height: 30%; min-width: 60%; max-height: 30%; max-width: 60%; display: flex; flex-direction: column; justify-content: space-evenly; font-family: "Quicksand-Bold"; } .customAlert .alert-wrapper .alert-message { font-size: min(2vh + 1.5vw, 1.8em); color: #2111d9; text-align: center; } .customAlert .alert-wrapper .alert-head { display: none; } .customAlert .alert-wrapper .alert-button-group { display: flex; flex-direction: row; justify-content: space-evenly; align-items: baseline; align-content: space-around; } .customAlert .alert-wrapper .alert-button-group .alert-button { font-size: 4.5vh; color: #fff; max-width: 40%; width: 40%; min-width: 40%; border-radius: 45px; padding-top: 4%; padding-bottom: 4%; } .customAlert .alert-wrapper .alert-button-group .greenButtonCustomAlert { background-color: #54efca; } .customAlert .alert-wrapper .alert-button-group .redButtonCustomAlert { background-color: #f4539e; } #inspector-host { width: auto !important; position: absolute !important; top: var(--toolbarHeight) !important; z-index: 1; } #scene-explorer-host { width: auto !important; position: absolute !important; height: calc(100% - var(--toolbarHeight)) !important; top: var(--toolbarHeight) !important; z-index: 2; } .xr-button-overlay { top: 90px !important; bottom: unset !important; } .vrdisplaypresenting::after { content: "SORTIR" !important; } .lockPremium.relative { position: relative; } .lockPremium:after { content: ""; width: inherit; height: inherit; background: url(/assets/img/hud/tableau-recompenses/cadenas.png) no-repeat; background-size: contain; background-position: center; position: absolute; cursor: pointer; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); border-radius: inherit; border-width: inherit; } .title-wrapper { position: relative; } .title-wrapper .skip-button { --ion-color-primary: var(--oseBlue); position: absolute; left: 102%; top: 0%; font-size: calc(1.1vh + 1.1vw); height: 30px; margin: 0; top: 50%; transform: translateY(-50%); } .alertFeedback .alert-wrapper { background: #FFBC38; text-align: center; color: rgba(8, 30, 64, 0.9294117647); } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/app/app.scss ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /** fonts **/ @font-face { font-family: "Quicksand-Bold"; font-style: normal; font-weight: 300; src: url("/assets/fonts/quicksand/Quicksand-Light.ttf"); } @font-face { font-family: "Quicksand-Bold"; font-style: normal; font-weight: 400; src: url("/assets/fonts/quicksand/Quicksand-Regular.ttf"); } @font-face { font-family: "Quicksand-Bold"; font-style: normal; font-weight: 500; src: url("/assets/fonts/quicksand/Quicksand-Medium.ttf"); } @font-face { font-family: "Quicksand-Bold"; font-style: normal; font-weight: 600; src: url("/assets/fonts/quicksand/Quicksand-SemiBold.ttf"); } @font-face { font-family: "Quicksand-Bold"; font-style: normal; font-weight: 700; src: url("/assets/fonts/quicksand/Quicksand-Bold.ttf"); } .appFontFamPreload { font-family: var(--appFontFamily); } @font-face { font-family: "round-italic"; src: url("/assets/fonts/round/Typo_Round_Light_Italic_Demo.otf") format("truetype"); } @font-face { font-family: "graphecritjunior"; src: url("/assets/fonts/graphecritjunior.otf") format("truetype"); } @supports (-webkit-touch-callout: none) { @font-face { font-family: "graphecritjunior"; src: url("/assets/fonts/graphecritjunior.otf") format("truetype"); font-weight: bold; } } @font-face { font-family: "dyslexic-regular"; src: url("/assets/fonts/dyslexic/OpenDyslexic-Regular.woff") format("woff"); } @font-face { font-family: "dyslexic-bold"; src: url("/assets/fonts/dyslexic/OpenDyslexic-Bold.woff") format("woff"); } @font-face { font-family: "BradleyHandITCTT-Bold"; font-style: bold; font-weight: 700; src: url("/assets/fonts/Bradley-Hand-ITC-TT-Bold.ttf"); } .preload { opacity: 0; position: absolute; left: 0; pointer-events: none; } .swal2-container { background: darkgray !important; } .my-swal { background: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .ecriture-cursive, .ecriture-cursive p { font-family: "graphecritjunior"; font-weight: bold; } ngb-rating .sr-only { display: none !important; } .buttonClicked { background: rgb(253, 243, 94) !important; } .progress-bar .progress-outer { margin: 0px !important; min-width: 100% !important; padding: 0px !important; } .progress-bar .progress-inner { padding: 2px !important; } ion-toast.custom-toast-internet, ion-toast.toastModeAdventureDisabled { font-size: 1.35em; text-align: center; font-family: var(--appFontFamily); } .customItem { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 16px; } .toggleBlue { margin-left: 16px; } .toggleCustom { padding-inline-start: 0 !important; } .fontFam { font-family: var(--appFontFamily) !important; color: #009ad0 !important; } .selectedVoice { width: 100%; } .rgpdLink { text-decoration: none; color: inherit; } .itemBtns { color: black; font-size: 100%; padding-right: 100%; } .muteButton { --margin-inline-end: 0px !important; margin-right: 0 !important; } .imgSplashScreenTuto { height: 90%; width: auto; margin: auto; } .messageTextCalcul { font-family: var(--appFontFamily); font-size: calc(2vh + 1vw); display: flex; align-items: center; text-align: center; color: #00AFEC; margin: auto; } /*********** MODAL PARTICIPANT ******************/ .student-list-modal { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; --background: transparent; --backdrop-opacity: 0.5; } ion-modal.student-list-modal::part(content) { width: 90%; height: 90%; border: red 1px solid; border-radius: 20px; border: double 4px transparent; border-radius: 30px 30px 30px 30px; background-image: linear-gradient(white, white), linear-gradient(180deg, #83DFFF 0%, #00AFEC 100%); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); display: flex; align-items: flex-start; } ion-modal.student-list-modal::part(content) ion-grid { display: flex; flex-basis: content; flex-wrap: wrap; justify-content: center; height: inherit; } .hidden { display: none !important; } ion-app.fadeOut { animation: fadeOut 1s ease-out forwards; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .blueLightFilter { position: absolute; z-index: 9999999 !important; pointer-events: none; left: 0; top: 0; right: 0; bottom: 0; background: rgb(255, 255, 191); mix-blend-mode: multiply; } .noBlueLightFilter { opacity: 0; } /***** Directive Tootip *****/ .ng-tooltip { position: absolute; max-width: 150px; font-size: 20.5px; text-align: center; font-family: var(--appFontFamily); color: #00AFEC; padding: 3px 8px; z-index: 1000; display: flex; justify-content: center; align-items: center; flex-direction: column; align-self: flex-start; width: auto; max-width: 60vw; height: auto; border-radius: 30px 30px 30px 0px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); background: white; border-image-source: linear-gradient(180deg, #83DFFF 0%, #00AFEC 100%); border: solid 3px; } .ng-tooltip:after { content: ""; position: absolute; border-style: solid; } .ng-tooltip-top:after { top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-color: black transparent transparent transparent; } .ng-tooltip-bottom:after { bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-color: transparent transparent black transparent; } .ng-tooltip-left:after { top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-color: transparent transparent transparent black; } .ng-tooltip-right:after { top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-color: transparent black transparent transparent; } .ng-tooltip-show { opacity: 1; } .way_icon h3 { font-size: 40px; background: linear-gradient(to bottom, #e72c83 0%, #a742c6 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .way_icon i:before { display: inline; } #vKeyboard { display: none; color: red; } .cursorPointer { cursor: pointer; } .gr_bubbles, .gr_Container { display: flex; width: 100%; flex-wrap: wrap; border: double 4px transparent; border-radius: 30px 30px 30px 30px; padding: 1%; } .gr_StudentNames { display: flex; flex-direction: column; justify-content: center; width: calc(100% - 7rem); align-items: center; text-align: center; } .gr_Container { padding: 1% 0.5%; align-items: center; } .gr_StudentNames p { font-size: 1.1em; font-family: var(--appFontFamily); padding: 1px 0 0 0; color: #fff; background: #00AFEC; border-radius: 4px; line-height: 24px; } .gr_studentNamesContainer { width: 90%; } .gr_StudentNamesTitleContainer { width: 90%; display: flex; } .gr_StudentNamesTitleBlock { border-top: 2px solid white; border-right: 2px solid white; border-left: 2px solid white; padding: 2px 8px; } .gr_StudentNamesTitleBlock h3 { font-size: 1.2em; color: white; font-family: "Quicksand-Bold"; margin: 2px; } .gr_Divider { width: 80%; background-color: white; height: 2px; margin: 5px auto; } .gr_bubbles ion-col { padding: 0.5% 0.2%; } .gr_gradientBubbles { display: flex; flex-direction: row; width: 100%; height: 100%; align-items: center; border-radius: 30px 30px 30px 30px; background-image: linear-gradient(white, white), linear-gradient(180deg, #83dfff 0%, #00afec 100%); background-origin: border-box; background-clip: content-box, border-box; background: #00AFEC; } .gr_IconsContainer { display: flex; flex-wrap: wrap; height: 100%; justify-content: center; align-items: center; font-size: 1.9rem; background: #00AFEC; border: 2px solid #00AFEC; color: #FFFFFF; border-radius: 50%; border: 3px solid white; width: 7rem; height: 7rem; padding: 5px; } .gr_IconsContainerMT { width: 6rem; height: 6rem; } .gr_IconsContainer.twoRows ion-icon { width: 49%; } @media screen and (max-width: 1024px) { .gr_Divider { margin: 2px auto; width: 90%; } .gr_StudentNames p { font-size: 1em; } .gr_StudentNamesTitleBlock h3 { font-size: 1em; } } .is-ios #canvasholder1.mirrorMode { overflow: auto !important; } .mirrorMode { transform: rotateX(180deg); } .participantsContainerBrowser { position: fixed; bottom: 0; top: unset; width: 47%; left: 26.5%; height: 17%; /* height: calc(100% - var(--toolbarHeight)); */ pointer-events: none; z-index: 1000; display: flex; justify-content: center; align-items: flex-end; } .participantCurrent { min-width: 50%; max-width: 79%; padding: 5px 5px; max-height: 81%; background: linear-gradient(180deg, #83DFFF 0%, #00AFEC 100%); border-radius: 20px 20px 0px 0px; display: flex; justify-content: center; align-items: center; } .participantMirrorMode { bottom: unset; transform: rotateX(180deg); top: calc(var(--toolbarHeight) + var(--progressBarHeight)); } .displayCMHoloRemoteWaitingScreen { position: absolute !important; top: 0 !important; width: 100% !important; height: 100% !important; z-index: 1002 !important; } .opacityNone { opacity: 0; } .devBtnOn { color: rgb(54, 231, 0) !important; } .devBtnOff { color: red !important; } /************** INIT CABRI *****************/ :host ::ng-deep #progresscanvasCabriApp0 { position: absolute; top: 0; left: 0; z-index: 100; } :host ::ng-deep #progresscanvasCabriApp0 { position: absolute; top: 0; left: 0; z-index: 100; } :host ::ng-deep #cabriWrapper { overflow: hidden !important; } #renderCanvas1 { left: 0px; } #maindiv1, #canvasholder1 { z-index: 40; background-color: #202E3F; } /************** END INIT CABRI *****************/ ion-modal.galaxyMapClass::part(content), ion-modal.rewardModalClass::part(content), ion-modal.videoModalClass::part(content) { background-color: transparent; overflow: unset; } ion-modal.galaxyMapClass::part(content) { width: 61% !important; height: 74% !important; } @media screen and (max-width: 1200px) { ion-modal.galaxyMapClass::part(content) { width: 80% !important; height: 70% !important; } } @media only screen and (max-height: 520px) and (orientation: landscape) { ion-modal.galaxyMapClass::part(content) { width: 50% !important; height: 60% !important; } } ion-modal.rewardModalClass::part(content) { width: 40% !important; height: 62% !important; } @media all and (orientation: portrait) { ion-modal.rewardModalClass::part(content) { height: 40% !important; width: 62% !important; } } ion-modal.rewardModalClass::part(content)::before { content: ""; position: absolute; width: 120%; height: 110%; left: -10%; top: -5%; background: url(/assets/img/hud/header.png) top/100% 6% no-repeat, url(/assets/img/hud/center.png) center/100% 91% no-repeat, url(/assets/img/hud/footer.png) bottom/100% 5.5% no-repeat; background-clip: border-box; overflow: hidden; } ion-modal.videoModalClass::part(backdrop) { pointer-events: none; display: none; } ion-modal.videoModalClass ::ng-deep .modal-shadow { pointer-events: none; display: none; } ion-modal.videoModalClass::shadow .modal-shadow { pointer-events: none; display: none; } ion-modal.videoModalClass::part(content) { width: 90%; height: 92%; } ion-modal.videoModalClass::part(content).sc-ion-modal-ios { width: 90%; height: 92%; } ion-modal.videoModalClass::part(content).sc-ion-modal-md { width: 90%; height: 92%; } ion-modal.videoModalClass:-webkit-full-screen-ancestor::part(content), ion-modal.videoModalClass.sc-ion-modal-ios:-webkit-full-screen-ancestor::part(content), ion-modal.videoModalClass:-webkit-full-screen-ancestor { --height: 100vh !important; --width: 100vw !important; height: 100vh !important; width: 100vw !important; } ion-modal.videoModalClass::part(content)::before { content: ""; position: absolute; width: 106%; height: 110%; left: -3%; top: -5%; background: url(/assets/img/hud/header.png) top/100% 6% no-repeat, url(/assets/img/hud/center.png) center/100% 91% no-repeat, url(/assets/img/hud/footer.png) bottom/100% 5.5% no-repeat; background-clip: border-box; overflow: hidden; } ion-modal.videoModalClass app-video { display: block; } ion-modal.galaxyMapClass::part(content)::before { content: ""; position: absolute; width: 110%; height: 125%; left: -5%; top: -12.6%; background: url(/assets/img/hud/galaxyMap/header.png) top/100% 10.2% no-repeat, url(/assets/img/hud/galaxyMap/body.png) center/100% 80% no-repeat, url(/assets/img/hud/galaxyMap/footer.png) bottom/100% 10.2% no-repeat; background-clip: border-box; overflow: hidden; } .galaxyMapClass { --box-shadow: none!important; } ion-modal.modal-inscription::part(content) { --height: 90vh; width: min(100vw, 900px); } #close-modal-inscription { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; background-image: url("/assets/icon/close.svg"); background-size: 40px; background-position: center; background-repeat: no-repeat; } .ng-tooltip.tooltipContainer { background-color: rgba(0, 0, 0, 0.3333333333); border: none; border-radius: 25px; max-width: 90vw; padding: 5px 50px; left: 50% !important; transform: translateX(-50%); width: 95% !important; } .ng-tooltip.tooltipContainer.mobile { background-color: rgba(0, 0, 0, 0.8); } .ios-animation-fixer { position: fixed; width: 100%; height: 10px; top: -10px; background-color: green; z-index: 1; pointer-events: none; visibility: hidden; } mjx-container[jax=SVG][display=true] { display: inline-block !important; margin: -2px 0px !important; } #customLoadingScreenDiv { display: block; background-color: transparent; color: white; font-size: 50px; text-align: center; position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; opacity: 0; pointer-events: none; } #customLoadingScreenDiv.on { opacity: 1; } #customLoadingScreenDiv.black { background-color: black; } #loaderGIF { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 20vh; height: 20vh; background-color: rgba(87, 76, 76, 0.2666666667); border-radius: 10vh; z-index: 10000; } #small-loader { display: block; background-color: transparent; color: white; font-size: 50px; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; } #small-loader #loaderGIF { background-color: transparent; } #small-loader.on { opacity: 1; } app-toolbar-with-buttons { height: var(--toolbarHeight); } app-speech-bubble { z-index: 17; } .settingsHidden { display: none; } ion-button { --box-shadow: 2px 2px 4px rgb(0 0 0 / 25%); font-weight: 500; text-transform: unset; --ion-font-family: var(--appFontFamily); letter-spacing: unset; } :root { --ion-color-success: #54efca ; --ion-color-success-contrast: black; --ion-color-danger: #F4539E; --ion-color-danger-contrast: black; --ion-color-primary: #00AFEC; --ion-color-primary-contrast: white; } :root .button-large { font-size: 28px; height: 5rem; min-width: 200px; } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/globalOse.scss ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ html.backgroundStars:not(.page-kidaia):not(.page-ose) { background: none !important; } .env-kidaia-ose .backgroundSettings, .page-ose .backgroundSettings { background: url(/assets/backgrounds/main.jpg) no-repeat center bottom/cover !important; } .env-kidaia-ose.low-perf-mode .backgroundSettings, .env-kidaia-ose.low-perf-mode :host .backgroundSettings, .env-kidaia-ose.low-perf-mode.backgroundSettings, .page-ose.low-perf-mode .backgroundSettings, .page-ose.low-perf-mode :host .backgroundSettings, .page-ose.low-perf-mode.backgroundSettings { background: url(/assets/backgrounds/main.jpg) no-repeat center bottom/cover !important; } .env-kidaia-ose .waitUserActionAlert .alert-message, .page-ose .waitUserActionAlert .alert-message { font-size: 19px; color: var(--oseDarkGreen); font-family: var(--appFontFamily); font-weight: 700; } .env-kidaia-ose .leftMenuBackgrd, .page-ose .leftMenuBackgrd { background-image: url(/assets/toolbar/left-menu-opak.png); background-size: 100% 100%; background-repeat: no-repeat; } .env-kidaia-ose .startButtonCabri, .page-ose .startButtonCabri { background: #88b627 !important; } .env-kidaia-ose .git-data-slot, .page-ose .git-data-slot { color: #790000 !important; } .env-kidaia-ose .mascotte__img, .page-ose .mascotte__img { background: url(/assets/mascotte/bee.png) no-repeat center center/cover; height: 100%; width: 100%; border-radius: var(--oseBorderRadiusRound); border: var(--oseBorderGreen); } .env-kidaia-ose .oseNextButton, .env-kidaia-ose .osePrevButton, .page-ose .oseNextButton, .page-ose .osePrevButton { position: absolute; bottom: 0; z-index: 1000; background: white; width: 8vh; height: 8vh; border: var(--oseBorderGreenSmall); border-radius: var(--oseBorderRadiusRound); display: flex; align-items: center; justify-content: center; cursor: pointer; } .env-kidaia-ose .oseNextButton, .page-ose .oseNextButton { right: 0; transform: translateY(43%) translateX(43%); } .env-kidaia-ose .osePrevButton, .page-ose .osePrevButton { left: 0; transform: translateY(43%) translateX(-54%); } .env-kidaia-ose #oseCloseButton, .page-ose #oseCloseButton { position: absolute; top: 0px; right: 0px; transform: translateX(50%) translateY(-50%); display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1; width: 8vh; height: 8vh; } .env-kidaia-ose #oseCloseButton-global__img, .page-ose #oseCloseButton-global__img { background-image: url(/assets/icon/close_ose.svg); background-size: 100% auto; width: 100%; height: 100%; background-position: center; background-position-x: center; background-position-y: center; background-repeat: no-repeat; cursor: pointer; } .env-kidaia-ose .oseNextButton img, .env-kidaia-ose .osePrevButton img, .page-ose .oseNextButton img, .page-ose .osePrevButton img { width: 50%; margin-left: 10%; } .env-kidaia-ose .osePrevButton img, .page-ose .osePrevButton img { margin-left: -10%; transform: scale(-1, 1); } .env-kidaia-ose.backgroundStars, .env-kidaia-ose .backgroundStars, .page-ose.backgroundStars, .page-ose .backgroundStars { background: url(/assets/backgrounds/main.jpg) no-repeat center bottom/cover !important; } .env-kidaia-ose.low-perf-mode .backgroundStars, .env-kidaia-ose.low-perf-mode :host .backgroundStars, .env-kidaia-ose.low-perf-mode.backgroundStars, .env-kidaia-ose.wait-plt-ready.backgroundStars, .env-kidaia-ose.wait-plt-ready :host .backgroundStars, .page-ose.low-perf-mode .backgroundStars, .page-ose.low-perf-mode :host .backgroundStars, .page-ose.low-perf-mode.backgroundStars, .page-ose.wait-plt-ready.backgroundStars, .page-ose.wait-plt-ready :host .backgroundStars { background: url(/assets/backgrounds/main_ios.jpg) no-repeat center bottom/cover !important; } .env-kidaia-ose .backgroundStarsIon, .page-ose .backgroundStarsIon { --background: url(/assets/backgrounds/main.jpg) no-repeat center bottom / cover!important; } .env-kidaia-ose.low-perf-mode .backgroundStarsIon, .env-kidaia-ose.low-perf-mode :host .backgroundStarsIon, .page-ose.low-perf-mode .backgroundStarsIon, .page-ose.low-perf-mode :host .backgroundStarsIon { --background: url(/assets/backgrounds/main_ios.jpg) no-repeat center bottom / cover!important; } .env-kidaia-ose.waitLandscapeModeAlert, .page-ose.waitLandscapeModeAlert { background: url(/assets/backgrounds/main.jpg) no-repeat center bottom/cover !important; } .env-kidaia-ose.low-perf-mode .waitLandscapeModeAlert, .env-kidaia-ose.low-perf-mode :host .waitLandscapeModeAlert, .env-kidaia-ose.low-perf-mode.waitLandscapeModeAlert, .page-ose.low-perf-mode .waitLandscapeModeAlert, .page-ose.low-perf-mode :host .waitLandscapeModeAlert, .page-ose.low-perf-mode.waitLandscapeModeAlert { background: url(/assets/backgrounds/main_ios.jpg) no-repeat center bottom/cover !important; } .env-kidaia-ose .wUABackground, .page-ose .wUABackground { background: url(/assets/backgrounds/main.jpg) no-repeat center bottom/cover; } .env-kidaia-ose .wUABackground ion-backdrop, .page-ose .wUABackground ion-backdrop { background: transparent; } .env-kidaia-ose.low-perf-mode .wUABackground, .env-kidaia-ose.low-perf-mode :host .wUABackground, .env-kidaia-ose.low-perf-mode.wUABackground, .page-ose.low-perf-mode .wUABackground, .page-ose.low-perf-mode :host .wUABackground, .page-ose.low-perf-mode.wUABackground { background: url(/assets/backgrounds/main_ios.jpg) no-repeat center center/cover !important; } .env-kidaia-ose .waitUserActionAlertHolo, .page-ose .waitUserActionAlertHolo { --backdrop-opacity: 0; background: url(/assets/backgrounds/main.jpg) no-repeat center center/cover; } .env-kidaia-ose.low-perf-mode .waitUserActionAlertHolo, .page-ose.low-perf-mode .waitUserActionAlertHolo { background: url(/assets/backgrounds/main_ios.jpg) no-repeat center center/cover !important; } .env-kidaia-ose #logo-ose, .page-ose #logo-ose { background: url(/assets/logo_ose.png) no-repeat bottom center/contain; } .env-kidaia-ose.low-perf-mode :host #logo-ose, .env-kidaia-ose.wait-plt-ready :host #logo-ose, .page-ose.low-perf-mode :host #logo-ose, .page-ose.wait-plt-ready :host #logo-ose { background: url(/assets/logo_ose_ios.png) no-repeat bottom center/contain; } .env-kidaia-ose h1, .page-ose h1 { color: var(--oseDarkGreen); font-family: var(--appFontFamily), sans-serif; font-size: 32px; font-weight: 700; } .is-mobile .env-kidaia-ose h1, .is-mobile .page-ose h1 { font-size: 20px; font-weight: 700; } .env-kidaia-ose h2, .page-ose h2 { color: var(--oseDarkGreen); font-family: var(--appFontFamily), sans-serif; font-size: 24px; font-weight: 600; } .is-mobile .env-kidaia-ose h2, .is-mobile .page-ose h2 { font-size: 20px; font-weight: 700; } .env-kidaia-ose h3, .page-ose h3 { color: var(--oseDarkGreen); font-family: var(--appFontFamily), sans-serif; font-size: 20px; font-weight: 700; } .is-mobile .env-kidaia-ose h3, .is-mobile .page-ose h3 { font-size: 20px; font-weight: 700; } .env-kidaia-ose p, .page-ose p { color: var(--oseGreenText); font-family: var(--appFontFamily), sans-serif; font-size: 18px; font-style: normal; font-weight: 600 !important; } .is-mobile .env-kidaia-ose p, .is-mobile .page-ose p { font-size: 15px; line-height: 1.4; font-weight: 600 !important; } .env-kidaia-ose .btn, .page-ose .btn { cursor: pointer; display: flex; align-items: center; background-color: var(--osePink); border-radius: 50px; padding: 0.75% 1.5%; } .env-kidaia-ose .btn .icon, .page-ose .btn .icon { height: 90%; align-content: center; display: flex; padding: 1px; } .env-kidaia-ose .btn .icon img, .page-ose .btn .icon img { max-width: 100%; max-height: 100%; } .env-kidaia-ose .btn .text, .page-ose .btn .text { color: white; font-weight: 700; font-size: calc(1vh + 1vw); padding-left: 1vw; padding-right: 1vw; } .env-kidaia-ose .close-icon-global, .page-ose .close-icon-global { position: absolute; right: 2vh; top: 2vh; z-index: 10; height: calc(3vw + 3vh); width: calc(3vw + 3vh); } .env-kidaia-ose .close-icon-global__img, .page-ose .close-icon-global__img { background-image: url(/assets/icon/close_ose.svg); background-size: 100% auto; width: 100%; height: 100%; background-position: center; background-position-x: center; background-position-y: center; background-repeat: no-repeat; cursor: pointer; } .env-kidaia-ose .cursor-pointer, .page-ose .cursor-pointer { cursor: pointer; } .env-kidaia-ose #videosPage .filterVideo p, .page-ose #videosPage .filterVideo p { color: white; font-size: 1.3vmax; } .env-kidaia-ose #videosPage .filterVideo, .page-ose #videosPage .filterVideo { background-color: rgba(136, 182, 39, 0.8784313725) !important; } .env-kidaia-ose #videosPage .buttonSelect, .page-ose #videosPage .buttonSelect { background-color: #83ae28 !important; } .env-kidaia-ose #videosPage .descriptionFullText, .page-ose #videosPage .descriptionFullText { background: rgba(0, 54, 18, 0.57) !important; } .env-kidaia-ose .videoCardImg:hover:after, .env-kidaia-ose .videoImgDescriptionFull.play:after, .page-ose .videoCardImg:hover:after, .page-ose .videoImgDescriptionFull.play:after { background: url(/assets/icon/play-video-ose.svg) no-repeat; background-size: contain; background-position: center; } .env-kidaia-ose .descriptionFullRight .videoImgDescriptionFull.play:after, .page-ose .descriptionFullRight .videoImgDescriptionFull.play:after { background: url(/assets/icon/play-video-ose.svg) no-repeat; background-size: contain; background-position: center; } .env-kidaia-ose #videosPage .videoCardImg:hover:after, .page-ose #videosPage .videoCardImg:hover:after { background: url(/assets/icon/play-video-ose.svg) no-repeat; background-size: contain; background-position: center; } .env-kidaia-ose h1.sectionName, .page-ose h1.sectionName { color: var(--oseWhite); font-size: calc(1.2vw + 1.2vh); margin: 0; text-align: center; } .env-kidaia-ose p.skip, .page-ose p.skip { color: #fff; } .env-kidaia-ose h2.title-container, .page-ose h2.title-container { color: #f3ffd9; text-align: center; margin: 0; } .env-kidaia-ose p.colorizedItems, .page-ose p.colorizedItems { color: #fff; margin: 1%; font-size: calc(1.2vh + 1.2vw); } .env-kidaia-ose #ruche, .page-ose #ruche { display: block; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/globalKidaia.scss ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ ::-webkit-scrollbar-thumb { border-radius: 10px; background: linear-gradient(180deg, #FFDC98 0%, #FCB731 100%) !important; background: -ms-linear-gradient(180deg, #FFDC98 0%, #FCB731 100%) !important; } .logoKidaiaWhiteText { background: url(/assets/kidaia/logo/logoKidaiaWhiteV2.png) no-repeat bottom center/contain; } .backgroundStars { background: url(/assets/kidaia/background/fond-final-1080.png) no-repeat center center/cover !important; } .low-perf-mode .backgroundStars, .low-perf-mode :host .backgroundStars, .low-perf-mode.backgroundStars, .wait-plt-ready.backgroundStars, .wait-plt-ready :host .backgroundStars { background: url(/assets/kidaia/background/fond-final-1080_ios.png) no-repeat center center/cover !important; } .backgroundStarsIon { --background: url(/assets/kidaia/background/fond-final-1080.png) no-repeat center center / cover !important; } .low-perf-mode .backgroundStarsIon, .low-perf-mode :host .backgroundStarsIon { --background: url(/assets/kidaia/background/fond-final-1080_ios.png) no-repeat center center / cover !important; } .waitLandscapeModeAlert { background: url(/assets/kidaia/background/fond-final-1080.png) no-repeat center center/cover !important; } .low-perf-mode .waitLandscapeModeAlert, .low-perf-mode :host .waitLandscapeModeAlert, .low-perf-mode.waitLandscapeModeAlert { background: url(/assets/kidaia/background/fond-final-1080_ios.png) no-repeat center center/cover !important; } .wUABackground { background: url(/assets/kidaia/background/fond-final-1080.png) no-repeat center center/cover; } .wUABackground ion-backdrop { background: transparent; } .low-perf-mode .wUABackground, .low-perf-mode :host .wUABackground, .low-perf-mode.wUABackground { background: url(/assets/kidaia/background/fond-final-1080_ios.png) no-repeat center center/cover !important; } .waitUserActionAlertHolo { --backdrop-opacity: 0; background: url(/assets/kidaia/background/fond-final-1080.png) no-repeat center center/cover; } .low-perf-mode .waitUserActionAlertHolo { background: url(/assets/kidaia/background/fond-final-1080_ios.png) no-repeat center center/cover !important; } .leftMenuBackgrd { background-image: url(/assets/kidaia/toolbar/leftMenu/kidaia-opak.png); background-size: 100% 100%; background-repeat: no-repeat; } .student-list-modal { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; --background: transparent; --backdrop-opacity: 0.5; } .student-list-modal .modal-wrapper { width: 98.5%; height: 97%; border-radius: 20px; border: double 4px transparent; border-radius: 30px 30px 30px 30px; background-image: linear-gradient(white, white), linear-gradient(180deg, #83DFFF 0%, #00AFEC 100%); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); display: flex; align-items: flex-start; } .studentRemovalAlert .alert-wrapper .alert-button-group { justify-content: space-evenly; flex-wrap: nowrap !important; align-items: center; } .creationEditionStudentAlert .alert-message { font-size: 1.1em; } .creationEditionStudentAlert .alert-head { text-align: center; } .creationEditionStudentAlert { color: #721c24; font-family: var(--appFontFamily); } .creationEditionStudentAlert .alert-message p { color: #721c24; font-family: var(--appFontFamily); font-size: 1.1em; margin: 0.5em 0em; } .studentRemovalAlert .alert-message { font-size: 20px; color: #00AFEC; font-family: var(--appFontFamily); } .studentRemovalAlert ion-modal::part(backdrop) { --backdrop-opacity: 0; background: #cbebf7; } .studentRemovalAlert .alert-wrapper { max-width: 80vw; min-width: 60vw; } .studentRemovalAlert .alert-message { font-size: 20px; color: #2111D9; font-family: var(--appFontFamily); } .studentRemovalAlert .kidaiaCancelButton { text-transform: none !important; display: flex; justify-content: space-evenly; align-items: center; font-family: var(--appFontFamily); font-size: 20px !important; color: white !important; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; background: #F4539E; width: 100px; } .studentRemovalAlert .kidaiaConfirmButton { text-transform: none !important; display: flex; justify-content: space-evenly; align-items: center; font-family: var(--appFontFamily); font-size: 20px !important; color: white !important; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; background: #54EFCA; width: 100px; } ion-alert.select-alert { --background: white!important; } ion-alert.select-alert button { color: white !important; } ion-alert.select-alert .sc-ion-alert-md { color: #2111D9; } ion-alert.kidaia-popover .alert-button-group button { color: #2111D9 !important; } .kidaia-popover ion-radio { --color-checked: #2111D9; } ion-alert.kidaia-popover .alert-button-group button { color: #2111D9 !important; } .popover-content { overflow: hidden !important; } .fontFam { font-family: var(--appFontFamily) !important; color: #0E0D3E !important; } :root { --ion-color-secondary: #1FCDB9; --ion-color-secondary-rgb: 0,102,0; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255,255,255; --ion-color-secondary-shade: #005a00; --ion-color-secondary-tint: #1a751a; } .opacityFull { opacity: 1; } .opacityNone { opacity: 0; } #renderCanvas1:not(.renderCanvas1HoloMode) { background-color: #1f1c55 !important; } .renderCanvas1HoloMode { background-color: #000000 !important; } app-video .descriptionFullText { background: rgba(41, 167, 221, 0.45) !important; } #videosPage .filterVideo { background-color: rgb(0, 88, 138) !important; } app-video .buttonSelect { background-color: rgb(0, 88, 138) !important; } /*# sourceMappingURL=styles.css.map*/