/*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/ol/ol.css ***! \****************************************************************************************************************************************************************************************************************/ :root, :host { --ol-background-color: white; --ol-accent-background-color: #F5F5F5; --ol-subtle-background-color: rgba(128, 128, 128, 0.25); --ol-partial-background-color: rgba(255, 255, 255, 0.75); --ol-foreground-color: #333333; --ol-subtle-foreground-color: #666666; --ol-brand-color: #00AAFF; } .ol-box { box-sizing: border-box; border-radius: 2px; border: 1.5px solid var(--ol-background-color); background-color: var(--ol-partial-background-color); } .ol-mouse-position { top: 8px; right: 8px; position: absolute; } .ol-scale-line { background: var(--ol-partial-background-color); border-radius: 4px; bottom: 8px; left: 8px; padding: 2px; position: absolute; } .ol-scale-line-inner { border: 1px solid var(--ol-subtle-foreground-color); border-top: none; color: var(--ol-foreground-color); font-size: 10px; text-align: center; margin: 1px; will-change: contents, width; transition: all 0.25s; } .ol-scale-bar { position: absolute; bottom: 8px; left: 8px; } .ol-scale-bar-inner { display: flex; } .ol-scale-step-marker { width: 1px; height: 15px; background-color: var(--ol-foreground-color); float: right; z-index: 10; } .ol-scale-step-text { position: absolute; bottom: -5px; font-size: 10px; z-index: 11; color: var(--ol-foreground-color); text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color); } .ol-scale-text { position: absolute; font-size: 12px; text-align: center; bottom: 25px; color: var(--ol-foreground-color); text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color); } .ol-scale-singlebar { position: relative; height: 10px; z-index: 9; box-sizing: border-box; border: 1px solid var(--ol-foreground-color); } .ol-scale-singlebar-even { background-color: var(--ol-subtle-foreground-color); } .ol-scale-singlebar-odd { background-color: var(--ol-background-color); } .ol-unsupported { display: none; } .ol-viewport, .ol-unselectable { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .ol-viewport canvas { all: unset; overflow: hidden; } .ol-viewport { touch-action: pan-x pan-y; } .ol-selectable { -webkit-touch-callout: default; -webkit-user-select: text; user-select: text; } .ol-grabbing { cursor: grabbing; } .ol-grab { cursor: move; cursor: grab; } .ol-control { position: absolute; background-color: var(--ol-subtle-background-color); border-radius: 4px; } .ol-zoom { top: .5em; left: .5em; } .ol-rotate { top: .5em; right: .5em; transition: opacity .25s linear, visibility 0s linear; } .ol-rotate.ol-hidden { opacity: 0; visibility: hidden; transition: opacity .25s linear, visibility 0s linear .25s; } .ol-zoom-extent { top: 4.643em; left: .5em; } .ol-full-screen { right: .5em; top: .5em; } .ol-control button { display: block; margin: 1px; padding: 0; color: var(--ol-subtle-foreground-color); font-weight: bold; text-decoration: none; font-size: inherit; text-align: center; height: 1.375em; width: 1.375em; line-height: .4em; background-color: var(--ol-background-color); border: none; border-radius: 2px; } .ol-control button::-moz-focus-inner { border: none; padding: 0; } .ol-zoom-extent button { line-height: 1.4em; } .ol-compass { display: block; font-weight: normal; will-change: transform; } .ol-touch .ol-control button { font-size: 1.5em; } .ol-touch .ol-zoom-extent { top: 5.5em; } .ol-control button:hover, .ol-control button:focus { text-decoration: none; outline: 1px solid var(--ol-subtle-foreground-color); color: var(--ol-foreground-color); } .ol-zoom .ol-zoom-in { border-radius: 2px 2px 0 0; } .ol-zoom .ol-zoom-out { border-radius: 0 0 2px 2px; } .ol-attribution { text-align: right; bottom: .5em; right: .5em; max-width: calc(100% - 1.3em); display: flex; flex-flow: row-reverse; align-items: center; } .ol-attribution a { color: var(--ol-subtle-foreground-color); text-decoration: none; } .ol-attribution ul { margin: 0; padding: 1px .5em; color: var(--ol-foreground-color); text-shadow: 0 0 2px var(--ol-background-color); font-size: 12px; } .ol-attribution li { display: inline; list-style: none; } .ol-attribution li:not(:last-child):after { content: " "; } .ol-attribution img { max-height: 2em; max-width: inherit; vertical-align: middle; } .ol-attribution button { flex-shrink: 0; } .ol-attribution.ol-collapsed ul { display: none; } .ol-attribution:not(.ol-collapsed) { background: var(--ol-partial-background-color); } .ol-attribution.ol-uncollapsible { bottom: 0; right: 0; border-radius: 4px 0 0; } .ol-attribution.ol-uncollapsible img { margin-top: -.2em; max-height: 1.6em; } .ol-attribution.ol-uncollapsible button { display: none; } .ol-zoomslider { top: 4.5em; left: .5em; height: 200px; } .ol-zoomslider button { position: relative; height: 10px; } .ol-touch .ol-zoomslider { top: 5.5em; } .ol-overviewmap { left: 0.5em; bottom: 0.5em; } .ol-overviewmap.ol-uncollapsible { bottom: 0; left: 0; border-radius: 0 4px 0 0; } .ol-overviewmap .ol-overviewmap-map, .ol-overviewmap button { display: block; } .ol-overviewmap .ol-overviewmap-map { border: 1px solid var(--ol-subtle-foreground-color); height: 150px; width: 150px; } .ol-overviewmap:not(.ol-collapsed) button { bottom: 0; left: 0; position: absolute; } .ol-overviewmap.ol-collapsed .ol-overviewmap-map, .ol-overviewmap.ol-uncollapsible button { display: none; } .ol-overviewmap:not(.ol-collapsed) { background: var(--ol-subtle-background-color); } .ol-overviewmap-box { border: 1.5px dotted var(--ol-subtle-foreground-color); } .ol-overviewmap .ol-overviewmap-box:hover { cursor: move; } /*!*****************************************************************************************************************************************************************************************************************************!*\ !*** 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/ol-ext/dist/ol-ext.css ***! \*****************************************************************************************************************************************************************************************************************************/ .ol-control i { cursor: default; } /* Bar style */ .ol-control.ol-bar { left: 50%; min-height: 1em; min-width: 1em; position: absolute; top: 0.5em; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); white-space: nowrap; } /* Hide subbar when not inserted in a parent bar */ .ol-control.ol-toggle .ol-option-bar { display: none; } /* Default position for controls */ .ol-control.ol-bar .ol-bar { position: static; } .ol-control.ol-bar .ol-control { position: relative; top: auto; left:auto; right:auto; bottom: auto; display: inline-block; vertical-align: middle; background-color: transparent; padding: 0; margin: 0; transform: none; -webkit-transform: none; } .ol-control.ol-bar .ol-bar { position: static; } .ol-control.ol-bar .ol-control button { margin:2px 1px; outline: none; } /* Positionning */ .ol-control.ol-bar.ol-left { left: 0.5em; top: 50%; transform: translate(0px, -50%); } .ol-control.ol-bar.ol-left .ol-control { display: block; } .ol-control.ol-bar.ol-right { left: auto; right: 0.5em; top: 50%; transform: translate(0px, -50%); } .ol-control.ol-bar.ol-right .ol-control { display: block; } .ol-control.ol-bar.ol-bottom { top: auto; bottom: 0.5em; } .ol-control.ol-bar.ol-top.ol-left, .ol-control.ol-bar.ol-top.ol-right { top: 4.5em; transform:none; } .ol-touch .ol-control.ol-bar.ol-top.ol-left, .ol-touch .ol-control.ol-bar.ol-top.ol-right { top: 5.5em; } .ol-control.ol-bar.ol-bottom.ol-left, .ol-control.ol-bar.ol-bottom.ol-right { top: auto; bottom: 0.5em; transform:none; } /* Group buttons */ .ol-control.ol-bar.ol-group { margin: 1px 1px 1px 0; } .ol-control.ol-bar.ol-right .ol-group, .ol-control.ol-bar.ol-left .ol-group { margin: 1px 1px 0 1px; } .ol-control.ol-bar.ol-group button { border-radius:0; margin: 0 0 0 1px; } .ol-control.ol-bar.ol-right.ol-group button, .ol-control.ol-bar.ol-left.ol-group button, .ol-control.ol-bar.ol-right .ol-group button, .ol-control.ol-bar.ol-left .ol-group button { margin: 0 0 1px 0; } .ol-control.ol-bar.ol-group .ol-control:first-child > button { border-radius: 5px 0 0 5px; } .ol-control.ol-bar.ol-group .ol-control:last-child > button { border-radius: 0 5px 5px 0; } .ol-control.ol-bar.ol-left.ol-group .ol-control:first-child > button, .ol-control.ol-bar.ol-right.ol-group .ol-control:first-child > button, .ol-control.ol-bar.ol-left .ol-group .ol-control:first-child > button, .ol-control.ol-bar.ol-right .ol-group .ol-control:first-child > button { border-radius: 5px 5px 0 0; } .ol-control.ol-bar.ol-left.ol-group .ol-control:last-child > button, .ol-control.ol-bar.ol-right.ol-group .ol-control:last-child > button, .ol-control.ol-bar.ol-left .ol-group .ol-control:last-child > button, .ol-control.ol-bar.ol-right .ol-group .ol-control:last-child > button { border-radius: 0 0 5px 5px; } /* */ .ol-control.ol-bar .ol-rotate { opacity:1; visibility: visible; } .ol-control.ol-bar .ol-rotate button { display: block } /* Active buttons */ .ol-control.ol-bar .ol-toggle.ol-active > button, .ol-control.ol-bar .ol-toggle.ol-active button:hover { background-color: #00AAFF; color: #fff; } .ol-control.ol-toggle button:disabled { background-color: #ccc; } /* Subbar toolbar */ .ol-control.ol-bar .ol-control.ol-option-bar { display: none; position:absolute; top:100%; left:0; margin: 5px 0; border-radius: 0; background-color: rgba(255,255,255, 0.8); /* border: 1px solid rgba(0, 60, 136, 0.5); */ box-shadow: 0 0 0 1px rgba(0, 60, 136, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.5); } .ol-control.ol-bar .ol-option-bar:before { content: ""; border: 0.5em solid transparent; border-color: transparent transparent rgba(0, 60, 136, 0.5); position: absolute; bottom: 100%; left: 0.3em; pointer-events: none; } .ol-control.ol-bar .ol-option-bar .ol-control { display: table-cell; } .ol-control.ol-bar .ol-control .ol-bar { display: none; } .ol-control.ol-bar .ol-control.ol-active > .ol-option-bar { display: block; } .ol-control.ol-bar .ol-control.ol-collapsed ul { display: none; } .ol-control.ol-bar .ol-control.ol-text-button > div:hover, .ol-control.ol-bar .ol-control.ol-text-button > div { background-color: transparent; color: rgba(0, 60, 136, 0.5); width: auto; min-width: 1.375em; margin: 0; } .ol-control.ol-bar .ol-control.ol-text-button { font-size:0.9em; border-left: 1px solid rgba(0, 60, 136, 0.8); border-radius: 0; } .ol-control.ol-bar .ol-control.ol-text-button:first-child { border-left:0; } .ol-control.ol-bar .ol-control.ol-text-button > div { padding: .11em 0.3em; font-weight: normal; font-size: 1.14em; font-family: Arial,Helvetica,sans-serif; } .ol-control.ol-bar .ol-control.ol-text-button div:hover { color: rgba(0, 60, 136, 1); } .ol-control.ol-bar.ol-bottom .ol-option-bar { top: auto; bottom: 100%; } .ol-control.ol-bar.ol-bottom .ol-option-bar:before { border-color: rgba(0, 60, 136, 0.5) transparent transparent ; bottom: auto; top: 100%; } .ol-control.ol-bar.ol-left .ol-option-bar { left:100%; top: 0; bottom: auto; margin: 0 5px; } .ol-control.ol-bar.ol-left .ol-option-bar:before { border-color: transparent rgba(0, 60, 136, 0.5) transparent transparent; bottom: auto; right: 100%; left: auto; top: 0.3em; } .ol-control.ol-bar.ol-right .ol-option-bar { right:100%; left:auto; top: 0; bottom: auto; margin: 0 5px; } .ol-control.ol-bar.ol-right .ol-option-bar:before { border-color: transparent transparent transparent rgba(0, 60, 136, 0.5); bottom: auto; left: 100%; top: 0.3em; } .ol-control.ol-bar.ol-left .ol-option-bar .ol-option-bar, .ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar { top: 100%; bottom: auto; left: 0.3em; right: auto; margin: 5px 0; } .ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar { right: 0.3em; left: auto; } .ol-control.ol-bar.ol-left .ol-option-bar .ol-option-bar:before, .ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar:before { border-color: transparent transparent rgba(0, 60, 136, 0.5); bottom: 100%; top: auto; left: 0.3em; right: auto; } .ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar:before { right: 0.3em; left: auto; } .ol-control-title { position: absolute; top: 0; left: 0; right: 0; } .ol-center-position { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background-color: rgba(255,255,255,.8); padding: .1em 1em; } .ol-compassctrl { display: none; top: 1em; left: auto; right: 1em; } .ol-compassctrl.ol-visible { display: block!important; } .ol-ext-dialog { position: fixed; top: -100%; left: 0; width: 150%; height: 100%; opacity: 0; background-color: rgba(0,0,0,.5); z-index: 1000; pointer-events: none!important; transition: opacity .2s, top 0s .2s; } .ol-ext-dialog.ol-visible { opacity: 1; top: 0; pointer-events: all!important; transition: opacity .2s, top 0s; } .ol-viewport .ol-ext-dialog { position: absolute; } .ol-ext-dialog > form > h2 { margin: 0 .5em .5em 0; display: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ol-ext-dialog > form.ol-title > h2 { display: block; } .ol-ext-dialog > form { position: absolute; top: 0; left: 33.33%; min-width: 5em; max-width: 60%; min-height: 3em; max-height: 100%; background-color: #fff; border: 1px solid #333; box-shadow: 3px 3px 4px rgba(0,0,0, 0.5); transform: translate(-50%, -30%); transition: top .2s, transform .2s; padding: 1em; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; } .ol-ext-dialog > form.ol-closebox { padding-top: 1.5em; } .ol-ext-dialog > form.ol-title { padding-top: 1em; } .ol-ext-dialog > form.ol-button { padding-bottom: .5em; } .ol-ext-dialog.ol-zoom > form { top: 30%; transform: translate(-50%, -30%) scale(0); } .ol-ext-dialog.ol-visible > form { top: 30%; } .ol-ext-dialog.ol-zoom.ol-visible > form { transform: translate(-50%, -30%) scale(1); } .ol-ext-dialog > form .ol-content { overflow-x: hidden; overflow-y: auto; } .ol-ext-dialog > form .ol-closebox { position: absolute; top: .5em; right: .5em; width: 1em; height: 1em; cursor: pointer; display: none; } .ol-ext-dialog > form.ol-closebox .ol-closebox { display: block; } .ol-ext-dialog > form .ol-closebox:before, .ol-ext-dialog > form .ol-closebox:after { content: ""; position: absolute; background-color: currentColor; top: 50%; left: 50%; width: 1em; height: .1em; border-radius: .1em; transform: translate(-50%, -50%) rotate(45deg); } .ol-ext-dialog > form .ol-closebox:before { transform: translate(-50%, -50%) rotate(-45deg); } .ol-ext-dialog > form .ol-buttons { text-align: right; overflow-x: hidden; } .ol-ext-dialog > form .ol-buttons input { margin-top: .5em; padding: .5em; background: none; border: 0; font-size: 1em; color: rgba(0,60,136,1); cursor: pointer; border-radius: .25em; outline-width: 0; } .ol-ext-dialog > form .ol-buttons input:hover { background-color: rgba(0,60,136,.1); } .ol-ext-dialog > form .ol-buttons input[type=submit] { font-weight: bold; } .ol-ext-dialog .ol-progress-message { font-size: .9em; text-align: center; padding-bottom: .5em; } .ol-ext-dialog .ol-progress-bar { border: 1px solid #369; width: 20em; height: 1em; max-width: 100%; padding: 2px; margin: .5em auto 0; overflow: hidden; } .ol-ext-dialog .ol-progress-bar > div { background: #369; height: 100%; width: 50%; transition: width .3s; } .ol-ext-dialog .ol-progress-bar > div.notransition { transition: unset; } /* full screen */ .ol-ext-dialog.ol-fullscreen-dialog form { top: 1em; transform: none; left: 1em; bottom: 1em; right: 1em; max-width: calc(66.6% - 2em); text-align: center; background: transparent; box-shadow: none; border: none; color: #fff; } .ol-ext-dialog.ol-fullscreen-dialog form .ol-closebox { top: 0; right: 0; font-size: 2em; } .ol-ext-dialog.ol-fullscreen-dialog .ol-closebox:before, .ol-ext-dialog.ol-fullscreen-dialog .ol-closebox:after { border: .1em solid currentColor; } .ol-ext-dialog.ol-fullscreen-dialog img, .ol-ext-dialog.ol-fullscreen-dialog video { max-width: 100%; } /* Fullscreen dialog */ body > .ol-ext-dialog .ol-content { max-height: calc(100vh - 10em); } body > .ol-ext-dialog > form { overflow: visible; } .ol-editbar .ol-button button { position: relative; display: inline-block; font-style: normal; box-sizing: border-box; vertical-align: middle; } .ol-editbar .ol-button button:before, .ol-editbar .ol-button button:after { content: ""; border-width: 0; position: absolute; box-sizing: border-box; background-color: currentColor; } .ol-editbar .ol-button button:focus { outline: none; } .ol-editbar .ol-selection > button:before { width: .6em; height: 1em; background-color: transparent; border: .5em solid currentColor; border-width: 0 .25em .65em; border-color: currentColor transparent; box-shadow:0 0.6em 0 -0.23em; top: .35em; left: .5em; transform: translate(-50%, -50%) rotate(-30deg); } .ol-editbar .ol-selection0 > button:after { width: .28em; height: .6em; background-color: transparent; border: .5em solid currentColor; border-width: 0 .05em .7em; border-color: currentColor transparent; top: .5em; left: .7em; transform: rotate(-45deg); } .ol-editbar .ol-delete button:after, .ol-editbar .ol-delete button:before { width: 1em; height: .2em; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } .ol-editbar .ol-delete button:after { transform: translate(-50%, -50%) rotate(-45deg); } .ol-editbar .ol-info button:before { width: .25em; height: .6em; border-radius: .03em; top: .47em; left: 50%; transform: translateX(-50%); } .ol-editbar .ol-info button:after { width: .25em; height: .2em; border-radius: .03em; box-shadow: -0.1em 0.35em, -0.1em 0.82em, 0.1em 0.82em; top: .12em; left: 50%; transform: translateX(-50%); } .ol-editbar .ol-drawpoint button:before { width: .7em; height: .7em; border-radius: 50%; border: .15em solid currentColor; background-color: transparent; top: .2em; left: 50%; transform: translateX(-50%); } .ol-editbar .ol-drawpoint button:after { width: .4em; height: .4em; border: .15em solid currentColor; border-color: currentColor transparent; border-width: .4em .2em 0; background-color: transparent; top: .8em; left: 50%; transform: translateX(-50%); } .ol-editbar .ol-drawline > button:before, .ol-editbar .ol-drawpolygon > button:before, .ol-editbar .ol-drawhole > button:before { width: .8em; height: .8em; border: .13em solid currentColor; background-color: transparent; border-width: .2em .13em .09em; top: .2em; left: .25em; transform: rotate(10deg) perspective(1em) rotateX(40deg); } .ol-editbar .ol-drawline > button:before { border-bottom: 0; } .ol-editbar .ol-drawline > button:after, .ol-editbar .ol-drawhole > button:after, .ol-editbar .ol-drawpolygon > button:after { width: .3em; height: .3em; top: 0.2em; left: .25em; box-shadow: -0.2em 0.55em, 0.6em 0.1em, 0.65em 0.7em; } .ol-editbar .ol-drawhole > button:after { box-shadow: -0.2em 0.55em, 0.6em 0.1em, 0.65em 0.7em, 0.25em 0.35em; } .ol-editbar .ol-offset > button i, .ol-editbar .ol-transform > button i { position: absolute; width: .9em; height: .9em; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ol-editbar .ol-offset > button i{ width: .8em; height: .8em; } .ol-editbar .ol-offset > button i:before, .ol-editbar .ol-transform > button i:before, .ol-editbar .ol-transform > button i:after { content: ""; height: 1em; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); box-shadow: 0.5em 0 0 0.1em, -0.5em 0 0 0.1em; width: .1em; position: absolute; background-color: currentColor; } .ol-editbar .ol-offset > button i:before{ box-shadow: 0.45em 0 0 0.1em, -0.45em 0 0 0.1em; } .ol-editbar .ol-transform > button i:after { transform: translate(-50%, -50%) rotate(-45deg); } .ol-editbar .ol-split > button:before { width: .3em; height: .3em; top: .81em; left: .75em; border-radius: 50%; box-shadow: 0.1em -0.4em, -0.15em -0.25em; } .ol-editbar .ol-split > button:after { width: .8em; height: .8em; top: .15em; left: -.1em; border: .1em solid currentColor; border-width: 0 .2em .2em 0; background-color: transparent; border-radius: .1em; transform: rotate(20deg) scaleY(.6) rotate(-45deg); } .ol-editbar .ol-drawregular > button:before { width: .9em; height: .9em; top: 50%; left: 50%; border: .1em solid currentColor; background-color: transparent; transform: translate(-50%, -50%); } .ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div { border: .5em solid currentColor; border-color: transparent currentColor; display: inline-block; cursor: pointer; vertical-align: text-bottom; } .ol-editbar .ol-drawregular .ol-bar:before, .ol-control.ol-bar.ol-editbar .ol-drawregular .ol-bar { left: 50%; transform: translateX(-50%); } .ol-editbar .ol-drawregular .ol-bar .ol-text-button { min-width: 6em; text-align: center; } .ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div:first-child { border-width: .5em .5em .5em 0; margin: 0 .5em 0 0; } .ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div:last-child { border-width: .5em 0 .5em .5em; margin: 0 0 0 .5em; } .ol-feature-list { position: relative; } .ol-control.ol-feature-list { position: absolute; bottom: 0; left: 0; width: 100%; } .ol-control.ol-feature-list > button:before { content: ""; position: absolute; width: 60%; height: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: inset 0 2.5px; background-image: linear-gradient(90deg, currentColor, transparent); } .ol-control.ol-feature-list.ol-collapsed { bottom: .5em; left: .5em; width: auto; } .ol-feature-list .ol-content { background-color: #f4f6f8; clear: both; } .ol-feature-list.ol-collapsed .ol-content > * { display: none; } .ol-feature-list .ol-header { position: relative; overflow: hidden; } .ol-feature-list.ol-collapsed .ol-header { display: block; } .ol-control.ol-feature-list > button, .ol-control.ol-feature-list.ol-collapsed .ol-content { display: none; } .ol-control.ol-feature-list.ol-collapsed > button { display: block; } .ol-feature-list .ol-sizer { width: 100%; height: 1px; cursor: row-resize; background-color: #ccc; position: relative; border: 1px solid #f4f6f8; border-width: 1px 0; } .ol-feature-list.ol-bottom .ol-sizer { position: absolute; bottom: 0; } .ol-feature-list .ol-sizer:before { content: ""; width: 1.5em; height: 4px; background-color: #ddd; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; border: 3px solid transparent; border-width: 3px 1.5em; box-shadow: inset 0 -1px #aaa, inset 0 1px #aaa; border-radius: 2px; } .ol-feature-list .ol-sizer:hover:before { background-color: #ccc; } .ol-feature-list .ol-content .ol-header p { display: inline-block; margin: 0.1em .25em; vertical-align: middle; white-space: nowrap; width: calc(100% - 2em); text-overflow: ellipsis; overflow: hidden; } .ol-feature-list .ol-content .ol-header .ol-buttons { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .ol-feature-list .ol-content .ol-header button { position: relative; border: 0; background: transparent; vertical-align: middle; width: 1em; height: 1em; margin: 0 .2em; box-sizing: border-box; } .ol-feature-list .ol-content .ol-header button.ol-closebox:before, .ol-feature-list .ol-content .ol-header button.ol-closebox:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); background: currentColor; width: .1em; height: 1em; display: block; font-style: normal; } .ol-feature-list .ol-content .ol-header button.ol-closebox:after { transform: translate(-50%, -50%) rotate(-45deg); } .ol-feature-list.ol-collapsed .ol-content .ol-header button.ol-closebox { border: 1px solid currentColor; } .ol-feature-list.ol-collapsed .ol-content .ol-header button.ol-closebox:before { transform: translate(-50%, -50%) rotate(90deg); } .ol-feature-list.ol-collapsed .ol-content .ol-header button.ol-closebox:after { display: none; } .ol-feature-list .ol-scroll-container { overflow: auto; height: 10em; min-height: 3em; } .ol-feature-list .ol-scroll-container:focus { outline: unset; } .ol-feature-list table { background-color: #fff; border-collapse: collapse; white-space: nowrap; position: relative; } .ol-feature-list table thead { background-color: #f4f6f8; position: sticky; top: 0; overflow: hidden; } /* Fixed height */ .ol-feature-list table tr { height: 1.4em; box-sizing: border-box; } .ol-feature-list table tbody tr:hover { background-color: #eee; cursor: pointer; } .ol-feature-list table tbody tr.ol-selected { background-color: #eee; } .ol-feature-list table td { border: 0 solid #ddd; border-width: 0 0 1px 1px; overflow: hidden; width: 100px; } .ol-feature-list table td.number { text-align: right; } .ol-feature-list table td.undefined { text-align: center; background-color: #fafafa; } .ol-feature-list table tr:hover td, .ol-feature-list table .ol-selected td { background-color: transparent; } .ol-feature-list thead td { position: relative; } .ol-feature-list thead td.sort { padding-right: 1.5em; } .ol-feature-list thead td p { margin: 0; display: inline-block; } .ol-feature-list table td button { position: absolute; width: 1.2em; height: 1.4em; top: 0; right: 0; margin: .1em 0; padding: 0; background-color: transparent; border: 0; } .ol-feature-list thead td button.sort:before { content: '⇅'; font-style: normal; font-weight: normal; cursor: pointer; font-size: 1em; line-height: 1em; } .ol-feature-list thead td button.sortup:before { content: '↧'; } .ol-feature-list thead td button.sortdown:before { content: '↥'; } .ol-gauge { top: 0.5em; left: 50%; transform: translateX(-50%); background-color: rgba(255,255,255,.5); padding: 0.1em 0.5em; } .ol-gauge > * { display: inline-block; vertical-align: middle; } .ol-gauge > span { margin: 0 0.5em 0 0; } .ol-gauge > div { display: inline-block; width: 200px; border: 1px solid rgba(0,60,136,.5); border-radius: 3px; padding:1px; } .ol-gauge button { height: 0.8em; margin:0; max-width:100%; } .ol-control.ol-bookmark { top: 0.5em; left: 3em; background-color: rgba(255,255,255,.5); } .ol-control.ol-bookmark button { position: relative; } .ol-control.ol-bookmark > button::before { content: ""; position: absolute; border-width: 10px 5px 4px; border-style: solid; border-color: currentColor; border-bottom-color: transparent; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 0; } .ol-control.ol-bookmark > div { display: block; min-width: 5em; } .ol-control.ol-bookmark.ol-collapsed > div { display: none; } .ol-control.ol-bookmark input { font-size: 0.9em; margin: 0 0.5em 0.5em; padding: 0 0.5em; } .ol-control.ol-bookmark ul { margin: 0 0 0.5em; padding: 0; list-style: none; min-width: 10em; } .ol-control.ol-bookmark li { color: rgba(0,60,136,0.8); font-size: 0.9em; padding: 0 0.2em 0 0.5em; cursor: default; clear:both; } .ol-control.ol-bookmark li:hover { background-color: rgba(0,60,136,.5); color: #fff; } .ol-control.ol-bookmark > div button { width: 1em; height: 0.8em; float: right; background-color: transparent; cursor: pointer; border-radius: 0; } .ol-control.ol-bookmark > div button:before { content: "\2A2F"; color: #936; font-size: 1.2em; line-height: 1em; border-radius: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ol-bookmark ul li button, .ol-bookmark input { display: none; } .ol-bookmark.ol-editable ul li button, .ol-bookmark.ol-editable input { display: block; } .ol-control.ol-geobt { top: auto; left: auto; right: .5em; bottom: 3em; } .ol-touch .ol-control.ol-geobt { bottom: 3.5em; } .ol-control.ol-geobt button:before { content: ""; position: absolute; background: transparent; top: 50%; left: 50%; transform: translate(-50%, -50%); border: .16em solid currentColor; width: .4em; height: .4em; border-radius: 50%; } .ol-control.ol-geobt button:after { content: ""; position: absolute; width: .2em; height: .2em; background: transparent; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: .42em 0, -.42em 0, 0 .42em, 0 -.42em; } .ol-control.ol-bar.ol-geobar .ol-control { display: inline-block; vertical-align: middle; } .ol-control.ol-bar.ol-geobar .ol-bar { display: none; } .ol-bar.ol-geobar.ol-active .ol-bar { display: inline-block; } .ol-bar.ol-geobar .geolocBt button:before, .ol-bar.ol-geobar .geolocBt button:after { content: ""; display: block; position: absolute; border: 1px solid transparent; border-width: 0.3em 0.8em 0 0.2em; border-color: currentColor transparent transparent; transform: rotate(-30deg); top: .45em; left: 0.15em; font-size: 1.2em; } .ol-bar.ol-geobar .geolocBt button:after { border-width: 0 0.8em .3em 0.2em; border-color: transparent transparent currentColor; transform: rotate(-61deg); } .ol-bar.ol-geobar .startBt button:before { content: ""; display: block; position: absolute; width: 1em; height: 1em; background-color: #800; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%); } .ol-bar.ol-geobar .pauseBt button:before, .ol-bar.ol-geobar .pauseBt button:after { content: ""; display: block; position: absolute; width: .25em; height: 1em; background-color: currentColor; top: 50%; left: 35%; transform: translate(-50%,-50%); } .ol-bar.ol-geobar .pauseBt button:after { left: 65%; } .ol-control.ol-bar.ol-geobar .centerBt, .ol-control.ol-bar.ol-geobar .pauseBt, .ol-bar.ol-geobar.pauseTrack .startBt, .ol-bar.ol-geobar.centerTrack .startBt, .ol-bar.ol-geobar.centerTrack.pauseTrack .pauseBt, .ol-bar.ol-geobar.centerTrack .pauseBt { display: none; } .ol-bar.ol-geobar.pauseTrack .pauseBt, .ol-bar.ol-geobar.centerTrack .centerBt{ display: inline-block; } .ol-control.ol-globe { position: absolute; left: 0.5em; bottom: 0.5em; border-radius: 50%; opacity: 0.7; transform: scale(0.5); transform-origin: 0 100%; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 100%; } .ol-control.ol-globe:hover { opacity: 0.9; } .ol-control.ol-globe .panel { display:block; width:170px; height:170px; background-color:#fff; cursor: pointer; border-radius: 50%; overflow: hidden; box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5); } .ol-control.ol-globe .panel .ol-viewport { border-radius: 50%; } .ol-control.ol-globe .ol-pointer { display: block; background-color: #fff; width:10px; height: 10px; border:10px solid red; position: absolute; top: 50%; left:50%; transform: translate(-15px, -40px); -webkit-transform: translate(-15px, -40px); border-radius: 50%; z-index:1; transition: opacity 0.15s, top 0s, left 0s; -webkit-transition: opacity 0.15s, top 0s, left 0s; } .ol-control.ol-globe .ol-pointer.hidden { opacity:0; transition: opacity 0.15s, top 3s, left 5s; -webkit-transition: opacity 0.15s, top 3s, left 5s; } .ol-control.ol-globe .ol-pointer::before { border-radius: 50%; box-shadow: 6px 6px 10px 5px #000; content: ""; display: block; height: 0; left: 0; position: absolute; top: 23px; width: 0; } .ol-control.ol-globe .ol-pointer::after { content:""; width:0; height:0; display: block; position: absolute; border-width: 20px 10px 0; border-color: red transparent; border-style: solid; left: -50%; top: 100%; } .ol-control.ol-globe .panel::before { border-radius: 50%; box-shadow: -20px -20px 80px 2px rgba(0, 0, 0, 0.7) inset; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .ol-control.ol-globe .panel::after { border-radius: 50%; box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1); content: ""; display: block; height: 0; left: 23%; position: absolute; top: 20%; transform: rotate(-40deg); width: 20%; z-index: 1; } .ol-control.ol-globe.ol-collapsed .panel { display:none; } .ol-control-top.ol-globe { bottom: auto; top: 5em; transform-origin: 0 0; -webkit-transform-origin: 0 0; } .ol-control-right.ol-globe { left: auto; right: 0.5em; transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; } .ol-control-right.ol-control-top.ol-globe { left: auto; right: 0.5em; transform-origin: 100% 0; -webkit-transform-origin: 100% 0; } .ol-gridreference { background: #fff; border: 1px solid #000; overflow: auto; max-height: 100%; top:0; right:0; } .ol-gridreference input { width:100%; } .ol-gridreference ul { margin:0; padding:0; list-style: none; } .ol-gridreference li { padding: 0 0.5em; cursor: pointer; } .ol-gridreference ul li:hover { background-color: #ccc; } .ol-gridreference li.ol-title, .ol-gridreference li.ol-title:hover { background:rgba(0,60,136,.5); color:#fff; cursor:default; } .ol-gridreference ul li .ol-ref { margin-left: 0.5em; } .ol-gridreference ul li .ol-ref:before { content:"("; } .ol-gridreference ul li .ol-ref:after { content:")"; } .ol-control.ol-imageline { bottom:0; left: 0; right: 0; padding: 0; overflow: visible; transition: .3s; border-radius: 0; } .ol-control.ol-imageline.ol-collapsed { transform: translateY(100%); } .ol-imageline > div { height: 4em; position: relative; white-space: nowrap; scroll-behavior: smooth; overflow: hidden; width: 100%; } .ol-imageline > div.ol-move { scroll-behavior: unset; } .ol-control.ol-imageline button { position: absolute; top: -1em; transform: translateY(-100%); margin: .65em; box-shadow: 0 0 0 0.15em rgba(255,255,255,.4); } .ol-control.ol-imageline button:before { content: ''; position: absolute; transform: translate(-50%, -50%) rotate(135deg); top: 40%; left: 50%; width: .4em; height: .4em; border: .1em solid currentColor; border-width: .15em .15em 0 0; } .ol-control.ol-imageline.ol-collapsed button:before { top: 60%; transform: translate(-50%, -50%) rotate(-45deg); } .ol-imageline, .ol-imageline:hover { background-color: rgba(0,0,0,.75); } .ol-imageline.ol-arrow:after, .ol-imageline.ol-arrow:before { content: ""; position: absolute; top: 50%; left: .2em; border-color: #fff #000; border-width: 1em .6em 1em 0; border-style: solid; transform: translateY(-50%); z-index: 1; opacity: .8; pointer-events: none; box-shadow: -0.6em 0 0 1em #fff; } .ol-imageline.ol-arrow:after { border-width: 1em 0 1em .6em; left: auto; right: .2em; box-shadow: 0.6em 0 0 1em #fff; } .ol-imageline.ol-scroll0.ol-arrow:before { display: none; } .ol-imageline.ol-scroll1.ol-arrow:after { display: none; } .ol-imageline .ol-image { position: relative; height: 100%; display: inline-block; cursor: pointer; } .ol-imageline img { max-height: 100%; border: .25em solid transparent; box-sizing: border-box; opacity: 0; transition: 1s; } .ol-imageline img.ol-loaded { opacity:1; } .ol-imageline .ol-image.select { background-color: #fff; } .ol-imageline .ol-image span { position: absolute; width: 125%; max-height: 2.4em; left: 50%; bottom: 0; display: none; color: #fff; background-color: rgba(0,0,0,.5); font-size: .8em; overflow: hidden; white-space: normal; text-align: center; line-height: 1.2em; transform: translateX(-50%) scaleX(.8); } /* .ol-imageline .ol-image.select span, */ .ol-imageline .ol-image:hover span { display: block; } .ol-control.ol-routing.ol-isochrone .ol-method-time, .ol-control.ol-routing.ol-isochrone .ol-method-distance, .ol-control.ol-routing.ol-isochrone > button { position: relative; } .ol-control.ol-routing.ol-isochrone .ol-method-time:before, .ol-control.ol-routing.ol-isochrone > button:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: .1em solid currentColor; width: .8em; height: .8em; border-radius: 50%; box-shadow: 0 -0.5em 0 -0.35em, 0.4em -0.35em 0 -0.35em; clip: unset; } .ol-control.ol-routing.ol-isochrone .ol-method-time:after, .ol-control.ol-routing.ol-isochrone > button:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-60deg); border-radius: 50%; border: .3em solid transparent; border-right-color: currentColor; box-shadow: none; box-sizing: border-box; clip: unset; } .ol-control.ol-routing.ol-isochrone .ol-method-distance:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-30deg); width: 1em; height: .5em; border: .1em solid currentColor; box-sizing: border-box } .ol-control.ol-routing.ol-isochrone .ol-method-distance:after { content: ''; position: absolute; width: .1em; height: .15em; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-30deg); box-shadow: inset 0 -0.15em, 0 0.1em, 0.25em 0.1em, -0.25em 0.1em; } .ol-control.ol-routing.ol-isochrone .ol-direction-direct:before, .ol-control.ol-routing.ol-isochrone .ol-direction-reverse:before { content: ''; position: absolute; top: 50%; left: 30%; transform: translate(-50%, -50%); width: .3em; height: .3em; border-radius: 50%; border: .1em solid currentColor; box-sizing: border-box; box-shadow: 0.25em 0 0 -0.05em; } .ol-control.ol-routing.ol-isochrone .ol-direction-direct:after, .ol-control.ol-routing.ol-isochrone .ol-direction-reverse:after { content: ''; position: absolute; top: 50%; left: 70%; transform: translate(-50%, -50%); border: .4em solid transparent; border-width: .4em 0 .4em .4em; border-color: transparent currentColor; } .ol-control.ol-routing.ol-isochrone .ol-direction-reverse:after { border-width: .4em .4em .4em 0; } .ol-control.ol-isochrone.ol-collapsed .content { display: none; } .ol-control.ol-isochrone input[type="number"] { width: 3em; text-align: right; margin: 0 .1em; } .ol-control.ol-isochrone .ol-distance input[type="number"] { width: 5em; } .ol-isochrone .ol-time, .ol-isochrone .ol-distance { display: none; } .ol-isochrone .ol-time.selected, .ol-isochrone .ol-distance.selected { display: block; } .ol-control.ol-layerswitcher-popup { position: absolute; right: 0.5em; text-align: left; top: 3em; } .ol-control.ol-layerswitcher-popup .panel { clear:both; background:#fff; } .ol-layerswitcher-popup .panel { list-style: none; padding: 0.25em; margin:0; overflow: hidden; } .ol-layerswitcher-popup .panel ul { list-style: none; padding: 0 0 0 20px; overflow: hidden; } .ol-layerswitcher-popup.ol-collapsed .panel { display:none; } .ol-layerswitcher-popup.ol-forceopen .panel { display:block; } .ol-layerswitcher-popup button { background-color: white; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACE1BMVEX///8A//8AgICA//8AVVVAQID///8rVVVJtttgv98nTmJ2xNgkW1ttyNsmWWZmzNZYxM4gWGgeU2JmzNNr0N1Rwc0eU2VXxdEhV2JqytQeVmMhVmNoydUfVGUgVGQfVGQfVmVqy9hqy9dWw9AfVWRpydVry9YhVmMgVGNUw9BrytchVWRexdGw294gVWQgVmUhVWPd4N6HoaZsy9cfVmQgVGRrytZsy9cgVWQgVWMgVWRsy9YfVWNsy9YgVWVty9YgVWVry9UgVWRsy9Zsy9UfVWRsy9YgVWVty9YgVWRty9Vsy9aM09sgVWRTws/AzM0gVWRtzNYgVWRuy9Zsy9cgVWRGcHxty9bb5ORbxdEgVWRty9bn6OZTws9mydRfxtLX3Nva5eRix9NFcXxOd4JPeINQeIMiVmVUws9Vws9Vw9BXw9BYxNBaxNBbxNBcxdJexdElWWgmWmhjyNRlx9IqXGtoipNpytVqytVryNNrytZsjZUuX210k5t1y9R2zNR3y9V4lp57zth9zdaAnKOGoaeK0NiNpquV09mesrag1tuitbmj1tuj19uktrqr2d2svcCu2d2xwMO63N+7x8nA3uDC3uDFz9DK4eHL4eLN4eIyYnDX5OM5Z3Tb397e4uDf4uHf5uXi5ePi5+Xj5+Xk5+Xm5+Xm6OY6aHXQ19fT4+NfhI1Ww89gx9Nhx9Nsy9ZWw9Dpj2abAAAAWnRSTlMAAQICAwQEBgcIDQ0ODhQZGiAiIyYpKywvNTs+QklPUlNUWWJjaGt0dnd+hIWFh4mNjZCSm6CpsbW2t7nDzNDT1dje5efr7PHy9PT29/j4+Pn5+vr8/f39/f6DPtKwAAABTklEQVR4Xr3QVWPbMBSAUTVFZmZmhhSXMjNvkhwqMzMzMzPDeD+xASvObKePPa+ffHVl8PlsnE0+qPpBuQjVJjno6pZpSKXYl7/bZyFaQxhf98hHDKEppwdWIW1frFnrxSOWHFfWesSEWC6R/P4zOFrix3TzDFLlXRTR8c0fEEJ1/itpo7SVO9Jdr1DVxZ0USyjZsEY5vZfiiAC0UoTGOrm9PZLuRl8X+Dq1HQtoFbJZbv61i+Poblh/97TC7n0neCcK0ETNUrz1/xPHf+DNAW9Ac6t8O8WH3Vp98f5lCaYKAOFZMLyHL4Y0fe319idMNgMMp+zWVSybUed/+/h7I4wRAG1W6XDy4XmjR9HnzvDRZXUAYDFOhC1S/Hh+fIXxen+eO+AKqbs+wAo30zDTDvDxKoJN88sjUzDFAvBzEUGFsnADoIvAJzoh2BZ8sner+Ke/vwECuQAAAABJRU5ErkJggg=="); background-position: center; background-repeat: no-repeat; float: right; height: 38px; width: 38px; } .ol-layerswitcher-popup li { color:#369; padding:0.25em 1em; font-family:"Trebuchet MS",Helvetica,sans-serif; cursor:pointer; } .ol-layerswitcher-popup li.ol-header { display: none; } .ol-layerswitcher-popup li.select, .ol-layerswitcher-popup li.ol-visible { background:rgba(0, 60, 136, 0.7); color:#fff; } .ol-layerswitcher-popup li:hover { background:rgba(0, 60, 136, 0.9); color:#fff; } .ol-control.ol-layerswitcher.ol-layer-shop { height: calc(100% - 4em); max-height: unset; max-width: 16em; background-color: transparent; pointer-events: none!important; overflow: visible; } .ol-control.ol-layerswitcher > * { pointer-events: auto; } .ol-control.ol-layer-shop > button, .ol-control.ol-layer-shop .panel-container { box-shadow: 0 0 0 3px rgba(255,255,255,.5); } .ol-control.ol-layerswitcher.ol-layer-shop .panel-container { overflow-y: scroll; max-height: calc(100% - 6.5em); border: 2px solid #369; border-width: 2px 0; padding: 0; } .ol-control.ol-layer-shop .panel { padding: 0; box-sizing: border-box; margin: .25em .5em; } .ol-control.ol-layerswitcher.ol-layer-shop .panel-container.ol-scrolldiv { overflow: hidden; } .ol-control.ol-layer-shop .ol-scroll { background-color: rgba(0,0,0,.3); opacity: .5; } .ol-layerswitcher.ol-layer-shop ul.panel li.ol-header { display: none; } .ol-layerswitcher.ol-layer-shop ul.panel li { margin-right: 0; padding-right: 0; } .ol-layerswitcher.ol-layer-shop .layerup { height: 1.5em; width: 1.4em; margin: 0; box-sizing: border-box; border-radius: 3px; background-color: transparent; color: rgba(0,60,136,1); } .ol-layerswitcher.ol-layer-shop .layerup:hover { background-color: rgba(0,60,136,.3); } .ol-layerswitcher.ol-layer-shop .layerup:before { top: 50%; left: 50%; transform: translate(-50%, -50%); border: 0; background-color: currentColor; width: 1em; height: 2px; box-shadow: 0 -4px, 0 4px; } .ol-layerswitcher.ol-layer-shop .layerup:after { content: unset; } .ol-control.ol-layer-shop .ol-title-bar { background-color: rgba(255,255,255,.5); font-size: .9em; height: calc(2.8em - 4px); max-width: 14.6em; padding: .7em .5em; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; transform: scaleY(1.1); transition: transform .1s, width 0s; transform-origin: 100% 0; } .ol-control.ol-layer-shop:hover .ol-title-bar { background-color: rgba(255,255,255,.7); } .ol-control.ol-layer-shop.ol-collapsed .ol-title-bar { max-width: 10em; transform: scale(.9, 1.1); } .ol-control.ol-layer-shop.ol-forceopen .ol-title-bar { max-width: 14.6em; transform: scaleY(1.1); } .ol-control.ol-layer-shop .ol-bar { position: relative; height: 1.75em; clear: both; box-shadow: 0 0 0 3px rgba(255,255,255,.5); background-color: #fff; text-align: right; z-index: 10; } .ol-control.ol-layer-shop.ol-collapsed .ol-scroll, .ol-control.ol-layer-shop.ol-collapsed .ol-bar { border-width: 2px 0 0; display: none; } .ol-control.ol-layer-shop.ol-forceopen .ol-scroll, .ol-control.ol-layer-shop.ol-forceopen .ol-bar { display: block; } .ol-control.ol-layer-shop .ol-bar > * { font-size: .9em; display: inline-block; vertical-align: middle; margin-top: .25em; background-color: transparent; } .ol-layer-shop .ol-bar .ol-button, .ol-touch .ol-layer-shop .ol-bar .ol-button { position: relative; top: unset; left: unset; bottom: unset; right: unset; margin: 0; } .ol-layer-shop .ol-bar button { background-color: #fff; color: rgba(0,60,136,1) } .ol-layer-shop .ol-bar button:hover { background-color: rgba(0,60,136,.2); } /* Touch device */ .ol-touch .ol-layerswitcher.ol-layer-shop > button { font-size: 1.7em; } .ol-touch .ol-layer-shop .ol-bar { height: 2em; } .ol-touch .ol-layer-shop .ol-control button { font-size: 1.4em; } .ol-touch .ol-control.ol-layer-shop .panel { max-height: calc(100% - 7em); } .ol-touch .ol-control.ol-layer-shop .panel label { height: 1.8em; } .ol-touch .ol-control.ol-layer-shop .panel label span { margin-left: .5em; padding-top: .25em; } .ol-touch .ol-control.ol-layer-shop .panel label:before, .ol-touch .ol-control.ol-layer-shop .panel label:after { font-size: 1.3em; z-index: 1; } .ol-control.ol-layerswitcher { position: absolute; right: 0.5em; text-align: left; top: 3em; max-height: calc(100% - 6em); box-sizing: border-box; overflow: hidden; } .ol-control.ol-layerswitcher .ol-switchertopdiv, .ol-control.ol-layerswitcher .ol-switcherbottomdiv { display: block } .ol-control.ol-layerswitcher.ol-collapsed .ol-switchertopdiv, .ol-control.ol-layerswitcher.ol-collapsed .ol-switcherbottomdiv { display: none; } .ol-layerswitcher.ol-forceopen.ol-collapsed .ol-switchertopdiv, .ol-layerswitcher.ol-forceopen.ol-collapsed .ol-switcherbottomdiv { display: block; } .ol-control.ol-layerswitcher .ol-switchertopdiv, .ol-control.ol-layerswitcher .ol-switcherbottomdiv { position: absolute; top:0; left:0; right:0; height: 45px; background: #fff; z-index:2; opacity:1; cursor: pointer; border-top:2px solid transparent; border-bottom:2px solid #369; margin:0 2px; box-sizing: border-box; } .ol-control.ol-layerswitcher .ol-switcherbottomdiv { top: auto; bottom: 0; height: 2em; border-top:2px solid #369; border-bottom:2px solid transparent; } .ol-control.ol-layerswitcher .ol-switchertopdiv:before, .ol-control.ol-layerswitcher .ol-switcherbottomdiv:before { content:""; position: absolute; left:50%; top:50%; border:10px solid transparent; width:0; height:0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); opacity:0.8; } .ol-control.ol-layerswitcher .ol-switchertopdiv:hover:before, .ol-control.ol-layerswitcher .ol-switcherbottomdiv:hover:before { opacity:1; } .ol-control.ol-layerswitcher .ol-switchertopdiv:before { border-bottom-color: #369; border-top: 0; } .ol-control.ol-layerswitcher .ol-switcherbottomdiv:before { border-top-color: #369; border-bottom: 0; } .ol-control.ol-layerswitcher .panel-container { background-color: #fff; border-radius: 0 0 2px 2px; clear: both; display: block; /* display:block to show panel on over */ padding: 0.5em 0.5em 0; } .ol-layerswitcher .panel { list-style: none; padding: 0; margin: 0; overflow: hidden; font-family: Tahoma,Geneva,sans-serif; font-size:0.9em; transition: top 0.3s; position: relative; top:0; } .ol-layerswitcher .panel ul { list-style: none; padding: 0 0 0 20px; overflow: hidden; clear: both; } /** Customize checkbox */ .ol-layerswitcher input[type="radio"], .ol-layerswitcher input[type="checkbox"] { display:none; } .ol-layerswitcher .panel li { -weblit-transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; clear: both; display: block; border:1px solid transparent; box-sizing: border-box; } .ol-layerswitcher .panel li.ol-layer-select { background-color: rgba(0,60,136,.2); margin: 0 -.5em; padding: 0 .5em } /* drag and drop */ .ol-layerswitcher .panel li.drag { opacity: 0.5; transform:scale(0.8); -webkit-transform:scale(0.8); } .ol-dragover { background:rgba(51,102,153,0.5); opacity:0.8; } .ol-layerswitcher .panel li.forbidden, .forbidden .ol-layerswitcher-buttons div, .forbidden .layerswitcher-opacity div { background:rgba(255,0,0,0.5); color:#f00!important; } /* cursor management */ .ol-layerswitcher.drag, .ol-layerswitcher.drag * { cursor:not-allowed!important; cursor:no-drop!important; } .ol-layerswitcher.drag .panel li.dropover, .ol-layerswitcher.drag .panel li.dropover * { cursor: pointer!important; cursor: n-resize!important; cursor: ns-resize!important; cursor: grab!important; cursor: grabbing!important; } .ol-layerswitcher .panel li.dropover { background: rgba(51, 102, 153, 0.5); } .ol-layerswitcher .panel li label { display: inline-block; height: 1.4em; max-width: 12em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 0 0 1.7em; position: relative; } .ol-layerswitcher .panel li label span { display: inline-block; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; padding-right: .2em; } .ol-layerswitcher [type="radio"] + label:before, .ol-layerswitcher [type="checkbox"] + label:before, .ol-layerswitcher [type="radio"]:checked + label:after, .ol-layerswitcher [type="checkbox"]:checked + label:after { content: ''; position: absolute; left: 0.1em; top: 0.1em; width: 1.2em; height: 1.2em; border: 2px solid #369; background: #fff; box-sizing:border-box; } .ol-layerswitcher [type="radio"] + label:before, .ol-layerswitcher [type="radio"] + label:after { border-radius: 50%; } .ol-layerswitcher [type="radio"]:checked + label:after { background: #369 none repeat scroll 0 0; margin: 0.3em; width: 0.6em; height: 0.6em; } .ol-layerswitcher [type="checkbox"]:checked + label:after { background: transparent; border-width: 0 3px 3px 0; border-style: solid; border-color: #369; width: 0.7em; height: 1em; transform: rotate(45deg); left: 0.55em; top: -0.05em; box-shadow: 1px 0px 1px 1px #fff; } .ol-layerswitcher .panel li.ol-layer-hidden { opacity: 0.6; } .ol-layerswitcher.ol-collapsed .panel-container { display:none; } .ol-layerswitcher.ol-forceopen .panel-container { display:block; } .ol-layerswitcher-image > button, .ol-layerswitcher > button { background-color: white; float: right; z-index: 10; position: relative; font-size: 1.7em; } .ol-touch .ol-layerswitcher-image > button, .ol-touch .ol-layerswitcher > button { font-size: 2.5em; } .ol-layerswitcher-image > button:before, .ol-layerswitcher-image > button:after, .ol-layerswitcher > button:before, .ol-layerswitcher > button:after { content: ""; position:absolute; width: .75em; height: .75em; border-radius: 0.15em; transform: scaleY(.8) rotate(45deg); } .ol-layerswitcher-image > button:before, .ol-layerswitcher > button:before { background: #e2e4e1; top: .32em; left: .34em; box-shadow: 0.1em 0.1em #325158; } .ol-layerswitcher-image > button:after, .ol-layerswitcher > button:after { top: .22em; left: .34em; background: #83bcc5; background-image: radial-gradient( circle at .85em .6em, #70b3be 0, #70b3be .65em, #83bcc5 .65em); } .ol-layerswitcher-buttons { display:block; float: right; text-align:right; } .ol-layerswitcher-buttons > div { display: inline-block; position: relative; cursor: pointer; height:1em; width:1em; margin:2px; line-height: 1em; text-align: center; background: #369; vertical-align: middle; color: #fff; } .ol-layerswitcher .panel li > div { display: inline-block; position: relative; } /* line break */ .ol-layerswitcher .ol-separator { display:block; width:0; height:0; padding:0; margin:0; } .ol-layerswitcher .layerup { float: right; height:2.5em; background-color: #369; opacity: 0.5; cursor: move; cursor: ns-resize; } .ol-layerswitcher .layerup:before, .ol-layerswitcher .layerup:after { border-color: #fff transparent; border-style: solid; border-width: 0.4em 0.4em 0; content: ""; height: 0; position: absolute; bottom: 3px; left: 0.1em; width: 0; } .ol-layerswitcher .layerup:after { border-width: 0 0.4em 0.4em; top:3px; bottom: auto; } .ol-layerswitcher .layerInfo { background: #369; border-radius: 100%; } .ol-layerswitcher .layerInfo:before { color: #fff; content: "i"; display: block; font-size: 0.8em; font-weight: bold; text-align: center; width: 1.25em; position:absolute; left: 0; top: 0; } .ol-layerswitcher .layerTrash { background: #369; } .ol-layerswitcher .layerTrash:before { color: #fff; content: "\00d7"; font-size:1em; top: 50%; left: 0; right: 0; text-align: center; line-height: 1em; margin: -0.5em 0; position: absolute; } .ol-layerswitcher .layerExtent { background: #369; } .ol-layerswitcher .layerExtent:before { border-right: 1px solid #fff; border-bottom: 1px solid #fff; content: ""; display: block; position: absolute; left: 6px; right: 2px; top: 6px; bottom: 3px; } .ol-layerswitcher .layerExtent:after { border-left: 1px solid #fff; border-top: 1px solid #fff; content: ""; display: block; position: absolute; bottom: 6px; left: 2px; right: 6px; top: 3px; } .ol-layerswitcher .expend-layers, .ol-layerswitcher .collapse-layers { margin: 0 2px; background-color: transparent; } .ol-layerswitcher .expend-layers:before, .ol-layerswitcher .collapse-layers:before { content:""; position:absolute; top:50%; left:0; margin-top:-2px; height:4px; width:100%; background:#369; } .ol-layerswitcher .expend-layers:after { content:""; position:absolute; left:50%; top:0; margin-left:-2px; width:4px; height:100%; background:#369; } /* .ol-layerswitcher .collapse-layers:before { content:""; position:absolute; border:0.5em solid #369; border-color: #369 transparent transparent; margin-top:0.25em; } .ol-layerswitcher .expend-layers:before { content:""; position:absolute; border:0.5em solid #369; border-color: transparent transparent transparent #369 ; margin-left:0.25em; } */ .ol-layerswitcher .layerswitcher-opacity { position:relative; border: 1px solid #369; height: 3px; width: 120px; margin:5px 1em 10px 7px; box-sizing: border-box; border-radius: 3px; background: #69c; background: linear-gradient(to right, rgba(0,60,136,0), rgba(0,60,136,0.6)); cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.5); } .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor, .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; background: rgba(0,60,136,0.5); border-radius: 50%; transform: translate(-50%, -50%); z-index: 1; } .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before { content: ""; position: absolute; width: 50%; height: 50%; } .ol-touch .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor { width: 26px; height: 26px; } .ol-layerswitcher .layerswitcher-opacity-label { display:none; position: absolute; right: -2.5em; bottom: 5px; font-size: 0.8em; } .ol-layerswitcher .layerswitcher-opacity-label::after { content:"%"; } .ol-layerswitcher .layerswitcher-progress { display:block; margin:-4px 1em 2px 7px; width: 120px; } .ol-layerswitcher .layerswitcher-progress div { background-color: #369; height:2px; display:block; width:0; } .ol-control.ol-layerswitcher-image { position: absolute; right: 0.5em; text-align: left; top: 1em; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; } .ol-control.ol-layerswitcher-image.ol-collapsed { top:3em; transition: none; } .ol-layerswitcher-image .panel { list-style: none; padding: 0.25em; margin:0; overflow: hidden; } .ol-layerswitcher-image .panel ul { list-style: none; padding: 0 0 0 20px; overflow: hidden; } .ol-layerswitcher-image.ol-collapsed .panel { display:none; } .ol-layerswitcher-image.ol-forceopen .panel { display:block; clear:both; } .ol-layerswitcher-image button { float: right; display:none; } .ol-layerswitcher-image.ol-collapsed button { display:block; position:relative; } .ol-layerswitcher-image li { border-radius: 4px; border: 3px solid transparent; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); display: inline-block; width: 64px; height: 64px; margin:2px; position: relative; background-color: #fff; overflow: hidden; vertical-align: middle; cursor:pointer; } .ol-layerswitcher-image li.ol-layer-hidden { opacity: 0.5; border-color:#555; } .ol-layerswitcher-image li.ol-header { display: none; } .ol-layerswitcher-image li img { position:absolute; max-width:100%; } .ol-layerswitcher-image li.select, .ol-layerswitcher-image li.ol-visible { border: 3px solid red; } .ol-layerswitcher-image li p { display:none; } .ol-layerswitcher-image li:hover p { background-color: rgba(0, 0, 0, 0.5); color: #fff; bottom: 0; display: block; left: 0; margin: 0; overflow: hidden; position: absolute; right: 0; text-align: center; height:1.2em; font-family:Verdana, Geneva, sans-serif; font-size:0.8em; } .ol-control.ol-legend { bottom: .5em; left: .5em; z-index: 1; max-height: 90%; max-width: 90%; overflow-x: hidden; overflow-y: auto; background-color: rgba(255,255,255,.6); } .ol-control.ol-legend:hover { background-color: rgba(255,255,255,.8); } .ol-control.ol-legend.ol-empty, .ol-control.ol-legend.ol-collapsed { overflow: hidden; } .ol-control.ol-legend button { position: relative; display: none; } .ol-control.ol-legend.ol-empty button, .ol-control.ol-legend.ol-collapsed button { display: block; } .ol-control.ol-legend.ol-uncollapsible button { display: none; } .ol-control.ol-legend > ul, .ol-control.ol-legend > canvas { margin: 2px; } .ol-control.ol-legend button.ol-closebox { display: block; position: absolute; top: 0; right: 0; background: none; cursor: pointer; z-index: 1; } .ol-control.ol-legend.ol-empty button.ol-closebox, .ol-control.ol-legend.ol-uncollapsible button.ol-closebox, .ol-control.ol-legend.ol-collapsed button.ol-closebox { display: none; } .ol-control.ol-legend button.ol-closebox:before { content: "\D7"; background: none; color: rgba(0,60,136,.5); font-size: 1.3em; } .ol-control.ol-legend button.ol-closebox:hover:before { color: rgba(0,60,136,1); } .ol-control.ol-legend .ol-legendImg { display: block; } .ol-control.ol-legend.ol-empty .ol-legendImg, .ol-control.ol-legend.ol-collapsed .ol-legendImg { display: none; } .ol-control.ol-legend.ol-uncollapsible .ol-legendImg { display: block; } .ol-control.ol-legend > button:first-child:before, .ol-control.ol-legend > button:first-child:after { content: ""; position: absolute; top: .25em; left: .2em; width: .2em; height: .2em; background-color: currentColor; box-shadow: 0 0.35em, 0 0.7em; } .ol-control.ol-legend button:first-child:after { top: .27em; left: .55em; height: .15em; width: .6em; } ul.ol-legend { position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 0; list-style: none; } .ol-control.ol-legend.ol-empty ul, .ol-control.ol-legend.ol-collapsed ul { display: none; } .ol-control.ol-legend.ol-uncollapsible ul { display: block; } ul.ol-legend li.ol-title { text-align: center; font-weight: bold; } ul.ol-legend li.ol-title > div:first-child { width: 0!important; } ul.ol-legend li { overflow: hidden; padding: 0; white-space: nowrap; } ul.ol-legend li div { display: inline-block; vertical-align: top; } .ol-control.ol-legend .ol-legend { display: inline-block; } .ol-control.ol-legend.ol-empty .ol-legend, .ol-control.ol-legend.ol-collapsed .ol-legend { display: none; } .ol-control.ol-legend.ol-empty button { opacity: .4; } .ol-control.ol-mapzone { position: absolute; right: 0.5em; text-align: left; top: .5em; max-height: calc(100% - 6em); box-sizing: border-box; overflow: hidden; } .ol-control.ol-mapzone.ol-collapsed { top: 3em; } .ol-control.ol-mapzone button { position: relative; float: right; margin-top: 2.5em; } .ol-touch .ol-control.ol-mapzone button { margin-top: 1.67em; } .ol-control.ol-mapzone.ol-collapsed button { margin-top: 0; } .ol-control.ol-mapzone button i { border: .1em solid currentColor; border-radius: 50%; width: .9em; height: .9em; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ol-control.ol-mapzone button i:before { content: ""; background-color: currentColor; width: 0.4em; height: .4em; position: absolute; left: .5em; top: 0.3em; border-radius: 50%; box-shadow: .05em .3em 0 -.051em currentColor, -.05em -.35em 0 -.1em currentColor, -.5em -.35em 0 0em currentColor, -.65em .1em 0 -.03em currentColor, -.65em -.05em 0 -.05em currentColor } .ol-mapzone > div { position: relative; display: inline-block; width: 5em; height: 5em; margin: 0 .2em 0 0; } .ol-control.ol-mapzone.ol-collapsed > div { display: none; } .ol-mapzone > div p { margin: 0; position: absolute; bottom: 0; /* background: rgba(255,255,255,.5); */ color: #fff; font-weight: bold; text-align: center; width: 160%; overflow: hidden; font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif; transform: scaleX(.625); transform-origin: 0 0; cursor: default; } .ol-notification { width: 150%; bottom: 0; border: 0; background: none; margin: 0; padding: 0; } .ol-notification > div, .ol-notification > div:hover { position: absolute; background-color: rgba(0,0,0,.8); color: #fff; bottom: 0; left: 33.33%; max-width: calc(66% - 4em); min-width: 5em; max-height: 5em; min-height: 1em; border-radius: 4px 4px 0 0; padding: .2em .5em; text-align: center; box-sizing: border-box; transform: translateX(-50%); transition: .3s; opacity: 1; } .ol-notification.ol-collapsed > div { bottom: -5em; opacity: 0; } .ol-notification a { color: #9cf; cursor: pointer; } .ol-notification .ol-close, .ol-notification .ol-close:hover { padding-right: 1.5em; } .ol-notification .closeBox { position: absolute; top: 0; right: 0.3em; } .ol-notification .closeBox:before { content: '\00d7'; } .ol-overlay { position: absolute; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,0.4); padding: 1em; color: #fff; box-sizing: border-box; z-index: 1; opacity: 0; display: none; cursor: default; overflow: hidden; transition: all 0.5s; pointer-events: none; z-index: 9; } .ol-overlay.slide-up { transform: translateY(100%); -webkit-transform: translateY(100%); } .ol-overlay.slide-down { transform: translateY(-100%); } .ol-overlay.slide-left { transform: translateX(-100%); } .ol-overlay.slide-right { transform: translateX(100%); } .ol-overlay.zoom { top: 50%; left: 50%; opacity:0.5; transform: translate(-50%,-50%) scale(0); } .ol-overlay.zoomout { transform: scale(3); } .ol-overlay.zoomrotate { top: 50%; left: 50%; opacity:0.5; transform: translate(-50%,-50%) scale(0) rotate(360deg); } .ol-overlay.stretch { top: 50%; left: 50%; opacity:0.5; transform: translate(-50%,-50%) scaleX(0) ; } .ol-overlay.stretchy { top: 50%; left: 50%; opacity:0.5; transform: translate(-50%,-50%) scaleY(0) ; } .ol-overlay.wipe { opacity: 1; /* clip: must be set programmatically */ /* clip-path: use % but not crossplatform (IE) */ } .ol-overlay.flip { transform: perspective(600px) rotateY(180deg); } .ol-overlay.card { opacity: 0.5; transform: translate(-80%, 100%) rotate(-0.5turn); } .ol-overlay.book { transform: perspective(600px) rotateY(-180deg) scaleX(0.6) ; transform-origin: 10% 50%; } .ol-overlay.book.visible { transform-origin: 10% 50%; } .ol-overlay.ol-visible { opacity:1; top: 0; left: 0; right: 0; bottom: 0; transform: none; pointer-events: all; } .ol-overlay .ol-closebox { position: absolute; top: 1em; right: 1em; width: 1em; height: 1em; cursor: pointer; z-index:1; } .ol-overlay .ol-closebox:before { content: "\274c"; display: block; text-align: center; vertical-align: middle; } .ol-overlay .ol-fullscreen-image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .ol-overlay .ol-fullscreen-image img { position: absolute; max-width: 100%; max-height: 100%; box-sizing: border-box; padding: 1em; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ol-overlay .ol-fullscreen-image.ol-has-title img { padding-bottom: 3em; } .ol-overlay .ol-fullscreen-image p { background-color: rgba(0,0,0,.5); padding: .5em; position: absolute; left: 0; right: 0; bottom: 0; margin: 0; text-align: center; } .ol-control.ol-overview { position: absolute; left: 0.5em; text-align: left; bottom: 0.5em; } .ol-control.ol-overview .panel { display:block; width:150px; height:150px; margin:2px; background-color:#fff; border:1px solid #369; cursor: pointer; } .ol-overview:not(.ol-collapsed) button { position:absolute; bottom:2px; left:2px; z-index:2; } .ol-control.ol-overview.ol-collapsed .panel { display:none; } .ol-overview.ol-collapsed button:before { content:'\00bb'; } .ol-overview button:before { content:'\00ab'; } .ol-control-right.ol-overview { left: auto; right: 0.5em; } .ol-control-right.ol-overview:not(.ol-collapsed) button { left:auto; right:2px; } .ol-control-right.ol-overview.ol-collapsed button:before { content:'\00ab'; } .ol-control-right.ol-overview button:before { content:'\00bb'; } .ol-control-top.ol-overview { bottom: auto; top: 5em; } .ol-control-top.ol-overview:not(.ol-collapsed) button { bottom:auto; top:2px; } .ol-permalink { position: absolute; top:0.5em; right: 2.5em; } .ol-touch .ol-permalink { right: 3em; } .ol-permalink button i { position: absolute; width: 1em; height: 1em; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ol-permalink button i:before { content: '\2197'; position: absolute; border: 1px solid currentColor; left: 0; top: 0; width: 0.3em; height: 1em; box-sizing: border-box; border-width: 1px 0 0 1px; padding: 0 0.2em; } .ol-permalink button i:after { content: ''; position: absolute; border: 1px solid currentColor; right: 0; bottom: 0; width: 1em; height: 0.3em; box-sizing: border-box; border-width: 0 1px 1px 0; padding: 0.2em; } .ol-control.ol-print { top:.5em; left: 3em; } .ol-control.ol-print button:before { content: ""; width: .9em; height: .35em; position: absolute; left: 50%; top: 50%; transform: translateX(-50%); box-shadow: inset 0 0 0 0.1em, inset 0.55em 0, 0 0.2em 0 -0.1em; } .ol-control.ol-print button:after { content: ""; width: .7em; height: .6em; position: absolute; left: 50%; top: 25%; transform: translateX(-50%); box-shadow: inset 0 0 0 0.15em; } .ol-ext-print-dialog { width: 100%; height: 100%; } .ol-ext-print-dialog > form .ol-closebox { right: auto; left: 16.5em; z-index: 1; color: #999; } .ol-ext-print-dialog .ol-content[data-status="printing"] { opacity: .5; } .ol-ext-print-dialog .ol-content .ol-error { display: none; background: #b00; color: yellow; text-align: center; padding: 1em .5em; font-weight: bold; margin: 0 -1em; } .ol-ext-print-dialog .ol-content[data-status="error"] .ol-error { display: block; } .ol-ext-print-dialog > form, .ol-ext-print-dialog.ol-visible > form { transition: none; top: 1em; left: 1em; bottom: 1em; right: 1em; transform: none; max-width: 100%; max-height: 100%; background-color: #eee; padding: 0; } .ol-ext-print-dialog .ol-print-map { position: absolute; top: 0; bottom: 0; right: 0; width: calc(100% - 18em); overflow: hidden; } .ol-ext-print-dialog .ol-print-map .ol-page { position: absolute; left: 50%; top: 50%; background: #fff; box-sizing: border-box; } .ol-ext-print-dialog .ol-print-map .ol-page.margin { box-sizing: content-box; } .ol-ext-print-dialog .ol-map { width: 100%; height: 100%; } .ol-ext-print-dialog .ol-print-map .ol-control { display: none!important; } .ol-ext-print-dialog .ol-print-param { position: absolute; overflow-x: hidden; top: 0; bottom: 0; left: 0; width: 18em; background-color: #fff; padding: 1em; box-sizing: border-box; } .ol-ext-print-dialog .ol-print-param h2 { display: block; color: rgba(0,60,136,.7); font-size: 1.1em; } .ol-ext-print-dialog .ol-print-param ul { padding: 0; list-style: none; } .ol-ext-print-dialog .ol-print-param li { position: relative; margin: .5em 0; font-size: .9em; } .ol-ext-print-dialog .ol-print-param li.hidden { display: none; } .ol-ext-print-dialog .ol-print-param label { width: 8em; display: inline-block; vertical-align: middle; } .ol-ext-print-dialog select { outline: none; vertical-align: middle; } .ol-ext-print-dialog .ol-orientation { text-align: center; } .ol-ext-print-dialog .ol-orientation label { position: relative; width: 7em; cursor: pointer; } .ol-ext-print-dialog .ol-orientation input { position: absolute; opacity: 0; width: 0; height: 0; } .ol-ext-print-dialog .ol-orientation span { position: relative; width: 80%; display: block; padding: 3.5em 0 .2em; } .ol-ext-print-dialog .ol-orientation span:before { content: ""; position: absolute; width: 2em; height: 2.6em; bottom: 1.5em; left: 50%; transform: translateX(-50%); color: #333; background-color: currentColor; border: 1px solid currentColor; border-radius: 0 1em 0 0; opacity: .5; overflow: hidden; box-shadow: inset 1.3em -1.91em #ddd; } .ol-ext-print-dialog .ol-orientation .landscape span:before { width: 2.6em; height: 2em; margin: .2em 0; box-shadow: inset 1.91em -1.3em #ddd; } .ol-ext-print-dialog .ol-orientation input:checked + span { opacity: 1; box-shadow: 0 0 .2em rgba(0,0,0,.5); } .ol-ext-print-dialog .ol-ext-toggle-switch span { position: absolute; right: -2em; top: 50%; transform: translateY(-50%); } .ol-print-title input[type=text] { margin-top: .5em; width: calc(100% - 6em); margin-left: 6em; } .ol-ext-print-dialog .ol-size option:first-child { font-style: italic; } .ol-ext-print-dialog .ol-saveas, .ol-ext-print-dialog .ol-savelegend { text-align: center; } .ol-ext-print-dialog .ol-saveas select, .ol-ext-print-dialog .ol-savelegend select { background-color: rgba(0,60,136,.7); color: #fff; padding: .5em; margin: 1em 0 0; font-size: 1em; border: 0; font-weight: bold; max-width: 12em; } .ol-ext-print-dialog .ol-saveas select option, .ol-ext-print-dialog .ol-savelegend select option { background-color: #fff; color: #666; } .ol-ext-print-dialog .ol-savelegend select { margin-top: 0; } .ol-ext-print-dialog .ol-ext-buttons { text-align: right; border-top: 1px solid #ccc; padding: .8em .5em; margin: 0 -1em; } .ol-ext-print-dialog button { font-size: 1em; margin: 0 .2em; border: 1px solid #999; background: none; padding: .3em 1em; color: #333; } .ol-ext-print-dialog button[type="submit"] { background-color: rgba(0,60,136,.7); color: #fff; font-weight: bold; } .ol-ext-print-dialog .ol-clipboard-copy { position: absolute; pointer-events: none; top: 0; background-color: rgba(0,0,0,.5); color: #fff; padding: .5em 1em; border-radius: 1em; left: 50%; transform: translateX(-50%); width: -moz-fit-content; width: fit-content; transition: 0s; opacity: 0; } .ol-ext-print-dialog .ol-clipboard-copy.visible { animation: 1s ol-clipboard-copy; } .ol-ext-print-dialog .ol-print-map .ol-control.ol-canvas-control { display: block!important; } .ol-ext-print-dialog .ol-print-map .ol-control.ol-print-compass { display: block!important; } .ol-ext-print-dialog .ol-print-map .ol-control.olext-print-compass { top: 0; right: 0; width: 60px; height: 60px; margin: 20px; } @keyframes ol-clipboard-copy { 0% { opacity: 0; top: 0; } 80% { opacity: 1; top: -3em; } 100% { opacity: 0; top: -3em; } } @media print { body.ol-print-document { margin: 0!important; padding: 0!important; } body.ol-print-document > * { display: none!important; } body.ol-print-document > .ol-ext-print-dialog { display: block!important; } body.ol-print-document > .ol-ext-print-dialog .ol-content { max-height: unset!important; max-width: unset!important; width: unset!important; height: unset!important; } .ol-ext-print-dialog > form, .ol-ext-print-dialog { position: unset; box-shadow: none; background: none!important; border: 0; } .ol-ext-print-dialog > form > *, .ol-ext-print-dialog .ol-print-param { display: none!important; background: none; } .ol-ext-print-dialog .ol-content { display: block!important; border: 0; background: none; } .ol-ext-print-dialog .ol-print-map { position: unset; background: none; width: auto; overflow: visible; } .ol-ext-print-dialog .ol-print-map .ol-page { transform: none!important; box-shadow: none!important; position: unset; } } @media (max-width: 25em) { .ol-ext-print-dialog .ol-print-param { width: 13em; } .ol-ext-print-dialog .ol-print-map { width: calc(100% - 13em); } .ol-ext-print-dialog .ol-print-param .ol-print-title input[type="text"] { width: 100%; margin: 0; } } .ol-ext-print-dialog2x .ol-map, .ol-ext-print-dialog2x .ol-map2 { width: 100%; height: 50%; } .ol-ext-print-dialog2x[data-orientation="landscape"] .ol-map, .ol-ext-print-dialog2x[data-orientation="landscape"] .ol-map2 { display: inline-block; width: 50%; height: 100%; } .ol-ext-print-dialog2x[data-clip-map] .ol-map, .ol-ext-print-dialog2x[data-swipe-orientation] .ol-map { width: 100%!important; height: 100%!important; } .ol-ext-print-dialog2x[data-clip-map] .ol-map2, .ol-ext-print-dialog2x[data-swipe-orientation] .ol-map2 { width: 100%!important; height: 100%!important; position: relative!important; left: 0; top: -100%; } .ol-profile { position: relative; -webkit-user-select: none; user-select: none; } .ol-control.ol-profile { position: absolute; top: 0.5em; right: 3em; text-align: right; overflow: hidden; } .ol-profile .ol-zoom-out { position: absolute; top: 10px; right: 10px; width: 1em; height: 1em; padding: 0; border: 1px solid #000; border-radius: 2px; cursor: pointer; } .ol-profile .ol-zoom-out:before { content: ''; height: 2px; width: 60%; background: currentColor; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .ol-profile .ol-inner { position: relative; padding: 0.5em; font-size: 0.8em; } .ol-control.ol-profile .ol-inner { display: block; background-color: rgba(255,255,255,0.7); margin: 2.3em 2px 2px; } .ol-control.ol-profile.ol-collapsed .ol-inner { display: none; } .ol-profile canvas { display: block; } .ol-profile button { display: block; position: absolute; right: 0; overflow: hidden; } .ol-profile button i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1em; height: 1em; overflow: hidden; } .ol-profile button i:before, .ol-profile button i:after { content: ""; position: absolute; display: block; background-color: currentColor; width: 1em; height: .9em; transform: scaleX(.8) translate(-.25em, .5em) rotate(45deg); } .ol-profile button i:after { transform: scaleX(.8) translate(.35em, .7em) rotate(45deg); } .ol-profile.ol-collapsed button { position: static; } .ol-profile .ol-profilebar, .ol-profile .ol-profilecursor { position:absolute; pointer-events: none; width: 1px; display: none; } .ol-profile .ol-profilecursor { width: 0; height: 0; } .ol-profile .ol-profilecursor:before { content:""; pointer-events: none; display: block; margin: -2px; width:5px; height:5px; } .ol-profile .ol-profilebar, .ol-profile .ol-profilecursor:before { background: red; } .ol-profile table { text-align: center; width: 100%; } .ol-profile table span { display: block; } .ol-profilepopup { background-color: rgba(255, 255, 255, 0.5); margin: 0.5em; padding: 0 0.5em; position: absolute; top:-1em; white-space: nowrap; } .ol-profilepopup.ol-left { right:0; } .ol-profile table td { padding: 0 2px; } .ol-profile table .track-info { display: table-row; } .ol-profile table .point-info { display: none; } .ol-profile .over table .track-info { display: none; } .ol-profile .over table .point-info { display: table-row; } .ol-profile p { text-align: center; margin:0; } .ol-control.ol-progress-bar { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0; pointer-events: none!important; background-color: transparent; } .ol-control.ol-progress-bar > .ol-bar { position: absolute; background-color: rgba(0,60,136,.5); left: 0; bottom: 0; height: .5em; width: 0; transition: width .2s; box-sizing: border-box; } .ol-progress-bar > .ol-waiting { display: none; } .ol-viewport .ol-control.ol-progress-bar > .ol-waiting { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 2em; display: block; animation: 1s linear infinite ol-progress-bar-blink; } @keyframes ol-progress-bar-blink { 0%, 30% { visibility: hidden; } 100% { visibility: visible; } } .ol-control.ol-routing { top: 0.5em; left: 3em; max-height: 90%; overflow-y: auto; } .ol-touch .ol-control.ol-routing { left: 3.5em; } .ol-control.ol-routing.ol-searching { opacity: .5; } .ol-control.ol-routing .ol-car, .ol-control.ol-routing > button { position: relative; } .ol-control.ol-routing .ol-car:after, .ol-control.ol-routing > button:after { content: ""; position: absolute; width: .78em; height: 0.6em; border-radius: 40% 50% 0 0 / 50% 70% 0 0; box-shadow: inset 0 0 0 0.065em, -0.35em 0.14em 0 -0.09em, inset 0 -0.37em, inset -0.14em 0.005em; clip: rect(0 1em .5em -1em); top: .35em; left: .4em; } .ol-control.ol-routing .ol-car:before, .ol-control.ol-routing > button:before { content: ""; position: absolute; width: .28em; height: .28em; border-radius: 50%; box-shadow: inset 0 0 0 1em, 0.65em 0; top: 0.73em; left: .20em; } .ol-control.ol-routing .ol-pedestrian:after { content: ""; position: absolute; width: .3em; height: .4em; top: .25em; left: 50%; transform: translateX(-50%); box-shadow: inset 0.3em 0, 0.1em 0.5em 0 -0.1em, -0.1em 0.5em 0 -0.1em, 0.25em 0.1em 0 -0.1em, -0.25em 0.1em 0 -0.1em; border-top: .2em solid transparent; } .ol-control.ol-routing .ol-pedestrian:before { content: ""; position: absolute; width: .3em; height: .3em; top: .1em; left: 50%; transform: translateX(-50%); border-radius: 50%; background-color: currentColor; } .ol-control.ol-routing .content { margin: .5em; } .ol-control.ol-routing.ol-collapsed .content { display: none; } .ol-routing .ol-search.ol-collapsed ul { display: none; } .ol-routing .ol-search ul .copy { display: none; } .ol-routing .ol-search ul.history { /* display: none; */ } .ol-routing .content .search-input > div > * { display: inline-block; vertical-align: top; } .ol-routing .ol-result ul { list-style: none; display: block; } .ol-routing .ol-result li { position: relative; min-height: 1.65em; } .ol-routing .ol-result li i { display: block; font-size: .8em; font-weight: bold; } .ol-routing .ol-result li:before { content: ""; border: 5px solid transparent; position: absolute; left: -1.75em; border-bottom-color: #369; border-width: .6em .4em .6em; transform-origin: 50% 125%; box-shadow: 0 0.65em 0 -0.25em #369; top: -.8em; } .ol-routing .ol-result li:after { content: ""; position: absolute; width: 0.25em; height: .6em; left: -1.5em; background: #369; top: .6em; border-radius: 0.1em; } .ol-routing .ol-result li.R:before { transform: rotate(90deg); } .ol-routing .ol-result li.FR:before { transform: rotate(45deg); } .ol-routing .ol-result li.L:before { transform: rotate(-90deg); } .ol-routing .ol-result li.FL:before { transform: rotate(-45deg); } .ol-routing .content > i { vertical-align: middle; margin: 0 .3em 0 .1em; font-style: normal; } .ol-routing .ol-button, .ol-routing .ol-button:focus, .ol-routing .ol-pedestrian, .ol-routing .ol-car { font-size: 1.1em; position: relative; display: inline-block; width: 1.4em; height: 1.4em; color: rgba(0,60,136,1); background-color: transparent; margin: 0 .1em; opacity: .5; vertical-align: middle; outline: none; cursor: pointer; } .ol-routing .ol-button:hover, .ol-routing .ol-button.selected, .ol-routing i.selected { opacity: 1; background: transparent; } .ol-control.ol-routing { background-color: rgba(255,255,255,.25); } .ol-control.ol-routing:hover { background-color: rgba(255,255,255,.75); } .search-input > div > button:before { content: '\00b1'; } .ol-viewport .ol-scale { left: .5em; bottom: 2.5em; text-align: center; -webkit-transform: scaleX(.8); -webkit-transform-origin: 0 0; transform: scaleX(.8); transform-origin: 0 0; background-color: rgba(255, 255, 255, 0.75); } .ol-viewport .ol-scale input { background: none; border: 0; width: 8em; text-align: center; } .ol-search{ top: 0.5em; left: 3em; } .ol-touch .ol-search { left: 3.5em; } .ol-search button { top: 2px; left: 2px; float: left; } .ol-control.ol-search > button:before { content: ""; position: absolute; box-sizing: border-box; width: .7em; height: .7em; background-color: transparent; border: .12em solid currentColor; border-radius: 100%; top: .35em; left: .35em; } .ol-control.ol-search > button:after { content: ""; position: absolute; top: 1.1em; left: .95em; width: .45em; height: .15em; background-color: currentColor; border-radius: .05em; transform: rotate(45deg); box-shadow: -0.18em 0 0 -0.03em; } .ol-search button.ol-revers { float: none; background-image: none; display: inline-block; vertical-align: bottom; position: relative; top: 0; left: 0; } .ol-search.ol-revers button.ol-revers { background-color: rgba(0,136,60,.5) } .ol-control.ol-search.ol-collapsed button.ol-revers { display: none; } .ol-search button.ol-revers:before { content: ""; border: .1em solid currentColor; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; width: .55em; height: .55em; box-sizing: border-box; } .ol-search button.ol-revers:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: .2em; height: .2em; background-color: transparent; box-shadow: .35em 0 currentColor, 0 .35em currentColor, -.35em 0 currentColor, 0 -.35em currentColor; } .ol-search input { display: inline-block; border: 0; margin: 1px 1px 1px 2px; font-size: 1.14em; padding-left: 0.3em; height: 1.375em; box-sizing: border-box; transition: all 0.1s; } .ol-touch .ol-search input, .ol-touch .ol-search ul { font-size: 1.5em; } .ol-search.ol-revers > ul, .ol-control.ol-search.ol-collapsed > * { display: none; } .ol-control.ol-search.ol-collapsed > button { display: block; } .ol-search ul { list-style: none; padding: 0; margin: 0; display: block; clear: both; cursor: pointer; max-width: 17em; overflow-x: hidden; z-index: 1; background: #fff; } /* .ol-control.ol-search ul { position: absolute; box-shadow: 5px 5px 5px rgba(0,0,0,0.5); } */ .ol-search ul li { padding: 0.1em 0.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ol-search ul li.select, .ol-search ul li:hover { background-color: rgba(0,60,136,.5); color: #fff; } .ol-search ul li img { float: left; max-height: 2em; } .ol-search li.copy { background: rgba(0,0,0,.5); color: #fff; } .ol-search li.copy a { color: #fff; text-decoration: none; } .ol-search.searching:before { content: ''; position: absolute; height: 3px; left: 0; top: 1.6em; animation: pulse .5s infinite alternate linear; background: red; z-index: 2; } @keyframes pulse { 0% { left:0; right: 95%; } 50% { left: 30%; right: 30%; } 100% { left: 95%; right: 0; } } .ol-control.ol-search.IGNF-parcelle { background-color: rgba(255,255,255,.7); padding-bottom: .2em; } .ol-search.IGNF-parcelle input { width: 14.5em; } .ol-search.IGNF-parcelle input:read-only { background: #ccc; opacity: .8; } .ol-search.IGNF-parcelle.ol-collapsed-list > ul.autocomplete { display: none; } .ol-search.IGNF-parcelle label { display: block; clear: both; } .ol-search.IGNF-parcelle > div input { text-align: right; } .ol-search.IGNF-parcelle > div input, .ol-search.IGNF-parcelle > div label { width: 4em; box-sizing: border-box; display: inline-block; margin: .1em; font-size: 1em; overflow: hidden; text-overflow: ellipsis; } .ol-search.IGNF-parcelle > div label { letter-spacing: -0.04em; } .ol-search.IGNF-parcelle ul.autocomplete-page { margin-top:.5em; width:100%; text-align: center; display: none; } .ol-search.IGNF-parcelle.ol-collapsed-list ul.autocomplete-parcelle, .ol-search.IGNF-parcelle.ol-collapsed-list ul.autocomplete-page { display: block; } .ol-search.IGNF-parcelle.ol-collapsed ul.autocomplete-page, .ol-search.IGNF-parcelle.ol-collapsed ul.autocomplete-parcelle, .ol-search.IGNF-parcelle ul.autocomplete-parcelle { display: none; } .ol-search.IGNF-parcelle ul.autocomplete-page li { display: inline-block; color: #fff; background: rgba(0,60,136,.5); border-radius: 50%; width: 1.3em; height: 1.3em; padding: .1em; margin: 0 .1em; } .ol-search.IGNF-parcelle ul.autocomplete-page li.selected { background: rgba(0,60,136,1); } /* GPS */ .ol-searchgps input.search { display: none; } .ol-control.ol-searchgps > button:first-child { background-image: none; } .ol-control.ol-searchgps > button:first-child:before { content: "x/y"; position: unset; display: block; transform: scaleX(.8); border: unset; border-radius: 0; width: auto; height: auto; } .ol-control.ol-searchgps > button:first-child:after { content: unset; } .ol-control.ol-searchgps .ol-latitude, .ol-control.ol-searchgps .ol-longitude { clear: both; } .ol-control.ol-searchgps .ol-latitude label, .ol-control.ol-searchgps .ol-longitude label { width: 5.5em; display: inline-block; text-align: right; transform: scaleX(.8); margin: 0 -.8em 0 0; transform-origin: 0 0; } .ol-control.ol-searchgps .ol-latitude input, .ol-control.ol-searchgps .ol-longitude input { max-width: 10em; } .ol-control.ol-searchgps .ol-ext-toggle-switch { cursor: pointer; float: right; margin: .5em; font-size: .9em; } .ol-searchgps .ol-decimal{ display: inline-block; margin-right: .7em; } .ol-searchgps .ol-dms, .ol-searchgps.ol-dms .ol-decimal { display: none; width: 3em; text-align: right; } .ol-searchgps.ol-dms .ol-dms { display: inline-block; } .ol-searchgps span.ol-dms { width: .5em; text-align: left; } .ol-searchgps.ol-control.ol-collapsed button.ol-geoloc { display: none; } .ol-searchgps button.ol-geoloc { top: 0; float: right; margin-right: 3px; background-image: none; position: relative; } .ol-searchgps button.ol-geoloc:before { content:""; position: absolute; left: 50%; top: 50%; width: .6em; height: .6em; border: .1em solid currentColor; border-radius: 50%; transform: translate(-50%,-50%); } .ol-searchgps button.ol-geoloc:after { content:""; position: absolute; left: 50%; top: 50%; width: .2em; height: .2em; background-color: transparent; transform: translate(-50%,-50%); box-shadow: .45em 0 currentColor, -.45em 0 currentColor, 0 -.45em currentColor, 0 .45em currentColor, .25em 0 currentColor, -.25em 0 currentColor, 0 -.25em currentColor, 0 .25em currentColor; } .ol-control.ol-select { top: .5em; left: 3em; background-color: rgba(255,255,255,.5); } .ol-control.ol-select:hover { background-color: rgba(255,255,255,.7); } .ol-touch .ol-control.ol-select { left: 3.5em; } .ol-control.ol-select > button:before { content: "A"; font-size: .6em; font-weight: normal; position: absolute; box-sizing: content-box; width: 1em; height: 1em; background-color: transparent; border: .2em solid currentColor; border-radius: 100%; top: .5em; left: .5em; line-height: 1em; text-align: center; } .ol-control.ol-select > button:after { content: ""; position: absolute; top: 1.15em; left: 1em; width: .45em; height: .15em; background-color: currentColor; border-radius: .05em; transform: rotate(45deg); box-shadow: -0.18em 0 0 -0.03em; } .ol-select > div button { width: auto; padding: 0 .5em; float: right; font-weight: normal; height: 1.2em; line-height: 1.2em; } .ol-select .ol-delete { width: 1.5em; height: 1em; vertical-align: middle; display: inline-block; position: relative; cursor: pointer; } .ol-select .ol-delete:before { content:'\00d7'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; font-weight: bold; } .ol-control.ol-select input { font-size: 1em; } .ol-control.ol-select select { font-size: 1em; max-width: 10em; } .ol-control.ol-select select option.ol-default { color: #999; font-style: italic; } .ol-control.ol-select > div { display: block; margin: .25em; } .ol-control.ol-select.ol-collapsed > div { display: none; } .ol-control.ol-select.ol-select-check { max-width: 20em; } .ol-control.ol-select label.ol-ext-check { margin-right: 1em; } .ol-control.ol-select label.ol-ext-toggle-switch span { font-size: 1.1em; } .ol-select ul { list-style: none; margin: 0; padding: 0; } .ol-control.ol-select input[type="search"], .ol-control.ol-select input[type="text"] { width: 8em; } .ol-select .ol-autocomplete { display: inline; } .ol-select .ol-autocomplete ul { position: absolute; display: block; background: #fff; border: 1px solid #999; min-width: 10em; font-size: .85em; } .ol-select .ol-autocomplete ul li { padding: 0 .5em; } .ol-select .ol-autocomplete ul li:hover { color: #fff; background: rgba(0,60,136,.5); } .ol-select ul.ol-hidden { display: none; } .ol-select-multi li > div:hover, .ol-select-multi li > div.ol-control.ol-select { position: relative; top: unset; left: unset; background: transparent; } .ol-select-multi li > div > button, .ol-select-multi li > div .ol-ok { display: none; } .ol-select-multi li .ol-control.ol-select.ol-collapsed > div, .ol-select-multi li > div > div { display: block; } .ol-control.ol-status { top: 0; left: 0; background: rgba(0,0,0,.2); color: #fff; font-size: .9em; padding: .3em 3em; border-radius: 0; width: 100%; box-sizing: border-box; pointer-events: none!important; display: none; } .ol-control.ol-status.ol-visible { display: initial; } .ol-control.ol-status.ol-bottom { top: auto; bottom: 0; } .ol-control.ol-status.ol-left { top: 0; bottom: 0; padding: .3em .5em .3em 3em; width: auto; } .ol-control.ol-status.ol-right { top: 0; bottom: 0; left: auto; right: 0; padding: .3em 3em .3em .5em; width: auto; } .ol-control.ol-status.ol-center { top: 50%; transform: translateY(-50%); } .ol-control.ol-storymap { top: .5em; left: .5em; bottom: .5em; max-width: 35%; border-radius: .5em; position: absolute; height: auto; background-color: rgba(255,255,255,.5); } .ol-storymap { overflow: hidden; padding: 0; height: 100%; position: relative; } .ol-storymap > div { overflow: hidden; padding: 0; height: 100%; position: relative; scroll-behavior: smooth; -webkit-user-select: none; user-select: none; } .ol-storymap >div.ol-move { scroll-behavior: unset; } .ol-control.ol-storymap .chapter { position: relative; padding: .5em; overflow: hidden; } .ol-control.ol-storymap .chapter:last-child { margin-bottom: 100%; } .ol-storymap .chapter { cursor: pointer; opacity: .4; } .ol-storymap .chapter.ol-select { cursor: default; opacity: 1; background-color: rgba(255,255,255,.8); } .ol-storymap .ol-scroll-top, .ol-storymap .ol-scroll-next { position: relative; min-height: 1.7em; color: rgba(0,60,136,.5); text-align: center; cursor: pointer; } .ol-storymap .ol-scroll-next span { padding-bottom: 1.4em; display: block; } .ol-storymap .ol-scroll-top span { padding-top: 1.4em; display: block; } .ol-storymap .ol-scroll-top:before, .ol-storymap .ol-scroll-next:before { content: ""; border: .3em solid currentColor; border-radius: .3em; border-color: transparent currentColor currentColor transparent; width: .8em; height: .8em; display: block; position: absolute; left: 50%; transform: translateX(-50%) rotate(45deg); animation: ol-bounce-bottom 0.35s linear infinite alternate; pointer-events: none; } .ol-storymap .ol-scroll-top:before { border-color: currentColor transparent transparent currentColor; animation: ol-bounce-top 0.35s linear infinite alternate; } @keyframes ol-bounce-top{ from {top: -.2em;} to {top: .5em;} } @keyframes ol-bounce-bottom{ from {bottom: -.2em;} to {bottom: .5em;} } .ol-storymap img[data-title] { cursor: pointer; } /* scrollLine / scrollbox */ .ol-storymap.scrollLine, .ol-storymap.scrollBox { top: 0; bottom: 0; background-color: transparent; border-radius: 0; max-width: 40%; } .ol-storymap.scrollLine .chapter, .ol-storymap.scrollBox .chapter { background-color: #fff; margin: 100% 0; } .ol-storymap.scrollLine .chapter:first-child, .ol-storymap.scrollBox .chapter:first-child { margin-top: 3em; } .ol-storymap.scrollLine .chapter.ol-select, .ol-storymap.scrollLine .chapter, .ol-storymap.scrollBox .chapter.ol-select, .ol-storymap.scrollBox .chapter { opacity: 1; } .ol-storymap.scrollLine .ol-scrolldiv, .ol-storymap.scrollBox .ol-scrolldiv { padding-right: 30px; } .ol-storymap.scrollLine:before, .ol-storymap.scrollBox:before { content: ""; position: absolute; width: 2px; height: 100%; top: 0; bottom: 0; right: 14px; background-color: #fff; } .ol-storymap.scrollLine .ol-scroll, .ol-storymap.scrollBox .ol-scroll { display: block!important; padding: 0; width: 1px; opacity: 1!important; right: 15px; overflow: visible; transition: none; } .ol-storymap.scrollLine .ol-scroll > div { background-color: transparent; overflow: visible; left: 50%; transform: translateX(-50%); box-shadow: unset; } .ol-storymap.scrollLine .ol-scroll > div:before { content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #0af; border: 2px solid #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); } .ol-storymap.scrollBox .ol-scroll > div { display: none; } .ol-storymap.scrollBox .chapter:after { content: ""; width: 20px; height: 20px; position: absolute; top: Min(30%, 5em); right: -24.5px; box-shadow: 0 0 0 2px #fff, inset 0 0 0 15px #0af; border-radius: 50%; border: 5px solid transparent; box-sizing: border-box; z-index: 1; } .ol-swipe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); touch-action: none; } .ol-swipe:before { content: ""; position: absolute; top: -5000px; bottom: -5000px; left: 50%; width: 4px; background: #fff; z-index:-1; transform: translate(-2px, 0); } .ol-swipe.horizontal:before { left: -5000px; right: -5000px; top: 50%; bottom: auto; width: auto; height: 4px; } .ol-swipe, .ol-swipe button { cursor: ew-resize; } .ol-swipe.horizontal, .ol-swipe.horizontal button { cursor: ns-resize; } .ol-swipe:after, .ol-swipe button:before, .ol-swipe button:after { content: ""; position: absolute; top: 25%; bottom: 25%; left: 50%; width: 2px; background: currentColor; transform: translate(-1px, 0); -webkit-transform: translate(-1px, 0); } .ol-swipe button:after { transform: translateX(4px); } .ol-swipe button:before { transform: translateX(-6px); } .ol-control.ol-timeline { bottom: 0; left: 0; right: 0; transition: .3s; background-color: rgba(255,255,255,.4); } .ol-control.ol-timeline.ol-collapsed { transform: translateY(100%); } .ol-timeline { overflow: hidden; padding: 2px 0 0; } .ol-timeline .ol-scroll { overflow: hidden; padding: 0; scroll-behavior: smooth; line-height: 1em; height: 6em; padding: 0 50%; } .ol-timeline .ol-scroll.ol-move { scroll-behavior: unset; } .ol-timeline.ol-hasbutton .ol-scroll { margin-left: 1.5em; padding: 0 calc(50% - .75em); } .ol-timeline .ol-buttons { display: none; position: absolute; top: 0; background: rgba(255,255,255,.5); width: 1.5em; bottom: 0; left: 0; z-index: 10; } .ol-timeline.ol-hasbutton .ol-buttons { display: block; } .ol-timeline .ol-buttons button { font-size: 1em; margin: 1px; position: relative; } .ol-timeline .ol-buttons .ol-zoom-in:before, .ol-timeline .ol-buttons .ol-zoom-out:before { content: "+"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ol-timeline .ol-buttons .ol-zoom-out:before{ content: '−'; } .ol-timeline .ol-scroll > div { height: 100%; position: relative; } .ol-timeline .ol-scroll .ol-times { background: rgba(255,255,255,.5); height: 1em; bottom: 0; position: absolute; left: -1000px; right: -1000px; } .ol-timeline .ol-scroll .ol-time { position: absolute; font-size: .7em; color: #999; bottom: 0; transform: translateX(-50%); } .ol-timeline .ol-scroll .ol-time.ol-year { color: #666; z-index: 1; } .ol-timeline .ol-scroll .ol-time:before { content: ""; position: absolute; bottom: 1.2em; left: 50%; height: 500px; border-left: 1px solid currentColor; } .ol-timeline .ol-scroll .ol-features { position: absolute; top: 0; bottom: 1em; left: -200px; right: -1000px; margin: 0 0 0 200px; overflow: hidden; } .ol-timeline .ol-scroll .ol-feature { position: absolute; font-size: .7em; color: #999; top: 0; background: #fff; max-width: 3em; max-height: 2.4em; min-height: 1em; line-height: 1.2em; border: 1px solid #ccc; overflow: hidden; padding: 0 .5em 0 0; transition: all .3s; cursor: pointer; box-sizing: border-box; } .ol-timeline.ol-zoomhover .ol-scroll .ol-feature:hover, .ol-timeline.ol-zoomhover .ol-scroll .ol-feature.ol-select { z-index: 1; transform: scale(1.2); background: #eee; /* max-width: 14em!important; */ } /* Center */ .ol-timeline .ol-center-date { display: none; position: absolute; left: 50%; height: 100%; width: 2px; bottom: 0; z-index: 2; pointer-events: none; transform: translateX(-50%); background-color: #f00; opacity: .4; } .ol-timeline.ol-hasbutton .ol-center-date { left: calc(50% + .75em); } /* Show center */ .ol-timeline.ol-pointer .ol-center-date { display: block; } .ol-timeline.ol-pointer .ol-center-date:before, .ol-timeline.ol-pointer .ol-center-date:after { content: ''; border: 0.3em solid transparent; border-width: .3em .25em; position: absolute; left: 50%; transform: translateX(-50%); } .ol-timeline.ol-pointer .ol-center-date:before { border-top-color: #f00; top: 0; } .ol-timeline.ol-pointer .ol-center-date:after { border-bottom-color: #f00; bottom: 0 } /* show interval */ .ol-timeline.ol-interval .ol-center-date { display: block; background-color: transparent; border: 0 solid #000; border-width: 0 10000px; box-sizing: content-box; opacity: .2; } .ol-control.ol-videorec { top: 0; left: 50%; transform: translateX(-50%); white-space: nowrap; } .ol-control.ol-videorec button { position: relative; display: inline-block; vertical-align: middle; } .ol-control.ol-videorec button:before { content: ""; position: absolute; top: 50%; left: 50%; width: .8em; height: .8em; transform: translate(-50%, -50%); background-color: currentColor; } .ol-control.ol-videorec button.ol-start:before { width: .9em; height: .9em; border-radius: 50%; background-color: #c00; } .ol-control.ol-videorec button.ol-pause:before { width: .2em; background-color: transparent; box-shadow: -.2em 0, .2em 0; } .ol-control.ol-videorec button.ol-resume:before { border-style: solid; background: transparent; width: auto; border-width: .4em 0 .4em .6em; border-color: transparent transparent transparent currentColor; box-sizing: border-box; } .ol-control.ol-videorec button.ol-stop, .ol-control.ol-videorec button.ol-pause, .ol-control.ol-videorec button.ol-resume, .ol-control.ol-videorec[data-state="rec"] .ol-start, .ol-control.ol-videorec[data-state="pause"] .ol-start { display: none; } .ol-control.ol-videorec[data-state="rec"] .ol-stop, .ol-control.ol-videorec[data-state="pause"] .ol-stop, .ol-control.ol-videorec[data-state="rec"] .ol-pause, .ol-control.ol-videorec[data-state="pause"] .ol-resume { display: inline-block; } .ol-control.ol-wmscapabilities { top: .5em; right: 2.5em; } .ol-touch .ol-control.ol-wmscapabilities { right: 3em; } .ol-control.ol-wmscapabilities.ol-hidden { display: none; } .ol-control.ol-wmscapabilities button:before { content: "+"; position: absolute; top: calc(50% - .35em); left: 50%; transform: translate(-50%, -50%); } .ol-control.ol-wmscapabilities button:after { content: ""; width: .75em; height: .75em; position: absolute; background: transparent; top: calc(50% - .05em); left: 50%; transform: scaleY(.6) translate(-50%, -50%) rotate(45deg); box-shadow: inset -.18em -.18em currentColor, -.4em .1em 0 -.25em currentColor, .1em -.35em 0 -.25em currentColor, .15em .15em currentColor; border-radius: .1em 0; border: .15em solid transparent; border-width: 0 .15em .15em 0; } .ol-wmscapabilities .ol-searching { opacity: .5; } .ol-wmscapabilities .ol-searching .ol-url:after{ content: ""; width: .7em; height: .7em; background-color: currentColor; position: absolute; top: 6em; border-radius: 50%; display: block; left: calc(50% - .35em); box-shadow: 0 1em currentColor, 0 -1em currentColor, 1em 0 currentColor, -1em 0 currentColor; animation:ol-wmscapabilities-rotate 2s linear infinite; } @keyframes ol-wmscapabilities-rotate { 100% { transform:rotate(360deg); } } .ol-wmscapabilities .ol-url input { width: calc(100% - 10em); box-sizing: border-box; min-width: Min(100%, 20em); } .ol-wmscapabilities .ol-url select { width: 2em; height: 100%; padding: 1px; } .ol-wmscapabilities .ol-url button { width: 7.5em; margin-left: .5em; } .ol-wmscapabilities .ol-result { display: none; margin-top: .5em; } .ol-wmscapabilities .ol-result.ol-visible { display: block; } .ol-wmscapabilities .ol-select-list { position: relative; border: 1px solid #369; overflow-x: hidden; width: calc(100% - 120px); box-sizing: border-box; max-height: 14.5em; } .ol-wmscapabilities .ol-select-list div { padding: 0 .5em; cursor: pointer; width: 100%; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; } .ol-wmscapabilities .ol-select-list .level-1 { padding-left: 1em; } .ol-wmscapabilities .ol-select-list .level-2 { padding-left: 1.5em; } .ol-wmscapabilities .ol-select-list .level-3 { padding-left: 2em; } .ol-wmscapabilities .ol-select-list .level-4 { padding-left: 2.5em; } .ol-wmscapabilities .ol-select-list .level-5 { padding-left: 3em; } .ol-wmscapabilities .ol-select-list .ol-info { font-style: italic; } .ol-wmscapabilities .ol-select-list .ol-title { background-color: rgba(0,60,136,.1); } .ol-wmscapabilities .ol-select-list div:hover { background-color: rgba(0,60,136,.5); color: #fff; } .ol-wmscapabilities .ol-select-list div.selected { background-color: rgba(0,60,136,.7); color: #fff; } .ol-wmscapabilities .ol-preview { width: 100px; float: right; background: rgba(0,60,136,.1); color: #666; padding: 0 5px 5px; text-align: center; margin-left: 10px; } .ol-wmscapabilities .ol-preview.tainted { width: 100px; float: right; background: rgba(136,0,60,.1); color: #666; padding: 0 5px 5px; text-align: center; margin-left: 10px; } .ol-wmscapabilities .ol-preview img { width: 100%; display: block; background: #fff; } .ol-wmscapabilities .ol-legend { max-width: 100%; display: none; } .ol-wmscapabilities .ol-legend.visible { display: block; } .ol-wmscapabilities .ol-buttons { clear: both; text-align: right; } .ol-wmscapabilities .ol-data p { margin: 0; } .ol-wmscapabilities .ol-data p.ol-title { font-weight: bold; margin: 1em 0 .5em; } .ol-wmscapabilities .ol-error { color: #800; } .ol-wmscapabilities ul.ol-wmsform { display: none; list-style: none; padding: 0; } .ol-wmscapabilities ul.ol-wmsform.visible { display: block; } .ol-wmscapabilities .ol-wmsform label { display: inline-block; text-align: right; width: calc(40% - .5em); margin-right: .5em; } .ol-wmscapabilities .ol-wmsform input { display: inline-block; width: 60%; box-sizing: border-box; } .ol-wmscapabilities .ol-wmsform input[type="checkbox"] { width: auto; } .ol-wmscapabilities .ol-wmsform button { float: right; margin: 1em 0; } .ol-wmscapabilities ul.ol-wmsform li[data-param="extent"] input { width: calc(60% - 2em); } .ol-wmscapabilities ul.ol-wmsform li[data-param="extent"] button { position: relative; width: 2em; height: 1.6em; margin: 0; vertical-align: middle; color: #444; } .ol-wmscapabilities ul.ol-wmsform li[data-param="extent"] button:before, .ol-wmscapabilities ul.ol-wmsform li[data-param="extent"] button:after { content: ""; position: absolute; width: .25em; height: .9em; border: .1em solid currentColor; top: 50%; left: 50%; transform: translate(-50%, -50%) skewY(-15deg); } .ol-wmscapabilities ul.ol-wmsform li[data-param="extent"] button:after { transform: translateX(.4em) translate(-50%, -50%) skewY(15deg); box-shadow: -0.8em 0.25em; } .ol-ext-dialog.ol-wmscapabilities form { width: 600px; min-height: 15em; top: 15%; transform: translate(-50%, -15%); } .ol-ext-dialog.ol-wmscapabilities .ol-content { max-height: calc(100vh - 6em); } .ol-ext-dialog.ol-wmtscapabilities [data-param="map"] { display: none; } .ol-ext-dialog [data-param="style"] { display: none; } .ol-ext-dialog.ol-wmtscapabilities [data-param="style"] { display: list-item; } .ol-ext-dialog.ol-wmtscapabilities [data-param="proj"], .ol-ext-dialog.ol-wmtscapabilities [data-param="version"] { opacity: .6; pointer-events: none; } .ol-ext-dialog.ol-wmscapabilities button.ol-wmsform { width: 1.8em; text-align: center; } .ol-ext-dialog.ol-wmscapabilities button.ol-wmsform:before { content: "+"; } .ol-ext-dialog.ol-wmscapabilities .ol-form button.ol-wmsform:before { content: "-"; } .ol-ext-dialog.ol-wmscapabilities .ol-form button.ol-load, .ol-ext-dialog.ol-wmscapabilities .ol-form .ol-legend { display: none; } .ol-ext-dialog.ol-wmscapabilities .ol-form ul.ol-wmsform { display: block; clear: both; } .ol-target-overlay .ol-target { border: 1px solid transparent; box-shadow: 0 0 1px 1px #fff; display: block; height: 20px; width: 0; } .ol-target-overlay .ol-target:after, .ol-target-overlay .ol-target:before { content:""; border: 1px solid #369; box-shadow: 0 0 1px 1px #fff; display: block; width: 20px; height: 0; position:absolute; top:10px; left:-10px; } .ol-target-overlay .ol-target:after { box-shadow: none; height: 20px; width: 0; top:0px; left:0px; } .ol-overlaycontainer .ol-touch-cursor { /* human fingertips are typically 16x20 mm = 45x57 pixels source: http://touchlab.mit.edu/publications/2003_009.pdf */ width: 56px; height: 56px; margin: 6px; border-radius: 50%; cursor: pointer; background: rgba(255,255,255,.4); box-shadow: inset 0 0 0 5px #369; } .ol-overlaycontainer .ol-touch-cursor:after { content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 50%; background: radial-gradient(circle at 100% 100%, transparent, transparent 70%, #369 70%, #369) } .ol-overlaycontainer .ol-touch-cursor .ol-button { position: absolute; color: #369; height: 55%; width: 55%; border-radius: 50%; cursor: pointer; background: rgba(255,255,255,.4); box-shadow: inset 0 0 0 3px currentColor; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: all .5s, opacity 0s, background 0s; overflow: hidden; } .ol-overlaycontainer .ol-touch-cursor.active.disable .ol-button { opacity: .8; background: rgba(51, 102, 153, .2); } .ol-overlaycontainer .ol-touch-cursor.active .ol-button { transform: translate(-50%, -50%) scale(1); } .ol-overlaycontainer .ol-touch-cursor.active .ol-button-0 { top: -18%; left: 118%; } .ol-overlaycontainer .ol-touch-cursor.active .ol-button-1 { top: 50%; left: 140%; } .ol-overlaycontainer .ol-touch-cursor.active .ol-button-2 { top: 120%; left: 120%; } .ol-overlaycontainer .ol-touch-cursor.active .ol-button-3 { top: 140%; left: 50%; } .ol-overlaycontainer .ol-touch-cursor.active .ol-button-4 { top: 118%; left: -18%; } /* extra buttons */ .ol-overlaycontainer .ol-touch-cursor.active .ol-button-5 { top: 50%; left: -40%; } .ol-overlaycontainer .ol-touch-cursor.active .ol-button-6 { top: -18%; left: -18%; } .ol-overlaycontainer .ol-touch-cursor.active .ol-button-7 { top: -40%; left: 50%; } .ol-overlaycontainer .ol-touch-cursor .ol-button:before { content: ""; width: 1.5em; height: 1em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1em; text-align: center; } .ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-add:before, .ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-remove:before { content: "−"; line-height: .95em; font-size: 1.375em; font-weight: bold; } .ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-add:before { content: "+"; } .ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-x:before { content: "\00D7"; font-size: 1.2em; font-weight: bold; } .ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-move:before { content: "\2725"; font-size: 1.2em; } .ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-check:before { content: "\2713"; font-weight: bold; } .ol-overlaycontainer .ol-touch-cursor.nodrawing .ol-button.ol-button-x, .ol-overlaycontainer .ol-touch-cursor.nodrawing .ol-button.ol-button-remove, .ol-overlaycontainer .ol-touch-cursor.nodrawing .ol-button.ol-button-check { opacity: .8; background: rgba(51, 102, 153, .2); } .ol-overlaycontainer .ol-touch-cursor .ol-button > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ol-overlaycontainer .ol-touch-cursor .ol-button-type:before { content: "\21CE"; font-weight: bold; } /* remove outline on focus */ .mapboxgl-canvas:focus { outline: none; } .ol-perspective-map { position: absolute; left: 50%; top: 50%; width: 200%; height: 200%; transform: translate(-50%, -50%); } .ol-perspective-map .ol-layer { z-index: -1!important; /* bug using Chrome ? */ } .ol-perspective-map .ol-layers { transform: translateY(0) perspective(200px) rotateX(0deg) scaleY(1); } .ol-perspective-map .ol-overlaycontainer, .ol-perspective-map .ol-overlaycontainer-stopevent { width: 50%!important; height: 50%!important; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ol-overlay-container .ol-magnify { background: rgba(0,0,0, 0.5); border:3px solid #369; border-radius: 50%; height: 150px; width: 150px; overflow: hidden; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); position:relative; z-index:0; } .ol-overlay-container .ol-magnify:before { border-radius: 50%; box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.25) inset; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .ol-overlay-container .ol-magnify:after { border-radius: 50%; box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1); content: ""; display: block; height: 0; left: 23%; position: absolute; top: 20%; width: 20%; z-index: 1; transform: rotate(-40deg); -webkit-transform: rotate(-40deg); } /** popup animation using visible class */ .ol-popup.anim { visibility: hidden; } .ol-popup.anim.visible { visibility: visible; } /** No transform when visible */ .ol-popup.anim.visible > div { visibility: visible; transform: none; animation: ol-popup_bounce 0.4s ease 1; } @keyframes ol-popup_bounce { from { transform: scale(0); } 50% { transform: scale(1.1) } 80% { transform: scale(0.95) } to { transform: scale(1); } } /** Transform Origin */ .ol-popup.anim.ol-popup-bottom.ol-popup-left > div { transform-origin:0 100%; } .ol-popup.anim.ol-popup-bottom.ol-popup-right > div { transform-origin:100% 100%; } .ol-popup.anim.ol-popup-bottom.ol-popup-center > div { transform-origin:50% 100%; } .ol-popup.anim.ol-popup-top.ol-popup-left > div { transform-origin:0 0; } .ol-popup.anim.ol-popup-top.ol-popup-right > div { transform-origin:100% 0; } .ol-popup.anim.ol-popup-top.ol-popup-center > div { transform-origin:50% 0; } .ol-popup.anim.ol-popup-middle.ol-popup-left > div { transform-origin:0 50%; } .ol-popup.anim.ol-popup-middle.ol-popup-right > div { transform-origin:100% 50%; } .ol-overlaycontainer-stopevent { /* BOUG ol6.1 to enable DragOverlay interaction position: initial!important; */ } /** ol.popup */ .ol-popup { font-size:0.9em; -webkit-user-select: none; user-select: none; } .ol-popup .ol-popup-content { overflow:hidden; cursor: default; padding: 0.25em 0.5em; } .ol-popup.hasclosebox .ol-popup-content { margin-right: 1.7em; } .ol-popup .ol-popup-content:after { clear: both; content: ""; display: block; font-size: 0; height: 0; } /** Anchor position */ .ol-popup .anchor { display: block; width: 0px; height: 0px; background:red; position: absolute; margin: -11px 22px; pointer-events: none; } .ol-popup .anchor:after, .ol-popup .anchor:before { position:absolute; } .ol-popup-right .anchor:after, .ol-popup-right .anchor:before { right:0; } .ol-popup-top .anchor { top:0; } .ol-popup-bottom .anchor { bottom:0; } .ol-popup-right .anchor { right:0; } .ol-popup-left .anchor { left:0; } .ol-popup-center .anchor { left:50%; margin-left: 0!important; } .ol-popup-middle .anchor { top:50%; margin-top: 0!important; } .ol-popup-center.ol-popup-middle .anchor { display:none; } /** Fixed popup */ .ol-popup.ol-fixed { margin: 0!important; top: .5em!important; right: .5em!important; left: auto!important; bottom: auto!important; transform: none!important; } .ol-popup.ol-fixed .anchor { display: none; } .ol-popup.ol-fixed.anim > div { animation: none; } .ol-popup .ol-fix { width: 1em; height: .9em; background: #fff; position: relative; float: right; margin: .2em; cursor: pointer; } .ol-popup .ol-fix:before { content: ""; width: .8em; height: .7em; display: block; border: .1em solid #666; border-right-width: 0.1em; border-right-width: .3em; box-sizing: border-box; margin: .1em; } /** Add a shadow to the popup */ .ol-popup.shadow { box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5); } /** Close box */ .ol-popup .closeBox { background-color: rgba(0, 60, 136, 0.5); color: #fff; border: 0; border-radius: 2px; cursor: pointer; float: right; font-size: 0.9em; font-weight: 700; width: 1.4em; height: 1.4em; margin: 5px 5px 0 0; padding: 0; position: relative; display:none; } .ol-popup.hasclosebox .closeBox { display:block; } .ol-popup .closeBox:hover { background-color: rgba(0, 60, 136, 0.7); } /* the X */ .ol-popup .closeBox:after { content: "\00d7"; font-size:1.5em; top: 50%; left: 0; right: 0; width: 100%; text-align: center; line-height: 1em; margin: -0.5em 0; position: absolute; } /** Modify touch poup */ .ol-popup.modifytouch { background-color: #eee; } .ol-popup.modifytouch .ol-popup-content { padding: 0 0.25em; font-size: 0.85em; white-space: nowrap; } .ol-popup.modifytouch .ol-popup-content a { text-decoration: none; } /** Tool tips popup*/ .ol-popup.tooltips { background-color: #ffa; } .ol-popup.tooltips .ol-popup-content{ padding: 0 0.25em; font-size: 0.85em; white-space: nowrap; } /** Default popup */ .ol-popup.default > div { background-color: #fff; border:1px solid #69f; border-radius: 5px; } .ol-popup.default { margin: -11px 0; transform: translate(0, -22px); } .ol-popup-top.ol-popup.default { margin: 11px 0; transform: none; } .ol-popup-left.default { margin: -11px -22px; transform: translate(0, -22px); } .ol-popup-top.ol-popup-left.default { margin: 11px -22px; transform: none; } .ol-popup-right.default { margin: -11px 22px; transform: translate(44px, -22px); } .ol-popup-top.ol-popup-right.default { margin: 11px 22px; transform: translate(44px, 0); } .ol-popup-middle.default { margin:0 10px; transform: none; } .ol-popup-middle.ol-popup-right.default { margin:0 -10px; transform: translate(-20px, 0); } .ol-popup.default .anchor { color: #69f; } .ol-popup.default .anchor:after, .ol-popup.default .anchor:before { content:""; border-color: currentColor transparent; border-style: solid; border-width: 11px; margin: 0 -11px; } .ol-popup.default .anchor:after { border-color: #fff transparent; border-width: 11px; margin: 2px -11px; } .ol-popup-top.default .anchor:before, .ol-popup-top.default .anchor:after { border-top:0; top:0; } .ol-popup-bottom.default .anchor:before, .ol-popup-bottom.default .anchor:after { border-bottom:0; bottom:0; } .ol-popup-middle.default .anchor:before { margin: -11px -33px; border-color: transparent currentColor; } .ol-popup-middle.default .anchor:after { margin: -11px -31px; border-color: transparent #fff; } .ol-popup-middle.ol-popup-left.default .anchor:before, .ol-popup-middle.ol-popup-left.default .anchor:after { border-left:0; } .ol-popup-middle.ol-popup-right.default .anchor:before, .ol-popup-middle.ol-popup-right.default .anchor:after { border-right:0; } /** Placemark popup */ .ol-popup.placemark { color: #c00; margin: -.65em 0; transform: translate(0, -1.3em); } .ol-popup.placemark > div { position: relative; font-size: 15px; background-color: #fff; border: 0; box-shadow: inset 0 0 0 0.45em; width: 2em; height: 2em; border-radius: 50%; min-width: unset; box-sizing: border-box; } .ol-popup.placemark .ol-popup-content { overflow: hidden; cursor: default; text-align: center; padding: .25em 0; width: 1em; height: 1em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1em; } .ol-popup.placemark .anchor { margin: 0; } .ol-popup.placemark .anchor:before { content: ""; margin: -.5em -.5em; background: transparent; width: 1em; height: .5em; border-radius: 50%; box-shadow: 0 1em 0.5em rgba(0,0,0,.5); } .ol-popup.placemark .anchor:after { content: ""; border-color: currentColor transparent; border-style: solid; border-width: 1em .7em 0; margin: -.75em -.7em; bottom:0; } /** Placemark Shield */ .ol-popup.placemark.shield > div { border-radius: .2em; } .ol-popup.placemark.shield .anchor:after { border-width: .8em 1em 0; margin: -.7em -1em; } /** Placemark Blazon */ .ol-popup.placemark.blazon > div { border-radius: .2em; } /** Placemark Needle/Pushpin */ .ol-popup.placemark.pushpin { margin: -2.2em 0; transform: translate(0, -4em); } .ol-popup.placemark.pushpin > div { border-radius: 0; background: transparent!important; box-shadow: inset 2em 0 currentColor; width: 1.1em; } .ol-popup.placemark.pushpin > div:before { content: ""; width: 1.3em; height: 1.5em; border-style: solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-color: currentColor transparent; border-width: .3em .5em .5em; pointer-events: none; } .ol-popup.placemark.needle { margin: -2em 0; transform: translate(0, -4em); } .ol-popup.placemark.pushpin .anchor, .ol-popup.placemark.needle .anchor { margin: -1.2em; } .ol-popup.placemark.pushpin .anchor:after, .ol-popup.placemark.needle .anchor:after { border-style: solid; border-width: 2em .15em 0; margin: -.55em -0.2em; width: .1em; } .ol-popup.placemark.pushpin .anchor:before, .ol-popup.placemark.needle .anchor:before { margin: -.75em -.5em; } /** Placemark Flag */ .ol-popup.placemark.flagv { margin: -2em 1em; transform: translate(0, -4em); } .ol-popup.placemark.flagv > div { border-radius: 0; box-shadow: none; background-color: transparent; } .ol-popup.placemark.flagv > div:before { content: ""; border: 1em solid transparent; position: absolute; border-left: 2em solid currentColor; pointer-events: none; } .ol-popup.placemark.flagv .anchor { margin: -1.4em; } .ol-popup.placemark.flag { margin: -2em 1em; transform: translate(0, -4em); } .ol-popup.placemark.flag > div { border-radius: 0; transform-origin: 0% 150%!important; } .ol-popup.placemark.flag .anchor { margin: -1.4em; } .ol-popup.placemark.flagv .anchor:after, .ol-popup.placemark.flag .anchor:after { border-style: solid; border-width: 2em .15em 0; margin: -.55em -1em; width: .1em; } .ol-popup.placemark.flagv .anchor:before, .ol-popup.placemark.flag .anchor:before { margin: -.75em -1.25em; } .ol-popup.placemark.flag.finish { margin: -2em 1em; } .ol-popup.placemark.flag.finish > div { background-image: linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor), linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor); background-size: 1em 1em; background-position: .5em 0, 0 .5em; box-shadow: inset 0 0 0 .25em; } /** Black popup */ .ol-popup.black .closeBox { background-color: rgba(0,0,0, 0.5); border-radius: 5px; color: #f80; } .ol-popup.black .closeBox:hover { background-color: rgba(0,0,0, 0.7); color:#da2; } .ol-popup.black { margin: -20px 0; transform: translate(0, -40px); } .ol-popup.black > div{ background-color: rgba(0,0,0,0.6); border-radius: 5px; color:#fff; } .ol-popup-top.ol-popup.black { margin: 20px 0; transform: none; } .ol-popup-left.black { margin: -20px -22px; transform: translate(0, -40px); } .ol-popup-top.ol-popup-left.black { margin: 20px -22px; transform: none; } .ol-popup-right.black { margin: -20px 22px; transform: translate(44px, -40px); } .ol-popup-top.ol-popup-right.black { margin: 20px 22px; transform: translate(44px, 0); } .ol-popup-middle.black { margin: 0 11px; transform: none; } .ol-popup-left.ol-popup-middle.black { transform: none; } .ol-popup-right.ol-popup-middle.black { margin:0 -11px; transform: translate(-22px, 0); } .ol-popup.black .anchor { margin: -20px 11px; color: rgba(0,0,0,0.6); } .ol-popup.black .anchor:before { content:""; border-color: currentColor transparent; border-style: solid; border-width: 20px 11px; } .ol-popup-top.black .anchor:before { border-top:0; top:0; } .ol-popup-bottom.black .anchor:before { border-bottom:0; bottom:0; } .ol-popup-middle.black .anchor:before { margin: -20px -22px; border-color: transparent currentColor; } .ol-popup-middle.ol-popup-left.black .anchor:before { border-left:0; } .ol-popup-middle.ol-popup-right.black .anchor:before { border-right:0; } .ol-popup-center.black .anchor:before { margin: 0 -10px; } /** Green tips popup */ .ol-popup.tips .closeBox { background-color: #f00; border-radius: 50%; color: #fff; width:1.2em; height:1.2em; } .ol-popup.tips .closeBox:hover { background-color: #f40; } .ol-popup.tips { margin: -20px 0; transform: translate(0,-40px); } .ol-popup.tips > div { background-color: #cea; border: 5px solid #ad7; border-radius: 5px; color:#333; } .ol-popup-top.ol-popup.tips { margin: 20px 0; transform: none; } .ol-popup-left.tips { margin: -20px -22px; transform: translate(0,-40px); } .ol-popup-top.ol-popup-left.tips { margin: 20px -22px; transform: none; } .ol-popup-right.tips { margin: -20px 22px; transform: translate(44px,-40px); } .ol-popup-top.ol-popup-right.tips { margin: 20px 22px; transform: translate(44px,0); } .ol-popup-middle.tips { margin:0; transform: none; } .ol-popup-left.ol-popup-middle.tips { margin: 0 22px; transform: none; } .ol-popup-right.ol-popup-middle.tips { margin: 0 -22px; transform: translate(-44px,0); } .ol-popup.tips .anchor { margin: -18px 22px; color: #ad7; } .ol-popup.tips .anchor:before { content:""; border-color: currentColor transparent; border-style: solid; border-width: 20px 11px; } .ol-popup-top.tips .anchor:before { border-top:0; top:0; } .ol-popup-bottom.tips .anchor:before { border-bottom:0; bottom:0; } .ol-popup-center.tips .anchor:before { border-width: 20px 6px; margin: 0 -6px; } .ol-popup-left.tips .anchor:before { border-left:0; margin-left:0; } .ol-popup-right.tips .anchor:before { border-right:0; margin-right:0; } .ol-popup-middle.tips .anchor:before { margin: -6px -41px; border-color: transparent currentColor; border-width:6px 20px; } .ol-popup-middle.ol-popup-left.tips .anchor:before { border-left:0; } .ol-popup-middle.ol-popup-right.tips .anchor:before { border-right:0; } /** Warning popup */ .ol-popup.warning .closeBox { background-color: #f00; border-radius: 50%; color: #fff; font-size: 0.83em; } .ol-popup.warning .closeBox:hover { background-color: #f40; } .ol-popup.warning { background-color: #fd0; border-radius: 3px; border:4px dashed #f00; margin:20px 0; color:#900; margin: -28px 10px; transform: translate(0, -56px); } .ol-popup-top.ol-popup.warning { margin: 28px 10px; transform: none; } .ol-popup-left.warning { margin: -28px -22px; transform: translate(0, -56px); } .ol-popup-top.ol-popup-left.warning { margin: 28px -22px; transform: none; } .ol-popup-right.warning { margin: -28px 22px; transform: translate(44px, -56px); } .ol-popup-top.ol-popup-right.warning { margin: 28px 22px; transform: translate(44px, 0); } .ol-popup-middle.warning { margin:0; transform: none; } .ol-popup-left.ol-popup-middle.warning { margin:0 22px; transform: none; } .ol-popup-right.ol-popup-middle.warning { margin:0 -22px; transform: translate(-44px, 0); } .ol-popup.warning .anchor { margin: -33px 7px; } .ol-popup.warning .anchor:before { content:""; border-color: #f00 transparent; border-style: solid; border-width: 30px 11px; } .ol-popup-top.warning .anchor:before { border-top:0; top:0; } .ol-popup-bottom.warning .anchor:before { border-bottom:0; bottom:0; } .ol-popup-center.warning .anchor:before { margin: 0 -21px; } .ol-popup-middle.warning .anchor:before { margin: -10px -33px; border-color: transparent #f00; border-width:10px 22px; } .ol-popup-middle.ol-popup-left.warning .anchor:before { border-left:0; } .ol-popup-middle.ol-popup-right.warning .anchor:before { border-right:0; } .ol-popup .ol-popupfeature table { width: 100%; } .ol-popup .ol-popupfeature table td { max-width: 25em; overflow: hidden; text-overflow: ellipsis; } .ol-popup .ol-popupfeature table td img { max-width: 100px; max-height: 100px; } .ol-popup .ol-popupfeature tr:nth-child(2n+1) { background-color: #eee; } .ol-popup .ol-popupfeature .ol-zoombt { border: 0; width: 2em; height: 2em; display: inline-block; color: rgba(0,60,136,.5); position: relative; background: transparent; outline: none; } .ol-popup .ol-popupfeature .ol-zoombt:before { content: ""; position: absolute; box-sizing: border-box; width: 1em; height: 1em; background-color: transparent; border: .17em solid currentColor; border-radius: 100%; top: .3em; left: .3em; } .ol-popup .ol-popupfeature .ol-zoombt:after { content: ""; position: absolute; box-sizing: border-box; top: 1.35em; left: 1.15em; border-width: .1em .3em; border-style: solid; border-radius: .03em; transform: rotate(45deg); box-shadow: -0.2em 0 0 -0.04em; } .ol-popup .ol-popupfeature .ol-count{ float: right; margin: .25em 0; } .ol-popup .ol-popupfeature .ol-prev, .ol-popup .ol-popupfeature .ol-next { border-style: solid; border-color: transparent rgba(0,60,136,.5); border-width: .5em 0 .5em .5em; display: inline-block; vertical-align: bottom; margin: 0 .5em; cursor: pointer; } .ol-popup .ol-popupfeature .ol-prev{ border-width: .5em .5em .5em 0; } .ol-popup.tooltips.black { background-color: transparent; } .ol-popup.tooltips.black > div { transform: scaleY(1.3); padding: .2em .5em; background-color: rgba(0,0,0, 0.5); } .ol-popup-middle.tooltips.black .anchor:before { border-width: 5px 10px; margin: -5px -21px; } .ol-popup-center.ol-popup-middle { margin: 0; } .ol-popup-top.ol-popup-left.ol-fixPopup, .ol-popup-top.ol-popup-right.ol-fixPopup, .ol-popup.ol-fixPopup { margin: 0; } .ol-miniscroll { position: relative; } .ol-miniscroll:hover .ol-scroll { opacity: .5; transition: opacity 1s; } .ol-miniscroll .ol-scroll { touch-action: none; position: absolute; right: 0px; width: 9px; height: auto; max-height: 100%; opacity: 0; border-radius: 9px; transition: opacity 1s .5s; overflow: hidden; z-index: 1; } .ol-miniscroll .ol-scroll > div { touch-action: none; position: absolute; top: 0; right: 0px; width: 9px; height: 9px; box-shadow: inset 10px 0 currentColor; border-radius: 9px / 12px; border: 2px solid transparent; box-sizing: border-box; cursor: pointer; } .ol-miniscroll .ol-scroll.ol-100pc { opacity: 0; } .ol-viewport canvas.ol-fixedoverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Toggle Switch */ .ol-ext-toggle-switch { cursor: pointer; position: relative; } .ol-ext-toggle-switch input[type="radio"], .ol-ext-toggle-switch input[type="checkbox"] { display: none; } .ol-ext-toggle-switch span { color: rgba(0,60,136,.5); position: relative; cursor: pointer; background-color: #ccc; transition: .4s, background-color 0s, border-color 0s; width: 1.6em; height: 1em; display: inline-block; border-radius: 1em; font-size: 1.3em; vertical-align: middle; margin: -.15em .2em .15em; } .ol-ext-toggle-switch span:before { position: absolute; content: ""; height: 1em; width: 1em; left: 0; top: 50%; background-color: #fff; transition: .4s; border-radius: 1em; display: block; transform: translateY(-50%); border: 2px solid #ccc; box-sizing: border-box; } .ol-ext-toggle-switch:hover span { background-color: #999; } .ol-ext-toggle-switch:hover span:before { border-color: #999; } .ol-ext-toggle-switch input:checked + span { background-color: currentColor; } .ol-ext-toggle-switch input:checked + span:before { transform: translate(.6em,-50%); border-color: currentColor; } /* Check/radio buttons */ .ol-ext-check { position: relative; display: inline-block; } .ol-ext-check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .ol-ext-check span { color: rgba(0,60,136,.5); position: relative; display: inline-block; width: 1em; height: 1em; margin: -.1em .5em .1em; background-color: #ccc; vertical-align: middle; } .ol-ext-check:hover span { background-color: #999; } .ol-ext-checkbox input:checked ~ span { background-color: currentColor; } .ol-ext-checkbox input:checked ~ span:before { content: ""; position: absolute; width: .5em; height: .8em; top: 50%; left: 50%; transform: translateY(-.1em) translate(-50%, -50%) rotate(45deg); box-shadow: inset -0.2em -0.2em #fff; } .ol-ext-radio span { width: 1.1em; height: 1.1em; border-radius: 50%; } .ol-ext-radio:hover input:checked ~ span { background-color: #ccc; } .ol-ext-radio input:checked ~ span:before { content: ""; position: absolute; width: 50%; height: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: currentColor; } .ol-collection-list { margin: 0; padding: 0; list-style: none; } .ol-collection-list li { position: relative; padding: 0 2em 0 1em; } .ol-collection-list li:hover { background-color: rgba(0,60,136,.2); } .ol-collection-list li.ol-select { background-color: rgba(0,60,136,.5); color: #fff; } .ol-collection-list li .ol-order { position: absolute; touch-action: none; right: 0; top: 50%; transform: translateY(-50%); width: 2em; height: 100%; cursor: n-resize; } .ol-collection-list li .ol-order:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 18px; height: 2px; background-color: currentColor; box-shadow: 0 5px, 0 -5px; border-radius: 2px; } .ol-ext-colorpicker.ol-popup { width: 2em; height: 1.5em; background-color: transparent; background-image: linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%), linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%); background-size: 10px 10px; background-position: 0 -1px, 5px 4px; } .ol-ext-colorpicker .ol-tabbar { background-color: #eee; border-bottom: 1px solid #999; display: none; } .ol-ext-colorpicker.ol-tab .ol-tabbar { display: block; } .ol-ext-colorpicker .ol-tabbar > div { display: inline-block; background-color: #fff; padding: 0 .5em; border: 1px solid #999; border-radius: 2px 2px 0 0; position: relative; top: 1px; cursor: pointer; } .ol-ext-colorpicker .ol-tabbar > div:nth-child(1) { border-bottom-color: #fff; } .ol-ext-colorpicker.ol-picker-tab .ol-tabbar > div:nth-child(1) { border-bottom-color: #999; } .ol-ext-colorpicker.ol-picker-tab .ol-tabbar > div:nth-child(2) { border-bottom-color: #fff; } .ol-ext-colorpicker.ol-popup.ol-tab .ol-popup { width: 180px; } .ol-ext-colorpicker.ol-tab .ol-palette { margin: 0 10px; } .ol-ext-colorpicker.ol-tab .ol-container { display: none; } .ol-ext-colorpicker.ol-tab.ol-picker-tab .ol-container { display: block; } .ol-ext-colorpicker.ol-tab.ol-picker-tab .ol-palette { display: none; } .ol-ext-colorpicker.ol-popup .ol-popup { width: 340px; } .ol-ext-colorpicker.ol-popup .ol-vignet { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 0; background-color: currentColor; pointer-events: none; } .ol-ext-colorpicker .ol-container { position: relative; display: inline-block; vertical-align: top; } .ol-ext-colorpicker .ol-cursor { pointer-events: none; } .ol-ext-colorpicker .ol-picker { position: relative; cursor: crosshair; width: 150px; height: 150px; border: 5px solid #fff; background-color: currentColor; background-image: linear-gradient(0, #000, transparent), linear-gradient(90deg, #fff, transparent); } .ol-ext-colorpicker .ol-picker .ol-cursor { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(0,0,0,.7); box-shadow: 0 0 0 1px rgba(255,255,255,.7); transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%; } .ol-ext-colorpicker .ol-slider { position: relative; cursor: crosshair; background-color: #fff; height: 10px; width: 150px; margin: 5px 0 10px; border: 5px solid #fff; border-width: 0 5px; background-image: linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%), linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%); background-size: 10px 10px; background-position: 0 -1px, 5px 4px; } .ol-ext-colorpicker .ol-slider > div { width: 100%; height: 100%; background-image: linear-gradient(45deg, transparent, #fff); pointer-events: none; } .ol-ext-colorpicker .ol-slider .ol-cursor { position: absolute; width: 4px; height: 12px; border: 1px solid #000; top: 50%; left: 0; background: transparent; transform: translate(-50%, -50%); } .ol-ext-colorpicker .ol-tint { position: absolute; cursor: crosshair; width: 10px; height: 150px; border: 5px solid #fff; border-width: 5px 0; box-sizing: border; top: 0; right: 5px; background-image: linear-gradient(0, #f00, #f0f, #00f, #0ff, #0f0, #ff0, #f00) } .ol-ext-colorpicker .ol-tint .ol-cursor { position: absolute; top: 0; left: 50%; border: 1px solid #000; height: 4px; width: 12px; transform: translate(-50%, -50%); } .ol-ext-colorpicker .ol-clear { position: absolute; border: 2px solid #999; right: 4px; top: 163px; width: 10px; height: 10px; } .ol-ext-colorpicker .ol-clear:before, .ol-ext-colorpicker .ol-clear:after { content: ""; position: absolute; width: 15px; height: 2px; background-color: #999; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } .ol-ext-colorpicker .ol-clear:after { transform: translate(-50%, -50%) rotate(-45deg); } .ol-ext-colorpicker.ol-nopacity .ol-slider, .ol-ext-colorpicker.ol-nopacity .ol-clear { display: none; } .ol-ext-colorpicker.ol-nopacity .ol-alpha { display: none; } .ol-ext-colorpicker .ol-rgb { position: relative; padding: 5px; width: 170px; display: none; } .ol-ext-colorpicker .ol-rgb input { width: 25%; box-sizing: border-box; padding: 0 0 0 2px; border: 1px solid #999; border-radius: 2px; font-size: 13px; } .ol-ext-colorpicker .ol-rgb input:nth-child(1) { background-color: rgba(255,0,0,.1); } .ol-ext-colorpicker .ol-rgb input:nth-child(2) { background-color: rgba(0,255,0,.1); } .ol-ext-colorpicker .ol-rgb input:nth-child(3) { background-color: rgba(0,0,255,.12); } .ol-ext-colorpicker button, .ol-ext-colorpicker .ol-txt-color { font-size: 13px; margin: 0 5px 5px; text-align: center; width: 170px; box-sizing: border-box; padding: 0; border: 1px solid #999; border-radius: 2px; display: block; } .ol-ext-colorpicker button { background-color: #eee; } .ol-ext-colorpicker button:hover { background-color: #e9e9e9; } .ol-ext-colorpicker .ol-txt-color.ol-error { background-color: rgba(255,0,0,.2); } .ol-ext-colorpicker .ol-palette { padding: 2px; display: inline-block; width: 152px; } .ol-ext-colorpicker .ol-palette > div { width: 15px; height: 15px; display: inline-block; background-image: linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%), linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%); background-size: 10px 10px; background-position: 0 0, 5px 5px; margin: 2px; box-shadow: 0 0 2px 0px #666; border-radius: 1px; cursor: pointer; position: relative; } .ol-ext-colorpicker .ol-palette > div:before { content: ""; position: absolute; background-color: currentColor; width: 100%; height: 100%; } .ol-ext-colorpicker .ol-palette > div.ol-select:after { content: ""; position: absolute; width: 6px; height: 12px; box-shadow: 1px 1px #fff, 2px 2px #000; top: 30%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } .ol-ext-colorpicker .ol-palette > div:hover { box-shadow: 0 0 2px 1px #d90; } .ol-ext-colorpicker .ol-palette hr { margin: 0; } .ol-input-popup { display: inline-block; position: relative; } .ol-input-popup .ol-popup { position: absolute; box-shadow: 1px 1px 3px 1px #999; background-color: #fff; z-index: 1; display: none; left: -5px; padding: 0; margin: 0; list-style: none; white-space: nowrap; } .ol-input-popup.ol-hover:hover .ol-popup, .ol-input-popup.ol-focus .ol-popup { display: block; } .ol-input-popup.ol-right .ol-popup { left: auto; right: -5px; } .ol-input-popup.ol-middle .ol-popup { top: 50%; transform: translateY(-50%); } .ol-input-popup .ol-popup li { position: relative; padding: 10px 5px; } .ol-input-popup li:hover { background-color: #ccc; } .ol-input-popup li.ol-selected { background-color: #ccc; } .ol-input-popup.ol-fixed:hover .ol-popup, .ol-input-popup.ol-fixed .ol-popup { position: relative; left: 0; box-shadow: unset; background-color: transparent; display: inline-block; vertical-align: middle; } .ol-input-popup.ol-fixed.ol-left .ol-popup { float: left; } .ol-input-popup > div { position: relative; display: inline-block; vertical-align: middle; border-radius: 2px; border: 1px solid #999; padding: 3px 20px 3px 10px } .ol-input-popup > div:before { position: absolute; content: ""; right: 5px; top: 50%; border: 5px solid transparent; border-top: 5px solid #999; } .ol-ext-popup-input { display: inline-block; vertical-align: top; } .ol-ext-popup-input.ol-popup { position: relative; width: 2em; height: 1.5em; display: inline-block; border: 3px solid #fff; border-right-width: 1em; box-shadow: 0 0 2px 1px #666; border-radius: 2px; box-sizing: content-box; -webkit-user-select: none; user-select: none; vertical-align: middle; } .ol-ext-popup-input.ol-popup:after { content: ""; position: absolute; border: .5em solid #aaa; border-width: .5em .3em 0; border-color: #999 transparent; right: -.8em; top: 50%; transform: translateY(-50%); pointer-events: none; } .ol-ext-popup-input * { box-sizing: content-box; } .ol-ext-popup-input.ol-popup .ol-popup { position: absolute; top: 100%; min-width: 3em; min-height: 3em; left: 0; box-shadow: 1px 1px 3px 1px #999; display: block; background-color: #fff; display: none; z-index: 1; } .ol-ext-popup-input.ol-popup .ol-popup.ol-visible { display: block; } .ol-ext-popup-input.ol-popup-fixed .ol-popup { position: fixed; top: auto; left: auto; } .ol-input-popup.ol-size li { display: table-cell; height: 100%; padding: 5px; vertical-align: middle; } .ol-input-popup.ol-size li > * { background-color: #369; border-radius: 50%; vertical-align: middle; width: 1em; height: 1em; } .ol-input-popup.ol-size li > .ol-option-0 { position: relative; width: 1em; height: 1em; border: 2px solid currentColor; color: #aaa; background-color: transparent; box-sizing: border-box; } .ol-input-popup.ol-size li > *:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .ol-input-popup.ol-size li > .ol-option-0:before { content: ""; width: 1em; height: 2px; background-color: #aaa; transform: translate(-50%, -50%) rotate(-45deg); } .ol-input-slider { display: inline-block; position: relative; } .ol-input-slider .ol-popup { position: absolute; box-shadow: 1px 1px 3px 1px #999; background-color: #fff; z-index: 1; display: none; left: -5px; } .ol-input-slider.ol-right .ol-popup { left: auto; right: -5px; } .ol-input-slider.ol-hover:hover .ol-popup, .ol-input-slider.ol-focus .ol-popup { display: block; white-space: nowrap; } .ol-input-slider.ol-hover:hover .ol-popup > *, .ol-input-slider.ol-focus .ol-popup > * { display: inline-block; vertical-align: middle; } .ol-input-slider.ol-hover:hover .ol-popup > .ol-before, .ol-input-slider.ol-focus .ol-popup > .ol-before { margin-left: 10px; } .ol-input-slider.ol-hover:hover .ol-popup > .ol-after, .ol-input-slider.ol-focus .ol-popup > .ol-after { margin-right: 10px; } .ol-input-slider .ol-slider { display: inline-block; vertical-align: middle; position: relative; width: 100px; height: 3px; border: 0 solid transparent; border-width: 10px 15px; box-shadow: inset 0 0 0 1px #999; box-sizing: content-box; cursor: pointer; } .ol-input-slider .ol-slider > .ol-cursor { position: absolute; width: 5px; height: 10px; top: 50%; transform: translate(-50%, -50%); background-color: #999; pointer-events: none; } .ol-input-range .ol-slider { cursor: default; width: 150px; } .ol-input-range .ol-slider > .ol-cursor { pointer-events: all; cursor: pointer; width: 10px; border-radius: 50%; background-color: rgb(0,60,136); } .ol-input-range.ol-moving .ol-slider > .ol-cursor { pointer-events: none; } .ol-input-range .ol-slider > .ol-back { position: absolute; top: 50%; transform: translateY(-50%); left: 30%; right: 20%; height: 100%; background-color: rgb(0,60,136); pointer-events: none; } .ol-input-slider.ol-fixed:hover .ol-popup, .ol-input-slider.ol-fixed .ol-popup { position: relative; left: 0; box-shadow: unset; background-color: transparent; display: inline-block; vertical-align: middle; } .ol-input-slider.ol-fixed.ol-left .ol-popup { float: left; } /* Grow */ .ol-input-slider.ol-size .ol-slider { height: auto; box-shadow: none; } .ol-input-slider.ol-size .ol-slider .ol-back { width: 0; color: #aaa; border: 0 solid transparent; border-width: 0 0 20px 100px; border-color: currentColor transparent; pointer-events: none; } .ol-input-slider.ol-size .ol-slider > .ol-cursor { width: 2px; height: calc(100% + 4px); border-width: 5px 3px; border-style: solid; border-color: #f00 transparent; border-image: initial; background-color: transparent; box-shadow: inset 3px 0px #f00; } .ol-input-popup.ol-width li { padding: 5px; } .ol-input-popup.ol-width li > * { background-color: #369; width: 100px; height: 1em; } .ol-input-popup.ol-width li > .ol-option-0 { position: relative; height: 1px; background-image: linear-gradient(90deg,#aaa 2px, transparent 2px); background-color: transparent; background-size: 4px; } /*!*************************************************************************************************************************************************************************************************************************************!*\ !*** 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/filepond/dist/filepond.min.css ***! \*************************************************************************************************************************************************************************************************************************************/ /*! * FilePond 4.30.6 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit https://pqina.nl/filepond/ for details. */ /* eslint-disable */ .filepond--assistant{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap} .filepond--browser.filepond--browser{position:absolute;margin:0;padding:0;left:1em;top:1.75em;width:calc(100% - 2em);opacity:0;font-size:0} .filepond--data{position:absolute;width:0;height:0;padding:0;margin:0;border:none;visibility:hidden;pointer-events:none;contain:strict} .filepond--drip{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.1;pointer-events:none;border-radius:.5em;background:rgba(0,0,0,.01)} .filepond--drip-blob{transform-origin:center center;width:8em;height:8em;margin-left:-4em;margin-top:-4em;background:#292625;border-radius:50%} .filepond--drip-blob,.filepond--drop-label{position:absolute;top:0;left:0;will-change:transform,opacity} .filepond--drop-label{right:0;margin:0;color:#4f4f4f;display:flex;justify-content:center;align-items:center;height:0;-webkit-user-select:none;user-select:none} .filepond--drop-label.filepond--drop-label label{display:block;margin:0;padding:.5em} .filepond--drop-label label{cursor:default;font-size:.875em;font-weight:400;text-align:center;line-height:1.5} .filepond--label-action{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-color:#a7a4a4;cursor:pointer} .filepond--root[data-disabled] .filepond--drop-label label{opacity:.5} .filepond--file-action-button.filepond--file-action-button{font-size:1em;width:1.625em;height:1.625em;font-family:inherit;line-height:inherit;margin:0;padding:0;border:none;outline:none;will-change:transform,opacity} .filepond--file-action-button.filepond--file-action-button span{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap} .filepond--file-action-button.filepond--file-action-button svg{width:100%;height:100%} .filepond--file-action-button.filepond--file-action-button:after{position:absolute;left:-.75em;right:-.75em;top:-.75em;bottom:-.75em;content:""} .filepond--file-action-button{cursor:auto;color:#fff;border-radius:50%;background-color:rgba(0,0,0,.5);background-image:none;box-shadow:0 0 0 0 hsla(0,0%,100%,0);transition:box-shadow .25s ease-in} .filepond--file-action-button:focus,.filepond--file-action-button:hover{box-shadow:0 0 0 .125em hsla(0,0%,100%,.9)} .filepond--file-action-button[disabled]{color:hsla(0,0%,100%,.5);background-color:rgba(0,0,0,.25)} .filepond--file-action-button[hidden]{display:none} .filepond--action-edit-item.filepond--action-edit-item{width:2em;height:2em;padding:.1875em} .filepond--action-edit-item.filepond--action-edit-item[data-align*=center]{margin-left:-.1875em} .filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom]{margin-bottom:-.1875em} .filepond--action-edit-item-alt{border:none;line-height:inherit;background:transparent;font-family:inherit;color:inherit;outline:none;padding:0;margin:0 0 0 .25em;pointer-events:all;position:absolute} .filepond--action-edit-item-alt svg{width:1.3125em;height:1.3125em} .filepond--action-edit-item-alt span{font-size:0;opacity:0} .filepond--file-info{position:static;display:flex;flex-direction:column;align-items:flex-start;flex:1;margin:0 .5em 0 0;min-width:0;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;user-select:none} .filepond--file-info *{margin:0} .filepond--file-info .filepond--file-info-main{font-size:.75em;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%} .filepond--file-info .filepond--file-info-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out;white-space:nowrap} .filepond--file-info .filepond--file-info-sub:empty{display:none} .filepond--file-status{position:static;display:flex;flex-direction:column;align-items:flex-end;flex-grow:0;flex-shrink:0;margin:0;min-width:2.25em;text-align:right;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;user-select:none} .filepond--file-status *{margin:0;white-space:nowrap} .filepond--file-status .filepond--file-status-main{font-size:.75em;line-height:1.2} .filepond--file-status .filepond--file-status-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out} .filepond--file-wrapper.filepond--file-wrapper{border:none;margin:0;padding:0;min-width:0;height:100%} .filepond--file-wrapper.filepond--file-wrapper>legend{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap} .filepond--file{position:static;display:flex;height:100%;align-items:flex-start;padding:.5625em;color:#fff;border-radius:.5em} .filepond--file .filepond--file-status{margin-left:auto;margin-right:2.25em} .filepond--file .filepond--processing-complete-indicator{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3} .filepond--file .filepond--file-action-button,.filepond--file .filepond--processing-complete-indicator,.filepond--file .filepond--progress-indicator{position:absolute} .filepond--file [data-align*=left]{left:.5625em} .filepond--file [data-align*=right]{right:.5625em} .filepond--file [data-align*=center]{left:calc(50% - .8125em)} .filepond--file [data-align*=bottom]{bottom:1.125em} .filepond--file [data-align=center]{top:calc(50% - .8125em)} .filepond--file .filepond--progress-indicator{margin-top:.1875em} .filepond--file .filepond--progress-indicator[data-align*=right]{margin-right:.1875em} .filepond--file .filepond--progress-indicator[data-align*=left]{margin-left:.1875em} [data-filepond-item-state*=error] .filepond--file-info,[data-filepond-item-state*=invalid] .filepond--file-info,[data-filepond-item-state=cancelled] .filepond--file-info{margin-right:2.25em} [data-filepond-item-state~=processing] .filepond--file-status-sub{opacity:0} [data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5} [data-filepond-item-state=processing-error] .filepond--file-status-sub{opacity:0} [data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5} [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg{animation:fall .5s linear .125s both} [data-filepond-item-state=processing-complete] .filepond--file-status-sub{opacity:.5} [data-filepond-item-state=processing-complete] .filepond--file-info-sub,[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub{opacity:0} [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub{opacity:.5} [data-filepond-item-state*=error] .filepond--file-wrapper,[data-filepond-item-state*=error] .filepond--panel,[data-filepond-item-state*=invalid] .filepond--file-wrapper,[data-filepond-item-state*=invalid] .filepond--panel{animation:shake .65s linear both} [data-filepond-item-state*=busy] .filepond--progress-indicator svg{animation:spin 1s linear infinite} @keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}} @keyframes shake{10%,90%{transform:translateX(-.0625em)}20%,80%{transform:translateX(.125em)}30%,50%,70%{transform:translateX(-.25em)}40%,60%{transform:translateX(.25em)}} @keyframes fall{0%{opacity:0;transform:scale(.5);animation-timing-function:ease-out}70%{opacity:1;transform:scale(1.1);animation-timing-function:ease-in-out}to{transform:scale(1);animation-timing-function:ease-out}} .filepond--hopper[data-hopper-state=drag-over]>*{pointer-events:none} .filepond--hopper[data-hopper-state=drag-over]:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:100} .filepond--progress-indicator{z-index:103} .filepond--file-action-button{z-index:102} .filepond--file-status{z-index:101} .filepond--file-info{z-index:100} .filepond--item{position:absolute;top:0;left:0;right:0;z-index:1;padding:0;margin:.25em;will-change:transform,opacity} .filepond--item>.filepond--panel{z-index:-1} .filepond--item>.filepond--panel .filepond--panel-bottom{box-shadow:0 .0625em .125em -.0625em rgba(0,0,0,.25)} .filepond--item>.filepond--file-wrapper,.filepond--item>.filepond--panel{transition:opacity .15s ease-out} .filepond--item[data-drag-state]{cursor:grab} .filepond--item[data-drag-state]>.filepond--panel{transition:box-shadow .125s ease-in-out;box-shadow:0 0 0 transparent} .filepond--item[data-drag-state=drag]{cursor:grabbing} .filepond--item[data-drag-state=drag]>.filepond--panel{box-shadow:0 .125em .3125em rgba(0,0,0,.325)} .filepond--item[data-drag-state]:not([data-drag-state=idle]){z-index:2} .filepond--item-panel{background-color:#64605e} [data-filepond-item-state=processing-complete] .filepond--item-panel{background-color:#369763} [data-filepond-item-state*=error] .filepond--item-panel,[data-filepond-item-state*=invalid] .filepond--item-panel{background-color:#c44e47} .filepond--item-panel{border-radius:.5em;transition:background-color .25s} .filepond--list-scroller{position:absolute;top:0;left:0;right:0;margin:0;will-change:transform} .filepond--list-scroller[data-state=overflow] .filepond--list{bottom:0;right:0} .filepond--list-scroller[data-state=overflow]{overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent);mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent)} .filepond--list-scroller::-webkit-scrollbar{background:transparent} .filepond--list-scroller::-webkit-scrollbar:vertical{width:1em} .filepond--list-scroller::-webkit-scrollbar:horizontal{height:0} .filepond--list-scroller::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:99999px;border:.3125em solid transparent;background-clip:content-box} .filepond--list.filepond--list{position:absolute;top:0;margin:0;padding:0;list-style-type:none;will-change:transform} .filepond--list{left:.75em;right:.75em} .filepond--root[data-style-panel-layout~=integrated]{width:100%;height:100%;max-width:none;margin:0} .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root{border-radius:0} .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>*{display:none} .filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{bottom:0;height:auto;display:flex;justify-content:center;align-items:center;z-index:7} .filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel{display:none} .filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller{overflow:hidden;height:100%;margin-top:0;margin-bottom:0} .filepond--root[data-style-panel-layout~=compact] .filepond--list,.filepond--root[data-style-panel-layout~=integrated] .filepond--list{left:0;right:0;height:100%} .filepond--root[data-style-panel-layout~=compact] .filepond--item,.filepond--root[data-style-panel-layout~=integrated] .filepond--item{margin:0} .filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper{height:100%} .filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{z-index:7} .filepond--root[data-style-panel-layout~=circle]{border-radius:99999rem;overflow:hidden} .filepond--root[data-style-panel-layout~=circle]>.filepond--panel{border-radius:inherit} .filepond--root[data-style-panel-layout~=circle]>.filepond--panel>*{display:none} .filepond--root[data-style-panel-layout~=circle] .filepond--file-info,.filepond--root[data-style-panel-layout~=circle] .filepond--file-status{display:none} .filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item{opacity:1!important;visibility:visible!important} @media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.filepond--root[data-style-panel-layout~=circle]{will-change:transform}}} .filepond--panel-root{border-radius:.5em;background-color:#f1f0ef} .filepond--panel{position:absolute;left:0;top:0;right:0;margin:0;height:100%!important;pointer-events:none} .filepond-panel:not([data-scalable=false]){height:auto!important} .filepond--panel[data-scalable=false]>div{display:none} .filepond--panel[data-scalable=true]{transform-style:preserve-3d;background-color:transparent!important;border:none!important} .filepond--panel-bottom,.filepond--panel-center,.filepond--panel-top{position:absolute;left:0;top:0;right:0;margin:0;padding:0} .filepond--panel-bottom,.filepond--panel-top{height:.5em} .filepond--panel-top{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:none!important} .filepond--panel-top:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background-color:inherit} .filepond--panel-bottom,.filepond--panel-center{will-change:transform;backface-visibility:hidden;transform-origin:left top;transform:translate3d(0,.5em,0)} .filepond--panel-bottom{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:none!important} .filepond--panel-bottom:before{content:"";position:absolute;height:2px;left:0;right:0;top:-1px;background-color:inherit} .filepond--panel-center{height:100px!important;border-top:none!important;border-bottom:none!important;border-radius:0!important} .filepond--panel-center:not([style]){visibility:hidden} .filepond--progress-indicator{position:static;width:1.25em;height:1.25em;color:#fff;margin:0;pointer-events:none;will-change:transform,opacity} .filepond--progress-indicator svg{width:100%;height:100%;vertical-align:top;transform-box:fill-box} .filepond--progress-indicator path{fill:none;stroke:currentColor} .filepond--list-scroller{z-index:6} .filepond--drop-label{z-index:5} .filepond--drip{z-index:3} .filepond--root>.filepond--panel{z-index:2} .filepond--browser{z-index:1} .filepond--root{box-sizing:border-box;position:relative;margin-bottom:1em;font-size:1rem;line-height:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:450;text-align:left;text-rendering:optimizeLegibility;direction:ltr;contain:layout style size} .filepond--root *{box-sizing:inherit;line-height:inherit} .filepond--root :not(text){font-size:inherit} .filepond--root[data-disabled]{pointer-events:none} .filepond--root[data-disabled] .filepond--list-scroller{pointer-events:all} .filepond--root[data-disabled] .filepond--list{pointer-events:none} .filepond--root .filepond--drop-label{min-height:4.75em} .filepond--root .filepond--list-scroller{margin-top:1em;margin-bottom:1em} .filepond--root .filepond--credits{position:absolute;right:0;opacity:.175;line-height:.85;font-size:11px;color:inherit;text-decoration:none;z-index:3;bottom:-14px} .filepond--root .filepond--credits[style]{top:0;bottom:auto;margin-top:14px} /*!********************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css ***! \********************************************************************************************************************************************************************************************************/ /* You can add global styles to this file, and also import other style files */ html, body { height: 100%; } body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; overscroll-behavior: contain; } ::-webkit-scrollbar { width: 4px; height: 6px; overflow-y: scroll; background: rgb(200, 200, 200); box-shadow: inset 0 0 2px #aaa8a8; } ::-webkit-scrollbar-thumb { background: #173782; border-radius: 6px; } .mat-sidenav { padding: 5px; font-weight: 400; } .menu-item { margin-left: 10px; margin-right: 10px; margin-top: 20px; margin-bottom: -4px; } @media only screen and (min-width: 600px) { .mat-drawer-container { background-blend-mode:soft-light; background-color:rgba(255, 255, 255, 0.52); background-size: 70%; background-repeat: no-repeat; background-position: center; } } .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,.60); } .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #173782 !important; --mat-toolbar-container-text-color: white; background: #173782 !important; } /** table responsive css **/ table { width: 100%; } .mat-cell.mat-column-star { width: 20px; padding-right: 8px !important; } .mat-row:hover { background-color: #e9f3ff; } .mat-row a { color: #173782; text-decoration: none; } .mat-row a:hover { text-decoration: underline; } .mat-elevation-z8 { background: transparent; box-shadow: none; } @media screen and (max-width: 560px) { .mat-header-row { display: none; } tbody { display: block; width: 100%; } .mat-table { background: transparent; } .mat-table * { box-sizing: border-box; } .mat-table .mat-row { display: block; overflow: hidden; height: auto; position: relative; clear: both; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12); background-color: #fff; border-radius: 3px; } .mat-table .mat-row + .mat-row { margin-top: 24px; } .mat-table .mat-cell { display: block; width: 100%; padding: 0 16px; margin: 16px 0; border: 0 none; } .mat-table .mat-cell:first-child { padding: 0 48px 0 16px; } .mat-table .mat-cell:first-child a { font-size: 20px; color: inherit; } .mat-table .mat-cell:first-child:before { display: none; } .mat-table .mat-cell.m-card-sub-title { margin-top: -8px; padding: 0 48px 0 16px; color: rgba(0, 0, 0, .54); } .mat-table .has_label_on_mobile:before, .mat-table .has_label_on_mobile:first-child:before { content: attr(data-label); display: inline; font-weight: normal; font-size: 75%; color: rgba(0,0,0,.6); } mat-cell, mat-header-cell, mat-footer-cell { min-height: auto !important; } .mat-paginator { margin-top: 24px; } } .mat-h2, .mat-title, .mat-typography .mat-h2, .mat-typography .mat-title, .mat-typography h2 { margin: 0 0 -5px; } .searchbox { margin-left: 15px; margin-bottom: -27px; } .mat-expansion-panel .searchbox { margin-bottom: -1px; } .mat-paginator-container { padding-left: 0px !important; padding-right: 0px !important; justify-content: left !important; } .ellipsis { position: relative; } mat-cell.ellipsis { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /** table responsive css **/ .icon-button { background: rgba(255, 255, 255, 0.25); border-width: 0px; } .mat-sort-header-arrow { color: #f0f0f0; } .mat-header-row { background-color: rgb(23,55,130); color: white; } .mat-form-field-label-dropdown { color: rgba(0, 0, 0, 0.6); font-size: 10px; line-height: 15.75px; margin-left:6px; pointer-events: none; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transform-origin: 0 0; transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1),color 400ms cubic-bezier(0.25, 0.8, 0.25, 1),width 400ms cubic-bezier(0.25, 0.8, 0.25, 1); } .mat-form-field-label-header { color: rgba(0, 0, 0, 0.6); font-size: 10px; line-height: 15.75px; margin-left:6px; margin-bottom: 0px !important; pointer-events: none; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transform-origin: 0 0; transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1),color 400ms cubic-bezier(0.25, 0.8, 0.25, 1),width 400ms cubic-bezier(0.25, 0.8, 0.25, 1); } @media screen and (min-width: 560px) { .table-sticky-header { height: calc(100vh - 340px); max-width: 100%; overflow: auto; } .top-table-sticky-header { height: calc(100vh - 280px); max-width: 100%; overflow: auto; } .mat-expansion-panel .top-table-sticky-header { height: calc(100vh - 280px); max-width: 100%; overflow: auto; } .table-horizontal-scroll { width: 100%; overflow-x: auto; } .dashboard-horizontal-scroll { width: 100%; overflow-x: auto; overflow-y: hidden; } .table-horizontal-scroll .mat-table { width: 100%; max-width: 100%; margin-bottom: 1rem; display: table; border-collapse: collapse; margin: 0px; } .table-horizontal-scroll .mat-row { flex: 1; display: flex; min-height: auto; line-height: 3; } .table-horizontal-scroll .mat-cell, .table-horizontal-scroll .mat-header-cell { word-wrap: initial; padding: 0px 5px; line-break: unset; width: auto; min-width: 150px; max-width: 500px; white-space: nowrap; overflow: hidden; vertical-align: middle; } } .multiselect-dropdown .dropdown-btn { margin-bottom: 15px !important; } .dropdown-error { font-size: 75%; margin-top: -1em; padding: 0 1em; } /** gewijzigde layout van geselecteerde dropdown items **/ .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item { border: 1px solid #173782 !important; background: #173782 !important; background-color: rgb(23,55,130) !important; max-width: max-content !important; margin-bottom: 4px !important; } /** gewijzigde layout van geselecteerde dropdown items **/ .mat-cell .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item { border: 1px solid #173782 !important; background: #173782 !important; background-color: rgb(23,55,130) !important; margin-bottom: 4px !important; } .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret { right: -25px !important; } .multiselect-dropdown { margin-right: 30px !important; width: auto !important; } .dropdown-list .filter-textbox input { width: 90% !important; } .mat-tab-body { min-height: calc(100vh - 245px); } form { margin-top: 15px; } .form-group { margin-top:5px; } .map-container { height: calc(100vh - 110px); width: 100%; z-index: 1; } .ol-viewport { top: -72px; } .map-container .layerswitcher { position: relative; left: 8px; top: 85px; z-index: 9999; } #raster-map.map-container .layerswitcher { position: relative; left: 8px; top: 85px; z-index: 9999; } .value-row { min-height: 24px; /* keeps rows aligned */ display: flex; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.12); /* Material-like divider */ box-sizing: border-box; background-color: rgba(0, 0, 0, 0.05); } #raster-map.map-container { height: calc(100vh - 130px); width: 100%; z-index: 1; } #section-map.map-container .layerswitcher { position: relative; left: 8px; top: 85px; z-index: 9999; } .layerswitcher .mat-body p, .mat-body-1 p, .mat-typography .mat-body p, .mat-typography .mat-body-1 p, .mat-typography p { margin: 0 0 0; } #section-map.map-container { height: calc(100vh - 130px); top:0px; width: 100%; z-index: 1; } .map-container .custom-mouse-position { position: absolute; right: 10px; top: 0px; z-index: 999; } .map-container .ol-legend { float: left; max-height: 60vh; position: relative; left: 32px; top: 85px; z-index: 9998; background-color: white; border-radius: 0px; } .map-container .ol-legend .ol-legend { top: 0px; } .ol-overlaycontainer-stopevent { z-index: 2 !important; } .ol-control.ol-legend.ol-empty, .ol-control.ol-legend.ol-collapsed { left: 8px; } /* to fix error on height legend */ .ol-control.ol-legend .ol-legend li { display: none; } .map-container .ol-legend button { width: 22px; height: 22px; color: rgb(0, 0, 0); } .ol-control.ol-legend .ol-legend { left: 2px; } /* overrule use of buttons in legendCtrl */ .ol-control.ol-legend button.ol-closebox { display: none; } .ol-control.ol-legend.ol-empty button, .ol-control.ol-legend.ol-collapsed button { display: none; } ::ng-deep .ol-scale-line { position: relative; } ::ng-deep .ol-scale-line, ::ng-deep .ol-scale-line-inner { background-color: transparent; border-color: var(--text-color); color: var(--text-color); font-size: inherit; } @media (min-width: 45em) { .shapefile-container-50 { width: 100%; } } @media (max-width: 70em) { .shapefile-container-50 { width: 100%; } } /* use a hand cursor intead of arrow for the action buttons */ .filepond--file-action-button { cursor: pointer; } /* the background color of the file and file panel (used when dropping an image) */ .filepond--item-panel { background-color: #173782 !important; } .rowClicked { background-color: #dbdbdb !important; } /** to fix dropdown behind other elements**/ .mat-table .dropdown-list, .cdk-overlay-pane .dropdown-list { width: -moz-fit-content !important; width: fit-content !important; position: relative !important; } .dropdown-btn { min-width: 245px !important; } .gravel-calc-type .dropdown-btn { min-width: 160px !important; } .mat-table .dropdown-btn { min-width: 10px !important; } .cdk-overlay-pane { max-height: calc(100vh - 150px); overflow: revert; background-color: transparent; } .iconDisplay { display: none; } /** to control with actions column */ .cdk-column-actions.no_actions { flex: 0 0 10px !important; white-space: unset !important; min-width: 5px; } .cdk-column-actions.one_actions { flex: 0 0 50px !important; white-space: unset !important; min-width: 50px; } .cdk-column-actions.two_actions { flex: 0 0 100px !important; white-space: unset !important; } .mat-dialog-actions { margin-top: -6px; } .mat-checkbox-layout { margin-top: 20px; } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #173782; } h4 { font-weight: 500 !important ; } html, body { height: 100%; } body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } /** speciaal voor FLC **/ .center { display: flex; justify-content: center; } .oversize { max-width: 100%; height: auto; } /** login css properties */ .login-card { max-width: 400px; } .mat-card-header-text { margin: 0 0 !important; } /* the background color of the file and file panel (used when dropping an image) */ .filepond--item-panel { background-color: #173782 !important; } /* the background color of the file and file panel (used when dropping an image) */ .filepond--image-preview-overlay-idle { background-color: transparent !important; } .filepond--image-preview-overlay-idle { color: #fff !important; } .filepond--image-preview { background: #fff; } /** is loading **/ .lds-facebook { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-facebook div { display: inline-block; position: absolute; left: 8px; width: 16px; background: #173782; animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; } .lds-facebook div:nth-child(1) { left: 8px; animation-delay: -0.24s; } .lds-facebook div:nth-child(2) { left: 32px; animation-delay: -0.12s; } .lds-facebook div:nth-child(3) { left: 56px; animation-delay: 0; } @keyframes lds-facebook { 0% { top: 8px; height: 64px; } 50%, 100% { top: 24px; height: 32px; } } /** is loading **/ .mat-raised-button:hover { background-color: #173782; color: white; } /** hyperlinks login **/ .hyperlink.mouseleave { color: #0000EE !important; cursor: pointer; text-decoration: none; } /** hyperlinks login **/ .hyperlink.mouseover { color: #0000EE !important; font-size:110%; cursor: pointer; text-decoration: none; } /** hyperlinks menu right **/ .right-menu.hyperlink.mouseleave { color: rgb(74, 74, 77) !important; cursor: pointer; text-decoration: none; } /** hyperlinks menu right **/ .right-menu.hyperlink.mouseover { color: #0000EE !important; cursor: pointer; text-decoration: none; font-size:100%; } .gradient .domain-min { position: absolute; left: 0; font-size: 11px; top: 58px; } .gradient .domain-med { position: absolute; right: 25%; left: 25%; text-align: center; font-size: 11px; top: 58px; } .gradient .domain-max { position: absolute; right: 0; font-size: 11px; top: 58px; } .gradient { white-space: nowrap; position: relative; display: inline-block; top: 15px; padding-bottom: 0px; } .legend-color-map { position: relative; left: -140px; top: 220px; z-index: 2; } .rotate-legend { transform: rotate(90deg) translateY(-50%); position: absolute; top: 0px; /*transform: rotate(90deg);*/ } .gradient .domain-min-rotate { position: absolute; left: 170px; font-size: 11px; top: -148px; } .gradient .domain-med-rotate { position: absolute; left: 170px; text-align: center; font-size: 11px; top: 0px; } .gradient .domain-max-rotate { position: absolute; left: 170px; font-size: 11px; top: 145px; } #legend-list { margin-top: -25px; overflow:visible; } #legend-list .gradient .domain-min { position: absolute; left: 0; font-size: 11px; top: 12px; } #legend-list .gradient .domain-med { position: absolute; right: 25%; left: 25%; text-align: center; font-size: 11px; top: 12px; } #legend-list .gradient .domain-max { position: absolute; right: 0; font-size: 11px; top: 12px; } #list-input .mat-form-field-infix { border-top: 0px !important; } #list-input .mat-form-field-appearance-fill .mat-form-field-flex { border-radius: 4px 4px 0 0; padding: 0.10em 0.75em 0 0.75em; } #list-input .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0 0 0 0; } #list-input .mat-form-field-wrapper { padding-bottom: 0.34375em; } #list-input .mat-form-field-underline { bottom: 0.34375em; } .list-scroll-container { overflow: auto; max-width: 45vw; max-height: calc(100vh - 330px); position: relative; top: 0; left: 0; bottom: 0; } div.cdk-overlay-container, .cdk-global-overlay-wrapper { top: -50px !important; left: 24px; } .alert-button { margin-top: -20px !important; } .mat-option { font-size: 14px; line-height: 36px !important; height: 36px !important; } .mat-option-text { height: 36px; } /* to make look in firefox the same */ a:any-link { /* We don't want SVG link to be underlined */ text-decoration: none; } /* Re-applies the controls on :hover and :focus */ input[type="number"]:hover, input[type="number"]:focus { -moz-appearance: auto; } input[type=number], input[type=number]:disabled { -moz-appearance: textfield; } /* to get 2 lines mat-label */ .word-wrap { white-space: normal; margin-bottom: '0.9em'; } /*# sourceMappingURL=styles.c2e018db872bc5f2.css.map*/