/*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** 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:none;display:var(--mat-focus-indicator-display, none);border:3px solid transparent;border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:4px;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:none;display:var(--mat-mdc-focus-indicator-display, none);border:3px solid transparent;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:4px;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::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-base .mat-list-item-disabled{background-color:#eee;color:rgba(0,0,0,.38)}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-menu-item{background:rgba(0,0,0,0);color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#cbd0e9}.mat-progress-bar-buffer{background-color:#cbd0e9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-slider.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-slider.mat-accent .mat-slider-track-fill,.mat-slider.mat-accent .mat-slider-thumb,.mat-slider.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-slider.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-slider.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:rgba(0,0,0,0)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)}.mat-step-header:hover[aria-disabled=true]{cursor:default}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:rgba(0,0,0,0);color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-]>.mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-simple-snackbar-action{color:#ff4081} /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/@wtw/platform/styling/platform.scss ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*! * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com) * Copyright 2011-2017 The Bootstrap Authors * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /* reset styling (prevent conflicts with bootstrap, materialize.css, etc.) */ div.jsoneditor .jsoneditor-search input { height: auto; border: inherit; } div.jsoneditor .jsoneditor-search input:focus { border: none !important; box-shadow: none !important; } div.jsoneditor table { border-collapse: collapse; width: auto; } div.jsoneditor td, div.jsoneditor th { padding: 0; display: table-cell; text-align: left; vertical-align: inherit; border-radius: inherit; } div.jsoneditor-field, div.jsoneditor-value, div.jsoneditor-readonly { border: 1px solid transparent; min-height: 16px; min-width: 32px; padding: 2px; margin: 1px; word-wrap: break-word; float: left; } /* adjust margin of p elements inside editable divs, needed for Opera, IE */ div.jsoneditor-field p, div.jsoneditor-value p { margin: 0; } div.jsoneditor-value { word-break: break-word; } div.jsoneditor-readonly { min-width: 16px; color: gray; } div.jsoneditor-empty { border-color: lightgray; border-style: dashed; border-radius: 2px; } div.jsoneditor-field.jsoneditor-empty::after, div.jsoneditor-value.jsoneditor-empty::after { pointer-events: none; color: lightgray; font-size: 8pt; } div.jsoneditor-field.jsoneditor-empty::after { content: "field"; } div.jsoneditor-value.jsoneditor-empty::after { content: "value"; } div.jsoneditor-value.jsoneditor-url, a.jsoneditor-value.jsoneditor-url { color: green; text-decoration: underline; } a.jsoneditor-value.jsoneditor-url { display: inline-block; padding: 2px; margin: 2px; } a.jsoneditor-value.jsoneditor-url:hover, a.jsoneditor-value.jsoneditor-url:focus { color: #ee422e; } div.jsoneditor td.jsoneditor-separator { padding: 3px 0; vertical-align: top; color: gray; } div.jsoneditor-field[contenteditable=true]:focus, div.jsoneditor-field[contenteditable=true]:hover, div.jsoneditor-value[contenteditable=true]:focus, div.jsoneditor-value[contenteditable=true]:hover, div.jsoneditor-field.jsoneditor-highlight, div.jsoneditor-value.jsoneditor-highlight { background-color: #FFFFAB; border: 1px solid yellow; border-radius: 2px; } div.jsoneditor-field.jsoneditor-highlight-active, div.jsoneditor-field.jsoneditor-highlight-active:focus, div.jsoneditor-field.jsoneditor-highlight-active:hover, div.jsoneditor-value.jsoneditor-highlight-active, div.jsoneditor-value.jsoneditor-highlight-active:focus, div.jsoneditor-value.jsoneditor-highlight-active:hover { background-color: #ffee00; border: 1px solid #ffc700; border-radius: 2px; } div.jsoneditor-value.jsoneditor-string { color: #008000; } div.jsoneditor-value.jsoneditor-object, div.jsoneditor-value.jsoneditor-array { min-width: 16px; color: #808080; } div.jsoneditor-value.jsoneditor-number { color: #ee422e; } div.jsoneditor-value.jsoneditor-boolean { color: #ff8c00; } div.jsoneditor-value.jsoneditor-null { color: #004ED0; } div.jsoneditor-value.jsoneditor-invalid { color: #000000; } div.jsoneditor-tree button { width: 24px; height: 24px; padding: 0; margin: 0; border: none; cursor: pointer; background: transparent url('jsoneditor-icons.bb13d4553291cf71.svg'); } div.jsoneditor-mode-view tr.jsoneditor-expandable td.jsoneditor-tree, div.jsoneditor-mode-form tr.jsoneditor-expandable td.jsoneditor-tree { cursor: pointer; } div.jsoneditor-tree button.jsoneditor-collapsed { background-position: 0 -48px; } div.jsoneditor-tree button.jsoneditor-expanded { background-position: 0 -72px; } div.jsoneditor-tree button.jsoneditor-contextmenu { background-position: -48px -72px; } div.jsoneditor-tree button.jsoneditor-contextmenu:hover, div.jsoneditor-tree button.jsoneditor-contextmenu:focus, div.jsoneditor-tree button.jsoneditor-contextmenu.jsoneditor-selected, tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu { background-position: -48px -48px; } div.jsoneditor-tree *:focus { outline: none; } div.jsoneditor-tree button:focus { /* TODO: nice outline for buttons with focus outline: #97B0F8 solid 2px; box-shadow: 0 0 8px #97B0F8; */ background-color: #f5f5f5; outline: #e5e5e5 solid 1px; } div.jsoneditor-tree button.jsoneditor-invisible { visibility: hidden; background: none; } div.jsoneditor { color: #1A1A1A; border: 1px solid #3883fa; box-sizing: border-box; width: 100%; height: 100%; position: relative; padding: 0; line-height: 100%; } div.jsoneditor-tree table.jsoneditor-tree { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0; } div.jsoneditor-outer { position: static; width: 100%; height: 100%; margin: -35px 0 0 0; padding: 35px 0 0 0; box-sizing: border-box; } textarea.jsoneditor-text, .ace-jsoneditor { min-height: 150px; } div.jsoneditor-tree { width: 100%; height: 100%; position: relative; overflow: auto; } textarea.jsoneditor-text { width: 100%; height: 100%; margin: 0; box-sizing: border-box; outline-width: 0; border: none; background-color: white; resize: none; } tr.jsoneditor-highlight, tr.jsoneditor-selected { background-color: #e6e6e6; } tr.jsoneditor-selected button.jsoneditor-dragarea, tr.jsoneditor-selected button.jsoneditor-contextmenu { visibility: hidden; } tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea, tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu { visibility: visible; } div.jsoneditor-tree button.jsoneditor-dragarea { background: url('jsoneditor-icons.bb13d4553291cf71.svg') -72px -72px; cursor: move; } div.jsoneditor-tree button.jsoneditor-dragarea:hover, div.jsoneditor-tree button.jsoneditor-dragarea:focus, tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea { background-position: -72px -48px; } div.jsoneditor tr, div.jsoneditor th, div.jsoneditor td { padding: 0; margin: 0; } div.jsoneditor td { vertical-align: top; } div.jsoneditor td.jsoneditor-tree { vertical-align: top; } div.jsoneditor-field, div.jsoneditor-value, div.jsoneditor td, div.jsoneditor th, div.jsoneditor textarea, .jsoneditor-schema-error { font-family: droid sans mono, consolas, monospace, courier new, courier, sans-serif; font-size: 10pt; color: #1A1A1A; } /* popover */ .jsoneditor-schema-error { cursor: default; display: inline-block; /*font-family: arial, sans-serif;*/ height: 24px; line-height: 24px; position: relative; text-align: center; width: 24px; } div.jsoneditor-tree .jsoneditor-schema-error { width: 24px; height: 24px; padding: 0; margin: 0 4px 0 0; background: url('jsoneditor-icons.bb13d4553291cf71.svg') -168px -48px; } .jsoneditor-schema-error .jsoneditor-popover { background-color: #4c4c4c; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.4); color: #fff; display: none; padding: 7px 10px; position: absolute; width: 200px; z-index: 4; } .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above { bottom: 32px; left: -98px; } .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below { top: 32px; left: -98px; } .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left { top: -7px; right: 32px; } .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right { top: -7px; left: 32px; } .jsoneditor-schema-error .jsoneditor-popover:before { border-right: 7px solid transparent; border-left: 7px solid transparent; content: ''; display: block; left: 50%; margin-left: -7px; position: absolute; } .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above:before { border-top: 7px solid #4c4c4c; bottom: -7px; } .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below:before { border-bottom: 7px solid #4c4c4c; top: -7px; } .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left:before { border-left: 7px solid #4c4c4c; border-top: 7px solid transparent; border-bottom: 7px solid transparent; content: ''; top: 19px; right: -14px; left: inherit; margin-left: inherit; margin-top: -7px; position: absolute; } .jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right:before { border-right: 7px solid #4c4c4c; border-top: 7px solid transparent; border-bottom: 7px solid transparent; content: ''; top: 19px; left: -14px; margin-left: inherit; margin-top: -7px; position: absolute; } .jsoneditor-schema-error:hover .jsoneditor-popover, .jsoneditor-schema-error:focus .jsoneditor-popover { display: block; -webkit-animation: fade-in .3s linear 1, move-up .3s linear 1; -moz-animation: fade-in .3s linear 1, move-up .3s linear 1; -ms-animation: fade-in .3s linear 1, move-up .3s linear 1; } /*@-webkit-keyframes move-up {*/ /*from { bottom: 24px; }*/ /*to { bottom: 32px; }*/ /*}*/ /*@-moz-keyframes move-up {*/ /*from { bottom: 24px; }*/ /*to { bottom: 32px; }*/ /*}*/ /*@-ms-keyframes move-up {*/ /*from { bottom: 24px; }*/ /*to { bottom: 32px; }*/ /*}*/ /* JSON schema errors displayed at the bottom of the editor in mode text and code */ .jsoneditor .jsoneditor-text-errors { width: 100%; border-collapse: collapse; background-color: #ffef8b; border-top: 1px solid #ffd700; } .jsoneditor .jsoneditor-text-errors td { padding: 3px 6px; vertical-align: middle; } .jsoneditor-text-errors .jsoneditor-schema-error { border: none; width: 24px; height: 24px; padding: 0; margin: 0 4px 0 0; background: url('jsoneditor-icons.bb13d4553291cf71.svg') -168px -48px; } /* ContextMenu - main menu */ div.jsoneditor-contextmenu-root { position: relative; width: 0; height: 0; } div.jsoneditor-contextmenu { position: absolute; box-sizing: content-box; z-index: 99999; } div.jsoneditor-contextmenu ul, div.jsoneditor-contextmenu li { box-sizing: content-box; } div.jsoneditor-contextmenu ul { position: relative; left: 0; top: 0; width: 124px; background: white; border: 1px solid #d3d3d3; box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3); list-style: none; margin: 0; padding: 0; } div.jsoneditor-contextmenu ul li button { padding: 0; margin: 0; width: 124px; height: 24px; border: none; cursor: pointer; color: #4d4d4d; background: transparent; font-size: 10pt; font-family: arial, sans-serif; box-sizing: border-box; line-height: 26px; text-align: left; } /* Fix button padding in firefox */ div.jsoneditor-contextmenu ul li button::-moz-focus-inner { padding: 0; border: 0; } div.jsoneditor-contextmenu ul li button:hover, div.jsoneditor-contextmenu ul li button:focus { color: #1a1a1a; background-color: #f5f5f5; outline: none; } div.jsoneditor-contextmenu ul li button.jsoneditor-default { width: 92px; } div.jsoneditor-contextmenu ul li button.jsoneditor-expand { float: right; width: 32px; height: 24px; border-left: 1px solid #e5e5e5; } div.jsoneditor-contextmenu div.jsoneditor-icon { float: left; width: 24px; height: 24px; border: none; padding: 0; margin: 0; background-image: url('jsoneditor-icons.bb13d4553291cf71.svg'); } div.jsoneditor-contextmenu ul li button div.jsoneditor-expand { float: right; width: 24px; height: 24px; padding: 0; margin: 0 4px 0 0; background: url('jsoneditor-icons.bb13d4553291cf71.svg') 0 -72px; opacity: 0.4; } div.jsoneditor-contextmenu ul li button:hover div.jsoneditor-expand, div.jsoneditor-contextmenu ul li button:focus div.jsoneditor-expand, div.jsoneditor-contextmenu ul li.jsoneditor-selected div.jsoneditor-expand, div.jsoneditor-contextmenu ul li button.jsoneditor-expand:hover div.jsoneditor-expand, div.jsoneditor-contextmenu ul li button.jsoneditor-expand:focus div.jsoneditor-expand { opacity: 1; } div.jsoneditor-contextmenu div.jsoneditor-separator { height: 0; border-top: 1px solid #e5e5e5; padding-top: 5px; margin-top: 5px; } div.jsoneditor-contextmenu button.jsoneditor-remove > div.jsoneditor-icon { background-position: -24px -24px; } div.jsoneditor-contextmenu button.jsoneditor-remove:hover > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-remove:focus > div.jsoneditor-icon { background-position: -24px 0; } div.jsoneditor-contextmenu button.jsoneditor-append > div.jsoneditor-icon { background-position: 0 -24px; } div.jsoneditor-contextmenu button.jsoneditor-append:hover > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-append:focus > div.jsoneditor-icon { background-position: 0 0; } div.jsoneditor-contextmenu button.jsoneditor-insert > div.jsoneditor-icon { background-position: 0 -24px; } div.jsoneditor-contextmenu button.jsoneditor-insert:hover > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-insert:focus > div.jsoneditor-icon { background-position: 0 0; } div.jsoneditor-contextmenu button.jsoneditor-duplicate > div.jsoneditor-icon { background-position: -48px -24px; } div.jsoneditor-contextmenu button.jsoneditor-duplicate:hover > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-duplicate:focus > div.jsoneditor-icon { background-position: -48px 0; } div.jsoneditor-contextmenu button.jsoneditor-sort-asc > div.jsoneditor-icon { background-position: -168px -24px; } div.jsoneditor-contextmenu button.jsoneditor-sort-asc:hover > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-sort-asc:focus > div.jsoneditor-icon { background-position: -168px 0; } div.jsoneditor-contextmenu button.jsoneditor-sort-desc > div.jsoneditor-icon { background-position: -192px -24px; } div.jsoneditor-contextmenu button.jsoneditor-sort-desc:hover > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-sort-desc:focus > div.jsoneditor-icon { background-position: -192px 0; } /* ContextMenu - sub menu */ div.jsoneditor-contextmenu ul li button.jsoneditor-selected, div.jsoneditor-contextmenu ul li button.jsoneditor-selected:hover, div.jsoneditor-contextmenu ul li button.jsoneditor-selected:focus { color: white; background-color: #ee422e; } div.jsoneditor-contextmenu ul li { overflow: hidden; } div.jsoneditor-contextmenu ul li ul { display: none; position: relative; left: -10px; top: 0; border: none; box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5); padding: 0 10px; /* TODO: transition is not supported on IE8-9 */ transition: all 0.3s ease-out; } div.jsoneditor-contextmenu ul li ul li button { padding-left: 24px; animation: all ease-in-out 1s; } div.jsoneditor-contextmenu ul li ul li button:hover, div.jsoneditor-contextmenu ul li ul li button:focus { background-color: #f5f5f5; } div.jsoneditor-contextmenu button.jsoneditor-type-string > div.jsoneditor-icon { background-position: -144px -24px; } div.jsoneditor-contextmenu button.jsoneditor-type-string:hover > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-string:focus > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-string.jsoneditor-selected > div.jsoneditor-icon { background-position: -144px 0; } div.jsoneditor-contextmenu button.jsoneditor-type-auto > div.jsoneditor-icon { background-position: -120px -24px; } div.jsoneditor-contextmenu button.jsoneditor-type-auto:hover > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-auto:focus > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-auto.jsoneditor-selected > div.jsoneditor-icon { background-position: -120px 0; } div.jsoneditor-contextmenu button.jsoneditor-type-object > div.jsoneditor-icon { background-position: -72px -24px; } div.jsoneditor-contextmenu button.jsoneditor-type-object:hover > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-object:focus > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-object.jsoneditor-selected > div.jsoneditor-icon { background-position: -72px 0; } div.jsoneditor-contextmenu button.jsoneditor-type-array > div.jsoneditor-icon { background-position: -96px -24px; } div.jsoneditor-contextmenu button.jsoneditor-type-array:hover > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-array:focus > div.jsoneditor-icon, div.jsoneditor-contextmenu button.jsoneditor-type-array.jsoneditor-selected > div.jsoneditor-icon { background-position: -96px 0; } div.jsoneditor-contextmenu button.jsoneditor-type-modes > div.jsoneditor-icon { background-image: none; width: 6px; } div.jsoneditor-menu { width: 100%; height: 35px; padding: 2px; margin: 0; box-sizing: border-box; color: white; background-color: #3883fa; border-bottom: 1px solid #3883fa; } div.jsoneditor-menu > button, div.jsoneditor-menu > div.jsoneditor-modes > button { width: 26px; height: 26px; margin: 2px; padding: 0; border-radius: 2px; border: 1px solid transparent; background: transparent url('jsoneditor-icons.bb13d4553291cf71.svg'); color: white; opacity: 0.8; font-family: arial, sans-serif; font-size: 10pt; float: left; } div.jsoneditor-menu > button:hover, div.jsoneditor-menu > div.jsoneditor-modes > button:hover { background-color: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.4); } div.jsoneditor-menu > button:focus, div.jsoneditor-menu > button:active, div.jsoneditor-menu > div.jsoneditor-modes > button:focus, div.jsoneditor-menu > div.jsoneditor-modes > button:active { background-color: rgba(255,255,255,0.3); } div.jsoneditor-menu > button:disabled, div.jsoneditor-menu > div.jsoneditor-modes > button:disabled { opacity: 0.5; } div.jsoneditor-menu > button.jsoneditor-collapse-all { background-position: 0 -96px; } div.jsoneditor-menu > button.jsoneditor-expand-all { background-position: 0 -120px; } div.jsoneditor-menu > button.jsoneditor-undo { background-position: -24px -96px; } div.jsoneditor-menu > button.jsoneditor-undo:disabled { background-position: -24px -120px; } div.jsoneditor-menu > button.jsoneditor-redo { background-position: -48px -96px; } div.jsoneditor-menu > button.jsoneditor-redo:disabled { background-position: -48px -120px; } div.jsoneditor-menu > button.jsoneditor-compact { background-position: -72px -96px; } div.jsoneditor-menu > button.jsoneditor-format { background-position: -72px -120px; } div.jsoneditor-menu > div.jsoneditor-modes { display: inline-block; float: left; } div.jsoneditor-menu > div.jsoneditor-modes > button { background-image: none; width: auto; padding-left: 6px; padding-right: 6px; } div.jsoneditor-menu > button.jsoneditor-separator, div.jsoneditor-menu > div.jsoneditor-modes > button.jsoneditor-separator { margin-left: 10px; } div.jsoneditor-menu a { font-family: arial, sans-serif; font-size: 10pt; color: white; opacity: 0.8; vertical-align: middle; } div.jsoneditor-menu a:hover { opacity: 1; } div.jsoneditor-menu a.jsoneditor-poweredBy { font-size: 8pt; position: absolute; right: 0; top: 0; padding: 10px; } table.jsoneditor-search input, table.jsoneditor-search div.jsoneditor-results { font-family: arial, sans-serif; font-size: 10pt; color: #1A1A1A; background: transparent; /* For Firefox */ } table.jsoneditor-search div.jsoneditor-results { color: white; padding-right: 5px; line-height: 24px; } table.jsoneditor-search { position: absolute; right: 4px; top: 4px; border-collapse: collapse; border-spacing: 0; } table.jsoneditor-search div.jsoneditor-frame { border: 1px solid transparent; background-color: white; padding: 0 2px; margin: 0; } table.jsoneditor-search div.jsoneditor-frame table { border-collapse: collapse; } table.jsoneditor-search input { width: 120px; border: none; outline: none; margin: 1px; line-height: 20px; } table.jsoneditor-search button { width: 16px; height: 24px; padding: 0; margin: 0; border: none; background: url('jsoneditor-icons.bb13d4553291cf71.svg'); vertical-align: top; } table.jsoneditor-search button:hover { background-color: transparent; } table.jsoneditor-search button.jsoneditor-refresh { width: 18px; background-position: -99px -73px; } table.jsoneditor-search button.jsoneditor-next { cursor: pointer; background-position: -124px -73px; } table.jsoneditor-search button.jsoneditor-next:hover { background-position: -124px -49px; } table.jsoneditor-search button.jsoneditor-previous { cursor: pointer; background-position: -148px -73px; margin-right: 2px; } table.jsoneditor-search button.jsoneditor-previous:hover { background-position: -148px -49px; } html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } @media print { *, *::before, *::after, p::first-letter, div::first-letter, blockquote::first-letter, li::first-letter, p::first-line, div::first-line, blockquote::first-line, li::first-line { text-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } html { -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #292b2c; background-color: #fff; } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } a { color: #0275d8; text-decoration: none; } a:focus, a:hover { color: #014c8c; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } [role=button] { cursor: pointer; } a, area, button, [role=button], input, label, select, summary, textarea { touch-action: manipulation; } table { border-collapse: collapse; background-color: transparent; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #636c72; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: 0.5rem; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, textarea { line-height: inherit; } input[type=radio]:disabled, input[type=checkbox]:disabled { cursor: not-allowed; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; } input[type=search] { -webkit-appearance: none; } output { display: inline-block; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.1; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: normal; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 5px; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { padding: 0.5rem 1rem; margin-bottom: 1rem; font-size: 1.25rem; border-left: 0.25rem solid #eceeef; } .blockquote-footer { display: block; font-size: 80%; color: #636c72; } .blockquote-footer::before { content: "— "; } .blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; border-right: 0.25rem solid #eceeef; border-left: 0; } .blockquote-reverse .blockquote-footer::before { content: ""; } .blockquote-reverse .blockquote-footer::after { content: " —"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #ddd; border-radius: 0.25rem; transition: all 0.2s ease-in-out; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #636c72; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { padding: 0.2rem 0.4rem; font-size: 90%; color: #bd4147; background-color: #f7f7f9; border-radius: 0.25rem; } a > code { padding: 0; color: inherit; background-color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; background-color: #292b2c; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; } pre { display: block; margin-top: 0; margin-bottom: 1rem; font-size: 90%; color: #292b2c; } pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } .container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xl, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .col-xl, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .col-xl, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .col-xl, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .col-xl, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { padding-right: 15px; padding-left: 15px; } } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.3333333333%; } .pull-2 { right: 16.6666666667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.3333333333%; } .pull-5 { right: 41.6666666667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.3333333333%; } .pull-8 { right: 66.6666666667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.3333333333%; } .pull-11 { right: 91.6666666667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.3333333333%; } .push-2 { left: 16.6666666667%; } .push-3 { left: 25%; } .push-4 { left: 33.3333333333%; } .push-5 { left: 41.6666666667%; } .push-6 { left: 50%; } .push-7 { left: 58.3333333333%; } .push-8 { left: 66.6666666667%; } .push-9 { left: 75%; } .push-10 { left: 83.3333333333%; } .push-11 { left: 91.6666666667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.3333333333%; } .pull-sm-2 { right: 16.6666666667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.3333333333%; } .pull-sm-5 { right: 41.6666666667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.3333333333%; } .pull-sm-8 { right: 66.6666666667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.3333333333%; } .pull-sm-11 { right: 91.6666666667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.3333333333%; } .push-sm-2 { left: 16.6666666667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.3333333333%; } .push-sm-5 { left: 41.6666666667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.3333333333%; } .push-sm-8 { left: 66.6666666667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.3333333333%; } .push-sm-11 { left: 91.6666666667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.3333333333%; } .pull-md-2 { right: 16.6666666667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.3333333333%; } .pull-md-5 { right: 41.6666666667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.3333333333%; } .pull-md-8 { right: 66.6666666667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.3333333333%; } .pull-md-11 { right: 91.6666666667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.3333333333%; } .push-md-2 { left: 16.6666666667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.3333333333%; } .push-md-5 { left: 41.6666666667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.3333333333%; } .push-md-8 { left: 66.6666666667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.3333333333%; } .push-md-11 { left: 91.6666666667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.3333333333%; } .pull-lg-2 { right: 16.6666666667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.3333333333%; } .pull-lg-5 { right: 41.6666666667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.3333333333%; } .pull-lg-8 { right: 66.6666666667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.3333333333%; } .pull-lg-11 { right: 91.6666666667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.3333333333%; } .push-lg-2 { left: 16.6666666667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.3333333333%; } .push-lg-5 { left: 41.6666666667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.3333333333%; } .push-lg-8 { left: 66.6666666667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.3333333333%; } .push-lg-11 { left: 91.6666666667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.3333333333%; } .pull-xl-2 { right: 16.6666666667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.3333333333%; } .pull-xl-5 { right: 41.6666666667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.3333333333%; } .pull-xl-8 { right: 66.6666666667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.3333333333%; } .pull-xl-11 { right: 91.6666666667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.3333333333%; } .push-xl-2 { left: 16.6666666667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.3333333333%; } .push-xl-5 { left: 41.6666666667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.3333333333%; } .push-xl-8 { left: 66.6666666667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.3333333333%; } .push-xl-11 { left: 91.6666666667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #eceeef; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .table tbody + tbody { border-top: 2px solid #eceeef; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #eceeef; } .table-bordered th, .table-bordered td { border: 1px solid #eceeef; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table-success, .table-success > th, .table-success > td { background-color: #dff0d8; } .table-hover .table-success:hover { background-color: #d0e9c6; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #d0e9c6; } .table-info, .table-info > th, .table-info > td { background-color: #d9edf7; } .table-hover .table-info:hover { background-color: #c4e3f3; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #c4e3f3; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fcf8e3; } .table-hover .table-warning:hover { background-color: #faf2cc; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #faf2cc; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f2dede; } .table-hover .table-danger:hover { background-color: #ebcccc; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ebcccc; } .thead-inverse th { color: #fff; background-color: #292b2c; } .thead-default th { color: #464a4c; background-color: #eceeef; } .table-inverse { color: #fff; background-color: #292b2c; } .table-inverse th, .table-inverse td, .table-inverse thead th { border-color: #fff; } .table-inverse.table-bordered { border: 0; } .table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive.table-bordered { border: 0; } .form-control { display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; color: #464a4c; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #464a4c; background-color: #fff; border-color: #5cb3fd; outline: none; } .form-control::-moz-placeholder { color: #636c72; opacity: 1; } .form-control::placeholder { color: #636c72; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #eceeef; opacity: 1; } .form-control:disabled { cursor: not-allowed; } select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { color: #464a4c; background-color: #fff; } .form-control-file, .form-control-range { display: block; } .col-form-label { padding-top: calc(0.5rem - 1px * 2); padding-bottom: calc(0.5rem - 1px * 2); margin-bottom: 0; } .col-form-label-lg { padding-top: calc(0.75rem - 1px * 2); padding-bottom: calc(0.75rem - 1px * 2); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem - 1px * 2); padding-bottom: calc(0.25rem - 1px * 2); font-size: 0.875rem; } .col-form-legend { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; font-size: 1rem; } .form-control-static { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; line-height: 1.25; border: solid transparent; border-width: 1px 0; } .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) { height: 1.8125rem; } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) { height: 3.1666666667rem; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-check { position: relative; display: block; margin-bottom: 0.5rem; } .form-check.disabled .form-check-label { color: #636c72; cursor: not-allowed; } .form-check-label { padding-left: 1.25rem; margin-bottom: 0; cursor: pointer; } .form-check-input { position: absolute; margin-top: 0.25rem; margin-left: -1.25rem; } .form-check-input:only-child { position: static; } .form-check-inline { display: inline-block; } .form-check-inline .form-check-label { vertical-align: middle; } .form-check-inline + .form-check-inline { margin-left: 0.75rem; } .form-control-feedback { margin-top: 0.25rem; } .form-control-success, .form-control-warning, .form-control-danger { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right 0.5625rem; background-size: 1.125rem 1.125rem; } .has-success .form-control-feedback, .has-success .form-control-label, .has-success .col-form-label, .has-success .form-check-label, .has-success .custom-control { color: #5cb85c; } .has-success .form-control { border-color: #5cb85c; } .has-success .input-group-addon { color: #5cb85c; border-color: #5cb85c; background-color: #eaf6ea; } .has-success .form-control-success { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); } .has-warning .form-control-feedback, .has-warning .form-control-label, .has-warning .col-form-label, .has-warning .form-check-label, .has-warning .custom-control { color: #f0ad4e; } .has-warning .form-control { border-color: #f0ad4e; } .has-warning .input-group-addon { color: #f0ad4e; border-color: #f0ad4e; background-color: white; } .has-warning .form-control-warning { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); } .has-danger .form-control-feedback, input.ng-touched.ng-invalid .form-control-feedback, select.ng-touched.ng-invalid .form-control-feedback, textarea.ng-touched.ng-invalid .form-control-feedback, .has-danger .form-control-label, input.ng-touched.ng-invalid .form-control-label, select.ng-touched.ng-invalid .form-control-label, textarea.ng-touched.ng-invalid .form-control-label, .has-danger .col-form-label, input.ng-touched.ng-invalid .col-form-label, select.ng-touched.ng-invalid .col-form-label, textarea.ng-touched.ng-invalid .col-form-label, .has-danger .form-check-label, input.ng-touched.ng-invalid .form-check-label, select.ng-touched.ng-invalid .form-check-label, textarea.ng-touched.ng-invalid .form-check-label, .has-danger .custom-control, input.ng-touched.ng-invalid .custom-control, select.ng-touched.ng-invalid .custom-control, textarea.ng-touched.ng-invalid .custom-control { color: #d9534f; } .has-danger .form-control, input.ng-touched.ng-invalid .form-control, select.ng-touched.ng-invalid .form-control, textarea.ng-touched.ng-invalid .form-control { border-color: #d9534f; } .has-danger .input-group-addon, input.ng-touched.ng-invalid .input-group-addon, select.ng-touched.ng-invalid .input-group-addon, textarea.ng-touched.ng-invalid .input-group-addon { color: #d9534f; border-color: #d9534f; background-color: #fdf7f7; } .has-danger .form-control-danger, input.ng-touched.ng-invalid .form-control-danger, select.ng-touched.ng-invalid .form-control-danger, textarea.ng-touched.ng-invalid .form-control-danger { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { width: auto; } .form-inline .form-control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; margin-top: 0; margin-bottom: 0; } .form-inline .form-check-label { padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { display: flex; align-items: center; justify-content: center; padding-left: 0; } .form-inline .custom-control-indicator { position: static; display: inline-block; margin-right: 0.25rem; vertical-align: text-bottom; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .btn { display: inline-block; font-weight: normal; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.5rem 1rem; font-size: 1rem; border-radius: 0.25rem; transition: all 0.2s ease-in-out; } .btn:focus, .btn:hover { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25); } .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: 0.65; } .btn:active, .btn.active { background-image: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-primary, .btn-danger { color: #fff; background-color: #0275d8; border-color: #0275d8; } .btn-primary:hover, .btn-danger:hover { color: #fff; background-color: #025aa5; border-color: #01549b; } .btn-primary:focus, .btn-danger:focus, .btn-primary.focus, .focus.btn-danger { box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); } .btn-primary.disabled, .disabled.btn-danger, .btn-primary:disabled, .btn-danger:disabled { background-color: #0275d8; border-color: #0275d8; } .btn-primary:active, .btn-danger:active, .btn-primary.active, .active.btn-danger, .show > .btn-primary.dropdown-toggle, .show > .dropdown-toggle.btn-danger { color: #fff; background-color: #025aa5; background-image: none; border-color: #01549b; } .btn-secondary { color: #292b2c; background-color: #fff; border-color: #ccc; } .btn-secondary:hover { color: #292b2c; background-color: #e6e6e6; border-color: #adadad; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { background-color: #fff; border-color: #ccc; } .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { color: #292b2c; background-color: #e6e6e6; background-image: none; border-color: #adadad; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); } .btn-info.disabled, .btn-info:disabled { background-color: #5bc0de; border-color: #5bc0de; } .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; background-image: none; border-color: #2aabd2; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #419641; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); } .btn-success.disabled, .btn-success:disabled { background-color: #5cb85c; border-color: #5cb85c; } .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; background-image: none; border-color: #419641; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #eb9316; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); } .btn-warning.disabled, .btn-warning:disabled { background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; background-image: none; border-color: #eb9316; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #c12e2a; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); } .btn-danger.disabled, .btn-danger:disabled { background-color: #d9534f; border-color: #d9534f; } .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; background-image: none; border-color: #c12e2a; } .btn-outline-primary { color: #0275d8; background-image: none; background-color: transparent; border-color: #0275d8; } .btn-outline-primary:hover { color: #fff; background-color: #0275d8; border-color: #0275d8; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #0275d8; background-color: transparent; } .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #0275d8; border-color: #0275d8; } .btn-outline-secondary { color: #ccc; background-image: none; background-color: transparent; border-color: #ccc; } .btn-outline-secondary:hover { color: #fff; background-color: #ccc; border-color: #ccc; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #ccc; background-color: transparent; } .btn-outline-secondary:active, .btn-outline-secondary.active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #ccc; border-color: #ccc; } .btn-outline-info { color: #5bc0de; background-image: none; background-color: transparent; border-color: #5bc0de; } .btn-outline-info:hover { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #5bc0de; background-color: transparent; } .btn-outline-info:active, .btn-outline-info.active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-success { color: #5cb85c; background-image: none; background-color: transparent; border-color: #5cb85c; } .btn-outline-success:hover { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #5cb85c; background-color: transparent; } .btn-outline-success:active, .btn-outline-success.active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-outline-warning { color: #f0ad4e; background-image: none; background-color: transparent; border-color: #f0ad4e; } .btn-outline-warning:hover { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f0ad4e; background-color: transparent; } .btn-outline-warning:active, .btn-outline-warning.active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-outline-danger { color: #d9534f; background-image: none; background-color: transparent; border-color: #d9534f; } .btn-outline-danger:hover { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #d9534f; background-color: transparent; } .btn-outline-danger:active, .btn-outline-danger.active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-link { font-weight: normal; color: #0275d8; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent; } .btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #014c8c; text-decoration: underline; background-color: transparent; } .btn-link:disabled { color: #636c72; } .btn-link:disabled:focus, .btn-link:disabled:hover { text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.show { opacity: 1; } .collapse { display: none; } .collapse.show { display: block; } tr.collapse.show { display: table-row; } tbody.collapse.show { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .dropup, .dropdown { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.3em; vertical-align: middle; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #292b2c; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-divider { height: 1px; margin: 0.5rem 0; overflow: hidden; background-color: #eceeef; } .dropdown-item { display: block; width: 100%; padding: 3px 1.5rem; clear: both; font-weight: normal; color: #292b2c; text-align: inherit; white-space: nowrap; background: none; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #1d1e1f; text-decoration: none; background-color: #f7f7f9; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0275d8; } .dropdown-item.disabled, .dropdown-item:disabled { color: #636c72; cursor: not-allowed; background-color: transparent; } .show > .dropdown-menu { display: block; } .show > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #636c72; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 0.125rem; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 2; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: flex; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn + .dropdown-toggle-split::after { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; } .btn-group-vertical { display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; width: 100%; } .input-group .form-control { position: relative; z-index: 2; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: flex; flex-direction: column; justify-content: center; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: normal; line-height: 1.25; color: #464a4c; text-align: center; background-color: #eceeef; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; } .input-group-addon input[type=radio], .input-group-addon input[type=checkbox] { margin-top: 0; } .input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:not(:last-child) { border-right: 0; } .input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn:not(:first-child), .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .form-control + .input-group-addon:not(:first-child) { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; flex: 1; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { z-index: 3; } .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group { margin-right: -1px; } .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group { z-index: 2; margin-left: -1px; } .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:hover { z-index: 3; } .custom-control { position: relative; display: inline-flex; min-height: 1.5rem; padding-left: 1.5rem; margin-right: 1rem; cursor: pointer; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-indicator { color: #fff; background-color: #0275d8; } .custom-control-input:focus ~ .custom-control-indicator { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8; } .custom-control-input:active ~ .custom-control-indicator { color: #fff; background-color: #8fcafe; } .custom-control-input:disabled ~ .custom-control-indicator { cursor: not-allowed; background-color: #eceeef; } .custom-control-input:disabled ~ .custom-control-description { color: #636c72; cursor: not-allowed; } .custom-control-indicator { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: #ddd; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-indicator { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { background-color: #0275d8; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-radio .custom-control-indicator { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-controls-stacked { display: flex; flex-direction: column; } .custom-controls-stacked .custom-control { margin-bottom: 0.25rem; } .custom-controls-stacked .custom-control + .custom-control { margin-left: 0; } .custom-select { display: inline-block; max-width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.25; color: #464a4c; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; -moz-appearance: none; -webkit-appearance: none; } .custom-select:focus { border-color: #5cb3fd; outline: none; } .custom-select:focus::-ms-value { color: #464a4c; background-color: #fff; } .custom-select:disabled { color: #636c72; cursor: not-allowed; background-color: #eceeef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-file { position: relative; display: inline-block; max-width: 100%; height: 2.5rem; margin-bottom: 0; cursor: pointer; } .custom-file-input { min-width: 14rem; max-width: 100%; height: 2.5rem; margin: 0; filter: alpha(opacity=0); opacity: 0; } .custom-file-control { position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #464a4c; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .custom-file-control:lang(en)::after { content: "Choose file..."; } .custom-file-control::before { position: absolute; top: -1px; right: -1px; bottom: -1px; z-index: 6; display: block; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #464a4c; background-color: #eceeef; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0 0.25rem 0.25rem 0; } .custom-file-control:lang(en)::before { content: "Browse"; } .nav { display: flex; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5em 1em; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #636c72; cursor: not-allowed; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #eceeef #eceeef #ddd; } .nav-tabs .nav-link.disabled { color: #636c72; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #464a4c; background-color: #fff; border-color: #ddd #ddd #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .nav-item.show .nav-link { color: #fff; cursor: default; background-color: #0275d8; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex: 1 1 100%; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-direction: column; padding: 0.5rem 1rem; } .navbar-brand { display: inline-block; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-text { display: inline-block; padding-top: 0.425rem; padding-bottom: 0.425rem; } .navbar-toggler { align-self: flex-start; padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } .navbar-toggler-left { position: absolute; left: 1rem; } .navbar-toggler-right { position: absolute; right: 1rem; } @media (max-width: 575px) { .navbar-toggleable .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-toggleable > .container { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-toggleable { flex-direction: row; flex-wrap: nowrap; align-items: center; } .navbar-toggleable .navbar-nav { flex-direction: row; } .navbar-toggleable .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-toggleable > .container { display: flex; flex-wrap: nowrap; align-items: center; } .navbar-toggleable .navbar-collapse { display: flex !important; width: 100%; } .navbar-toggleable .navbar-toggler { display: none; } } @media (max-width: 767px) { .navbar-toggleable-sm .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-toggleable-sm > .container { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-toggleable-sm { flex-direction: row; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-sm .navbar-nav { flex-direction: row; } .navbar-toggleable-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-toggleable-sm > .container { display: flex; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-sm .navbar-collapse { display: flex !important; width: 100%; } .navbar-toggleable-sm .navbar-toggler { display: none; } } @media (max-width: 991px) { .navbar-toggleable-md .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-toggleable-md > .container { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-toggleable-md { flex-direction: row; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-md .navbar-nav { flex-direction: row; } .navbar-toggleable-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-toggleable-md > .container { display: flex; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-md .navbar-collapse { display: flex !important; width: 100%; } .navbar-toggleable-md .navbar-toggler { display: none; } } @media (max-width: 1199px) { .navbar-toggleable-lg .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-toggleable-lg > .container { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-toggleable-lg { flex-direction: row; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-lg .navbar-nav { flex-direction: row; } .navbar-toggleable-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-toggleable-lg > .container { display: flex; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-lg .navbar-collapse { display: flex !important; width: 100%; } .navbar-toggleable-lg .navbar-toggler { display: none; } } .navbar-toggleable-xl { flex-direction: row; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-xl .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-toggleable-xl > .container { padding-right: 0; padding-left: 0; } .navbar-toggleable-xl .navbar-nav { flex-direction: row; } .navbar-toggleable-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-toggleable-xl > .container { display: flex; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-xl .navbar-collapse { display: flex !important; width: 100%; } .navbar-toggleable-xl .navbar-toggler { display: none; } .navbar-light .navbar-brand, .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-toggler { color: white; } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-toggler:focus, .navbar-inverse .navbar-toggler:hover { color: white; } .navbar-inverse .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-inverse .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-inverse .navbar-nav .open > .nav-link, .navbar-inverse .navbar-nav .active > .nav-link, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .nav-link.active { color: white; } .navbar-inverse .navbar-toggler { border-color: rgba(255, 255, 255, 0.1); } .navbar-inverse .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar-inverse .navbar-text { color: rgba(255, 255, 255, 0.5); } .card { position: relative; display: flex; flex-direction: column; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card-block { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card > .list-group:first-child .list-group-item:first-child { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: #f7f7f9; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: #f7f7f9; border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-primary { background-color: #0275d8; border-color: #0275d8; } .card-primary .card-header, .card-primary .card-footer { background-color: transparent; } .card-success { background-color: #5cb85c; border-color: #5cb85c; } .card-success .card-header, .card-success .card-footer { background-color: transparent; } .card-info { background-color: #5bc0de; border-color: #5bc0de; } .card-info .card-header, .card-info .card-footer { background-color: transparent; } .card-warning { background-color: #f0ad4e; border-color: #f0ad4e; } .card-warning .card-header, .card-warning .card-footer { background-color: transparent; } .card-danger { background-color: #d9534f; border-color: #d9534f; } .card-danger .card-header, .card-danger .card-footer { background-color: transparent; } .card-outline-primary { background-color: transparent; border-color: #0275d8; } .card-outline-secondary { background-color: transparent; border-color: #ccc; } .card-outline-info { background-color: transparent; border-color: #5bc0de; } .card-outline-success { background-color: transparent; border-color: #5cb85c; } .card-outline-warning { background-color: transparent; border-color: #f0ad4e; } .card-outline-danger { background-color: transparent; border-color: #d9534f; } .card-inverse { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-header, .card-inverse .card-footer { background-color: transparent; border-color: rgba(255, 255, 255, 0.2); } .card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, .card-inverse .card-blockquote { color: #fff; } .card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-subtitle, .card-inverse .card-blockquote .blockquote-footer { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff; } .card-blockquote { padding: 0; margin-bottom: 0; border-left: 0; } .card-img { border-radius: calc(0.25rem - 1px); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img-top { border-top-right-radius: calc(0.25rem - 1px); border-top-left-radius: calc(0.25rem - 1px); } .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; } .card-deck .card { display: flex; flex: 1 0 0; flex-direction: column; } .card-deck .card:not(:first-child) { margin-left: 15px; } .card-deck .card:not(:last-child) { margin-right: 15px; } } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group .card { flex: 1 0 0; } .card-group .card + .card { margin-left: 0; border-left: 0; } .card-group .card:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .card-group .card:first-child .card-img-top { border-top-right-radius: 0; } .card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } .card-group .card:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .card-group .card:last-child .card-img-top { border-top-left-radius: 0; } .card-group .card:last-child .card-img-bottom { border-bottom-left-radius: 0; } .card-group .card:not(:first-child):not(:last-child) { border-radius: 0; } .card-group .card:not(:first-child):not(:last-child) .card-img-top, .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { border-radius: 0; } } @media (min-width: 576px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; margin-bottom: 0.75rem; } } .breadcrumb { padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #eceeef; border-radius: 0.25rem; } .breadcrumb::after { display: block; content: ""; clear: both; } .breadcrumb-item { float: left; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #636c72; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #636c72; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: 0.25rem; border-top-left-radius: 0.25rem; } .page-item:last-child .page-link { border-bottom-right-radius: 0.25rem; border-top-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 2; color: #fff; background-color: #0275d8; border-color: #0275d8; } .page-item.disabled .page-link { color: #636c72; pointer-events: none; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #0275d8; background-color: #fff; border: 1px solid #ddd; } .page-link:focus, .page-link:hover { color: #014c8c; text-decoration: none; background-color: #eceeef; border-color: #ddd; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .pagination-lg .page-item:first-child .page-link { border-bottom-left-radius: 0.3rem; border-top-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-bottom-right-radius: 0.3rem; border-top-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .pagination-sm .page-item:first-child .page-link { border-bottom-left-radius: 0.2rem; border-top-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-bottom-right-radius: 0.2rem; border-top-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-default { background-color: #636c72; } .badge-default[href]:focus, .badge-default[href]:hover { background-color: #4b5257; } .badge-primary { background-color: #0275d8; } .badge-primary[href]:focus, .badge-primary[href]:hover { background-color: #025aa5; } .badge-success { background-color: #5cb85c; } .badge-success[href]:focus, .badge-success[href]:hover { background-color: #449d44; } .badge-info { background-color: #5bc0de; } .badge-info[href]:focus, .badge-info[href]:hover { background-color: #31b0d5; } .badge-warning { background-color: #f0ad4e; } .badge-warning[href]:focus, .badge-warning[href]:hover { background-color: #ec971f; } .badge-danger { background-color: #d9534f; } .badge-danger[href]:focus, .badge-danger[href]:hover { background-color: #c9302c; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #eceeef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-hr { border-top-color: #d0d5d8; } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: bold; } .alert-dismissible .close { position: relative; top: -0.75rem; right: -1.25rem; padding: 0.75rem 1.25rem; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d0e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c1e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bcdff1; color: #31708f; } .alert-info hr { border-top-color: #a6d5ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faf2cc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7ecb5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebcccc; color: #a94442; } .alert-danger hr { border-top-color: #e4b9b9; } .alert-danger .alert-link { color: #843534; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; overflow: hidden; font-size: 0.75rem; line-height: 1rem; text-align: center; background-color: #eceeef; border-radius: 0.25rem; } .progress-bar { height: 1rem; color: #fff; background-color: #0275d8; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #464a4c; text-align: inherit; } .list-group-item-action .list-group-item-heading { color: #292b2c; } .list-group-item-action:focus, .list-group-item-action:hover { color: #464a4c; text-decoration: none; background-color: #f7f7f9; } .list-group-item-action:active { color: #292b2c; background-color: #eceeef; } .list-group-item { position: relative; display: flex; flex-flow: row wrap; align-items: center; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:focus, .list-group-item:hover { text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #636c72; cursor: not-allowed; background-color: #fff; } .list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text { color: #636c72; } .list-group-item.active { z-index: 2; color: #fff; background-color: #0275d8; border-color: #0275d8; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text { color: #daeeff; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active { color: #fff; background-color: #a94442; border-color: #a94442; } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .close { float: right; font-size: 1.5rem; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: 0.75; } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); } .modal.show .modal-dialog { transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; display: flex; flex-direction: column; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: center; justify-content: space-between; padding: 15px; border-bottom: 1px solid #eceeef; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 15px; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 15px; border-top: 1px solid #eceeef; } .modal-footer > :not(:first-child) { margin-left: 0.25rem; } .modal-footer > :not(:last-child) { margin-right: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 30px auto; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { padding: 5px 0; margin-top: -3px; } .tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { bottom: 0; left: 50%; margin-left: -5px; content: ""; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { padding: 0 5px; margin-left: 3px; } .tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before { top: 50%; left: 0; margin-top: -5px; content: ""; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { padding: 5px 0; margin-top: 3px; } .tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before { top: 0; left: 50%; margin-left: -5px; content: ""; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { padding: 0 5px; margin-left: -3px; } .tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before { top: 50%; right: 0; margin-top: -5px; content: ""; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .tooltip-inner::before { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; padding: 1px; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover.popover-top, .popover.bs-tether-element-attached-bottom { margin-top: -10px; } .popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after { left: 50%; border-bottom-width: 0; } .popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before { bottom: -11px; margin-left: -11px; border-top-color: rgba(0, 0, 0, 0.25); } .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after { bottom: -10px; margin-left: -10px; border-top-color: #fff; } .popover.popover-right, .popover.bs-tether-element-attached-left { margin-left: 10px; } .popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after { top: 50%; border-left-width: 0; } .popover.popover-right::before, .popover.bs-tether-element-attached-left::before { left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); } .popover.popover-right::after, .popover.bs-tether-element-attached-left::after { left: -10px; margin-top: -10px; border-right-color: #fff; } .popover.popover-bottom, .popover.bs-tether-element-attached-top { margin-top: 10px; } .popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after { left: 50%; border-top-width: 0; } .popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before { top: -11px; margin-left: -11px; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after { top: -10px; margin-left: -10px; border-bottom-color: #f7f7f7; } .popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before { position: absolute; top: 0; left: 50%; display: block; width: 20px; margin-left: -10px; content: ""; border-bottom: 1px solid #f7f7f7; } .popover.popover-left, .popover.bs-tether-element-attached-right { margin-left: -10px; } .popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after { top: 50%; border-right-width: 0; } .popover.popover-left::before, .popover.bs-tether-element-attached-right::before { right: -11px; margin-top: -11px; border-left-color: rgba(0, 0, 0, 0.25); } .popover.popover-left::after, .popover.bs-tether-element-attached-right::after { right: -10px; margin-top: -10px; border-left-color: #fff; } .popover-title { padding: 8px 14px; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-right-radius: calc(0.3rem - 1px); border-top-left-radius: calc(0.3rem - 1px); } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover::before, .popover::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover::before { content: ""; border-width: 11px; } .popover::after { content: ""; border-width: 10px; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; width: 100%; } @media (-webkit-transform-3d) { .carousel-item { transition: transform 0.6s ease-in-out; backface-visibility: hidden; perspective: 1000px; } } @supports (transform: translate3d(0, 0, 0)) { .carousel-item { transition: transform 0.6s ease-in-out; backface-visibility: hidden; perspective: 1000px; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: flex; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } @media (-webkit-transform-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } } @supports (transform: translate3d(0, 0, 0)) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:focus, .carousel-control-prev:hover, .carousel-control-next:focus, .carousel-control-next:hover { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; flex: 1 0 auto; max-width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-faded { background-color: #f7f7f7; } .bg-primary { background-color: #0275d8 !important; } a.bg-primary:focus, a.bg-primary:hover { background-color: #025aa5 !important; } .bg-success { background-color: #5cb85c !important; } a.bg-success:focus, a.bg-success:hover { background-color: #449d44 !important; } .bg-info { background-color: #5bc0de !important; } a.bg-info:focus, a.bg-info:hover { background-color: #31b0d5 !important; } .bg-warning { background-color: #f0ad4e !important; } a.bg-warning:focus, a.bg-warning:hover { background-color: #ec971f !important; } .bg-danger { background-color: #d9534f !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: #c9302c !important; } .bg-inverse { background-color: #292b2c !important; } a.bg-inverse:focus, a.bg-inverse:hover { background-color: #101112 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .rounded { border-radius: 0.25rem; } .rounded-top { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .rounded-right { border-bottom-right-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-bottom { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-left { border-bottom-left-radius: 0.25rem; border-top-left-radius: 0.25rem; } .rounded-circle { border-radius: 50%; } .rounded-0 { border-radius: 0; } .clearfix::after { display: block; content: ""; clear: both; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } .flex-first { order: -1; } .flex-last { order: 1; } .flex-unordered { order: 0; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-first { order: -1; } .flex-sm-last { order: 1; } .flex-sm-unordered { order: 0; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-first { order: -1; } .flex-md-last { order: 1; } .flex-md-unordered { order: 0; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-first { order: -1; } .flex-lg-last { order: 1; } .flex-lg-unordered { order: 0; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-first { order: -1; } .flex-xl-last { order: 1; } .flex-xl-unordered { order: 0; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1030; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-1 { margin: 0.25rem 0.25rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mr-1 { margin-right: 0.25rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .ml-1 { margin-left: 0.25rem !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-2 { margin: 0.5rem 0.5rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .ml-2 { margin-left: 0.5rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-3 { margin: 1rem 1rem !important; } .mt-3 { margin-top: 1rem !important; } .mr-3 { margin-right: 1rem !important; } .mb-3 { margin-bottom: 1rem !important; } .ml-3 { margin-left: 1rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-4 { margin: 1.5rem 1.5rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mr-4 { margin-right: 1.5rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .ml-4 { margin-left: 1.5rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-5 { margin: 3rem 3rem !important; } .mt-5 { margin-top: 3rem !important; } .mr-5 { margin-right: 3rem !important; } .mb-5 { margin-bottom: 3rem !important; } .ml-5 { margin-left: 3rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-0 { padding: 0 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-1 { padding: 0.25rem 0.25rem !important; } .pt-1 { padding-top: 0.25rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pl-1 { padding-left: 0.25rem !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-2 { padding: 0.5rem 0.5rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pl-2 { padding-left: 0.5rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-3 { padding: 1rem 1rem !important; } .pt-3 { padding-top: 1rem !important; } .pr-3 { padding-right: 1rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pl-3 { padding-left: 1rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-4 { padding: 1.5rem 1.5rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pr-4 { padding-right: 1.5rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pl-4 { padding-left: 1.5rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-5 { padding: 3rem 3rem !important; } .pt-5 { padding-top: 3rem !important; } .pr-5 { padding-right: 3rem !important; } .pb-5 { padding-bottom: 3rem !important; } .pl-5 { padding-left: 3rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 0 !important; } .mt-sm-0 { margin-top: 0 !important; } .mr-sm-0 { margin-right: 0 !important; } .mb-sm-0 { margin-bottom: 0 !important; } .ml-sm-0 { margin-left: 0 !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-sm-1 { margin: 0.25rem 0.25rem !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1 { margin-left: 0.25rem !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-sm-2 { margin: 0.5rem 0.5rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2 { margin-left: 0.5rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-sm-3 { margin: 1rem 1rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mr-sm-3 { margin-right: 1rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3 { margin-left: 1rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-sm-4 { margin: 1.5rem 1.5rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4 { margin-left: 1.5rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-sm-5 { margin: 3rem 3rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mr-sm-5 { margin-right: 3rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5 { margin-left: 3rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-sm-0 { padding: 0 0 !important; } .pt-sm-0 { padding-top: 0 !important; } .pr-sm-0 { padding-right: 0 !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pl-sm-0 { padding-left: 0 !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-sm-1 { padding: 0.25rem 0.25rem !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1 { padding-left: 0.25rem !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-sm-2 { padding: 0.5rem 0.5rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2 { padding-left: 0.5rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-sm-3 { padding: 1rem 1rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pr-sm-3 { padding-right: 1rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3 { padding-left: 1rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-sm-4 { padding: 1.5rem 1.5rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4 { padding-left: 1.5rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-sm-5 { padding: 3rem 3rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pr-sm-5 { padding-right: 3rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5 { padding-left: 3rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto { margin-top: auto !important; } .mr-sm-auto { margin-right: auto !important; } .mb-sm-auto { margin-bottom: auto !important; } .ml-sm-auto { margin-left: auto !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 0 !important; } .mt-md-0 { margin-top: 0 !important; } .mr-md-0 { margin-right: 0 !important; } .mb-md-0 { margin-bottom: 0 !important; } .ml-md-0 { margin-left: 0 !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-md-1 { margin: 0.25rem 0.25rem !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mr-md-1 { margin-right: 0.25rem !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1 { margin-left: 0.25rem !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-md-2 { margin: 0.5rem 0.5rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mr-md-2 { margin-right: 0.5rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2 { margin-left: 0.5rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-md-3 { margin: 1rem 1rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mr-md-3 { margin-right: 1rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .ml-md-3 { margin-left: 1rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-md-4 { margin: 1.5rem 1.5rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mr-md-4 { margin-right: 1.5rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4 { margin-left: 1.5rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-md-5 { margin: 3rem 3rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mr-md-5 { margin-right: 3rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .ml-md-5 { margin-left: 3rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-md-0 { padding: 0 0 !important; } .pt-md-0 { padding-top: 0 !important; } .pr-md-0 { padding-right: 0 !important; } .pb-md-0 { padding-bottom: 0 !important; } .pl-md-0 { padding-left: 0 !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-md-1 { padding: 0.25rem 0.25rem !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pr-md-1 { padding-right: 0.25rem !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1 { padding-left: 0.25rem !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-md-2 { padding: 0.5rem 0.5rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pr-md-2 { padding-right: 0.5rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2 { padding-left: 0.5rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-md-3 { padding: 1rem 1rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pr-md-3 { padding-right: 1rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pl-md-3 { padding-left: 1rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-md-4 { padding: 1.5rem 1.5rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pr-md-4 { padding-right: 1.5rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4 { padding-left: 1.5rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-md-5 { padding: 3rem 3rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pr-md-5 { padding-right: 3rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .pl-md-5 { padding-left: 3rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto { margin-top: auto !important; } .mr-md-auto { margin-right: auto !important; } .mb-md-auto { margin-bottom: auto !important; } .ml-md-auto { margin-left: auto !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 0 !important; } .mt-lg-0 { margin-top: 0 !important; } .mr-lg-0 { margin-right: 0 !important; } .mb-lg-0 { margin-bottom: 0 !important; } .ml-lg-0 { margin-left: 0 !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-lg-1 { margin: 0.25rem 0.25rem !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1 { margin-left: 0.25rem !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-lg-2 { margin: 0.5rem 0.5rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2 { margin-left: 0.5rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-lg-3 { margin: 1rem 1rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mr-lg-3 { margin-right: 1rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3 { margin-left: 1rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-lg-4 { margin: 1.5rem 1.5rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4 { margin-left: 1.5rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-lg-5 { margin: 3rem 3rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mr-lg-5 { margin-right: 3rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5 { margin-left: 3rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-lg-0 { padding: 0 0 !important; } .pt-lg-0 { padding-top: 0 !important; } .pr-lg-0 { padding-right: 0 !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pl-lg-0 { padding-left: 0 !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-lg-1 { padding: 0.25rem 0.25rem !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1 { padding-left: 0.25rem !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-lg-2 { padding: 0.5rem 0.5rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2 { padding-left: 0.5rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-lg-3 { padding: 1rem 1rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pr-lg-3 { padding-right: 1rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3 { padding-left: 1rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-lg-4 { padding: 1.5rem 1.5rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4 { padding-left: 1.5rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-lg-5 { padding: 3rem 3rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pr-lg-5 { padding-right: 3rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5 { padding-left: 3rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto { margin-top: auto !important; } .mr-lg-auto { margin-right: auto !important; } .mb-lg-auto { margin-bottom: auto !important; } .ml-lg-auto { margin-left: auto !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 0 !important; } .mt-xl-0 { margin-top: 0 !important; } .mr-xl-0 { margin-right: 0 !important; } .mb-xl-0 { margin-bottom: 0 !important; } .ml-xl-0 { margin-left: 0 !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-xl-1 { margin: 0.25rem 0.25rem !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1 { margin-left: 0.25rem !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-xl-2 { margin: 0.5rem 0.5rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2 { margin-left: 0.5rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-xl-3 { margin: 1rem 1rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mr-xl-3 { margin-right: 1rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3 { margin-left: 1rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-xl-4 { margin: 1.5rem 1.5rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4 { margin-left: 1.5rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-xl-5 { margin: 3rem 3rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mr-xl-5 { margin-right: 3rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5 { margin-left: 3rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-xl-0 { padding: 0 0 !important; } .pt-xl-0 { padding-top: 0 !important; } .pr-xl-0 { padding-right: 0 !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pl-xl-0 { padding-left: 0 !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-xl-1 { padding: 0.25rem 0.25rem !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1 { padding-left: 0.25rem !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-xl-2 { padding: 0.5rem 0.5rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2 { padding-left: 0.5rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-xl-3 { padding: 1rem 1rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pr-xl-3 { padding-right: 1rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3 { padding-left: 1rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-xl-4 { padding: 1.5rem 1.5rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4 { padding-left: 1.5rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-xl-5 { padding: 3rem 3rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pr-xl-5 { padding-right: 3rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5 { padding-left: 3rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto { margin-top: auto !important; } .mr-xl-auto { margin-right: auto !important; } .mb-xl-auto { margin-bottom: auto !important; } .ml-xl-auto { margin-left: auto !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-normal { font-weight: normal; } .font-weight-bold { font-weight: bold; } .font-italic { font-style: italic; } .text-white { color: #fff !important; } .text-muted { color: #636c72 !important; } a.text-muted:focus, a.text-muted:hover { color: #4b5257 !important; } .text-primary { color: #0275d8 !important; } a.text-primary:focus, a.text-primary:hover { color: #025aa5 !important; } .text-success { color: #5cb85c !important; } a.text-success:focus, a.text-success:hover { color: #449d44 !important; } .text-info { color: #5bc0de !important; } a.text-info:focus, a.text-info:hover { color: #31b0d5 !important; } .text-warning { color: #f0ad4e !important; } a.text-warning:focus, a.text-warning:hover { color: #ec971f !important; } .text-danger { color: #d9534f !important; } a.text-danger:focus, a.text-danger:hover { color: #c9302c !important; } .text-gray-dark { color: #292b2c !important; } a.text-gray-dark:focus, a.text-gray-dark:hover { color: #101112 !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .invisible { visibility: hidden !important; } .hidden-xs-up { display: none !important; } @media (max-width: 575px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* .bs-datepicker */ .bs-datepicker { display: flex; align-items: stretch; flex-flow: row wrap; background: #fff; box-shadow: 0 0 10px 0 #aaa; position: relative; z-index: 1; /* button */ /* .bs-datepicker-head */ /* .bs-datepicker-body */ /* .current-timedate */ /* .bs-datepicker-multiple */ /* .bs-datepicker-btns */ /*.bs-datepicker-custom-range */ /* .bs-datepicker-predefined-btns */ /* .bs-datepicker-buttons */ } .bs-datepicker:after { clear: both; content: ""; display: block; } .bs-datepicker bs-day-picker { float: left; } .bs-datepicker button:hover, .bs-datepicker button:focus, .bs-datepicker button:active, .bs-datepicker input:hover, .bs-datepicker input:focus, .bs-datepicker input:active, .bs-datepicker-btns button:hover, .bs-datepicker-btns button:focus, .bs-datepicker-btns button:active, .bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:focus { outline: none; } .bs-datepicker-head { min-width: 270px; height: 50px; padding: 10px; border-radius: 3px 3px 0 0; text-align: justify; /* .bs-datepicker-head button */ } .bs-datepicker-head:after { content: ""; display: inline-block; vertical-align: top; width: 100%; } .bs-datepicker-head button { display: inline-block; vertical-align: top; padding: 0; height: 30px; line-height: 30px; border: 0; background: transparent; text-align: center; cursor: pointer; color: #fff; transition: 0.3s; } .bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover, .bs-datepicker-head button[disabled]:active { background: rgba(221, 221, 221, 0.3); color: #f5f5f5; cursor: not-allowed; } .bs-datepicker-head button.previous span { transform: translate(-1px, -1px); } .bs-datepicker-head button.next span { transform: translate(1px, -1px); } .bs-datepicker-head button.next, .bs-datepicker-head button.previous { border-radius: 50%; width: 30px; height: 30px; } .bs-datepicker-head button.next span, .bs-datepicker-head button.previous span { font-size: 28px; line-height: 1; display: inline-block; position: relative; height: 100%; width: 100%; border-radius: 50%; } .bs-datepicker-head button.current { border-radius: 15px; max-width: 155px; padding: 0 13px; } .bs-datepicker-head button:hover { background-color: rgba(0, 0, 0, 0.1); } .bs-datepicker-head button:active { background-color: rgba(0, 0, 0, 0.2); } .bs-datepicker-body { padding: 10px; border-radius: 0 0 3px 3px; min-height: 232px; min-width: 278px; border: 1px solid #e9edf0; /* .bs-datepicker-body table */ } .bs-datepicker-body .days.weeks { position: relative; z-index: 1; } .bs-datepicker-body table { width: 100%; border-collapse: separate; border-spacing: 0; /* .bs-datepicker-body table.days */ /* .bs-datepicker-body table.weeks */ } .bs-datepicker-body table th { font-size: 13px; color: #9aaec1; font-weight: 400; text-align: center; } .bs-datepicker-body table td { color: #54708b; text-align: center; position: relative; padding: 0; /* todo: check first :not(.disabled) usage */ } .bs-datepicker-body table td span { display: block; margin: 0 auto; font-size: 13px; border-radius: 50%; /*z-index: 1;*/ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) { cursor: pointer; } .bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span, .bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) { background-color: #e9edf0; transition: 0s; } .bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span, .bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) { background-color: #e9edf0; transition: 0s; cursor: pointer; } .bs-datepicker-body table td span.disabled, .bs-datepicker-body table td.disabled span { color: #9aaec1; } .bs-datepicker-body table td span.selected, .bs-datepicker-body table td.selected span { color: #fff; } .bs-datepicker-body table td span.is-other-month, .bs-datepicker-body table td.is-other-month span { color: rgba(0, 0, 0, 0.25); } .bs-datepicker-body table td.active { position: relative; } .bs-datepicker-body table td.active.select-start:before { left: 35%; } .bs-datepicker-body table td.active.select-end:before { left: -85%; } .bs-datepicker-body table td span.active.select-start:after, .bs-datepicker-body table td span.active.select-end:after, .bs-datepicker-body table td.active.select-start span:after, .bs-datepicker-body table td.active.select-end span:after { content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%; transition: 0.3s; top: 0; border-radius: 50%; } .bs-datepicker-body table td:before, .bs-datepicker-body table td span:before { content: ""; display: block; position: absolute; z-index: -1; top: 6px; bottom: 6px; left: -3px; right: -2px; box-sizing: content-box; background: transparent; } .bs-datepicker-body table td.active.select-start + td.active:before { left: -20%; } .bs-datepicker-body table td:last-child.active:before { border-radius: 0 3px 3px 0; width: 125%; left: -25%; } .bs-datepicker-body table td span[class*=select-], .bs-datepicker-body table td[class*=select-] span { border-radius: 50%; color: #fff; } .bs-datepicker-body table.days td.active:not(.select-start):before, .bs-datepicker-body table.days td.in-range:not(.select-start):before, .bs-datepicker-body table.days span.active:not(.select-start):before, .bs-datepicker-body table.days span.in-range:not(.select-start):before { background: #e9edf0; } .bs-datepicker-body table.days span { width: 32px; height: 32px; line-height: 32px; } .bs-datepicker-body table.days span.select-start { z-index: 2; } .bs-datepicker-body table.days span.is-highlighted.in-range:before { right: 3px; left: 0; } .bs-datepicker-body table.days span.in-range.select-end:before { right: 4px; left: 0; } .bs-datepicker-body table.days td.select-start + td.select-end:before, .bs-datepicker-body table.days td.select-start + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.select-end:before, .bs-datepicker-body table.days td.in-range + td.is-highlighted:before, .bs-datepicker-body table.days td.in-range + td.select-end:before { background: #e9edf0; width: 100%; } .bs-datepicker-body table.weeks tr td:nth-child(2).active:before { border-radius: 3px 0 0 3px; left: 0; width: 100%; } .bs-datepicker-body table:not(.weeks) tr td:first-child:before { border-radius: 3px 0 0 3px; } .bs-datepicker-body table.years td span { width: 46px; height: 46px; line-height: 45px; margin: 0 auto; } .bs-datepicker-body table.years tr:not(:last-child) td span { margin-bottom: 8px; } .bs-datepicker-body table.months td { height: 52px; } .bs-datepicker-body table.months td span { padding: 6px; border-radius: 15px; } .bs-datepicker .current-timedate { color: #54708b; font-size: 15px; text-align: center; height: 30px; line-height: 30px; border-radius: 20px; border: 1px solid #e9edf0; margin-bottom: 10px; cursor: pointer; text-transform: uppercase; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .bs-datepicker .current-timedate span:not(:empty):before { content: ""; width: 15px; height: 16px; display: inline-block; margin-right: 4px; vertical-align: text-bottom; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC); } .bs-datepicker-multiple { border-radius: 4px 0 0 4px; } .bs-datepicker-multiple + .bs-datepicker-multiple { margin-left: 10px; } .bs-datepicker-multiple .bs-datepicker { box-shadow: none; position: relative; } .bs-datepicker-multiple .bs-datepicker:not(:last-child) { padding-right: 10px; } .bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after { content: ""; display: block; width: 14px; height: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=); position: absolute; top: 25px; left: -8px; } .bs-datepicker-multiple .bs-datepicker .left { float: left; } .bs-datepicker-multiple .bs-datepicker .right { float: right; } .bs-datepicker-container { padding: 15px; } .bs-datepicker .bs-media-container { display: flex; } @media (max-width: 768px) { .bs-datepicker .bs-media-container { flex-direction: column; } } .bs-datepicker .bs-timepicker-in-datepicker-container { display: flex; justify-content: space-around; } .bs-datepicker-custom-range { padding: 15px; background: #eee; } .bs-datepicker-predefined-btns button { width: 100%; display: block; height: 30px; background-color: #9aaec1; border-radius: 4px; color: #fff; border: 0; margin-bottom: 10px; padding: 0 18px; text-align: left; transition: 0.3s; } .bs-datepicker-predefined-btns button:hover { background-color: #54708b; } .bs-datepicker-buttons { display: flex; flex-flow: row wrap; justify-content: flex-end; padding-top: 10px; border-top: 1px solid #e9edf0; } .bs-datepicker-buttons .btn-default { margin-left: 10px; } .bs-datepicker-buttons .btn-today-wrapper { display: flex; flex-flow: row wrap; } .bs-datepicker-buttons .clear-right, .bs-datepicker-buttons .today-right { flex-grow: 0; } .bs-datepicker-buttons .clear-left, .bs-datepicker-buttons .today-left { flex-grow: 1; } .bs-datepicker-buttons .clear-center, .bs-datepicker-buttons .today-center { flex-grow: 0.5; } /* .bs-timepicker */ .bs-timepicker-container { padding: 10px 0; } .bs-timepicker-label { color: #54708b; margin-bottom: 10px; } .bs-timepicker-controls { display: inline-block; vertical-align: top; margin-right: 10px; } .bs-timepicker-controls button { width: 20px; height: 20px; border-radius: 50%; border: 0; background-color: #e9edf0; color: #54708b; font-size: 16px; font-weight: 700; vertical-align: middle; line-height: 0; padding: 0; transition: 0.3s; } .bs-timepicker-controls button:hover { background-color: #d5dadd; } .bs-timepicker-controls input { width: 35px; height: 25px; border-radius: 13px; text-align: center; border: 1px solid #e9edf0; } .bs-timepicker .switch-time-format { text-transform: uppercase; min-width: 54px; height: 25px; border-radius: 20px; border: 1px solid #e9edf0; background: #fff; color: #54708b; font-size: 13px; } .bs-timepicker .switch-time-format img { vertical-align: baseline; vertical-align: initial; margin-left: 4px; } bs-datepicker-container, bs-daterangepicker-container { z-index: 1080; } /* screen size < 1024px */ @media (max-width: 768px) { .bs-datepicker { width: -moz-min-content; width: min-content; justify-content: center; } .bs-datepicker-multiple { display: flex; } .bs-datepicker-multiple + .bs-datepicker-multiple { margin-top: 10px; margin-left: 0; } } /* theming */ .theme-default .bs-datepicker-head { background-color: #777; } .theme-default .btn-today-wrapper .btn-success, .theme-default .btn-clear-wrapper .btn-success { background-color: #777; border-color: #777; } .theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-default .btn-today-wrapper .btn-success:focus, .theme-default .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #616161; border-color: #616161; } .theme-default .btn-today-wrapper .btn-success:hover, .theme-default .btn-clear-wrapper .btn-success:hover { background-color: #6F6E6E; border-color: #6F6E6E; } .theme-default .bs-datepicker-predefined-btns button.selected { background-color: #777; } .theme-default .bs-datepicker-body table td span.selected, .theme-default .bs-datepicker-body table td.selected span, .theme-default .bs-datepicker-body table td span[class*=select-]:after, .theme-default .bs-datepicker-body table td[class*=select-] span:after { background-color: #777; } .theme-default .bs-datepicker-body table td.week span { color: #777; } .theme-default .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #777; color: #fff; opacity: 0.5; transition: 0s; } .theme-green .bs-datepicker-head { background-color: #5cb85c; } .theme-green .btn-today-wrapper .btn-success, .theme-green .btn-clear-wrapper .btn-success { background-color: #5cb85c; border-color: #5cb85c; } .theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-green .btn-today-wrapper .btn-success:focus, .theme-green .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #1e7e34; border-color: #1e7e34; } .theme-green .btn-today-wrapper .btn-success:hover, .theme-green .btn-clear-wrapper .btn-success:hover { background-color: #218838; border-color: #218838; } .theme-green .bs-datepicker-predefined-btns button.selected { background-color: #5cb85c; } .theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span, .theme-green .bs-datepicker-body table td span[class*=select-]:after, .theme-green .bs-datepicker-body table td[class*=select-] span:after { background-color: #5cb85c; } .theme-green .bs-datepicker-body table td.week span { color: #5cb85c; } .theme-green .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #5cb85c; color: #fff; opacity: 0.5; transition: 0s; } .theme-blue .bs-datepicker-head { background-color: #5bc0de; } .theme-blue .btn-today-wrapper .btn-success, .theme-blue .btn-clear-wrapper .btn-success { background-color: #5bc0de; border-color: #5bc0de; } .theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-blue .btn-today-wrapper .btn-success:focus, .theme-blue .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #2AA8CD; border-color: #2AA8CD; } .theme-blue .btn-today-wrapper .btn-success:hover, .theme-blue .btn-clear-wrapper .btn-success:hover { background-color: #3AB3D7; border-color: #3AB3D7; } .theme-blue .bs-datepicker-predefined-btns button.selected { background-color: #5bc0de; } .theme-blue .bs-datepicker-body table td span.selected, .theme-blue .bs-datepicker-body table td.selected span, .theme-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-blue .bs-datepicker-body table td[class*=select-] span:after { background-color: #5bc0de; } .theme-blue .bs-datepicker-body table td.week span { color: #5bc0de; } .theme-blue .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #5bc0de; color: #fff; opacity: 0.5; transition: 0s; } .theme-dark-blue .bs-datepicker-head { background-color: #337ab7; } .theme-dark-blue .btn-today-wrapper .btn-success, .theme-dark-blue .btn-clear-wrapper .btn-success { background-color: #337ab7; border-color: #337ab7; } .theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-dark-blue .btn-today-wrapper .btn-success:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #266498; border-color: #266498; } .theme-dark-blue .btn-today-wrapper .btn-success:hover, .theme-dark-blue .btn-clear-wrapper .btn-success:hover { background-color: #2C6FA9; border-color: #2C6FA9; } .theme-dark-blue .bs-datepicker-predefined-btns button.selected { background-color: #337ab7; } .theme-dark-blue .bs-datepicker-body table td span.selected, .theme-dark-blue .bs-datepicker-body table td.selected span, .theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after { background-color: #337ab7; } .theme-dark-blue .bs-datepicker-body table td.week span { color: #337ab7; } .theme-dark-blue .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #337ab7; color: #fff; opacity: 0.5; transition: 0s; } .theme-red .bs-datepicker-head { background-color: #d9534f; } .theme-red .btn-today-wrapper .btn-success, .theme-red .btn-clear-wrapper .btn-success { background-color: #d9534f; border-color: #d9534f; } .theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-red .btn-today-wrapper .btn-success:focus, .theme-red .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #D23531; border-color: #D23531; } .theme-red .btn-today-wrapper .btn-success:hover, .theme-red .btn-clear-wrapper .btn-success:hover { background-color: #E33732; border-color: #E33732; } .theme-red .bs-datepicker-predefined-btns button.selected { background-color: #d9534f; } .theme-red .bs-datepicker-body table td span.selected, .theme-red .bs-datepicker-body table td.selected span, .theme-red .bs-datepicker-body table td span[class*=select-]:after, .theme-red .bs-datepicker-body table td[class*=select-] span:after { background-color: #d9534f; } .theme-red .bs-datepicker-body table td.week span { color: #d9534f; } .theme-red .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #d9534f; color: #fff; opacity: 0.5; transition: 0s; } .theme-orange .bs-datepicker-head { background-color: #f0ad4e; } .theme-orange .btn-today-wrapper .btn-success, .theme-orange .btn-clear-wrapper .btn-success { background-color: #f0ad4e; border-color: #f0ad4e; } .theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-orange .btn-today-wrapper .btn-success:focus, .theme-orange .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #ED9C29; border-color: #ED9C29; } .theme-orange .btn-today-wrapper .btn-success:hover, .theme-orange .btn-clear-wrapper .btn-success:hover { background-color: #FFAC35; border-color: #FFAC35; } .theme-orange .bs-datepicker-predefined-btns button.selected { background-color: #f0ad4e; } .theme-orange .bs-datepicker-body table td span.selected, .theme-orange .bs-datepicker-body table td.selected span, .theme-orange .bs-datepicker-body table td span[class*=select-]:after, .theme-orange .bs-datepicker-body table td[class*=select-] span:after { background-color: #f0ad4e; } .theme-orange .bs-datepicker-body table td.week span { color: #f0ad4e; } .theme-orange .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #f0ad4e; color: #fff; opacity: 0.5; transition: 0s; } .editor-container { height: 100%; margin-right: 0px; margin-left: 0px; } .editor-container .row { margin-left: 0px; margin-right: 0px; } .shorter-editor-container { height: 75%; } #ng2-json-editor { /* Styles for tabset */ } #ng2-json-editor .hidden { display: none; } #ng2-json-editor th { font-weight: 400; padding: 1px 0px 1px 6px; background-color: #ecf0f1; color: #8e8e8e; font-weight: bold; } #ng2-json-editor th .dropdown-filter-container { font-weight: normal; font-weight: initial; } #ng2-json-editor td { background-color: #f9f9f9; border: none; padding: 0; } #ng2-json-editor td > * { vertical-align: middle; } #ng2-json-editor td.label-holder { width: 1%; white-space: nowrap; padding: 3px; background-color: #dae8ef; border-top: 1px solid #bdc3c7; } #ng2-json-editor td.label-holder button { color: #595959; } #ng2-json-editor tr.error td, #ng2-json-editor td.error { color: white; background-color: #e74c3c !important; transition: all 0.4s; } #ng2-json-editor tbody { border: none; } #ng2-json-editor .error-panel-container { height: 25%; overflow: hidden; } #ng2-json-editor .error-panel-container .tab-content { height: 90%; overflow: auto; } #ng2-json-editor .error-panel-container .nav-tabs > .tab-align-right { float: right; } #ng2-json-editor .error-link { color: #D14024; } #ng2-json-editor .error-link .badge { background-color: #a94442; } #ng2-json-editor ::-webkit-validation-bubble-heading .warning-link { color: #FFDD00; } #ng2-json-editor ::-webkit-validation-bubble-heading .warning-link .badge { background-color: #8a6d3b; } #ng2-json-editor table { margin-bottom: 0px !important; } #ng2-json-editor .main-container { font-size: 13px; border-left: 1px solid #a5adb5; height: 100%; overflow: auto; } #ng2-json-editor .main-container .tab-container > .nav-tabs { font-size: 14px; } #ng2-json-editor .add-field-dropdown-container { width: 100%; } #ng2-json-editor .middle.main-container { padding: 0px; } #ng2-json-editor .menu-container { background-color: #1D2D3D; height: 100%; overflow: auto; } #ng2-json-editor .menu-container div.dropdown { width: 100%; } #ng2-json-editor .menu-container ul.dropdown-menu { right: 0px; padding-bottom: 15px; } #ng2-json-editor .menu-container button.btn-add-field-dropdown { background: white; padding: 5px; opacity: 0.9; line-height: normal; font-size: 16px; width: 100%; } #ng2-json-editor .menu-container button.btn-add-field-dropdown:hover { opacity: 1; color: black; } #ng2-json-editor bs-dropdown-container { position: inherit !important; } #ng2-json-editor .editor-btn-delete { font-weight: bold; line-height: 1; text-shadow: 0 1px 0 #fff; opacity: 0.2; background: transparent; border: 0; padding: 0 0 3px 3px; } #ng2-json-editor .editor-btn-delete:hover { color: red; opacity: 0.6; } #ng2-json-editor .editor-btn-delete.editor-btn-delete-text { font-size: 13px; opacity: 0.5; padding: 0px; } #ng2-json-editor .editor-btn-move-down { padding-bottom: 0; } #ng2-json-editor .editor-btn-move-up, #ng2-json-editor .editor-btn-move-down { padding: 0; font-size: 11px; border: 0; background: transparent; opacity: 0.2; } #ng2-json-editor .editor-btn-move-up:hover, #ng2-json-editor .editor-btn-move-down:hover { opacity: 0.6; } #ng2-json-editor ul.pagination-top { margin: -16px 0px 0px 0px; } #ng2-json-editor td.button-holder, #ng2-json-editor th.button-holder { width: 40.33px; text-align: center; vertical-align: middle; } #ng2-json-editor td.button-holder.sortable, #ng2-json-editor th.button-holder.sortable { width: 46px; } #ng2-json-editor th.button-holder .add-field-dropdown-container { width: 100%; } #ng2-json-editor th.button-holder .btn-add-field-dropdown { width: 100%; } #ng2-json-editor label { color: #c1c1c1; } #ng2-json-editor .highlight { border: 2px solid yellow !important; } #ng2-json-editor table.editable-inner-table { table-layout: fixed; } #ng2-json-editor table.editable-inner-table > tbody > tr { border-bottom: 1px solid white !important; } #ng2-json-editor table.editable-inner-table add-new-element-button .button-container { padding-left: 6px; } #ng2-json-editor table.editable-inner-table label { display: inline; font-weight: normal; font-weight: initial; padding-left: 5px; } #ng2-json-editor table.editable-inner-table .dropdown-menu { left: inherit; right: 0px; min-width: 100px; } #ng2-json-editor .title-dropdown-item button { width: 100%; text-align: left; padding-left: 20px !important; padding-right: 20px !important; } #ng2-json-editor .title-dropdown-item:hover { background: #f5f5f5; } #ng2-json-editor .tooltip.top .tooltip-arrow { border-top-color: transparent; } #ng2-json-editor .tooltip { width: 90%; } #ng2-json-editor button.btn-toggle { float: right; margin-top: 5px; margin-right: 5px; } #ng2-json-editor .autocomplete-container .dropdown { position: relative !important; top: 0px !important; left: 0px !important; } #ng2-json-editor .max-height-90-vh { max-height: 90vh; } #ng2-json-editor .max-height-70-vh { max-height: 70vh; } #ng2-json-editor div.admin-mode { padding-top: 8px; width: 100%; } #ng2-json-editor label.admin-mode { color: #e0dfdf; font-size: 13px; font-weight: normal; width: 90%; padding-left: 4px; } #ng2-json-editor hr { margin-top: 5px; margin-bottom: 5px; border-top: 1px solid #757575; } #ng2-json-editor .btn { border-radius: 0; } #ng2-json-editor .btn.btn-success { background-color: #16a085; border-color: #16a085; color: white; } #ng2-json-editor .btn.btn-success:hover, #ng2-json-editor .btn.btn-success:active, #ng2-json-editor .btn.btn-success:focus { background-color: #19b698 !important; color: white; } #ng2-json-editor .btn .fa { margin-right: 5px; } #ng2-json-editor .nav { margin-bottom: 3px; } #ng2-json-editor .nav-tabs > li.active > a, #ng2-json-editor .nav-tabs > li.active > a:hover, #ng2-json-editor .nav-tabs > li.active > a:focus { border-top: 1px solid #2c3e50; background-color: white; } #ng2-json-editor .nav-tabs > li > a:hover { border-top: 1px solid #2c3e50; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; transition: all 0.4s; } #ng2-json-editor .nav.nav-tabs { border-bottom: 5px solid white; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24); } #ng2-json-editor .nav-tabs > li > a { margin-right: 0px; border-radius: 0px; border-right: 1px solid #e0e2e2; } complex-list-field add-field-dropdown { display: none; } /* Mixins */ /* .button{ @include linearGradient(#cccccc, #666666); } */ /* Borders */ .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } /* Borders */ .flex-right { margin-left: auto; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .theme--align { vertical-align: middle !important; } .theme--key--orange { background: #e66b00; } .theme--key--red { background: #c23a51; } .theme--key--green { background: #00c389; } .theme--background--dark.sidebar--vertical--wrap .nav-vertical .nav-link:hover, .theme--background--dark.sidebar--vertical--wrap .nav-vertical .nav-link:focus, .theme--background--dark.sidebar--vertical--wrap .sidebar--vertical--list--item--link:hover, .theme--background--dark.sidebar--vertical--wrap .sidebar--vertical--list--item--link:focus, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:hover, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:focus, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link:hover, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link:focus, .theme--hover--darkgrey { background: #444444; } input:disabled { background: red; } .utility--filter--title { font-size: 12px; } .utility--minwidth--150 { min-width: 150px; } .utility--position--relative { position: relative; } .utility--position--absolute { position: absolute; } .theme--background--light.sidebar--vertical--wrap .sidebar--vertical--list--item--link:hover, .theme--background--light.sidebar--vertical--wrap .sidebar--vertical--list--item--link:focus, .theme--background--light.sidebar--vertical--wrap:after, .theme--background--light.nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:hover, .theme--background--light.nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:focus, .theme--background--light.nav-toolbar_horizontal--wrap .nav-link:hover, .theme--background--light.nav-toolbar_horizontal--wrap .nav-link:focus, .theme--background--light.sidebar--vertical--wrap .nav-vertical .nav-link:hover, .theme--background--light.sidebar--vertical--wrap .nav-vertical .nav-link:focus, .theme--background--white { background: #e4e4e4; } .theme--background--light { background: #f4f4f4; background-color: #f4f4f4; } .theme--background--dark { background: #585858; background-color: #585858; } .theme--fill--light--after:after { background: #f4f4f4; } .theme--fill--dark--after:after { background: #585858; } .theme--toggler--light, .nav--icon--graphic--light { content: " "; display: block; height: 36px; width: 45px; color: #ffffff; background: url("/assets/images/light/Asset3.svg") center no-repeat; background-size: 70%; } .theme--toggler--dark, .nav--icon--graphic--dark { content: " "; display: block; height: 36px; width: 45px; color: #ffffff; background: url("/assets/images/dark/Asset3.svg") center no-repeat; background: url("/assets/images/dark/Asset1.svg") center no-repeat; background-size: 70%; } .theme--background--blue { background: #00A0D2; } .theme--background--dark.sidebar--vertical--wrap .sidebar--vertical--list--item--link:hover, .theme--background--dark.sidebar--vertical--wrap .sidebar--vertical--list--item--link:focus, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:hover, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:focus, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link:hover, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link:focus, .theme--background--light.nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link, .theme--background--light.nav-toolbar_horizontal--wrap .nav-link.active, .theme--text--light { color: #ffffff; transition: all 0.1s ease; } .theme--text--dark { color: #000000; } .theme--text--brandpurple { color: #702082; } .sticky--footer { bottom: 0; width: 100%; left: 0; z-index: 1001; } @media (max-width: 991px) { .sticky--footer { position: relative; margin-top: 0; } } @media (min-width: 768px) { .set-max-width-160 { max-width: 160px; } } @media (max-width: 767px) { .set-max-width-160 { max-width: 160px; } } .set-width--large { min-width: 290px; } .set--width--240 { width: 240px; } .set--inline--vnav-icon, .set--inline--vnav-icon--popover, .set--inline--vnav-icon--spinner { max-width: 60px; display: inline-block; margin: 0 auto; text-align: right; float: right; } .set--inline--vnav-icon--spinner { max-width: 70px; } .set--inline--vnav-icon--popover { position: absolute; top: 55%; left: 39%; } @media (max-width: 991px) { .set--inline--vnav-icon--popover { top: 80%; } } .set--inline--vnav-icon--popover img { max-width: 30px; max-height: 30px; } .border-line { border-top: 1px solid #c5c5c5; margin: 10px 0; opacity: 0.5; } .theme--background--color { background: #f4f4f4; } .overflow--hidden { overflow: hidden; } .icon--close { cursor: pointer; margin-right: 5px; } @media (max-width: 767px) { .modal--fullscreen { margin: 0 !important; width: 100%; height: 100%; min-width: 100%; min-height: 100%; padding: 0 !important; } .modal--fullscreen * { border-radius: 0 !important; } } @media (max-width: 767px) { .modal--fullscreen .modal-body { min-height: 95vh; } } .modal--fullscreen .modal-body .mobile--markup table th, .modal--fullscreen .modal-body .mobile--markup table td { display: table-cell; padding: 0.75rem; } .modal--fullscreen .modal-body .mobile--markup table th:before, .modal--fullscreen .modal-body .mobile--markup table td:before { content: ""; width: 0; } .font-bold { font-weight: 600 !important; } .font-normal { font-weight: normal !important; } .verticall--align--bottom { vertical-align: bottom !important; } .mobile--markup { display: none; } @media (max-width: 991px) { .mobile--markup { display: block !important; } } .set--border-box { box-sizing: border-box; } .theme--border--popup { border-bottom: 2px solid #c5c5c5; } .placement--z-100 { z-index: 100; } .theme--background--placeholder--map { height: 80vh; display: block; background: url("/assets/images/fpo_map_01.png") no-repeat; background-size: 100%; margin: 0 auto; } @media (max-width: 991px) { .theme--background--placeholder--map { width: 100%; background-size: cover; } } .nav--icon--graphic--dark { transition-property: all 0.2s linear 0s; transition: background 0.2s linear; } .nav--icon--dark--open, .nav--icon--light--close, .nav--icon--light--open, .nav--icon--dark--close { content: " "; display: block; height: 30px; width: 45px; color: #ffffff; background: url("/assets/images/dark/Asset3.svg") center no-repeat; background-size: 70%; } .nav--icon--dark--close { background: url("/assets/images/dark/Asset1.svg") center no-repeat; background-size: 55%; } .nav--icon--text { position: absolute; top: 12px; left: 75px; } .nav--icon--graphic--light { transition-property: all 0.2s linear 0s; transition: background 0.2s linear; } .nav--icon--light--open { background: url("/assets/images/light/Asset3.svg") center no-repeat; background-size: 70%; } .nav--icon--light--close { background: url("/assets/images/light/Asset1.svg") center no-repeat; background-size: 55%; } .no--gutter--padding { padding: 0; } .pos-absolute { position: absolute; } .pos-fixed { position: fixed; } /* Typography */ @font-face { font-family: "Neue Haas Grotesk"; font-style: normal; font-weight: 300; src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light/neue-haas-grotesk-light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light/neue-haas-grotesk-light.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light/neue-haas-grotesk-light.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light/neue-haas-grotesk-light.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light/neue-haas-grotesk-light.svg#neue-haas-grotesk-light") format("svg"); } @font-face { font-family: "Neue Haas Grotesk"; font-style: italic; font-weight: 300; src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light-italic/neue-haas-grotesk-light-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light-italic/neue-haas-grotesk-light-italic.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light-italic/neue-haas-grotesk-light-italic.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light-italic/neue-haas-grotesk-light-italic.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light-italic/neue-haas-grotesk-light-italic.svg#neue-haas-grotesk-light-italic") format("svg"); } @font-face { font-family: "Neue Haas Grotesk"; font-style: normal; font-weight: 400; src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular/neue-haas-grotesk-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular/neue-haas-grotesk-regular.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular/neue-haas-grotesk-regular.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular/neue-haas-grotesk-regular.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular/neue-haas-grotesk-regular.svg#neue-haas-grotesk-regular") format("svg"); } @font-face { font-family: "Neue Haas Grotesk"; font-style: italic; font-weight: 400; src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular-italic/neue-haas-grotesk-regular-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular-italic/neue-haas-grotesk-regular-italic.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular-italic/neue-haas-grotesk-regular-italic.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular-italic/neue-haas-grotesk-regular-italic.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular-italic/neue-haas-grotesk-regular-italic.svg#neue-haas-grotesk-regular-italic") format("svg"); } @font-face { font-family: "Neue Haas Grotesk"; font-style: normal; font-weight: 500; src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium/neue-haas-grotesk-medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium/neue-haas-grotesk-medium.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium/neue-haas-grotesk-medium.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium/neue-haas-grotesk-medium.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium/neue-haas-grotesk-medium.svg#neue-haas-grotesk-medium") format("svg"); } @font-face { font-family: "Neue Haas Grotesk"; font-style: italic; font-weight: 500; src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium-italic/neue-haas-grotesk-medium-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium-italic/neue-haas-grotesk-medium-italic.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium-italic/neue-haas-grotesk-medium-italic.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium-italic/neue-haas-grotesk-medium-italic.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium-italic/neue-haas-grotesk-medium-italic.svg#neue-haas-grotesk-medium-italic") format("svg"); } @font-face { font-family: "Neue Haas Grotesk"; font-style: normal; font-weight: 700; src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold/neue-haas-grotesk-bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold/neue-haas-grotesk-bold.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold/neue-haas-grotesk-bold.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold/neue-haas-grotesk-bold.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold/neue-haas-grotesk-bold.svg#neue-haas-grotesk-bold") format("svg"); } @font-face { font-family: "Neue Haas Grotesk"; font-style: italic; font-weight: 700; src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold-italic/neue-haas-grotesk-bold-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold-italic/neue-haas-grotesk-bold-italic.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold-italic/neue-haas-grotesk-bold-italic.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold-italic/neue-haas-grotesk-bold-italic.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold-italic/neue-haas-grotesk-bold-italic.svg#neue-haas-grotesk-bold-italic") format("svg"); } @font-face { font-family: "willis_fonts"; src: url("/assets/fonts/willis_fonts.eot"); src: url("/assets/fonts/willis_fonts.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/willis_fonts.woff") format("woff"), url("/assets/fonts/willis_fonts.ttf") format("truetype"), url("/assets/fonts/willis_fonts.svg#willis_fonts") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "willis_fonts"; src: url("/assets/fonts/willis_fonts.svg#willis_fonts") format("svg"); } } body, * { font-family: Neue Haas Grotesk, Arial, sans-serif !important; } html { height: 100%; box-sizing: border-box; position: relative; overflow-x: hidden; font-size: 100%; } body { background-color: #ffffff; font-size: 1rem; height: 100%; } p { font-weight: 400; font-size: 14px; } .p-16 { font-size: 16px; font-weight: 400; } .small-body-text { font-size: 12px; } ul { list-style-type: none; padding: 0; } ol { padding: 0 0 0 26px; margin-bottom: 0; } li { font-weight: 400; } h1, .h1 { font-size: 2.25rem; margin-bottom: 0; } @media (max-width: 767px) { h1, .h1 { font-size: 1.8rem; } } .h2 { font-size: 2rem; margin-bottom: 0; } @media (max-width: 767px) { .h2 { font-size: 1.4rem; } } h3, .h3 { font-size: 1.25rem; } @media (max-width: 767px) { h3, .h3 { font-size: 1rem; } } h4, .h4 { font-size: 1.125rem; font-weight: 300; } h5, .h5 { font-size: 1rem; font-weight: 500; } @media (max-width: 767px) { h5, .h5 { font-size: 0.875rem; } } h6, .h6 { font-size: 0.875rem; font-weight: 500; } [class^=icon-], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "willis_fonts" !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 0.8; /* Better Font Rendering =========== */ text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #c6c6c5; font-size: 24px; text-decoration: none; } .icon-plus-circle:before { content: "\f2a6"; color: #00A0D2; } .icon-plus:before { content: "\f2a7"; } .icon-minus:before { content: "\f2b8"; } .icon-minus-circle:before { content: "\f2bf"; } .icon-add-link:before { content: "\f2a9"; } .icon-add-search:before { content: "\f2c3"; } .icon-add-user:before { content: "\f2a8"; } .icon-admin-settings-female:before { content: "\f101"; } .icon-admin-settings-male:before { content: "\f100"; } .icon-player:before { content: "\f105"; } .icon-align-bottom:before { content: "\f117"; } .icon-answer:before { content: "\f2d1"; } .icon-apricot:before { content: "\f109"; } .icon-arrow:after { content: "\f28d"; } .icon-arrow-left:after { content: "\f291"; } .icon-descending-sorting:before { content: "\f2dc"; } .icon-ascending-sorting:before { content: "\f2dd"; } .icon-back-arrow:before { content: "\f296"; } .icon-back-arrow-2:before { content: "\f298"; } .icon-back-to:before { content: "\f295"; } .icon-barbed-wire:before { content: "\f11f"; } .icon-below:before { content: "\f297"; } .icon-bulleted-list:before { content: "\f284"; } .icon-caduceus-medical:before { content: "\f11a"; } .icon-circled-arrow-right:before { content: "\f299"; } .icon-circled-chevron-right:before { content: "\f2c9"; } .icon-circled-pause:before { content: "\f121"; } .icon-survey_response:before, .icon-ico_survey_response_01:before { content: "\f2d8"; } .icon-surveys:before, .icon-ico_surveys_01:before { content: "\f2d9"; } .icon-close_thin:before { content: "\f287"; color: #00A0D2; } .icon-edit_scores:before { content: "\f2b4"; } .icon-ico_delete:before, .icon-delete:before { content: "\f2b2"; } .icon-remove:before { content: "\f2c0"; color: #a31e22; font-size: 22px; } .icon-ico_edit:before, .icon-edit:before { content: "\f2b3"; } .icon-info:before { content: "\f2c8"; color: #de7400; } .icon-exposure:before { content: "\f2e0"; color: #702082; } .icon-upload-to-cloud:before { content: "\f2ab"; } .icon-notification:after { content: "\f2bd"; } .icon-ico_tick_circle_01:before { content: "\f2c7"; color: #009966; } .icon-more:after, .icon-more-table:after { content: "\f2b9"; color: #818a91 !important; position: relative; top: 1px; left: 5px; } @media (max-width: 991px) { .icon-more:after, .icon-more-table:after { line-height: 0; top: 5px; } } @media (max-width: 767px) { .icon-more:after, .icon-more-table:after { line-height: 0; top: 5px; } } @media (max-width: 575px) { .icon-more:after, .icon-more-table:after { line-height: 0; top: 5px; } } .icon-more-table { font-size: 24px; top: 0; } @media (max-width: 991px) { .icon-more-table { line-height: 0; } } @media (max-width: 767px) { .icon-more-table { line-height: 0; } } @media (max-width: 575px) { .icon-more-table { line-height: 0; } } .icon-more-table:after { transform: rotate(90deg); display: inline-block; } .icon-globe:before { content: "\f2a3"; color: #818a91 !important; position: relative; top: 1px; left: 5px; } .icon-graduation:before { content: "\f2b6"; } .icon-search:before { content: "\f2c1"; transform: rotate(270deg); display: inline-block; } .icon-search-user:before { content: "\f2c2"; } .icon-search-document:before { content: "\f2c4"; } .icon-search-property:before { content: "\f26a"; } .icon-cmo_run_active:before { content: "\f2b0"; } .icon-share:before { content: "\f2c5"; } .icon-filter_mobile:after { content: "\f2b5"; top: 1px; left: 8px; position: relative; font-size: 30px; color: #818a91 !important; } .icon-ico_filter_mobile:before { content: "\f2b5"; } .icon-copy:before { content: "\f2b1"; } .icon-person:before { content: "\f2be"; } .icon-map_pin:before { content: "\f2b7"; } .icon-runs_manager:before { content: "\f2a4"; } .icon-download:before, .icon-ico_download_results_01:before { content: "\f2df"; } .icon-download-from-cloud:before { content: "\f2e1"; } .icon-future_upload:before { content: "\f2ce"; } .icon-future_future:before { content: "\f2cc"; } .icon-future_save:before { content: "\f2cd"; } .icon-future_arrow:before { content: "\f293"; transform: rotate(90deg); } .icon-slide-up:before { content: "\f293"; } .icon-slide-down:before { content: "\f294"; } .icon-play-circle:before { content: "\f2a5"; } .icon-settings:before, .icon-ico_cog_01:before { content: "\f289"; } .icon-home:before { content: "\f2d5"; } .icon-open-model:before { content: "\f2e2"; } .icon-pricing:before { content: "\f2de"; } .icon-workshop1:before, .icon-ico_workshop_01:before { content: "\f2da"; } .icon-workshop2:before { content: "\f2db"; } .icon-dashboard:before, .icon-ico_dashboard_01:before { content: "\f2cf"; } .icon-org_chart:before, .icon-ico_org_chart_01:before { content: "\f29c"; } .icon-report:before { content: "\f2d6"; } .icon-future_excel:before, .icon-ms_excel:before { content: "\f2ba"; } .icon-ms-powerpoint:before { content: "\f2bc"; } .icon-ms-word:before { content: "\f2bb"; } .icon-explanation-mark:before { content: "\f2a2"; } .icon-explanation-mark-2:before { content: "\f2d2"; } .icon-warning-amber:before { content: "\f2a0"; color: #de7400; } .icon-warning-red:before { content: "\f2a0"; color: #a31e22; } .icon-warning-2:before { content: "\f2a1"; } .icon-delegate:before, .icon-ico_delegate_01:before { content: "\f2d4"; } .icon-ico_risk_overview_01:before { content: "\f2d7"; } .icon-email-envelope:before { content: "\f2d3"; } .icon-logout:before { content: "\f2e4"; color: #00A0D2; } .icon-ico_back_round_01:before { content: "\f29a"; color: #00A0D2; transform: rotate(90deg); } .icon-scroll-down:before { content: "\f29a"; } .icon-scroll-up:before { content: "\f29b"; } .icon-pdf:before { content: "\f2ac"; } .icon-star:before { content: "\f2ae"; } .icon-link:before { content: "\f283"; } .icon-linked-mailbox:before { content: "\f12a"; } .icon-lock:before { content: "\f28a"; } .icon-check-alt:before { content: "\e917"; } .icon-close:before { content: "\e901"; } .icon-close:hover { text-decoration: none; } .icon-back:after { float: right; font-size: 26px; padding: 5px 0; font-family: "willis_fonts"; content: "\e900"; display: block; transform: rotate(180deg); } .icon-combo-arrow:before { content: "\ea7f"; position: relative; transform: rotate(90deg); display: inline-block; color: #00A0D2; } .icon-ico_close:before { content: "\e901"; } .icon-down_arrow:before { content: "\e906"; } .icon-up_arrow:before { content: "\e906"; transform: rotate(180deg); display: inline-block; } .icon-up_arrow1:before { content: "\f28f"; } .icon-down_arrow1:before { content: "\f28e"; } .icon-embed:before { content: "\ea7f"; } .icon-send-to-back:before { content: "\f111"; } .icon-handshake-heart:before { content: "\f118"; } .icon-send:before { content: "\f2d0"; } .icon-sign-out:before { content: "\f2e5"; } .icon-zip-code:before { content: "\f122"; } .icon-set-as-resume:before { content: "\f12f"; } .icon-request-service:before { content: "\f128"; } .icon-tick:before { content: "\f2c6"; color: #009966; } .icon-total-station:before { content: "\f10e"; } .icon-k-on:before { content: "\f11b"; } .icon-report-card2:before { content: "\f2e3"; } .icon-fold:before { content: "\f116"; } .icon-export:before { content: "\f2e6"; } .icon-bold:before { content: "\f280"; } .icon-idea-sharing:before { content: "\f107"; } .icon-valve:before { content: "\f108"; } .icon-hospital-bed:before { content: "\f11d"; } .icon-underline:before { content: "\f282"; } .icon-no-synchronize:before { content: "\f135"; } .icon-remove-ads:before { content: "\f123"; } .icon-bring-forward:before { content: "\f110"; } .icon-workflow:before { content: "\f29e"; } .icon-paralell-workflow:before { content: "\f133"; } .icon-forward-arrow:before { content: "\f28b"; } .icon-unfold:before { content: "\f114"; } .icon-up-and-down-arrows:before { content: "\f28c"; } .icon-roblox:before { content: "\f10a"; } .icon-timer:before { content: "\f2cb"; } .icon-bring-to-front:before { content: "\f112"; } .icon-send-job-list:before { content: "\f12c"; } .icon-retro-robot:before { content: "\f120"; } .icon-go-back:before { content: "\f292"; } .icon-play-record:before { content: "\f127"; } .icon-telegram-app:before { content: "\f10c"; } .icon-delete-button:before { content: "\f288"; } .icon-bookmark:before { content: "\f103"; } .icon-italic:before { content: "\f281"; } .icon-share-3:before { content: "\f10d"; } .icon-ios-screenshot:before { content: "\f131"; } .icon-heart-with-mouse:before { content: "\f102"; } .icon-fit-to-width:before { content: "\f29d"; } .icon-submit-resume:before { content: "\f130"; } .icon-find-matching-job:before { content: "\f125"; } .icon-shared-mailbox:before { content: "\f12b"; } .icon-pin:before { content: "\f2aa"; } .icon-student-female:before { content: "\f138"; } .icon-maxware:before { content: "\f106"; } .icon-time-backward:before { content: "\f2ca"; } .icon-wooden-massagetable:before { content: "\f11c"; } .icon-sales-channels:before { content: "\f137"; } .icon-forward-punch:before { content: "\f119"; } .icon-new-resume-template:before { content: "\f129"; } .icon-commercial-development-management:before { content: "\f134"; } .icon-sms-token:before { content: "\f126"; } .icon-refuse:before { content: "\f12d"; } .icon-reseller:before { content: "\f136"; } .icon-stack-of-tweets:before { content: "\f12e"; } .icon-e-commerce:before { content: "\f10b"; } .icon-aimp-player2:before { content: "\f10f"; } .icon-send-backward:before { content: "\f113"; } .icon-source-code:before { content: "\f285"; } .icon-calendar:before { content: "\e900"; color: #00A0D2; } .right-addon .icon-calendar { position: absolute; pointer-events: none; padding: 10px; right: 15px; font-size: 18px; } .icon-details:before { content: "\e902"; } .icon-flow-chart:before { content: "\e903"; } .icon-moleskine:before { content: "\e904"; } .icon-statistics:before { content: "\e905"; } .icon-view-more:before { content: "\e907"; } .icon-filter:before { content: "\e908"; } .icon-falling-snow:before { content: "\f1ab"; } .icon-high-tide:before { content: "\f1a8"; } .icon-cloud-lightning:before { content: "\f1a1"; } .icon-torrential-rain:before { content: "\f19c"; } .icon-volcano:before { content: "\f1bf"; } .icon-earthquake-symbol:before { content: "\f19e"; } .icon-wildfire:before { content: "\f1a9"; } .icon-flood-water:before { content: "\f19d"; } .icon-ski-mask:before { content: "\f1a3"; } .icon-flood:before { content: "\f19a"; } .icon-tornado:before { content: "\f1a6"; } .icon-windy-weather:before { content: "\f1af"; } .icon-water-wave-2:before { content: "\f1ee"; } .icon-fire:before { content: "\f1c1"; } .icon-sheets:before { content: "\f1c7"; } .icon-map:before { content: "\f1e4"; } .icon-align_center:before { content: "\e909"; } .icon-align_left:before { content: "\e90a"; } .icon-align_right:before { content: "\e90b"; } .icon-bullet:before, .icon-view_list:before { content: "\e90c"; } .icon-html:before { content: "\e90d"; } .icon-link:before { content: "\e90e"; } .icon-ordered:before { content: "\e90f"; } .icon-arrow-pointing-upward:before { content: "\f290"; } .icon-font:before { content: "\f246"; } .icon-indent:before { content: "\f214"; } .icon-outdent:before { content: "\f23a"; } .icon-align-justify:before { content: "\f239"; } .icon-redo:before { content: "\f20b"; } .icon-undo:before { content: "\f208"; } .icon-delete-link:before { content: "\f237"; } .icon-edit-small:before { content: "\e910"; } .icon-view_grid:before { content: "\e911"; } .icon-shared:before { content: "\e912"; } .icon-inspect:before { content: "\e913"; } .icon-highlight::before { content: "\e914"; } .icon-next_step:before { content: "\e915"; } .icon-layers:before { content: "\f1e4"; } .icon-flag-filled:before { content: "\f261"; } .icon-empty-flag:before { content: "\f262"; } .icon-rss:before { content: "\f263"; } .icon-round-arrow-2:before { content: "\f20c"; } .icon-help:before { content: "\f257"; } .icon-warning1:before { content: "\f2ad"; } .icon-menu:before { content: "\f3b6"; } .icon-menu-vertical:before { content: "\f26b"; } .icon-tick-2:before { content: "\f2e7"; } .icon-map-editing:before { content: "\e916"; } .icon-Base-Map:before { content: "\e918"; } .icon-Supply-Chain:before { content: "\e919"; } .icon-search-in-list:before { content: "\f26d"; } .icon-test-tube:before { content: "\f26e"; } .icon-check-document:before { content: "\f26c"; } .icon-paper-with-arrow-right:before { content: "\f229"; } #viewDiv { height: 100%; } @media (max-width: 991px) { #viewDiv.esri-view .esri-view-root { height: 600px; } } @media (max-width: 767px) { #viewDiv.esri-view .esri-view-root { height: 450px; } } @media (max-width: 575px) { #viewDiv.esri-view .esri-view-root { height: 450px; } } .esri-ui-manual-container .esri-component { display: none; } .esri-view-height-less-than-medium .esri-popup__main-container { background: #444444; color: #fff; font-size: 16px; max-height: 80%; width: 600px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .esri-view-height-less-than-medium .esri-popup__main-container { display: table; width: 600px !important; } } @media (max-width: 991px) { .esri-view-height-less-than-medium .esri-popup__main-container { width: 230px !important; font-size: 20px; max-height: 100% !important; } } @media (max-width: 767px) { .esri-view-height-less-than-medium .esri-popup__main-container { font-size: 20px; max-height: 100% !important; } } @media (max-width: 575px) { .esri-view-height-less-than-medium .esri-popup__main-container { font-size: 20px; max-height: 100% !important; } } .esri-view-height-less-than-medium .esri-popup__main-container .esri-popup__header h1 { font-weight: 500; } .esri-view-height-less-than-medium .esri-popup__main-container .esri-popup-renderer ul { margin-bottom: 0; } .esri-view-height-less-than-medium .esri-popup__main-container .esri-popup-renderer ul li { margin: 0.3em 0 24px !important; } .esri-view-height-less-than-medium .esri-popup__main-container .esri-popup-renderer ul li span { margin: -5px 5px 0 0; float: left; font-size: 17px; font-weight: 500; } @media (max-width: 991px) { .esri-view-height-less-than-medium .esri-popup__main-container .esri-popup-renderer ul li span { margin: -3px 5px 0 0; } } @media (max-width: 767px) { .esri-view-height-less-than-medium .esri-popup__main-container .esri-popup-renderer ul li span { margin: -3px 5px 0 0; } } @media (max-width: 575px) { .esri-view-height-less-than-medium .esri-popup__main-container .esri-popup-renderer ul li span { margin: -3px 5px 0 0; } } .esri-view-height-less-than-medium .esri-popup__main-container .esri-popup__content { overflow: hidden; } .esri-view-height-less-than-medium .esri-popup__main-container .esri-popup__feature-buttons { display: none !important; } .esri-view-height-less-than-medium .esri-popup__main-container .esri-popup__feature-buttons [role=button] { display: none !important; } .esri-view-height-less-than-medium .esri-popup__pointer .esri-popup__pointer-direction.esri-popup--shadow { background: #444444; } .esri-display-object svg g { cursor: pointer; } .esri-display-object svg g image { height: auto; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .esri-view-width-medium .esri-popup__main-container { width: 500px !important; } } .esri-widget [title=Dock] { display: none; } @media (max-width: 991px) { .esri-popup--shadow { box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .esri-popup--aligned-top-center { right: 0 !important; left: auto !important; top: 0 !important; bottom: 0 !important; } .esri-popup__pointer { display: none; } } @media (max-width: 767px) { .esri-popup--shadow { box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .esri-popup--is-docked { right: 0 !important; left: auto !important; top: 0 !important; bottom: 0 !important; } .esri-popup__pointer { display: none; } .esri-widget [title=Undock] { display: none; } } @media (max-width: 575px) { .esri-popup--shadow { box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .esri-popup--is-docked { right: 0 !important; left: auto !important; top: 0 !important; bottom: 0 !important; } .esri-popup__pointer { display: none; } .esri-popup__pointer { display: none; } .esri-widget [title=Undock] { display: none; } } .esri-popup__button { color: #eceeef; } .esri-popup__button:hover { color: #818a91; } .overlay { background: #fff; position: absolute; display: none; height: 100%; z-index: 9999; opacity: 0.95; width: 100%; top: 0; } .loader { position: absolute; left: 50%; top: calc(50% - 100px); z-index: 99999; display: none; } .loader.loader-text .loader-title { position: relative; top: 60px; left: -40%; color: #707070; font-size: 36px; } .smallSave { z-index: 99999; position: fixed; left: 42%; color: #707070; font-size: 18px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); padding: 8px 14px 11px 10px; width: 16%; background-color: #ecedee; } .smallSave h3 { margin-bottom: 0; } .smallSaveSpinner { width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; } @keyframes animation_bloc1 { 0% { opacity: 1; } 12.5% { opacity: 0.3; } 25% { opacity: 1; } 37.5% { opacity: 1; } 50% { opacity: 1; } 62.5% { opacity: 1; } 75% { opacity: 1; } 87.7% { opacity: 1; } 100% { opacity: 1; } } @keyframes animation_bloc2 { 0% { opacity: 1; } 12.5% { opacity: 1; } 25% { opacity: 0.3; } 37.5% { opacity: 1; } 50% { opacity: 1; } 62.5% { opacity: 1; } 75% { opacity: 1; } 87.7% { opacity: 1; } 100% { opacity: 1; } } @keyframes animation_bloc3 { 0% { opacity: 1; } 12.5% { opacity: 1; } 25% { opacity: 1; } 37.5% { opacity: 0.3; } 50% { opacity: 1; } 62.5% { opacity: 1; } 75% { opacity: 1; } 87.7% { opacity: 1; } 100% { opacity: 1; } } @keyframes animation_bloc4 { 0% { opacity: 1; } 12.5% { opacity: 1; } 25% { opacity: 1; } 37.5% { opacity: 1; } 50% { opacity: 0.3; } 62.5% { opacity: 1; } 75% { opacity: 1; } 87.7% { opacity: 1; } 100% { opacity: 1; } } @keyframes animation_bloc5 { 0% { opacity: 1; } 12.5% { opacity: 1; } 25% { opacity: 1; } 37.5% { opacity: 1; } 50% { opacity: 1; } 62.5% { opacity: 0.3; } 75% { opacity: 1; } 87.7% { opacity: 1; } 100% { opacity: 1; } } @keyframes animation_bloc6 { 0% { opacity: 1; } 12.5% { opacity: 1; } 25% { opacity: 1; } 37.5% { opacity: 1; } 50% { opacity: 1; } 62.5% { opacity: 1; } 75% { opacity: 0.3; } 87.7% { opacity: 1; } 100% { opacity: 1; } } @keyframes animation_bloc7 { 0% { opacity: 1; } 12.5% { opacity: 1; } 25% { opacity: 1; } 37.5% { opacity: 1; } 50% { opacity: 1; } 62.5% { opacity: 1; } 75% { opacity: 1; } 87.7% { opacity: 0.3; } 100% { opacity: 1; } } @keyframes animation_bloc8 { 0% { opacity: 1; } 12.5% { opacity: 1; } 25% { opacity: 1; } 37.5% { opacity: 1; } 50% { opacity: 1; } 62.5% { opacity: 1; } 75% { opacity: 1; } 87.7% { opacity: 1; } 100% { opacity: 0.3; } } .bloc_general { background: #55595c; width: 12px; height: 12px; position: absolute; opacity: 0.1; } .small { height: 30% !important; width: 30% !important; } .small.bloc1 { top: 0%; left: 0%; } .small.bloc2 { top: 0%; left: 35%; } .small.bloc3 { top: 0%; left: 70%; } .small.bloc4 { top: 35%; left: 70%; } .small.bloc5 { top: 70%; left: 70%; } .small.bloc6 { top: 70%; left: 35%; } .small.bloc7 { top: 70%; left: 0%; } .small.bloc8 { top: 35%; left: 0%; } .bloc1 { top: 0px; left: 0px; animation: animation_bloc1 2.5s 0s infinite ease-in; } .bloc2 { top: 0px; left: 15px; animation: animation_bloc2 2.5s 0s infinite ease-in; } .bloc3 { top: 0px; left: 30px; animation: animation_bloc3 2.5s 0s infinite ease-in; } .bloc4 { top: 15px; left: 30px; animation: animation_bloc4 2.5s 0s infinite ease-in; } .bloc5 { top: 30px; left: 30px; animation: animation_bloc5 2.5s 0s infinite ease-in; } .bloc6 { top: 30px; left: 15px; animation: animation_bloc6 2.5s 0s infinite ease-in; } .bloc7 { top: 30px; left: 0px; animation: animation_bloc7 2.5s 0s infinite ease-in; } .bloc8 { top: 15px; left: 0px; animation: animation_bloc8 2.5s 0s infinite ease-in; } @media (max-width: 767px) { .bloc_general { width: 15px; height: 15px; } .bloc2 { left: 20px; } .bloc3 { left: 40px; } .bloc4 { top: 20px; left: 40px; } .bloc5 { top: 40px; left: 40px; } .bloc6 { top: 40px; left: 20px; } .bloc7 { top: 40px; } .bloc8 { top: 20px; } } .sidebar--vertical--wrap { min-height: 100%; z-index: 10; width: 100px; background-color: #444444; } .sidebar--vertical--wrap .navbar, .sidebar--vertical--wrap .nav-w-submenu-container { height: 100%; } .sidebar--vertical--wrap .navbar.navbar-toggleable-md, .sidebar--vertical--wrap .nav-w-submenu-container.navbar-toggleable-md { align-items: normal; } .sidebar--vertical--wrap ul.nav { z-index: 20; position: fixed; left: 0; top: 0; flex-direction: column; align-items: center; width: 100px; padding: 0; text-align: center; text-indent: 0; } .sidebar--vertical--wrap ul.nav .nav-item { width: 100px; } .sidebar--vertical--wrap ul.nav .nav-item .nav-link { padding: 0.7em 1.4em 0.5em; display: block; } .sidebar--vertical--wrap ul.nav .nav-item a { color: #ffffff; text-decoration: none; display: block; font-size: 14px; outline: none; font-weight: 500; z-index: 21; } .sidebar--vertical--wrap ul.nav .nav-item a i { font-size: 26px; color: #ffffff; } .sidebar--vertical--wrap ul.nav .nav-item a span { display: block; width: 100%; text-align: center; } .sidebar--vertical--wrap ul.nav .nav-item a.active, .sidebar--vertical--wrap ul.nav .nav-item a:hover { color: #ffffff; position: relative; overflow: hidden; } .sidebar--vertical--wrap ul.nav .nav-item a.active i, .sidebar--vertical--wrap ul.nav .nav-item a:hover i { color: #ffffff; } .sidebar--vertical--wrap ul.nav .nav-item a.active { background: #702082; } .sidebar--vertical--wrap ul.nav .nav-item a.active:hover { background: #702082; } .sidebar--vertical--wrap ul.nav .nav-item a:hover { background: #585858; } .sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu { padding: 20px 0; background-color: #e4e4e4 !important; width: 200px; display: none; position: absolute; left: 100px; height: calc(100vh - 55px); top: 0; } .sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li { border-bottom: 1px solid #d8d8d8; color: #585858; font-weight: 400; width: 200px; } .sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li a { color: #000000; font-size: 14px; font-weight: 500; text-decoration: none; display: block; padding: 10px 10px 10px 30px; width: auto; text-align: left; } .sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li a.active, .sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li a:hover { background-color: #d8d8d8; } .sidebar--vertical--wrap.open { width: 0; } .sidebar--vertical--wrap.open ul { display: none; } .nav-toolbar_horizontal--wrap { width: 100%; } .nav-toolbar_horizontal--wrap .nav-toolbar_horizontal--toggler { z-index: 100; border: 0; cursor: pointer; position: relative; } .nav-toolbar_horizontal--wrap .navbar-nav .nav-toolbar_horizontal--list { padding-top: 0; padding-bottom: 0; } .nav-toolbar_horizontal--wrap .nav-toolbar_horizontal--list--item { text-transform: inherit; cursor: pointer; display: flex; align-items: center; width: 100%; height: 100%; color: inherit; } .nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link, .nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link { color: inherit; display: flex; align-items: center; width: 100%; height: 100%; text-align: center; justify-content: center; transition: all 0.5s ease; } @media (max-width: 991px) { .nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link, .nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link { text-indent: 35px; text-align: left; justify-content: left; } } .nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:focus, .nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:hover, .nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link:focus, .nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link:hover { background: inherit; color: inherit; position: relative; } .nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link { background: #702082; color: inherit; position: relative; pointer-events: none; } .nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link:after { z-index: 100; content: " "; position: absolute; width: 100%; height: 10px; background: #702082; display: block; bottom: -6px; right: 0px; } @media (max-width: 767px) { .nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link:after { display: none; } } .nav-toolbar_horizontal--wrap nav.navbar-nav { flex-direction: row; color: inherit; } .nav-toolbar_horizontal--wrap .nav-item { text-transform: inherit; display: flex; align-items: left; width: 100%; height: 100%; color: inherit; flex: 1 1 100%; text-align: center; } @media (min-width: 768px) { .nav-toolbar_horizontal--wrap .nav-item { width: auto; flex: 0 1 auto; } } .nav-toolbar_horizontal--wrap .nav-item:first-child { margin: 0 0 0 15px; } @media (max-width: 991px) { .nav-toolbar_horizontal--wrap .nav-item:first-child { margin: 0; } } @media (max-width: 767px) { .nav-toolbar_horizontal--wrap .nav-item:first-child { margin: 0; } } @media (max-width: 575px) { .nav-toolbar_horizontal--wrap .nav-item:first-child { margin: 0; } } .nav-toolbar_horizontal--wrap .navbar-nav.ml-auto li + li:before { content: "|"; padding: 5px 0; color: #707070; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .nav-toolbar_horizontal--wrap .navbar-nav.ml-auto li + li:before { position: relative; top: 6px; padding: 10px 0; } } .nav-toolbar_horizontal--wrap .navbar-nav.ml-auto li + li.show:before { background-color: #585858; } .nav-toolbar_horizontal--wrap .nav-link { color: inherit; display: flex; align-items: center; width: 100%; height: 100%; text-align: left; justify-content: left; font-size: 14px; padding: 0.5em 1.3em 0.5em 1em; } @media (min-width: 768px) { .nav-toolbar_horizontal--wrap .nav-link { flex: initial; } } .nav-toolbar_horizontal--wrap .nav-link:focus, .nav-toolbar_horizontal--wrap .nav-link:hover { color: inherit; transition: all 0.1s ease; background: inherit; } @media (max-width: 991px) { .nav-toolbar_horizontal--wrap .nav-link { float: left; display: block; } } .nav-toolbar_horizontal--wrap .nav-link.active { background: #702082; color: inherit; position: relative; pointer-events: none; } .nav-toolbar_horizontal--wrap .nav-link.active:after { z-index: 100; content: " "; position: absolute; width: 100%; height: 10px; background: #702082; display: block; bottom: -6px; right: 0px; } @media (max-width: 991px) { .nav-toolbar_horizontal--wrap .nav-link.active:after { display: none; } } .titlebar--wrap { padding: 0 16px; } .titlebar--wrap .tilebar--container { background: #f4f4f4; padding: 1.244rem 0; } @media only screen and (max-width: 320px) { .titlebar--wrap .tilebar--container .col-sm-8, .titlebar--wrap .tilebar--container .col-sm-4 { width: 50%; } .titlebar--wrap .tilebar--container .col-sm-8 .btn-primary, .titlebar--wrap .tilebar--container .col-sm-8 .btn-danger, .titlebar--wrap .tilebar--container .col-sm-4 .btn-primary, .titlebar--wrap .tilebar--container .col-sm-4 .btn-danger { font-size: 0.8rem; } } .titlebar--wrap .tilebar--container .titlebar-text { text-transform: capitalize; text-transform: inherit; } .titlebar--wrap .tilebar--container .theme--background--blue { max-height: 100%; border-color: #00A0D2; } .titlebar--wrap .tilebar--container .theme--background--blue:hover { border-color: inherit; } .pagination { margin: 35px 0 65px; } @media (max-width: 767px) { .pagination { margin: 35px 0; } } .page-item:first-child { margin: 0 10px 0 0; } .page-item:first-child .page-link { margin-left: 0; border-radius: 0; } .page-item:nth-child(2) .page-link:before { display: none; } .page-item:last-child { margin: 0 0 0 10px; } .page-item:last-child .page-link { border-radius: 0; } .page-item:last-child .page-link:before { display: none; } .page-item.active .page-link { z-index: 2; color: #ffffff; background-color: #00A0D2; border-color: #00A0D2; margin-top: -3px; padding-top: 11px; /* @include hover-focus { color: $white; background-color: $brand-primary; border-color:$brand-primary; cursor: default; }*/ } .page-item.disabled .page-link { color: #979797; pointer-events: none; cursor: not-allowed; background-color: #f4f4f4; border-color: #cacaca; /* @include hover-focus { color: $gray-5; background-color: $gray-lightest; border-color: $pagination-border-color; cursor: default; }*/ } .page-item .page-link { padding: 0.5rem 0.75rem; font-size: 12px; font-weight: 500; line-height: 1.25; color: #444444; background-color: #f4f4f4; background-image: none; background-clip: padding-box; border: 1px solid #c5c5c5; border-radius: 0; border-bottom-width: 2px; border-left: none; border-right: none; border-top: none; min-width: 35px; text-align: center; /* @include hover-focus { color: $white; text-decoration: none; background-color: $WTW-Software-Gray-8; border-bottom: 2px solid $WTW-Software-Gray-5; } &:before { background-color:rgba(129, 138, 145, .5); content:""; height:1rem; left:0; position: absolute; top:8px; width:1px; }*/ } @media (max-width: 575px) { .page-item .page-link { min-width: 30px; padding: 0.5rem 0.5rem; } } .page-item:first-child .page-link:before { display: none; } .thirdparty--toolbar--wrap { border-bottom: 2px solid #d7d8d8; z-index: 101; } .thirdparty--toolbar--wrap .thirdparty--toolbar--container { padding: 0; padding-bottom: 0; } .thirdparty--toolbar--wrap .thirdparty--toolbar--title--text { font-size: 1rem; font-weight: bold; } .thirdparty--toolbar--wrap .thirdparty--toolbar--title--logo { width: 30px; vertical-align: bottom; } .thirdparty--toolbar--wrap .thirdparty--toolbar--nav--item--link, .thirdparty--toolbar--wrap .thirdparty--toolbar--nav--item--pill { font-size: 0.875rem; text-transform: capitalize; } .thirdparty--toolbar--wrap .thirdparty--toolbar--nav--item--pill { background: #707070; color: #ffffff; font-size: 0.75rem; border-radius: 10rem; padding-top: 0.1em; padding-bottom: 0.2em; padding-left: 0.8em; padding-right: 0.8em; position: relative; top: 8px; } .footer-container { position: absolute; width: 100%; bottom: 0; z-index: 1001; } @media (max-width: 767px) { .footer-container { position: fixed; height: auto; bottom: -65px; } } .footer { position: inherit; bottom: 0; width: 100%; background-color: #f4f4f4; height: 50px; } @media (max-width: 767px) { .footer { position: fixed; height: auto; } } .footer .footer--title--text { font-size: 1rem; font-weight: bold; } .footer .footer--title--logo { width: 200px; margin-left: -3px; } .footer .footer--nav--item--link { font-size: 0.8rem; font-weight: 500; text-transform: capitalize; color: inherit; } .footer .footer--nav--item--link:focus, .footer .footer--nav--item--link:hover { color: inherit; text-decoration: underline; } .footer .footer--nav--item--link--copyright { font-size: 0.7rem; text-transform: capitalize; line-height: 2; position: relative; color: #585858; } @media (min-width: 768px) { .footer .footer--nav--item--link--copyright { position: absolute; right: 5px; } } .run-info { background-color: #444444; position: inherit; bottom: 50px; padding: 8px 15px; } @media (max-width: 767px) { .run-info { position: relative; bottom: 0; } } .run-info ul { margin: 0; text-align: left; } .run-info ul li { color: #ffffff; font-size: 14px; display: inline-block; padding-right: 40px; } @media (max-width: 767px) { .run-info ul li { display: block; padding: 0.5em 0; } } .run-info ul li span { padding-right: 5px; } .run-info ul li:last-child { padding-right: 0; } .theme--switches .onoffswitch { position: relative; width: 70px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .theme--switches .onoffswitch-checkbox { display: none; } .theme--switches .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #C5C5C5; border-radius: 1px; padding-left: 0 !important; } .theme--switches .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; } .theme--switches .onoffswitch-inner:before, .theme--switches .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 27px; padding: 0; line-height: 27px; font-size: 15px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; } .theme--switches .onoffswitch-inner:before { content: "I"; padding-left: 8px; background-color: #00A0D2; color: #FFFFFF; } .theme--switches .onoffswitch-inner:after { content: "O"; padding-right: 8px; background-color: #CCCCCC; color: #FFFFFF; text-align: right; } .theme--switches .onoffswitch-switch { display: block; width: 22px; margin: 3.5px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 39px; border: 0; border-radius: 0; transition: all 0.4s ease-in 0s; } .theme--switches .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; background: none !important; } .theme--switches .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } .theme--switches [type=checkbox]:not(:checked) + label:after, .theme--switches [type=checkbox]:checked + label:after, .theme--switches [type=checkbox]:not(:checked) + label:before, .theme--switches [type=checkbox]:checked + label:before { display: none; } .theme--feature { display: flex; float: right; } .theme--feature .qty-minus, .theme--feature .qty-plus { height: 20px; width: 20px; line-height: 0; background: #00A0D2; color: #fff; border: 0px solid transparent; cursor: pointer; } .theme--feature .qty-minus:disabled, .theme--feature .qty-plus:disabled { background-color: #cccccc; cursor: default; } .theme--feature .qty { height: 20px; width: 30px; background: #fff; color: #444444; font-weight: normal; font-size: 12px; text-align: center; } .sidebar--vertical--wrap { min-height: 100%; z-index: 10; width: 100px; background-color: #444444; } .sidebar--vertical--wrap .navbar, .sidebar--vertical--wrap .nav-w-submenu-container { height: 100%; } .sidebar--vertical--wrap .navbar.navbar-toggleable-md, .sidebar--vertical--wrap .nav-w-submenu-container.navbar-toggleable-md { align-items: normal; } .sidebar--vertical--wrap ul.nav { z-index: 20; position: fixed; left: 0; top: 0; flex-direction: column; align-items: center; width: 100px; padding: 0; text-align: center; text-indent: 0; } .sidebar--vertical--wrap ul.nav .nav-item { width: 100px; } .sidebar--vertical--wrap ul.nav .nav-item .nav-link { padding: 0.7em 1.4em 0.5em; display: block; } .sidebar--vertical--wrap ul.nav .nav-item a { color: #ffffff; text-decoration: none; display: block; font-size: 14px; outline: none; font-weight: 500; z-index: 21; } .sidebar--vertical--wrap ul.nav .nav-item a i { font-size: 26px; color: #ffffff; } .sidebar--vertical--wrap ul.nav .nav-item a span { display: block; width: 100%; text-align: center; } .sidebar--vertical--wrap ul.nav .nav-item a.active, .sidebar--vertical--wrap ul.nav .nav-item a:hover { color: #ffffff; position: relative; overflow: hidden; } .sidebar--vertical--wrap ul.nav .nav-item a.active i, .sidebar--vertical--wrap ul.nav .nav-item a:hover i { color: #ffffff; } .sidebar--vertical--wrap ul.nav .nav-item a.active { background: #702082; } .sidebar--vertical--wrap ul.nav .nav-item a.active:hover { background: #702082; } .sidebar--vertical--wrap ul.nav .nav-item a:hover { background: #585858; } .sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu { padding: 20px 0; background-color: #e4e4e4 !important; width: 200px; display: none; position: absolute; left: 100px; height: calc(100vh - 55px); top: 0; } .sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li { border-bottom: 1px solid #d8d8d8; color: #585858; font-weight: 400; width: 200px; } .sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li a { color: #000000; font-size: 14px; font-weight: 500; text-decoration: none; display: block; padding: 10px 10px 10px 30px; width: auto; text-align: left; } .sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li a.active, .sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li a:hover { background-color: #d8d8d8; } .sidebar--vertical--wrap.open { width: 0; } .sidebar--vertical--wrap.open ul { display: none; } /*.radio-group,*/ .checkbox-group { margin: auto 0; display: flex; padding: 10px; } @media (max-width: 48em) { .checkbox-group { flex-direction: column; align-items: flex-start; text-align: left; } } /*.radio-group-label */ .checkbox-group-label { display: block; width: 100%; margin: 10px 0; } /* .form-check.disabled .radio-label, */ .form-check.disabled .checkbox-label { color: #636c72; display: block; cursor: not-allowed; opacity: 0.5; } .checkbox-label { position: relative; display: inline-block; margin: 10px; padding: 0; } .checkbox-label:first-child { margin-left: 0; } @media (max-width: 48em) { .checkbox-label { display: block; margin: 10px 0; } } .checkbox-label input { opacity: 0; position: absolute; } .checkbox-label .label-text { position: relative; display: inline-block; padding-left: 40px; padding-right: 40px; border-radius: 0; } .checkbox-label .label-text:before { content: ""; position: absolute; left: 0; top: 4px; border-color: #00A0D2; border: 1px solid #00A0D2; background: #00A0D2; height: 15px; width: 15px; } .checkbox-label input:focus ~ .label-text:before { border: 1px solid #00A0D2; background: #00A0D2; } .checkbox-label input:checked ~ .label-text:after { content: ""; background: url("/assets/images/checkedcheckbox.svg") no-repeat; height: 10px; width: 12px; position: absolute; font-size: 12px; left: 7px; top: 11px; transform: translate(-50%, -50%); } /* Base for label styling */ [type=checkbox]:not(:checked), [type=checkbox]:checked { position: absolute; left: -9999px; } [type=checkbox]:not(:checked) + label, [type=checkbox]:checked + label { position: relative; padding-left: 1.95em; cursor: pointer; } /* checkbox aspect */ [type=checkbox]:not(:checked) + label:before, [type=checkbox]:checked + label:before { content: ""; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 2px solid #ccc; background: inherit; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } /* checked mark aspect */ [type=checkbox]:not(:checked) + label:after, [type=checkbox]:checked + label:after { content: " "; position: absolute; top: 0.1em; left: 0.3em; font-size: 1.3em; line-height: 0.8; color: #09ad7e; transition: all 0.2s; } /* [type="radio"]:not(:checked)+label:before, [type="radio"]:checked+label:before { left: 0; top: 4px; border-color: $brand-primary; border: 1px solid $brand-primary; background: $brand-primary; border-radius: 100%; height: 19px; width: 19px; } //////////////////////////////////// /// radio ---- input area// checked [type="radio"]:not(:checked)+label:after, [type="radio"]:checked+label:after { content: ' • '; font-size: 32px; color: $white; top: -3px; left: 4px; line-height: 1.0; } */ .custom-checkbox { padding: 2px 15px; } [type=checkbox]:checked, [type=checkbox]:not(:checked), [type=radio]:checked, [type=radio]:not(:checked) { position: absolute; left: -9999px; } [type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label, [type=radio]:checked + label, [type=radio]:not(:checked) + label { position: relative; padding-left: 1.95em; cursor: pointer; } [type=checkbox]:checked + label:before, [type=checkbox]:not(:checked) + label:before, [type=radio]:checked + label:before, [type=radio]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; background: inherit; border-radius: 4px; } [type=checkbox]:checked + label:after, [type=checkbox]:not(:checked) + label:after, [type=radio]:checked + label:after, [type=radio]:not(:checked) + label:after { content: " "; position: absolute; top: 0.1em; left: 0.3em; font-size: 1.3em; line-height: 0.8; color: #09ad7e; } [type=checkbox]:checked + label:before { content: " "; left: 0; top: 3px; background: #00A0D2; border-radius: 3px; border: 1px solid #00A0D2; height: 15px; width: 15px; } [type=checkbox]:not(:checked) + label:before { content: " "; left: 0; top: 3px; background: #f4f4f4; border: 1px solid #d8d8d8; border-radius: 3px; height: 15px; width: 15px; } [type=checkbox]:not(:checked) + label:after, [type=checkbox]:checked + label:after { content: " "; height: 10px; width: 10px; color: #ffffff; background: url("/assets/images/checkedcheckbox.svg") no-repeat; transition: all 0.2s; top: 6px; left: 3px; } /* checked mark aspect changes */ [type=checkbox]:not(:checked) + label:after { opacity: 0; transform: scale(0); -webkit-transform: scale(0); } [type=checkbox]:checked + label:after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); } /* disabled checkbox */ [type=checkbox]:disabled:not(:checked) + label:before { box-shadow: none; background-color: #f4f4f4; border-color: #d8d8d8; } [type=checkbox]:disabled:checked + label:after { color: #999; } [type=checkbox]:disabled + label { color: #aaa; cursor: auto; cursor: initial; } .filter--switch { position: relative; display: inline-block; vertical-align: top; width: 60px; height: 22px; background: transparent; border-radius: 0px; cursor: pointer; float: right; border: 1px solid #d8d8d8; } .filter--switch:disabled { background: red; background-color: red; } @media (max-width: 991px) { .filter--switch { border: 1px solid #444444; } } .filter--switch .filter--switch-input { position: absolute; top: 0; left: 0; opacity: 0; } .filter--switch .filter--switch-label { position: relative; display: block; height: inherit; font-size: 12px; text-transform: uppercase; font-weight: normal; background: #fff; border-radius: inherit; transition: 0.15s ease-out; transition-property: opacity background; bottom: 2px; } .filter--switch .filter--switch-label:before, .filter--switch .filter--switch-label:after { position: absolute; top: 50%; margin-top: -0.5em; line-height: 1; transition: inherit; } .filter--switch .filter--switch-label:before { content: attr(data-off); right: 7px; color: #aaa; opacity: 0.5; } .filter--switch .filter--switch-label:after { content: attr(data-on); left: 11px; color: #ffffff; opacity: 0; } .filter--switch .filter--switch-input:checked ~ .filter--switch-label { background: #00A0D2; } .filter--switch .filter--switch-input:checked ~ .filter--switch-label:before { opacity: 0; } .filter--switch .filter--switch-input:checked ~ .filter--switch-label:after { opacity: 1; } .filter--switch .filter--switch-handle { position: absolute; top: 0; left: 4px; width: 18px; height: 18px; background: #ffffff; border-radius: 0px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); transition: left 0.15s ease-out; } .filter--switch .filter--switch-input:checked ~ .filter--switch-handle { left: 38px; } .filter--switch .filter--switch-input:not(:checked) ~ .filter--switch-handle { left: 3px; background: #cccccc; } .filter--switch .filter--switch-green > .filter--switch-input:checked ~ .filter--switch-label { background: #4fb845; } .filter-select--switch, .switch-on-off { position: relative; display: inline-block; vertical-align: top; width: 50px; height: 27px; background: transparent; border-radius: 0px; cursor: pointer; border-width: 0; } .filter-select--switch .filter--switch-input, .switch-on-off .filter--switch-input { position: absolute; top: 0; left: 0; opacity: 0; } .filter-select--switch .filter--switch-input:checked ~ .filter--switch-handle, .switch-on-off .filter--switch-input:checked ~ .filter--switch-handle { left: 26px; } .filter-select--switch .filter--switch-label, .switch-on-off .filter--switch-label { position: relative; display: block; height: inherit; font-size: 12px; text-transform: uppercase; font-weight: normal; background: #007FA7; border-radius: inherit; transition: 0.15s ease-out; transition-property: opacity background; bottom: 2px; } .filter-select--switch .filter--switch-label:before, .switch-on-off .filter--switch-label:before, .filter-select--switch .filter--switch-label:after, .switch-on-off .filter--switch-label:after { display: none; } .filter-select--switch .filter--switch-input:checked ~ .filter--switch-label, .switch-on-off .filter--switch-input:checked ~ .filter--switch-label { background: #007FA7; } .filter-select--switch .filter--switch-input:not(:checked) ~ .filter--switch-handle, .switch-on-off .filter--switch-input:not(:checked) ~ .filter--switch-handle { left: 3px; background: #ffffff; } .filter-select--switch .filter--switch-handle, .switch-on-off .filter--switch-handle { position: absolute; top: 1px; left: 3px; width: 21px; height: 21px; background: #ffffff; border-radius: 0px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); transition: left 0.15s ease-out; } .switch-on-off .filter--switch-label { background-color: #979797; } .switch-on-off .filter--switch-label:before, .switch-on-off .filter--switch-label:after { display: block !important; font-size: 14px; } .switch-on-off .filter--switch-label:before { color: #ffffff; opacity: 1; } .switch-off { color: #979797 !important; } /* ---- Custom CSS Radio and checkbox style ----- */ /* input[type=checkbox]:not(old), */ input[type=radio]:not(old) { width: 2em; margin: 0; padding: 0; font-size: 1em; opacity: 0; } /* input[type=checkbox]:not(old) + label, */ input[type=radio]:not(old) + label { display: inline-block; margin-left: -2em; line-height: 1.5em; } /* input[type=checkbox]:not(old) + label > span, */ input[type=radio]:not(old) + label > span { display: inline-block; width: 1em; height: 1em; margin: 0.25em 0.5em 0.25em 0.25em; border: 0; border-radius: 0.5em; background: #ffffff; border: 1px solid #908F8F; vertical-align: bottom; } input[type=radio]:not(old):checked + label > span { background: #00A0D2; border: 1px solid #00A0D2; } input[type=radio]:not(old):checked + label > span > span { display: block; width: 6px; height: 6px; margin: 3px; border: 0; border-radius: 0.5em; background: #ffffff; } input[type=checkbox].circle-check { -webkit-appearance: none; *-moz-appearance: none; appearance: none; width: 1em; height: 1em; position: static; position: initial; border: none; background: none; } input[type=checkbox].circle-check:after { transition: background-color 0.75s ease; display: inline-block; width: 20px; height: 20px; border-radius: 10px; border: 2px solid #00A0D2; cursor: pointer; content: ""; } input[type=checkbox].circle-check:checked:after { border: 6px solid #00A0D2; } .checkbox-container .custom-control-input { z-index: 1; left: 15px; margin-top: 5px; } .circle-green { margin-right: 5px; width: 10px; height: 10px; border-radius: 10px; display: inline-block; background: #00c389; margin-left: 5px; } .circle-red { margin-right: 5px; width: 10px; height: 10px; border-radius: 10px; display: inline-block; background: #f24965; margin-left: 5px; } .circle-amber { margin-right: 5px; width: 10px; height: 10px; border-radius: 10px; display: inline-block; background: #f2a040; margin-left: 5px; } .live-event-status .icon-email-envelope::before { float: left; padding-top: 3px; padding-right: 5px; } .popover-title { border-bottom: 2px solid #009ed1; color: #000; padding: 10px 14px; margin: 0; font-size: 1rem; background: #ecedee; } .popover-content { padding: 10px 14px; background: #ecedee; } .container { padding: 20px; } .popover { max-width: 400px; } .fullpage { position: absolute; width: 100%; z-index: 10000; } @media (max-width: 991px) { .fullpage { position: absolute; top: 0; left: 25%; width: 0; } } @media (min-width: 992px) { .fullpage { top: -3%; left: 30%; transform: translate(-3%, -30%); } } .ui--info--wrap { /* creates triangle */ } .ui--info--wrap .ui--info--pin--key { padding: 5px; text-align: center; width: 60px; display: inline-block; } @media (max-width: 991px) { .ui--info--wrap .ui--info--pin--key { width: 30px; padding: 2px; } } .ui--info--wrap .ui--info--pin--data { position: absolute; padding: 15px; margin: 0; color: #fff; background: #444444; border-radius: 0; z-index: 1; width: 620px; } @media (max-width: 991px) { .ui--info--wrap .ui--info--pin--data { width: 300px; } } .ui--info--wrap .ui--info--pin--data:after { content: ""; display: block; position: absolute; left: 90px; width: 0; top: 98%; border-top: 30px solid #444444; border-right: 40px solid transparent; border-left: 35px solid transparent; z-index: 1; } @media (max-width: 991px) { .ui--info--wrap .ui--info--pin--data:after { display: none; } } .ui--info--wrap .ui--info--pin--data--title { margin-bottom: 20px; border-bottom: 2px solid #c5c5c5; padding-bottom: 3px; } .ui--info--wrap .ui--info--close { position: absolute; right: 0; top: 0; padding: 10px 20px; cursor: pointer; } .js--ui--info--card { display: none; } @media (max-width: 991px) { .theme--map { min-height: 400px; } } .sidebar--vertical--wrap ul.nav-vertical .active .nav-link:hover, .sidebar--vertical--wrap ul.nav-vertical .active .nav-link:focus { background: none; } .sidebar--vertical--wrap nav.navbar { position: relative; width: 100%; top: 0; left: 0px; } .sidebar--vertical--wrap ul.nav-vertical { position: absolute; left: 0px; background: inherit; } @media (min-width: 992px) { .sidebar--vertical--wrap ul.nav-vertical { text-align: center; } } .sidebar--vertical--wrap ul.nav-vertical .nav-item:first-child { margin-top: 20px; } .sidebar--vertical--wrap ul.nav-vertical .nav-link { display: block; padding: 0.5em 0.6em; position: relative; color: inherit; cursor: pointer; border-radius: 0; font-weight: inherit; } .sidebar--vertical--wrap ul.nav-vertical .nav-link:focus, .sidebar--vertical--wrap ul.nav-vertical .nav-link:hover { color: #ffffff; } @media (max-width: 991px) { .sidebar--vertical--wrap ul.nav-vertical .nav-link:focus, .sidebar--vertical--wrap ul.nav-vertical .nav-link:hover { color: #000000; } } .sidebar--vertical--wrap ul.nav-vertical .nav-link.active { background: #702082; color: #ffffff; position: relative; } .sidebar--vertical--wrap ul.nav-vertical .nav-link.active:after { z-index: 100; content: " "; position: absolute; width: 15px; height: 100%; background: #702082; display: block; top: 0; right: -14px; } .sidebar--vertical--wrap ul.nav-vertical .nav-link img { text-align: center; margin-right: auto; margin-left: auto; display: block; } .nested--nav--wrap { position: relative; } .nested--nav--wrap .dropdown-backdrop { z-index: auto; position: relative; } .nested--nav--wrap .dropdown-toggle .nav-link, .nested--nav--wrap .nav-item.show .nav-link { color: inherit; background: inherit; background-color: none; font-weight: inherit; } .nested--nav--wrap .dropdown-toggle { text-align: center; } .nested--nav--wrap .nested--nav--submenu { position: fixed; top: -2px; left: 100px; z-index: 1; text-indent: 30px; width: 200px; height: 100vh; border-top: 0; padding-top: 60px; background: #e4e4e4; } .nested--nav--wrap .nested--nav--submenu .nav-link:hover, .nested--nav--wrap .nested--nav--submenu .nav-link:focus { background: #d8d8d8 !important; } .nested--nav--wrap .dropdown-item { border-bottom: 1px solid #d8d8d8; padding: 10px 0; } .nested--nav-horizontal--wrap .nav-link { font-weight: normal; } .nested--nav-horizontal--wrap .dropdown-menu { font-weight: normal; } .nested--nav-horizontal--wrap .dropdown-menu .nested--nav-horizontal--submenu { position: absolute; top: -2px; left: 0; z-index: 1; width: 100%; height: 100%; text-indent: 30px; border-top: 0; background: #e4e4e4; } .nested--nav-horizontal--wrap.show > .dropdown-menu.nested--nav-horizontal--submenu { display: inline-flex; height: 100%; width: 100%; padding: 0; border-top: 0; } .nested--nav-dropdown--wrap { font-weight: normal; } .nested--nav-dropdown--wrap .dropdown-menu { border-top: 0; } .nested--nav-dropdown--wrap .nav-link { font-weight: normal; padding: 0.5rem 0; } .theme--nav-nested .nav-link.theme--nav-nested--item--link:focus, .theme--nav-nested .nav-link.theme--nav-nested--item--link:hover { background: #e4e4e4; color: #000000; } nav { list-style: none !important; } .filter-container .filter-container--title { text-transform: capitalize; font-size: 14px; font-weight: 700; } .filter-container .filter-container--copy { text-indent: 0; font-size: 11px; } .nav-pills { display: inline-flex; padding: 0.75rem; z-index: 1; position: absolute; font-size: 0.875rem; } .nav-pills .nav-item { border: 2px solid #007FA7; margin-left: -2px; } .nav-pills .nav-item .nav-link { border-radius: 0; background-color: #ffffff; color: #007FA7; } .nav-pills .nav-link.active, .nav-pills .nav-item.show .nav-link { color: #ffffff; cursor: default; background-color: #007FA7; } .user-link.icon-person:before { font-size: 24px; } .nav-link-currency { position: relative; font-size: 0.875rem; color: #585858; } .nav-link-currency .icon-globe { position: absolute; bottom: 8px; } .nav-link-currency:hover .icon-globe::before { color: #007FA7 !important; } /* Forms */ .input-hook { position: relative; } .autocomplete .icon-search { top: 0; position: absolute; pointer-events: none; padding: 10px; right: 15px; color: #00a0d2; } .autocomplete .spin { top: 10px; position: absolute; pointer-events: none; padding: 10px; right: 15px; color: #00a0d2; pointer-events: none; } .autocomplete .spin:before { animation: 1.5s linear infinite spinner; animation-play-state: inherit; border: solid 3px #f4f4f4; border-bottom-color: #00A0D2; border-radius: 50%; content: ""; height: 30px; width: 30px; position: absolute; left: 10%; transform: translate3d(-50%, -50%, 0); will-change: transform; } .form-control, .input-group-addon { border-bottom-width: 2px; border-left: none; border-right: none; border-top: none; } .form-control::-moz-placeholder { /* Chrome/Opera/Safari */ color: #d8d8d8; } .form-control::placeholder { /* Chrome/Opera/Safari */ color: #d8d8d8; } .form-control:placeholder { /* IE 10+ */ color: #d8d8d8; } .input-group-addon { color: #585858; } .custom-file-control { border-bottom: 2px solid #c5c5c5; } label { font-size: 14px; color: #444444; } .form-check-input { font-size: 16px; margin-left: -1.2rem; } .form-control { display: block; width: 100%; padding: 0.6rem 0.75rem; font-size: 0.875rem; line-height: 1.25; color: #000; background-color: #f4f4f4; background-image: none; background-clip: padding-box; border: 1px solid #c5c5c5; border-radius: 0; } .form-control::-webkit-input-placeholder { color: #585858; } .form-control::-moz-placeholder { color: #585858; } .form-control:-ms-input-placeholder { color: #585858; } .form-control:focus { background-color: #f4f4f4; border-color: #00A0D2; } .form-control:disabled, .form-control[readonly] { background-color: #d8d8d8; } .form-control:disabled:focus, .form-control[readonly]:focus { border-color: #c5c5c5; } .form-control, .input-group-addon { border-bottom-width: 2px; border-left: none; border-right: none; border-top: none; } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .input-group-addon { border-radius: 0; } [placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity 0.5s 0.5s ease; transition: opacity 0.5s 0.5s ease; opacity: 0; } .has-danger, input.ng-touched.ng-invalid, select.ng-touched.ng-invalid, textarea.ng-touched.ng-invalid { border-bottom: 2px solid #a31e22; } .has-warning { border-bottom: 2px solid #de7400 !important; } .has-warning .input-group-addon { border-bottom: 2px solid #c5c5c5; background-color: #eceeef; margin-bottom: -2px; color: #585858; } .has-warning .form-control { border-color: transparent; } .has-danger, input.ng-touched.ng-invalid, select.ng-touched.ng-invalid, textarea.ng-touched.ng-invalid { border-bottom: 2px solid #a31e22 !important; } .has-danger .input-group-addon, input.ng-touched.ng-invalid .input-group-addon, select.ng-touched.ng-invalid .input-group-addon, textarea.ng-touched.ng-invalid .input-group-addon { border-color: transparent; background-color: #eceeef; } .has-danger .form-control, input.ng-touched.ng-invalid .form-control, select.ng-touched.ng-invalid .form-control, textarea.ng-touched.ng-invalid .form-control { border-color: transparent; } input::-ms-clear { display: none; } .form-group .input-group .input-group-addon { padding: 0.5rem 0rem; } .form-group .input-group .input-group-addon .custom-checkbox { margin-top: -16px; padding: 2px 4px 2px 15px; } /* Tabs */ .nav-tabs { background-color: #f4f4f4; padding-top: 1rem; } .nav-tabs .nav-link { color: #585858; font-size: 14px; font-weight: 500; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover { background-color: #00A0D2; border-color: #00A0D2 #00A0D2 transparent; color: #ffffff; margin-top: -1.7em; padding-top: 2rem; border-radius: 0; } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { color: #979797; } /* Sub nav-tabs -----------------------------------------------*/ .secondary-nav-tabs { background-color: #ffffff; border-bottom: 2px solid #d8d8d8 !important; } .secondary-nav-tabs .nav-link { font-size: 16px; color: #00A0D2; } .secondary-nav-tabs .nav-link.active, .secondary-nav-tabs .nav-link.active:focus, .secondary-nav-tabs .nav-link.active:hover { background-color: #ffffff; color: #000000; border-color: transparent; padding-top: 1rem; } /* Sub nav-tabs -----------------------------------------------*/ .tertiary-nav-tabs { background-color: #ffffff; border-bottom-width: 0; } .tertiary-nav-tabs.nav-tabs { padding-top: 0; } .tertiary-nav-tabs .nav-item { width: 192px; } .tertiary-nav-tabs .nav-item .nav-link { font-size: 16px; background-color: #ffffff; color: #585858; text-align: center; } .tertiary-nav-tabs .nav-item .nav-link.active, .tertiary-nav-tabs .nav-item .nav-link.active:focus, .tertiary-nav-tabs .nav-item .nav-link.active:hover { background-color: #00A0D2; color: #ffffff; margin-top: 0; padding: 10px; } .card-tabs .card-header { background-color: transparent; border-bottom: 1px solid #ccc; margin: 0 auto; padding-left: 0; padding-right: 0; padding-top: 0; width: calc(100% - 2.5rem); } .card-tabs .card-header h1, .card-tabs .card-header h2, .card-tabs .card-header h3, .card-tabs .card-header h4, .card-tabs .card-header h5, .card-tabs .card-header h6 { margin-bottom: 0; margin-top: 1rem; } .card-tabs .card-text { margin-top: 0; } .card-tabs .nav-tabs { background-color: transparent; } .card-tabs .nav-link.active, .card-tabs .nav-link.active:focus, .card-tabs .nav-link.active:hover { background-color: #00607d; border-color: #00607d #00607d transparent; } .card-tabs.card-inverse .card-header h1, .card-tabs.card-inverse .card-header h2, .card-tabs.card-inverse .card-header h3, .card-tabs.card-inverse .card-header h4, .card-tabs.card-inverse .card-header h5, .card-tabs.card-inverse .card-header h6 { color: #fff; } .card-tabs.card-inverse .nav-link { color: #fff; } .card-tabs.card-inverse .nav-link.disabled, .card-tabs.card-inverse .nav-link.disabled:focus, .card-tabs.card-inverse .nav-link.disabled:hover { color: #979797; } .card-header-tabs { margin-left: 2rem; } .card-header-tabs li a.active { border-top: 7px solid #00A0D2 !important; padding-top: 1.7em !important; } .card-inverse .card-header { border-bottom: 1px solid #707070; } .card-inverse .card-header .nav-link.active { border-bottom-color: #707070; } .tab a { padding: 0.75rem 0.75rem 1.5rem; font-weight: 400; background-color: #585858; height: 75px; } .tab a.btn { border-width: 0; width: 100%; text-align: left; } .tab a:after { content: "\e906"; font-family: "willis_fonts"; transform: rotate(180deg); display: inline-block; position: absolute; bottom: 8px; right: 25px; } .tab a.collapsed { background-color: #00A0D2; border-width: 0px; } .tab a.collapsed.btn-primary, .tab a.collapsed.btn-danger { border-color: #00A0D2; } .tab a.collapsed:after { transform: rotate(0deg); } .tab a:hover, .tab a:focus { color: #ffffff; background-color: #585858; } .tab a:hover.btn-primary, .tab a.btn-danger:hover, .tab a:focus.btn-primary, .tab a.btn-danger:focus { border-color: #444444; } .page-tabs-header .tabs-menu ul li a { color: #00A0D2; } .page-tabs-header .tabs-menu ul li a:hover, .page-tabs-header .tabs-menu ul li a:focus { color: #007FA7; text-decoration: underline; } .strategy-tabs .collapsed-target-container .card { background: #585858 !important; } table, .table { font-size: 0.875rem; color: #444444; } table th, table td, .table th, .table td { padding: 0.5rem 0.75rem; } table th.column-sort span:before, .table th.column-sort span:before { color: #00A0D2; position: relative; font-size: 12px; font-weight: bold; left: -5px; } table th.column-sort span.icon-combo-arrow:before, .table th.column-sort span.icon-combo-arrow:before { font-size: 14px; font-weight: normal; } tbody tr.active { background-color: #444444 !important; color: #fff !important; } tbody tr:nth-of-type(odd) { background-color: #ffffff; } tbody tr.even { background-color: #f4f4f4; } .tb-container { display: table; } .tb-container .tb-row { display: table-row; } .tb-container .tb-row .tb-cell { display: table-cell; } .table-bordered--mod { border: 2px solid #c5c5c5; border-top-width: 0; border-bottom-width: 1px; } .table-bordered th, .table-bordered td { border: 1px solid #c5c5c5; } .table-bordered--mod .table { margin-bottom: 0; } .table-bordered--mod .table th, .table-bordered--mod .table td { padding: 0.3rem; font-weight: 500; } .thead-inverse th { background-color: #585858; border: 1px solid #585858; font-weight: 400; } .table.table-sm { font-size: 0.75rem; background-color: transparent; } .table.table-sm tr:nth-of-type(odd), .table.table-sm tr.even { background-color: transparent; } .table.table-sm tr th { border-bottom-width: 0; border-top-width: 0; padding: 0.75rem; } .table.table-sm tr td { border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; padding-left: 0.75rem; vertical-align: middle; } .table.table-sm tr td [contenteditable=true] { padding: 0.5rem 0.75rem; margin-left: -0.75rem; } .table.table-sm tr td a[id^=detail] { float: left; } .table.table-sm tr td:last-child { border-right-width: 0; } .table.table-sm tr:last-child td { border-bottom: 1px solid #d8d8d8; } .table tr td .status { color: #ffffff; border-radius: 20px; padding: 3px 8px; display: block; text-align: center; font-size: 12px; } .table tr.incomplete td .status { background-color: #de7400; } @media (max-width: 767px) { .table tr.incomplete td .status { text-indent: 0; text-indent: initial; } } .table tr.complete td .status { background-color: #009966; } .table-12 { font-size: 0.75rem; color: #1D1D1B !important; } .table.table-bordered { border-width: 0; background-color: transparent; font-size: 12px; } .table.table-bordered thead tr { background-color: transparent !important; } .table.table-bordered thead th { border-width: 0; padding: 0 0.5rem 0.5rem; border-bottom: solid 2px #00A0D2; } .table.table-bordered thead th:first-child { padding: 0 0.5rem 0.5rem 0; border-bottom: solid 2px #c5c5c5; border-right: solid 3px #f4f4f4; } .table.table-bordered thead:after { content: "-"; display: block; line-height: 1em; color: transparent; } .table.table-bordered tbody { background-color: #ffffff; border: 2px solid #d8d8d8; } .table.table-bordered tbody td { border: 1px solid #d8d8d8; padding: 0; vertical-align: middle; } .table.table-bordered tbody td:nth-child(2), .table.table-bordered tbody td:nth-child(3), .table.table-bordered tbody td:nth-child(4), .table.table-bordered tbody td:nth-child(5) { text-align: right; } .table.table-bordered tbody td [contenteditable=true] { padding: 0.5rem; } .table.table-bordered tbody td div.percentage { padding: 0.5rem; } .table.table-bordered tbody td div.percentage:after { content: "%"; } .table.table-bordered tbody td:first-child { background-color: #f4f4f4; padding-left: 0.5rem; } .table.table-bordered tbody td.has-warning { border-bottom: 2px solid #de7400; background-color: #f4f4f4; } .table.table-bordered tbody td.has-danger { border-bottom: 2px solid #a31e22; background-color: #f4f4f4; } .group-table h4 { border-bottom: 1px solid #c5c5c5; padding: 15px 0; } .group-table .table.table-bordered { margin: 0; } .group-table .table.table-bordered tbody tr th { background-color: #ebebeb; vertical-align: middle; font-size: 12px; font-weight: normal; padding: 0.5rem; text-align: right; font-weight: 500; } .group-table .table.table-bordered tbody tr th:nth-child(3) { padding: 0; } .group-table .table.table-bordered tbody tr th:first-child { text-align: left; } .group-table .table.table-bordered tbody tr td { font-size: 12px; text-align: right; } .group-table .table.table-bordered tbody tr td:nth-child(3) { padding: 0; } .group-table .table.table-bordered tbody tr td:first-child { text-align: left; } .group-table .table.total td { background-color: #f4f4f4 !important; color: #000000; font-weight: bold; } .group-table .table.total td:nth-child(2) { text-align: right; } .table-striped thead th { border-top-width: 0; border-bottom-width: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: #f4f4f4; } .table-striped tbody tr td { border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; text-align: right; } .table-striped tbody tr td:last-child { border-right-width: 0; } /* Dropdowns */ .dropdown-toggle::after { display: none; } a.dropdown-toggle:not([href]):not([tabindex]), a.dropdown-toggle:not([href]):not([tabindex]):focus, a.dropdown-toggle:not([href]):not([tabindex]):hover, a.dropdown-toggle { background-color: transparent; color: #585858; font-size: 1rem; font-weight: 500; text-align: left; border-radius: 0; width: 100%; } .dropdown-menu { position: absolute; top: 96%; left: 0; z-index: 1000; display: block; text-align: left; list-style: none; background-color: #f4f4f4; background-clip: padding-box; border: 0; border-top: 2px solid #009ed1; border-radius: 0; width: 100%; } @media (max-width: 991px) { .dropdown-menu { top: 75%; } } .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { background-color: #ecedee; } .dropdown-divider { height: 2px; margin: 0.5rem auto; width: calc(100% - 2rem); } .dropdown-item:focus, .dropdown-item:hover { color: #ffffff; text-decoration: none; background-color: #444444; } .dropdown-divider { height: 2px; margin: 0; width: 100%; overflow: hidden; background-color: #d8d8d8; } .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { background-color: #ecedee; color: #979797; } .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { color: #009ed1; text-decoration: none; background-color: #f4f4f4; outline: 0; } .dropdown-item { display: block; width: 100%; padding: 3px 1rem; clear: both; font-weight: 400; color: #000; text-align: inherit; white-space: nowrap; background: none; border: 0; } .show .icon-more:after, .show .icon-more-table:after { color: #fff !important; } .show > .dropdown-menu { max-height: 250px; } .show > .dropdown-menu.dropdown-menu--titelbar { width: 400px; padding: 2px 0 0; margin: 20px 0 15px; } .show > .dropdown-menu.dropdown-menu--titelbar .dropdown-item { font-size: 20px; padding: 10px 15px; } .dropdown-menu--actions { right: 0; left: auto; background-color: #444444; border-top-width: 0; font-size: 13px; padding: 0 10px; max-height: 0; min-width: 180px; overflow: hidden; transition: max-height 500ms ease; } @media (max-width: 991px) { .dropdown-menu--actions { width: auto; } } @media (max-width: 767px) { .dropdown-menu--actions { width: 100vw; } } .dropdown-menu--actions .dropdown-item { color: #fff; border-bottom: 1px solid #707070; padding: 8px; transition: color 0.5s ease-in; } .dropdown-menu--actions .dropdown-item span { position: absolute; right: 15px; padding: 3px; transition: color 0.5s ease-in; color: #ffffff; font-size: 18px; } .dropdown-menu--actions .dropdown-item:hover, .dropdown-menu--actions .dropdown-item:focus { color: #d8d8d8; } .dropdown-menu--actions .dropdown-item:hover span, .dropdown-menu--actions .dropdown-item:focus span { color: #d8d8d8; } .dropdown-menu--actions .dropdown-item:last-child { border-bottom-width: 0; } a.dropdown-toggle:not([href]):not([tabindex]), a.dropdown-toggle:not([href]):not([tabindex]):focus, a.dropdown-toggle:not([href]):not([tabindex]):hover, a.dropdown-toggle { font-weight: 400; } .mobile-nav { padding: 6px 0 0 !important; margin-right: 0; } .more-dropdown, .view-more { position: relative; display: inline-block; cursor: pointer; } .more-dropdown .dropdown-content, .view-more .dropdown-content { display: none; position: absolute; right: 10px; background-color: #55595c; min-width: 130px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; top: -2px; } .more-dropdown .dropdown-content a, .view-more .dropdown-content a { color: #ffffff; padding: 5px 10px 5px 10px; text-decoration: none; display: block; } .more-dropdown .dropdown-content a:hover, .view-more .dropdown-content a:hover { background-color: #444444; color: #ffffff; } .more-dropdown .dropdown-content a span:before, .view-more .dropdown-content a span:before { color: #c6c6c5; padding-right: 1rem; position: relative; top: 3px; } .more-dropdown:hover .dropdown-content, .view-more:hover .dropdown-content { display: block; } .more-dropdown .icon-more-table:after, .view-more .icon-more-table:after { color: #00A0D2 !important; left: 0; } .more-dropdown .icon-view-more:before, .view-more .icon-view-more:before { color: #979797; font-size: 20px; } .dropdown-menu--login, .language-dropdown .dropdown-menu { right: 0; left: auto; background-color: #f4f4f4; color: #444444; border-top-width: 0; font-size: 13px; padding: 0 10px; max-height: 0; overflow: hidden; transition: max-height 500ms ease; } @media (max-width: 991px) { .dropdown-menu--login, .language-dropdown .dropdown-menu { width: auto; top: 96%; } } @media (max-width: 767px) { .dropdown-menu--login, .language-dropdown .dropdown-menu { width: 100vw; } } .dropdown-menu--login .dropdown-item, .language-dropdown .dropdown-menu .dropdown-item { border-bottom: 1px solid #e4e4e4; padding: 8px 15px 8px 35px; transition: color 0.5s ease-in; color: #444444; } .dropdown-menu--login .dropdown-item span, .language-dropdown .dropdown-menu .dropdown-item span { position: absolute; left: 15px; padding: 0; transition: color 0.5s ease-in; color: #000000; margin-top: -2px; } .dropdown-menu--login .dropdown-item:hover, .language-dropdown .dropdown-menu .dropdown-item:hover, .dropdown-menu--login .dropdown-item:focus, .language-dropdown .dropdown-menu .dropdown-item:focus { background-color: #f4f4f4; } .dropdown-menu--login .dropdown-item:hover span, .language-dropdown .dropdown-menu .dropdown-item:hover span, .dropdown-menu--login .dropdown-item:focus span, .language-dropdown .dropdown-menu .dropdown-item:focus span { color: #007FA7; } .dropdown-menu--login .dropdown-item:last-child, .language-dropdown .dropdown-menu .dropdown-item:last-child { border-bottom-width: 0; } .dropdown-menu--login .sign-out, .language-dropdown .dropdown-menu .sign-out { text-align: right; color: #00A0D2; padding: 15px 35px; } .dropdown-menu--login .sign-out span, .language-dropdown .dropdown-menu .sign-out span { right: 15px; } .dropdown-menu--titelbar { display: none; border-top-width: 0; background-color: #ecedee; top: 92%; margin: 20px 0 0; } .show .dropdown-menu--login, .show .language-dropdown .dropdown-menu, .language-dropdown .show .dropdown-menu { border-top: 2px solid #00A0D2; } .view-more a:hover, .view-more a:active, .view-more a:focus { text-decoration: none; } .view-more a:hover span:before, .view-more a:active span:before, .view-more a:focus span:before { color: #ffffff; } .view-more .dropdown-content { top: 30px; right: -4px; min-width: 150px; background-color: #444444; z-index: 2; } .view-more .dropdown-content a { font-weight: 400; padding: 10px; } .view-more .dropdown-content:before { content: ""; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #444444; position: absolute; top: -10px; right: 5px; } .language-dropdown span { font-size: 0.875rem; color: #00A0D2; } .language-dropdown .dropdown-menu { padding: 0; } .language-dropdown .dropdown-menu .dropdown-item { padding: 8px; } .language-dropdown .dropdown-menu .dropdown-item:hover, .language-dropdown .dropdown-menu .dropdown-item:focus { background-color: #d8d8d8; } .language-dropdown.show .dropdown-menu { border-top: 2px solid #00A0D2; max-height: 250px; top: 31px; } .language-dropdown.show .icon-down_arrow:before { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); display: inline-block; } /* Button Groups */ .btn-group:focus, .btn-group:hover { cursor: pointer; } .btn-group .btn-group { border-bottom: 0; } .btn-group .btn-group .btn:first-child::before { display: block; } .btn-group button.btn { background-color: #f4f4f4; color: #585858; border-radius: 0; outline: 0; width: 100%; text-align: left; } .btn-group button.btn:focus, .btn-group button.btn:hover { background-color: #444; color: #fff; outline: 0; cursor: pointer; } .btn-group button.btn:focus::before, .btn-group button.btn:hover::before { display: none; } .btn-group button.btn::before { background-color: #cacaca; content: ""; height: 1.2rem; left: 0; position: absolute; top: 0.5rem; width: 1px; } .btn-group button.btn:first-child::before { display: none; } .btn-group button.btn.active { background-color: #009ed1; color: #fff; } .btn-group button.btn:disabled { background-color: #ecedee; color: #c5c5c5; } .btn-group button.btn:disabled:focus::before, .btn-group button.btn:disabled:hover::before { display: block; } .btn-group button.btn.dropdown-toggle:focus, .btn-group button.btn.dropdown-toggle:hover { background-color: #f4f4f4; color: #000000; } .btn-group button.btn.large-dropdown { font-size: 36px; padding: 22px 20px 22px 10px; margin: -24px 0 -19px; color: #000000; font-weight: 300; line-height: 0.8; } .btn-group.btn-group-lg .btn::before { height: 1.8rem; top: 0.6rem; } .btn-group.btn-group-sm .btn::before { height: 0.8rem; top: 0.35rem; } .btn-group.open .caret { transform: rotate(180deg); } .btn-group.open .caret { transform: rotate(180deg); } /* Carets */ .caret { display: inline-block; height: 6px; margin-left: 0.8rem; position: relative; top: -0.1rem; transition: transform 0.3s; width: 12px; } .caret::before { border-left: 11px solid transparent; border-radius: 40%; border-right: 11px solid transparent; border-top: 11px solid #00A0D2; content: ""; left: 0; position: absolute; top: 0; } .caret::after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #f4f4f4; content: ""; left: 3px; position: absolute; top: -1px; } .btn .caret { margin-left: 0.8rem; } .navbar-nav .caret { margin-left: 0.3rem; } .dropdown.open .caret { transform: rotate(180deg); } .caret-white::before { border-top: 6px solid #fff; } .caret-gray::before { border-top: 6px solid #585858; } .caret-black::before { border-top: 6px solid #000; } .caret-bg-gray::after { border-top: 3px solid #f4f4f4; } .caret-bg-dark-gray::after { border-top: 3px solid #585858; } .btn-group.show .caret { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); left: 10px; top: 14px; } .btn-group { padding: 0; } .btn-group.show .btn.large-dropdown.dropdown-toggle { background-color: #ecedee; } .caret { float: right; top: 11px; } /* Buttons */ .btn { cursor: pointer; border-radius: 0; line-height: 1.25; } @media (max-width: 575px) { .btn { font-size: 0.875rem; } } .btn:hover, .btn:focus { box-shadow: 0 0 0 0 rgba(2, 117, 216, 0.5); color: #ffffff; } .btn .icon-play-circle { color: #ffffff; } .btn .icon-play-circle:before { font-size: 25px; position: relative; top: 2px; } .btn-secondary.active, .btn-secondary:active, .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover, .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .btn-secondary:active:hover, .open > .btn-secondary.dropdown-toggle { background-color: #f4f4f4; border-color: #00A0D2; color: #00A0D2; } .btn-secondary.disabled, .btn-secondary:disabled, .btn-secondary.disabled.focus, .btn-secondary.disabled:focus, .btn-secondary.disabled:hover, .btn-secondary:disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled:hover { color: #767676; background-color: #f4f4f4; border-color: #979797; } .btn-tertiary { background-color: transparent; border-color: #00A0D2; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; color: #585858; font-size: 13px; line-height: 1; } .btn-tertiary.focus, .btn-tertiary:focus, .btn-tertiary:hover { background-color: #00A0D2; border-left-color: #00A0D2; border-right-color: #00A0D2; border-top-color: #00A0D2; color: #fff; } .btn-tertiary.disabled, .btn-tertiary:disabled, .btn-tertiary.disabled.focus, .btn-tertiary.disabled:focus, .btn-tertiary.disabled:hover, .btn-tertiary:disabled.focus, .btn-tertiary:disabled:focus, .btn-tertiary:disabled:hover { background-color: transparent; border-color: #bfc1c1; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; color: #767676; } .btn-link { font-weight: 500; } .btn-link .disabled { pointer-events: none; cursor: not-allowed; } .btn-primary.disabled, .btn-primary:disabled, .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled:hover, .btn-success.disabled, .btn-success:disabled, .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success:disabled.focus, .btn-success:disabled:focus, .btn-success:disabled:hover, .btn-info.disabled, .btn-info:disabled, .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info:disabled.focus, .btn-info:disabled:focus, .btn-info:disabled:hover, .btn-warning.disabled, .btn-warning:disabled, .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning:disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled:hover, .btn-danger.disabled, .btn-danger:disabled, .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger:disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled:hover { background-color: #bfc1c1; border-color: transparent; } .btn-primary, .btn-danger { color: #fff; background-color: #00A0D2; border-color: #00A0D2; font-weight: 400; } .btn-primary:focus, .btn-danger:focus, .btn-primary:hover, .btn-danger:hover { background-color: #007FA7; border-color: transparent; } .btn-secondary { color: #979797; background-color: #f4f4f4; border-color: #979797; } .btn-secondary:hover { background-color: #f4f4f4; border-color: #00A0D2; color: #00A0D2; } .btn-secondary.btn-secondary--modify { background-color: transparent; } .close-btn { padding-right: 5px; } .btn-danger { background-color: #a31e22; border-color: #a31e22; } .btn-danger:hover, .btn-danger:focus { background-color: #750d10; border-color: #750d10; } .btn-lg, .btn-group-lg > .btn { padding: 0.75rem; font-size: 1.25rem; line-height: 1.2; } .primary-icon-link, .tertiary-icon-link, .secondary-icon-link { color: #00A0D2; text-decoration: none; font-weight: 500; display: inline-block; font-size: 1rem; } .primary-icon-link [class^=icon-], .tertiary-icon-link [class^=icon-], .secondary-icon-link [class^=icon-], .primary-icon-link [class*=" icon-"], .tertiary-icon-link [class*=" icon-"], .secondary-icon-link [class*=" icon-"] { margin: 0 5px 0 0px; display: table-cell; } .primary-icon-link [class^=icon-]:before, .tertiary-icon-link [class^=icon-]:before, .secondary-icon-link [class^=icon-]:before, .primary-icon-link [class*=" icon-"]:before, .tertiary-icon-link [class*=" icon-"]:before, .secondary-icon-link [class*=" icon-"]:before { top: 2px; position: relative; color: #00A0D2; } .primary-icon-link span:last-child, .tertiary-icon-link span:last-child, .secondary-icon-link span:last-child { display: table-cell; padding-left: 5px; top: -2px; position: relative; } .primary-icon-link:hover, .tertiary-icon-link:hover, .secondary-icon-link:hover, .primary-icon-link:focus, .tertiary-icon-link:focus, .secondary-icon-link:focus { text-decoration: none; color: #00A0D2; } .primary-icon-link:hover [class^=icon-]:before, .tertiary-icon-link:hover [class^=icon-]:before, .secondary-icon-link:hover [class^=icon-]:before, .primary-icon-link:hover [class*=" icon-"]:before, .tertiary-icon-link:hover [class*=" icon-"]:before, .secondary-icon-link:hover [class*=" icon-"]:before, .primary-icon-link:focus [class^=icon-]:before, .tertiary-icon-link:focus [class^=icon-]:before, .secondary-icon-link:focus [class^=icon-]:before, .primary-icon-link:focus [class*=" icon-"]:before, .tertiary-icon-link:focus [class*=" icon-"]:before, .secondary-icon-link:focus [class*=" icon-"]:before { color: #00A0D2; text-decoration: none; } .primary-icon-link:hover span:last-child, .tertiary-icon-link:hover span:last-child, .secondary-icon-link:hover span:last-child, .primary-icon-link:focus span:last-child, .tertiary-icon-link:focus span:last-child, .secondary-icon-link:focus span:last-child { text-decoration: underline; color: #007FA7; } .primary-icon-link:active, .tertiary-icon-link:active, .secondary-icon-link:active { text-decoration: none; color: #00A0D2; } .primary-icon-link:active [class^=icon-]:before, .tertiary-icon-link:active [class^=icon-]:before, .secondary-icon-link:active [class^=icon-]:before, .primary-icon-link:active [class*=" icon-"]:before, .tertiary-icon-link:active [class*=" icon-"]:before, .secondary-icon-link:active [class*=" icon-"]:before { color: #00A0D2; text-decoration: none; } .primary-icon-link:active span:last-child, .tertiary-icon-link:active span:last-child, .secondary-icon-link:active span:last-child { text-decoration: underline; color: #00607D; } .secondary-icon-link { color: #000000; } .tertiary-icon-link { color: #00A0D2; } .tertiary-icon-link [class^=icon-]:before, .tertiary-icon-link [class*=" icon-"]:before { color: #979797; } .tertiary-icon-link:hover [class^=icon-]:before, .tertiary-icon-link:hover [class*=" icon-"]:before, .tertiary-icon-link:focus [class^=icon-]:before, .tertiary-icon-link:focus [class*=" icon-"]:before, .tertiary-icon-link:active [class^=icon-]:before, .tertiary-icon-link:active [class*=" icon-"]:before { color: #979797; } .primary-icon-link--mod { color: #00A0D2; text-decoration: none; font-weight: 500; display: inline-block; font-size: 1rem; } .primary-icon-link--mod [class^=icon-], .primary-icon-link--mod [class*=" icon-"] { display: table-cell; } .primary-icon-link--mod [class^=icon-]:before, .primary-icon-link--mod [class*=" icon-"]:before { top: 2px; position: relative; color: #00A0D2; } .primary-icon-link--mod span:first-child { display: table-cell; padding-right: 5px; top: -2px; position: relative; } .primary-icon-link--mod:hover, .primary-icon-link--mod:focus { text-decoration: none; color: #00A0D2; } .primary-icon-link--mod:hover [class^=icon-]:before, .primary-icon-link--mod:hover [class*=" icon-"]:before, .primary-icon-link--mod:focus [class^=icon-]:before, .primary-icon-link--mod:focus [class*=" icon-"]:before { color: #00A0D2; text-decoration: none; } .primary-icon-link--mod:hover span:first-child, .primary-icon-link--mod:focus span:first-child { text-decoration: underline; color: #007FA7; } .primary-icon-link--mod:active { text-decoration: none; color: #00A0D2; } .primary-icon-link--mod:active [class^=icon-]:before, .primary-icon-link--mod:active [class*=" icon-"]:before { color: #00A0D2; text-decoration: none; } .primary-icon-link--mod:active span:first-child { text-decoration: underline; color: #00607D; } @media (max-width: 767px) { .btn-back { width: 38px; height: 38px; } } @media (max-width: 767px) { .btn-back span:nth-of-type(2) { display: none; } } .btn-back .icon-back:after { display: none; } @media (max-width: 767px) { .btn-back .icon-back:after { display: block; margin: -10px -18px 0 0; padding: 8px 12px; } } .btn-back .icon-back:hover:after, .btn-back .icon-back:focus:after { color: #00A0D2; } .btn-word-wrap { white-space: -moz-pre-wrap !important; white-space: -webkit-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; white-space: normal; } .btn-full-word-wrap { white-space: -moz-pre-wrap !important; white-space: -webkit-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; white-space: normal; } .btn-full-width { width: 100%; } /* Cards */ .card-img-bottom, .card-img-top { max-width: 100%; } .card-title { border-bottom: 1px solid #ccc; font-size: 20px; padding-bottom: 1rem; } .card-text { color: #585858; font-size: 1rem; } .card-text:first-of-type { margin-top: 1.5rem; } .bg-software-gray-1 { background: #f4f4f4; } .card { background-color: #f4f4f4; border-radius: 0; border: 0; padding: 0; } .card .card-header { border-bottom: 2px solid #00A0D2; border-top: 1px solid #d8d8d8; padding: 0; } .card .card-header a h5 { padding: 0.75rem; color: #000000; background-color: #ecedee; } .card .card-header a h5:after { content: "\e906"; font-family: "willis_fonts"; transform: rotate(180deg); display: inline-block; position: absolute; right: 10px; color: #00A0D2; } .card .card-header a.collapsed h5 { background-color: transparent; color: #55595c; } .card .card-header a.collapsed h5:after { content: "\e906"; font-family: "willis_fonts"; transform: rotate(0deg); display: inline-block; position: absolute; right: 10px; color: #00A0D2; } .card .card-header a:hover, .card .card-header a:focus { text-decoration: none; } .card .card-body { padding: 0.75rem; } .card-inverse { background-color: #444; } .card-inverse .card-title { border-bottom: 1px solid #585858; } .card-inverse .card-text { color: #fff; } .card-floating { background-color: #f4f4f4; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); text-align: center; } .card-floating .card-title { border-bottom: 0; margin-bottom: 0; } .card-floating .card-text { color: #585858; margin-top: 0; } .login-page, .error-page { background: #ffffff; position: fixed; width: 100%; height: 100%; display: flex; justify-content: center; /*centers items on the line (the x-axis by default)*/ align-items: center; /*centers items on the cross-axis (y by default)*/ top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (max-width: 767px) { .login-page, .error-page { display: block; overflow: visible; overflow: initial; background: #f4f4f4; } } .login-page .card.login-card, .login-page .card.error-card, .error-page .card.login-card, .error-page .card.error-card { width: 100%; max-width: 730px; margin: 0; background: #f4f4f4; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 0%, #d8d8d8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 ); /* IE6-9 */ } @media (max-width: 767px) { .login-page .card.login-card, .login-page .card.error-card, .error-page .card.login-card, .error-page .card.error-card { position: static; width: auto; padding: 20px 0 0 0; height: auto; background: #f4f4f4; } } .login-page .card.login-card .card-block, .login-page .card.error-card .card-block, .error-page .card.login-card .card-block, .error-page .card.error-card .card-block { border-bottom: 2px solid #00A0D2; } @media (max-width: 767px) { .login-page .card.login-card .card-block, .login-page .card.error-card .card-block, .error-page .card.login-card .card-block, .error-page .card.error-card .card-block { border: none; } } .login-page .card.login-card .card-block .header--title--logo, .login-page .card.error-card .card-block .header--title--logo, .error-page .card.login-card .card-block .header--title--logo, .error-page .card.error-card .card-block .header--title--logo { width: 100%; max-width: 222px; display: block; margin: 10px 0 0 0; } @media (max-width: 767px) { .login-page .card.login-card .card-block .header--title--logo, .login-page .card.error-card .card-block .header--title--logo, .error-page .card.login-card .card-block .header--title--logo, .error-page .card.error-card .card-block .header--title--logo { max-width: 280px; } } .login-page .card.login-card .card-block .header--title--logo img, .login-page .card.error-card .card-block .header--title--logo img, .error-page .card.login-card .card-block .header--title--logo img, .error-page .card.error-card .card-block .header--title--logo img { width: 100%; } .login-page .card.login-card .page-title, .login-page .card.error-card .page-title, .error-page .card.login-card .page-title, .error-page .card.error-card .page-title { margin: 120px 0 190px 0; padding: 0; } @media (max-width: 767px) { .login-page .card.login-card .page-title, .login-page .card.error-card .page-title, .error-page .card.login-card .page-title, .error-page .card.error-card .page-title { margin: 26px 0 57px 0; } } .login-page .card.login-card .page-title h1, .login-page .card.error-card .page-title h1, .error-page .card.login-card .page-title h1, .error-page .card.error-card .page-title h1 { padding: 0; margin: 0; display: inline-block; border: none; width: 100%; max-width: 260px; } @media (max-width: 767px) { .login-page .card.login-card .page-title h1, .login-page .card.error-card .page-title h1, .error-page .card.login-card .page-title h1, .error-page .card.error-card .page-title h1 { font-size: 20px; padding: 8px 0 0 0; } } .login-page .card.login-card .overlay-content, .login-page .card.error-card .overlay-content, .error-page .card.login-card .overlay-content, .error-page .card.error-card .overlay-content { position: absolute; top: -30px; right: 35px; z-index: 1; background: #f4f4f4; width: 100%; max-width: 355px; height: 478px; padding: 50px; } @media (max-width: 767px) { .login-page .card.login-card .overlay-content, .login-page .card.error-card .overlay-content, .error-page .card.login-card .overlay-content, .error-page .card.error-card .overlay-content { position: static; padding: 0; height: auto; max-width: 100%; } } .login-page .card.login-card .overlay-content h2, .login-page .card.error-card .overlay-content h2, .error-page .card.login-card .overlay-content h2, .error-page .card.error-card .overlay-content h2 { font-size: 28px; font-weight: 300; color: #000000; margin: 0 0 30px 0; } @media (max-width: 767px) { .login-page .card.login-card .overlay-content h2, .login-page .card.error-card .overlay-content h2, .error-page .card.login-card .overlay-content h2, .error-page .card.error-card .overlay-content h2 { margin: 0 0 50px 0; } } .login-page .card.login-card .overlay-content .form-group, .login-page .card.error-card .overlay-content .form-group, .error-page .card.login-card .overlay-content .form-group, .error-page .card.error-card .overlay-content .form-group { padding: 0 0 30px 0; margin: 0; } .login-page .card.login-card .overlay-content .form-group label, .login-page .card.error-card .overlay-content .form-group label, .error-page .card.login-card .overlay-content .form-group label, .error-page .card.error-card .overlay-content .form-group label { font-size: 14px; font-weight: 500; padding: 0; margin: 0; } @media (max-width: 767px) { .login-page .card.login-card .overlay-content .form-group label, .login-page .card.error-card .overlay-content .form-group label, .error-page .card.login-card .overlay-content .form-group label, .error-page .card.error-card .overlay-content .form-group label { font-size: 16px; padding: 0 0 10px 0; } } .login-page .card.login-card .overlay-content .form-group input::-moz-placeholder, .login-page .card.error-card .overlay-content .form-group input::-moz-placeholder, .error-page .card.login-card .overlay-content .form-group input::-moz-placeholder, .error-page .card.error-card .overlay-content .form-group input::-moz-placeholder { color: #c6c6c5; } .login-page .card.login-card .overlay-content .form-group input::placeholder, .login-page .card.error-card .overlay-content .form-group input::placeholder, .error-page .card.login-card .overlay-content .form-group input::placeholder, .error-page .card.error-card .overlay-content .form-group input::placeholder { color: #c6c6c5; } @media (max-width: 767px) { .login-page .card.login-card .overlay-content .form-group .btn, .login-page .card.error-card .overlay-content .form-group .btn, .error-page .card.login-card .overlay-content .form-group .btn, .error-page .card.error-card .overlay-content .form-group .btn { width: 100%; padding: 11px 0; font-size: 20px; } } .login-page .card.login-card .overlay-content ul.secondary-links, .login-page .card.error-card .overlay-content ul.secondary-links, .error-page .card.login-card .overlay-content ul.secondary-links, .error-page .card.error-card .overlay-content ul.secondary-links { margin: 56px 0 0 0; padding: 0; } @media (max-width: 767px) { .login-page .card.login-card .overlay-content ul.secondary-links, .login-page .card.error-card .overlay-content ul.secondary-links, .error-page .card.login-card .overlay-content ul.secondary-links, .error-page .card.error-card .overlay-content ul.secondary-links { margin: 0 0 30px 0; } } .login-page .card.login-card .overlay-content ul.secondary-links li, .login-page .card.error-card .overlay-content ul.secondary-links li, .error-page .card.login-card .overlay-content ul.secondary-links li, .error-page .card.error-card .overlay-content ul.secondary-links li { padding: 0; margin: 0; } .login-page .card.login-card .overlay-content ul.secondary-links li a, .login-page .card.error-card .overlay-content ul.secondary-links li a, .error-page .card.login-card .overlay-content ul.secondary-links li a, .error-page .card.error-card .overlay-content ul.secondary-links li a { color: #767676; font-size: 13px; border-bottom: 1px solid #00A0D2; text-decoration: none; width: 100%; padding: 0 7px 7px 7px; } @media (max-width: 767px) { .login-page .card.login-card .overlay-content ul.secondary-links li a, .login-page .card.error-card .overlay-content ul.secondary-links li a, .error-page .card.login-card .overlay-content ul.secondary-links li a, .error-page .card.error-card .overlay-content ul.secondary-links li a { font-size: 16px; padding: 0 8px 8px 8px; } } .login-page .card.login-card.error-card .error-content, .login-page .card.error-card.error-card .error-content, .error-page .card.login-card.error-card .error-content, .error-page .card.error-card.error-card .error-content { width: 100%; padding: 90px 50px 100px 50px; margin-top: 0; margin-bottom: 0; } @media (max-width: 575px) { .login-page .card.login-card.error-card .error-content, .login-page .card.error-card.error-card .error-content, .error-page .card.login-card.error-card .error-content, .error-page .card.error-card.error-card .error-content { padding: 90px 15px 100px 15px; } } .login-page .card.login-card.error-card .error-content h2, .login-page .card.error-card.error-card .error-content h2, .error-page .card.login-card.error-card .error-content h2, .error-page .card.error-card.error-card .error-content h2 { color: #707070; font-size: 36px; font-weight: 300; padding: 0 0 37px 0; margin: 0; } @media (max-width: 767px) { .login-page .card.login-card.error-card .error-content h2, .login-page .card.error-card.error-card .error-content h2, .error-page .card.login-card.error-card .error-content h2, .error-page .card.error-card.error-card .error-content h2 { color: #000000; font-size: 28px; } } .login-page .card.login-card.error-card .error-content p, .login-page .card.error-card.error-card .error-content p, .error-page .card.login-card.error-card .error-content p, .error-page .card.error-card.error-card .error-content p { color: #585858; font-size: 20px; line-height: 25px; } .login-page .card.login-card.error-card .error-content p a, .login-page .card.error-card.error-card .error-content p a, .error-page .card.login-card.error-card .error-content p a, .error-page .card.error-card.error-card .error-content p a { color: #00A0D2; } @media (max-width: 575px) { .login-page .card.login-card.error-card .error-content p a, .login-page .card.error-card.error-card .error-content p a, .error-page .card.login-card.error-card .error-content p a, .error-page .card.error-card.error-card .error-content p a { font-size: 18px; } } @media (max-width: 767px) { .login-page .banner-img, .error-page .banner-img { display: none; } } .login-page .banner-img img, .error-page .banner-img img { width: 100%; } .login-page.error-page .banner-img, .error-page.error-page .banner-img { display: none; } @media (max-width: 575px) { .login-page.error-page .banner-img, .error-page.error-page .banner-img { position: absolute; bottom: 0; } } .middle-content { background: #ffffff; position: fixed; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; top: 50%; left: 50%; transform: translate(-50%, -50%); } .middle-content p { font-size: 20px; font-weight: 500; } /* Accordions */ .accordion .card { border: 0; margin-bottom: 0; } .accordion .card-header { display: block; font-size: 16px; font-weight: 500; line-height: 1.1; text-decoration: none; } .accordion .card-header a h5 { padding: 1.125rem 0.75rem; margin: 0; } .accordion .card-header a h5:after { content: "\f2b8"; } .accordion .card-header a.collapsed h5:after { content: "\f2a7"; } .accordion .card-block { background-color: #f4f4f4; color: #444444; } .tertiary-accordion .card .card-header { border-top-width: 0; border-bottom: 1px solid #c5c5c5; } .tertiary-accordion .card .card-header a h5 { background-color: #ffffff; color: #585858; font-size: 20px; } .tertiary-accordion .card .card-header a h5:after { content: "Hide"; font-family: Neue Haas Grotesk, Arial, sans-serif !important; font-size: 12px; transform: rotate(0deg); margin-top: 10px; } .tertiary-accordion .card .card-header a.collapsed h5:after { content: "Show"; font-family: Neue Haas Grotesk, Arial, sans-serif !important; font-size: 12px; } /* Alerts */ .modal-header { background-color: #f4f4f4; border-bottom: 2px solid #cccccc; position: relative; } .modal-header .close { margin-top: 5px; position: absolute; margin-top: 0; position: absolute; right: 20px; top: 15px; opacity: 0.2; } .modal-header h4 { font-weight: 500; } .modal-title { color: #000000; font-size: 1.5rem; word-break: break-word; } .modal-body { color: #585858; font-size: 14px; } .modal-dialog { margin: 10% auto; } @media (max-width: 575px) { .modal-dialog { max-width: 320px; } } .modal-content { border-radius: 0; } .modal-footer { border-top-width: 0; } @media (max-width: 575px) { .modal-footer { display: block; } .modal-footer button { width: 100%; } .modal-footer > :not(:first-child) { margin-left: 0; } .modal-footer > :not(:last-child) { margin-right: 0; } } .modal-footer .btn-primary, .modal-footer .btn-danger { min-width: 140px; } .modal-footer .btn-primary-layer-width { min-width: 90px; } .modal-footer button:nth-of-type(1) { order: 3; margin: 0 0.25rem; } @media (max-width: 575px) { .modal-footer button:nth-of-type(1) { margin: 0 0 1rem 0; order: 1; } } .modal-footer button:nth-of-type(2) { order: 2; margin: 0 0.25rem; } @media (max-width: 575px) { .modal-footer button:nth-of-type(2) { margin: 0 0 1rem 0; order: 2; } } .modal-footer button:nth-of-type(3) { order: 1; margin: 0 0.25rem; } @media (max-width: 575px) { .modal-footer button:nth-of-type(3) { margin: 0; order: 3; } } .modal-timeout { padding: 15px 3px; margin: auto; } .modal-timeout .btn, .modal-timeout .btn-primary, .modal-timeout .btn-danger { white-space: normal; } .modal-confirm-run .btn { white-space: normal; } .modal--without-header .modal-header { background-color: transparent; border-bottom: 0px solid transparent; } .modal--without-header .modal-body .modal-title { font-weight: 500; } .modal--without-header .modal-body p { margin: 20px 0; } .modal table th { display: none; } @media (min-width: 760px) { .modal table th { display: table-cell; } } .modal table td { display: block; padding: 0.5rem 0; } @media (min-width: 760px) { .modal table td { display: table-cell; padding: 0.75rem; } } .modal table td:before { content: attr(data-th) ": "; font-weight: bold; width: 40%; display: inline-block; } @media (min-width: 760px) { .modal table td:before { display: none; } } .modal table td:last-child { margin-bottom: 5px; } .modal table td:last-child:before { display: none; } .modal-lg { max-width: 880px; } @media (max-width: 991px) { .modal-lg { max-width: 500px; } } #currencyModal label { color: #000000; } #currencyModal .select-wrapper { color: #000000; } .modal-full-width { max-width: 100%; margin: 0 auto; height: 100%; } .modal-full-width .modal-content { min-height: 100vh; min-width: 100vw; } @media (max-width: 991px) { .modal-full-width .modal-content { height: auto; } } .modal-full-width .modal-body { padding: 10px 0 30px; } .modal-full-width .modal-header { background-color: transparent; border-bottom-width: 0; } @media (max-width: 767px) { .modal-full-width { opacity: 0.95; } } .select-wrapper { background-color: #f4f4f4 !important; border: 0; border-radius: 0; border-bottom: solid 2px #c5c5c5; width: 100%; padding: 0.45rem 1.5rem 0.5rem 0.75rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #000000; font-size: 14px; line-height: 1.5; } @media (-webkit-min-device-pixel-ratio: 0) { .select-wrapper { background: url("/assets/images/combo_arrows.svg") no-repeat; background-position: right 10px center; background-size: 10px; } } .select-wrapper:hover, .select-wrapper:focus { border-bottom: solid 2px #00A0D2; color: inherit; outline: 0; } .select-wrapper:after { content: "\ea7f"; font-family: "willis_fonts"; position: absolute; transform: rotate(90deg); display: inline-block; color: #00A0D2; top: 5px; right: 20px; } .select-wrapper.styled-select { border-top: solid 2px #c5c5c5; border-left: solid 2px #c5c5c5; border-right: solid 2px #c5c5c5; border-bottom-width: 0; padding: 1rem 1.5rem 1rem 0.75rem; font-size: 20px; } .theme-option:after { content: "\e913"; } .theme--option--default { color: #444444; background: #f4f4f4; } select::-ms-expand { display: none; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .only-ie { border: 0; border-radius: 0; } .only-ie.add-industry:after { right: 113px; z-index: 999; } .only-ie:after { content: "\ea7f"; font-family: "willis_fonts"; position: absolute; transform: rotate(90deg); display: inline-block; color: #00A0D2; margin-top: 5px; right: 20px; } .only-ie select { padding: 0.4rem 2rem 0.4rem 0.75rem; border-bottom: 2px solid #c5c5c5; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-radius: 0; cursor: pointer; z-index: 10; font-size: 14px; } .only-ie--mod:after { top: 16px; right: 30px; } } .navbar-brand { position: absolute; font-size: 14px; font-weight: 400; color: #ffffff; padding: 0.5em 1em; cursor: pointer; right: 0; } .navbar-brand a { color: #ffffff; position: relative; } .navbar-brand a:hover, .navbar-brand a:focus { text-decoration: none; } .navbar-brand a.nav-link { top: -10px; } .navbar-brand:hover, .navbar-brand:focus { color: #ffffff; transition: all 0.1s ease; background: #444444; } .navbar-brand.active { color: #ffffff; transition: all 0.1s ease; background: #444444; } .navbar-toggleable-md .navbar-nav .nav-link { padding: 0.393em 1em; } .navbar-toggler { padding: 0 0.75rem; } .show > .nav-link[title=Actions] { background-color: #444444; } .alert { margin: 30px 0; border-radius: 0; word-wrap: break-word; } .alert-success { background-color: #f3fffb; border-color: #009966; color: #009966; } .alert-success .close { opacity: 1; } .alert-success .close span { color: #009966; } .alert-danger { background-color: #fff5f5; border-color: #a31e22; color: #a31e22; } .alert-danger .close { opacity: 1; } .alert-danger .close span { color: #a31e22; } .alert-info { background-color: #f4f4f4; border-color: #707070; color: #707070; } .alert-info .close { opacity: 1; } .alert-info .close span { color: #707070; } .alert-warning { background-color: #fff6ee; border-color: #de7400; color: #de7400; } .alert-warning .close { opacity: 1; } .alert-warning .close span { color: #de7400; } .alert-wrapper { position: absolute; z-index: 999; top: 0; left: 0; right: 0; margin: 0 auto; max-width: 500px; } .alert-wrapper .alert { margin: -1px 0 0 0; padding: 22px 16px; overflow: hidden; opacity: 0; transform: translateY(-100px); transition-timing-function: ease-in; transition: 0.2s; } .alert-wrapper .alert span { float: left; position: relative; margin: 0; padding-right: 1rem; width: 10%; } .alert-wrapper .alert span[class^=icon-], .alert-wrapper .alert span[class*=" icon-"] { font-size: 30px; } .alert-wrapper .alert p { float: left; position: relative; margin: 0; padding-right: 1rem; font-size: 16px; width: 90%; font-weight: 500; } .alert-wrapper.alert-show .alert { transition: 0.25s; transition-timing-function: ease-out; transform: translateY(0); opacity: 1; } .footer-buttons, .footer-buttons--verticalNav, .footer-buttons--mod { border-top-width: 0; display: flex; align-items: center; justify-content: flex-end; padding: 15px 0 50px; margin: 0 0 25px; } @media (max-width: 767px) { .footer-buttons, .footer-buttons--verticalNav, .footer-buttons--mod { margin: 0; padding: 15px 20px; } } @media (max-width: 575px) { .footer-buttons, .footer-buttons--verticalNav, .footer-buttons--mod { display: block; } .footer-buttons.button-order, .button-order.footer-buttons--verticalNav, .button-order.footer-buttons--mod { display: flex; } .footer-buttons button, .footer-buttons--verticalNav button, .footer-buttons--mod button { width: 100%; } .footer-buttons > :not(:first-child), .footer-buttons--verticalNav > :not(:first-child), .footer-buttons--mod > :not(:first-child) { margin-left: 0; } .footer-buttons > :not(:last-child), .footer-buttons--verticalNav > :not(:last-child), .footer-buttons--mod > :not(:last-child) { margin-right: 0; } } .footer-buttons .btn-primary, .footer-buttons--verticalNav .btn-primary, .footer-buttons--mod .btn-primary, .footer-buttons .btn-danger, .footer-buttons--verticalNav .btn-danger, .footer-buttons--mod .btn-danger { min-width: 140px; } .footer-buttons button:nth-of-type(1), .footer-buttons--verticalNav button:nth-of-type(1), .footer-buttons--mod button:nth-of-type(1) { order: 3; margin: 0 0.25rem; } @media (max-width: 575px) { .footer-buttons button:nth-of-type(1), .footer-buttons--verticalNav button:nth-of-type(1), .footer-buttons--mod button:nth-of-type(1) { margin: 0 0 1rem 0; order: 1; } .footer-buttons button:nth-of-type(1).btn-next, .footer-buttons--verticalNav button:nth-of-type(1).btn-next, .footer-buttons--mod button:nth-of-type(1).btn-next { margin: 0 0.25rem; order: 2; -webkit-order: 2; } } .footer-buttons button:nth-of-type(2), .footer-buttons--verticalNav button:nth-of-type(2), .footer-buttons--mod button:nth-of-type(2) { order: 2; margin: 0 0.25rem; } @media (max-width: 575px) { .footer-buttons button:nth-of-type(2), .footer-buttons--verticalNav button:nth-of-type(2), .footer-buttons--mod button:nth-of-type(2) { margin: 0 0 1rem 0; order: 2; } .footer-buttons button:nth-of-type(2).btn-back, .footer-buttons--verticalNav button:nth-of-type(2).btn-back, .footer-buttons--mod button:nth-of-type(2).btn-back { margin: 0 0.25rem; order: 1; -webkit-order: 1; } } .footer-buttons--mod { padding: 15px 30px 50px; } @media (max-width: 991px) { .footer-buttons--mod { margin-bottom: 60px; } } .footer-buttons--verticalNav { padding: 15px; } .row-hr { border-top: 1px solid #d8d8d8; } .row-bottom-hr { border-bottom: 1px solid #d8d8d8; } hr { border-top: 1px solid #c5c5c5; } .display-1 { color: #707070; font-weight: 300; font-size: 2.25rem; } @media (max-width: 767px) { .display-1 { font-size: 1.8rem; } } .display-2 { color: #000000; font-weight: 500; font-size: 24px; } .display-3 { color: #585858; font-weight: 400; font-size: 1.25rem; } .display-4 { color: #585858; font-size: 1.125rem; } .display-5 { color: #1D1D1B; font-size: 1rem; font-weight: 500; } .display-6 { color: #444444; font-size: 0.875rem; } .jumbotron.vertical-center { margin-bottom: 0; min-height: 100%; height: 37vh; display: flex; align-items: center; width: 100%; justify-content: center; background-color: #fff; } @media (max-width: 767px) { .jumbotron.vertical-center { display: block; height: 100%; } } .jumbotron.vertical-center .absolute-center { width: 60%; } @media (max-width: 1199px) { .jumbotron.vertical-center .absolute-center { width: 60%; } } @media (max-width: 1199px) and (max-width: 1199px) { .jumbotron.vertical-center .absolute-center { width: 100%; } } @media (max-width: 1199px) { .jumbotron.vertical-center .absolute-center .right-addon input { padding: 0.75rem; } @keyframes spinner { 0% { transform: translate3d(-50%, -50%, 0) rotate(0deg); } 100% { transform: translate3d(-50%, -50%, 0) rotate(360deg); } } } @keyframes spinner { 0% { transform: translate3d(-50%, -50%, 0) rotate(0deg); } 100% { transform: translate3d(-50%, -50%, 0) rotate(360deg); } } .jumbotron .item-underline .autocomplete li { border-bottom: 1px solid #D1D1D1; } .jumbotron .item-underline .autocomplete li:hover .sub-text { color: #D1D1D1 !important; } .jumbotron .item-underline .autocomplete li .no-records-found:hover { background-color: #f4f4f4; color: #000000; cursor: text; } .jumbotron .item-underline .myclients { height: 1px; font-size: 14px; font-weight: 400; color: #707070; } .jumbotron .item-underline .myclients ul { background-color: #ffffff; max-height: 57vh !important; overflow-y: auto; min-height: 57vh !important; } .jumbotron .item-underline .myclients ul li { padding: 0.15rem 0.15rem; text-align: left; border-bottom: 1px Solid; border-color: #d8d8d8 !important; } .jumbotron .item-underline .myclients ul li .chevron::before { border-style: solid; border-width: 3px 3px 0 0; content: ""; display: inline-block; height: 10px; left: 0px; position: relative; top: 6px; transform: rotate(-45deg); vertical-align: top; width: 10px; } .jumbotron .item-underline .myclients ul li .chevron.right:before { left: 0px; transform: rotate(45deg); } .jumbotron .item-underline .myclients ul li .action { width: 10px; color: #00A0D2; } .jumbotron .item-underline .myclients ul li:hover { border-bottom: 1px Solid; border-color: #00A0D2 !important; background-color: #f4f4f4; border-width: 1px Solid; cursor: pointer; } .jumbotron .item-underline .myclients .header { font-size: 17px; font-weight: 500; text-align: left; color: #585858; float: left; } .jumbotron .item-underline .myclients .template-padding { padding: 0px !important; margin: 0px !important; } .jumbotron .item-underline .myclients .template-padding .item-padding { padding-left: 0px; } .jumbotron .item-underline .myclients .row-padding-top { padding-top: 5px; } .jumbotron .item-underline .myclients .row-padding-top .company-name { color: #000000; } .jumbotron .item-underline .myclients .row-padding-top .item-text { color: #000000; } .jumbotron .autocomplete { height: 60px; margin-bottom: 25px; height: 60px; margin-bottom: 25px; } .jumbotron .autocomplete ul { background-color: #f4f4f4; max-height: 400px; max-height: 400px; overflow-y: auto; min-height: 1px; min-height: 1px; } .jumbotron .autocomplete ul li { padding: 0.5rem 0.75rem; text-align: left; } .jumbotron .autocomplete ul li:hover { background-color: #444444; color: #ffffff; cursor: pointer; } .jumbotron .autocomplete ul .no-records-found:hover { background-color: #f4f4f4; color: #000000; cursor: text; } .myclients { height: 1px; font-size: 14px; font-weight: 400; color: #707070; } .myclients ul { background-color: #ffffff; max-height: calc(63vh - 101px) !important; overflow-y: auto; min-height: calc(63vh - 101px) !important; } .myclients ul li { padding: 0.15rem 0.15rem; text-align: left; border-bottom: 1px Solid; border-color: #d8d8d8 !important; } .myclients ul li .chevron::before { border-style: solid; border-width: 3px 3px 0 0; content: ""; display: inline-block; height: 10px; left: 0px; position: relative; top: 6px; transform: rotate(-45deg); vertical-align: top; width: 10px; } .myclients ul li .chevron.right:before { left: 0px; transform: rotate(45deg); } .myclients ul li .action { width: 10px; color: #00A0D2; } .myclients ul li:hover { border-bottom: 1px Solid; border-color: #00A0D2 !important; background-color: #f4f4f4; border-width: 1px Solid; cursor: pointer; } .myclients .header { font-size: 17px; font-weight: 500; text-align: left; color: #585858; float: left; } .myclients .template-padding { padding: 0px !important; margin: 0px !important; } .myclients .template-padding .item-padding { padding-left: 0px; } .myclients .row-padding-top { padding-top: 5px; } .myclients .row-padding-top .company-name { color: #000000; } .myclients .row-padding-top .item-text { color: #000000; } .height-hr { border-left: 1px solid #707070; } #create-run, #run-pages-help, #run-management-pages, #setup-an-item { background-color: #444444; border-left: 2px solid #00A0D2; padding: 15px; color: #ffffff; } #create-run h4, #run-pages-help h4, #run-management-pages h4, #setup-an-item h4 { font-weight: 400; } #create-run hr, #run-pages-help hr, #run-management-pages hr, #setup-an-item hr { border-color: #c5c5c5; margin-right: -15px; } #create-run ul, #run-pages-help ul, #run-management-pages ul, #setup-an-item ul { margin: 0; } #create-run ul li, #run-pages-help ul li, #run-management-pages ul li, #setup-an-item ul li { font-size: 14px; font-weight: 500; border-bottom: 1px solid #707070; padding: 15px 0; } #create-run ul li a, #run-pages-help ul li a, #run-management-pages ul li a, #setup-an-item ul li a { color: #d8d8d8; padding-right: 50px; height: 45px; position: relative; margin: 0; display: table-cell; vertical-align: middle; bottom: 0; width: 600px; } #create-run ul li a:after, #run-pages-help ul li a:after, #run-management-pages ul li a:after, #setup-an-item ul li a:after { color: #00A0D2; float: right; font-size: 32px; padding: 0; font-family: "willis_fonts"; content: "\f28d"; position: absolute; top: 0; right: 0; display: block; } #create-run ul li a:after, #run-pages-help ul li a:after, #run-management-pages ul li a:after, #setup-an-item ul li a:after, #create-run ul li a:after:hover { content: "\f28d"; text-decoration: none; } #create-run ul li a:hover, #run-pages-help ul li a:hover, #run-management-pages ul li a:hover, #setup-an-item ul li a:hover, #create-run ul li a:focus, #run-pages-help ul li a:focus, #run-management-pages ul li a:focus, #setup-an-item ul li a:focus { color: #d8d8d8; text-decoration: none; } #create-run ul li a:hover span, #run-pages-help ul li a:hover span, #run-management-pages ul li a:hover span, #setup-an-item ul li a:hover span, #create-run ul li a:focus span, #run-pages-help ul li a:focus span, #run-management-pages ul li a:focus span, #setup-an-item ul li a:focus span { text-decoration: underline; } #create-run ul li a:hover:after, #run-pages-help ul li a:hover:after, #run-management-pages ul li a:hover:after, #setup-an-item ul li a:hover:after, #create-run ul li a:focus:after, #run-pages-help ul li a:focus:after, #run-management-pages ul li a:focus:after, #setup-an-item ul li a:focus:after { color: #007FA7; text-decoration: none; } #create-run ul li:last-child, #run-pages-help ul li:last-child, #run-management-pages ul li:last-child, #setup-an-item ul li:last-child { border-bottom: 0 solid #707070; padding: 15px 0 0; } #run-management-pages, #setup-an-item { background-color: #f4f4f4; color: #444444; margin: 30px 0; } #run-management-pages ul li a, #setup-an-item ul li a { padding-right: 50px; height: 45px; position: relative; margin: 0; display: table-cell; vertical-align: middle; bottom: 0; font-size: 16px; color: #00A0D2; width: 600px; } #run-management-pages ul li a:after, #setup-an-item ul li a:after { color: #00A0D2; float: right; font-size: 32px; padding: 0; font-family: "willis_fonts"; content: "\f28d"; position: absolute; top: 0; right: 0; display: block; } #run-management-pages ul li a:hover, #setup-an-item ul li a:hover, #run-management-pages ul li a:focus, #setup-an-item ul li a:focus { color: #007FA7; } #run-management-pages ul li a:hover:after, #setup-an-item ul li a:hover:after, #run-management-pages ul li a:focus:after, #setup-an-item ul li a:focus:after { color: #007FA7; } #run-pages-help { background-color: #f4f4f4; color: #444444; margin: 30px 0; border-left: 2px solid rgba(68, 68, 68, 0.5); } #run-pages-help ul li a { padding-right: 50px; height: 45px; position: relative; margin: 0; display: table-cell; vertical-align: middle; bottom: 0; font-size: 14px; width: 600px; font-weight: normal; color: #444444; } #run-pages-help ul li a:after { float: right; font-size: 32px; padding: 0; font-family: "willis_fonts"; content: "\f2b6"; position: absolute; top: 0; right: 0; display: block; color: #444444; } #run-pages-help ul li a:hover, #run-pages-help ul li a:focus { color: #00A0D2; } #run-pages-help ul li a:hover:after, #run-pages-help ul li a:focus:after { color: #00A0D2; } #run-pages-help ul li:first-child { padding: 0 0 15px; } .runs-manager--xs { margin-bottom: 35px; overflow: hidden; } .runs-manager--xs ul { margin: 0; } .runs-manager--xs ul li { font-size: 14px; font-weight: 500; border-bottom: 1px solid #c5c5c5; width: 48%; float: left; display: inline-block; } @media (max-width: 400px) { .runs-manager--xs ul li { width: 100%; } } .runs-manager--xs ul li:nth-last-of-type(odd) { margin-left: 2%; } @media (max-width: 400px) { .runs-manager--xs ul li:nth-last-of-type(odd) { margin: 0; } } .runs-manager--xs ul li:nth-last-of-type(even) { margin-right: 2%; } @media (max-width: 400px) { .runs-manager--xs ul li:nth-last-of-type(even) { margin: 0; } } .runs-manager--xs ul li:hover { border-bottom: 1px solid #00A0D2; } .runs-manager--xs ul li a .mobile-link { font-size: 15px; color: #00A0D2; position: relative; padding: 0 35px 0 12px; margin: 0; display: table-cell; height: 55px; width: 600px; vertical-align: middle; bottom: 0; } .runs-manager--xs ul li a .mobile-link:after { color: #818a91; float: right; font-size: 32px; padding: 0; font-family: "willis_fonts"; content: "\f28d"; position: absolute; top: 0; right: 0; display: block; } .runs-manager--xs ul li a .mobile-link:hover, .runs-manager--xs ul li a .mobile-link:focus { color: #444444; } .runs-manager--xs ul li a .mobile-link:hover:after, .runs-manager--xs ul li a .mobile-link:focus:after { color: #00A0D2; } .runs-manager--xs ul li a:hover, .runs-manager--xs ul li a:focus { text-decoration: none; } .table-list tbody tr td a[id^=detail] { float: right; } .table-list tbody tr td a[id^=detail] .icon-down_arrow { font-size: 16px; } .table-list tbody tr td.runname { white-space: nowrap; display: inline-block; width: 350px; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 767px) { .table-list tbody tr td.runname { width: 300px; } } @media (max-width: 575px) { .table-list tbody tr td.runname { width: auto; white-space: normal; } } .table-list .show-icon { display: none; } .table-list .related-con { font-size: 22px; color: #444444; } .table-list .active .hide-icon { display: none; } .table-list .active .show-icon { display: inline-block; } .table-list .active .show-icon.icon-close_thin:before { position: relative; top: 5px; font-size: 16px; color: #fff; } .table-list .active .related-con { color: #c6c6c5; } .table-list a:hover, .table-list a:focus { text-decoration: none; } #details-runs .tooltip-inner { max-width: 300px !important; } #details-runs h3 { border-bottom: 1px solid #c5c5c5; padding: 15px 0; font-weight: 300; } #details-runs form .icon-plus { display: inline; } #details-runs th.column-sort span:before { color: #00A0D2; position: relative; font-size: 12px; font-weight: bold; left: -5px; } #details-runs th.column-sort span.icon-combo-arrow:before { font-size: 14px; font-weight: normal; } #details-runs tbody tr:nth-child(2n+1) { background: #fff; } #details-runs tbody tr:nth-child(4n+1) { background: #f4f4f4; } #details-runs tbody tr.active td { border-top-width: 0; } #details-runs div[id^=show] { display: none; padding: 0.75rem; border-top: 1px solid #707070; background-color: #444444 !important; color: #ffffff; } #details-runs div[id^=show] .details p { margin-bottom: 0; } #details-runs div[id^=show] .details p:nth-child(2) { margin: 25px 0; } #details-runs .icon-more-table { color: #00A0D2 !important; content: "\f2b5"; } #details-runs .hidden .icon-more-table:after { color: #818a91 !important; } #details-runs .hidden .td-footer { padding: 15px; } #details-runs .hidden .td-footer > div { margin-right: 15px; } @media (max-width: 767px) { #details-runs .hidden .td-footer > div { width: 100%; display: block; margin-right: 0; } } #details-runs .hidden .td-footer button { width: 100%; cursor: pointer; min-width: 100px; } @media (max-width: 767px) { #details-runs .hidden .td-footer button { border-top: 1px solid #707070; border-bottom: 0; border-left: 0; border-right: 0; text-align: left; max-width: 100%; } #details-runs .hidden .td-footer button [class^=icon-], #details-runs .hidden .td-footer button [class*=" icon-"] { font-size: 18px; } } #details-runs .hidden .td-footer .btn-secondary { color: #fff; background-color: transparent; border-color: #979797; border-radius: 0; } #details-runs .hidden .td-footer .btn-secondary:hover { background-color: #585858; border-color: #f4f4f4; color: #f4f4f4; } @media (max-width: 767px) { #details-runs .hidden .td-footer .btn-secondary:hover { border-color: #979797; } } #details-runs .hidden .td-footer .btn-secondary .icon-copy, #details-runs .hidden .td-footer .btn-secondary .icon-delete, #details-runs .hidden .td-footer .btn-secondary .icon-share, #details-runs .hidden .td-footer .btn-secondary .icon-edit { display: none; } @media (max-width: 767px) { #details-runs .hidden .td-footer .btn-secondary .icon-copy, #details-runs .hidden .td-footer .btn-secondary .icon-delete, #details-runs .hidden .td-footer .btn-secondary .icon-share, #details-runs .hidden .td-footer .btn-secondary .icon-edit { display: inline-block; padding-right: 1rem; } } #details-runs .hidden .td-footer .load-run { margin-left: auto; margin-right: 0; right: 15px; } @media (max-width: 767px) { #details-runs .hidden .td-footer .load-run { margin-top: 30px; width: 100%; position: relative; right: 0; margin-right: 0; } } #details-runs .hidden .td-footer .load-run button { text-align: center; max-width: 100%; } #details-runs .hidden hr { border-top: 1px solid #707070; } #details-runs .hidden .lob ul, #details-runs .hidden .shared-run ul { margin: 15px 0; } #details-runs .hidden .lob ul li, #details-runs .hidden .shared-run ul li { display: inline-block; border: 1px solid #707070; border-radius: 20px; padding: 5px 15px; margin: 5px 10px 5px 0; } #details-runs .hidden .shared-run h5 { margin-top: 15px; } #details-runs .hidden .shared-run .icon-person { padding-right: 1rem; } #details-runs .filter-search { float: right; position: relative; top: -50px; } #details-runs .filter-search a:after { content: "\f2b5"; top: 1px; left: 8px; position: relative; color: #818a91 !important; } #details-runs .filter-search a:before { display: none; } #details-runs .filter-search a:hover, #details-runs .filter-search a:focus { box-shadow: 0 0 0 0 rgba(2, 117, 216, 0.25); } #details-runs .filter-search a:hover:after, #details-runs .filter-search a:focus:after { color: #00A0D2 !important; } @media (min-width: 992px) { #details-runs .filter-search { display: none; margin-top: 70px; } } #details-runs #searchFilter { margin: 25px 0 10px; width: 100%; } @media (min-width: 992px) { #details-runs #searchFilter { display: block; } } @media (max-width: 1199px) { #details-runs #searchFilter { margin: -30px 0 30px 0; } } @media screen and (max-width: 1200px) and (min-width: 992px) { #details-runs #searchFilter { margin: 25px 0 10px; } } @media screen and (max-width: 1200px) and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 0) { #details-runs #searchFilter { float: left; } } @media screen and (max-width: 992px) and (-webkit-min-device-pixel-ratio: 0) { #details-runs #searchFilter { float: left; } } #details-runs #searchFilter input { font-size: 14px; } #details-runs #searchFilter button { width: 100%; } #details-runs #searchFilter .right-addon .icon-search { position: absolute; pointer-events: none; padding: 10px; right: 15px; color: #00A0D2; font-size: 20px; } #details-runs #searchFilter .form-inline { margin-bottom: 20px; display: inline-block; } #details-runs #searchFilter .form-inline label { display: inline-block; font-size: 12px; } #details-runs #searchFilter .form-inline input { margin: 0 14px; } #details-runs #searchFilter .form-inline .form-control { display: inline-block; width: 200px; font-size: 14px; } @media (max-width: 1199px) { #details-runs #searchFilter .form-inline .form-control { width: auto; } } @media screen and (max-width: 1200px) and (min-width: 992px) { #details-runs #searchFilter .form-inline .form-control { width: 128px; } } #no-runs .mt-7 { margin-top: 5rem; } @media (max-width: 991px) { #no-runs .mt-7 { margin-top: 2rem; } } #no-runs div:nth-child(2) { width: 565px; margin: 3rem auto 0; text-align: right; } @media (max-width: 575px) { #no-runs div:nth-child(2) { width: 90%; } } #no-runs div:nth-child(2).icon-notification:after { font-size: 50px; } #no-runs div:nth-child(3) { text-align: center; color: #444444; opacity: 0.47; margin: 0 0 7rem 0; } @media (max-width: 575px) { #no-runs div:nth-child(3) { text-align: left; width: 75%; margin-left: 15px; } } #no-runs div:nth-child(3) p { font-size: 20px; } @media (max-width: 991px) { #no-runs { padding-right: 0; padding-left: 0; } } .new-collateral { margin-bottom: 35px; overflow: hidden; } .new-collateral ul { margin: 0; } .new-collateral ul li { font-size: 14px; font-weight: 500; border-bottom: 1px solid #c5c5c5; width: 100%; float: left; display: inline-block; } @media (max-width: 400px) { .new-collateral ul li { width: 100%; } } .new-collateral ul li a .mobile-link { font-size: 15px; color: #00A0D2; position: relative; padding: 0 35px 0 12px; margin: 0; display: table-cell; height: 55px; width: 1000px; vertical-align: middle; bottom: 0; } .new-collateral ul li a .mobile-link:after { color: #444444; float: right; font-size: 26px; padding: 5px 0; font-family: "willis_fonts"; content: "\e908"; position: absolute; top: 0; right: 7px; display: block; } .new-collateral ul li a .mobile-link:hover, .new-collateral ul li a .mobile-link:focus { color: #444444; } .new-collateral ul li a .mobile-link:hover:after, .new-collateral ul li a .mobile-link:focus:after { color: #00A0D2; } .new-collateral ul li a:hover, .new-collateral ul li a:focus { text-decoration: none; } .modal-content .modal-body .autocomplete ul { background-color: #f4f4f4; max-height: 300px; overflow-y: auto; min-height: 30px; display: inline; } .modal-content .modal-body .autocomplete ul li { padding: 0.5rem 0.75rem; text-align: left; } .modal-content .modal-body .autocomplete ul li:hover { background-color: #444444; color: #ffffff; cursor: pointer; } .modal-content .modal-body .autocomplete ul li div { cursor: pointer; } .modal-content .modal-body .autocomplete ul li div p { margin-bottom: 0; } .progressIndicatorsRunItemDetails { color: #ffffff; } .main-container .table-list tbody tr td.runname { width: 350px; } @media (min-width: 1200px) { .main-container .table-list tbody tr td.runname { width: 250px; } } @media (min-width: 992px) and (max-width: 1199px) { .main-container .table-list tbody tr td.runname { width: 106px; } } @media (min-width: 768px) and (max-width: 991px) { .main-container .table-list tbody tr td.runname { width: 195px; } } @media (min-width: 576px) and (max-width: 767px) { .main-container .table-list tbody tr td.runname { width: 250px; } } @media (max-width: 575px) { .main-container .table-list tbody tr td.runname { width: auto; white-space: normal; } } .run-item td { border: none; } .runs-list-wrapper { min-height: calc(100vh - 103px); } .select-wrapper { background-color: #f4f4f4 !important; border: 0; border-radius: 0; border-bottom: solid 2px #c5c5c5; width: 100%; padding: 0.45rem 1.5rem 0.5rem 0.75rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #000000; font-size: 14px; line-height: 1.5; } @media (-webkit-min-device-pixel-ratio: 0) { .select-wrapper { background: url("/assets/images/combo_arrows.svg") no-repeat; background-position: right 10px center; background-size: 10px; } } .select-wrapper:hover, .select-wrapper:focus { border-bottom: solid 2px #00A0D2; color: inherit; outline: 0; } .select-wrapper:after { content: "\ea7f"; font-family: "willis_fonts"; position: absolute; transform: rotate(90deg); display: inline-block; color: #00A0D2; top: 5px; right: 20px; } .select-wrapper.styled-select { border-top: solid 2px #c5c5c5; border-left: solid 2px #c5c5c5; border-right: solid 2px #c5c5c5; border-bottom-width: 0; padding: 1rem 1.5rem 1rem 0.75rem; font-size: 20px; } .theme-option:after { content: "\e913"; } .theme--option--default { color: #444444; background: #f4f4f4; } select::-ms-expand { display: none; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .only-ie { border: 0; border-radius: 0; } .only-ie.add-industry:after { right: 113px; z-index: 999; } .only-ie:after { content: "\ea7f"; font-family: "willis_fonts"; position: absolute; transform: rotate(90deg); display: inline-block; color: #00A0D2; margin-top: 5px; right: 20px; } .only-ie select { padding: 0.4rem 2rem 0.4rem 0.75rem; border-bottom: 2px solid #c5c5c5; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-radius: 0; cursor: pointer; z-index: 10; font-size: 14px; } .only-ie--mod:after { top: 16px; right: 30px; } } .stepper-container .stepper-wrap, .titlebar--wrap .stepper-wrap { padding: 1.332rem 0; background: #f4f4f4; } .stepper-container .btn-link, .titlebar--wrap .btn-link { font-size: 20px; } .stepper-container .btn-link .active, .titlebar--wrap .btn-link .active { text-decoration: none; font-weight: 500; } .stepper-container .btn-link .disabled, .titlebar--wrap .btn-link .disabled { opacity: 0.5; font-weight: 400; text-decoration: none; } .stepper-container .btn-link:hover, .titlebar--wrap .btn-link:hover { text-decoration: none; } .stepper-container .btn-link .theme--text--dark, .titlebar--wrap .btn-link .theme--text--dark { color: #707070; text-decoration: underline; } .stepper-container .btn-link .theme--text--dark.active, .titlebar--wrap .btn-link .theme--text--dark.active { color: #000000; text-decoration: none; } .stepper-container .btn-link .theme--text--dark:hover, .titlebar--wrap .btn-link .theme--text--dark:hover { text-decoration: none; } .stepper-container .btn-link .theme--text--dark.disabled, .titlebar--wrap .btn-link .theme--text--dark.disabled { text-decoration: none; } .stepper-container .btn-link .icon-check-alt:before, .titlebar--wrap .btn-link .icon-check-alt:before { font-size: 24px; position: relative; background: #ffffff; border-radius: 35px; color: #00c389; top: 4px; } .stepper-container .progress, .titlebar--wrap .progress { position: absolute; margin: 0 -15px; height: 6px; width: 100%; background-color: #e4e4e4; border-radius: 0; } .stepper-container .progress .progress-bar.bg-success, .titlebar--wrap .progress .progress-bar.bg-success { background-color: #009966 !important; text-indent: -9999px; } .bs-datepicker-head { background-color: #00A0D2 !important; } .theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span, .theme-green .bs-datepicker-body table td span[class*=select-]:after, .theme-green .bs-datepicker-body table td[class*=select-] span:after { background-color: #00A0D2 !important; } .theme-green .bs-datepicker-body table td.week span { color: #00A0D2 !important; } .bs-datepicker-body table td { color: #444 !important; } .bs-datepicker-head button:hover { background-color: #00779e !important; } /* Currency */ .modal .currency-table tbody tr { font-weight: 500; } .modal .currency-table tbody tr td:before { display: none; } .modal .currency-table tbody tr td:first-child { padding: 0.75rem 0; } @media (max-width: 991px) { .modal .currency-table tbody tr td { display: table-cell; padding: 0.75rem; } } .modal .currency-table .icon-arrow:before { color: #c6c6c5; } .upload-excel-section .upload-success .icon-ico_tick_circle_01, .upload-igloo-section .upload-success .icon-ico_tick_circle_01 { display: block; font-size: 56px; margin: 10% 0 30px 0; } .upload-excel-section .dashed-box, .upload-igloo-section .dashed-box { border: 2px dashed #cecece; height: 355px; width: 100%; text-align: center; margin-right: 15px; } .upload-excel-section .dashed-box.nv-file-over, .upload-igloo-section .dashed-box.nv-file-over { border: dashed 2px #707070; } .upload-excel-section .dashed-box .mt-60, .upload-igloo-section .dashed-box .mt-60 { margin-top: -60px; } @media (max-width: 767px) { .upload-excel-section .dashed-box, .upload-igloo-section .dashed-box { margin: 0 0 30px; } } .upload-excel-section .dashed-box .upload-wrapper, .upload-igloo-section .dashed-box .upload-wrapper { position: relative; top: 38%; } .upload-excel-section .dashed-box .upload-wrapper h3, .upload-igloo-section .dashed-box .upload-wrapper h3, .upload-excel-section .dashed-box .upload-wrapper .wrapper-title, .upload-igloo-section .dashed-box .upload-wrapper .wrapper-title { color: #707070; font-weight: 400; margin-bottom: 2rem; font-size: 20px; } .upload-excel-section .dashed-box .upload-wrapper label.choose-file, .upload-igloo-section .dashed-box .upload-wrapper label.choose-file { background-color: #00A0D2; display: inline-block; padding: 0.5rem 1rem; font-size: 1rem; color: #ffffff; cursor: pointer; } .upload-excel-section .dashed-box .upload-wrapper label.choose-file:hover, .upload-igloo-section .dashed-box .upload-wrapper label.choose-file:hover, .upload-excel-section .dashed-box .upload-wrapper label.choose-file:active, .upload-igloo-section .dashed-box .upload-wrapper label.choose-file:active { background-color: #007FA7; } .upload-excel-section .dashed-box .upload-wrapper label.choose-file input[type=file], .upload-igloo-section .dashed-box .upload-wrapper label.choose-file input[type=file] { position: fixed; top: -1000px; } .dl-excel-temp-section { background-color: #f4f4f4; border-right: 15px solid #ffffff; } @media (max-width: 767px) { .dl-excel-temp-section { background-color: #ffffff; border-right-width: 0; } .dl-excel-temp-section .excel-section--small { background-color: #f4f4f4; } } .dl-excel-temp-section h3 { border-bottom: 1px solid #c5c5c5; padding: 10px 0 10px 0px; } .dl-excel-temp-section h3 [class^=icon-], .dl-excel-temp-section h3 [class*=" icon-"] { color: #702082; font-size: 32px; padding-right: 15px; vertical-align: middle; } .dl-excel-temp-section h3 span { display: table-cell; } .dl-excel-temp-section ol { padding: 0; margin: 0.7rem 1rem 1rem 1rem; } .dl-excel-temp-section ol li { font-size: 16px; padding: 0 0 0 28px; color: #000000; font-weight: 500; } .dl-excel-temp-section ol li p { font-size: 16px; padding: 0 0 15px 0; margin: 0; color: #585858; } .dl-excel-temp-section ol li p.border-top { border-top: 1px solid #cecece; padding-top: 15px; } .dl-excel-temp-section ol li a, .dl-excel-temp-section ol li button { color: #00A0D2; margin: 0 0 20px 0; padding: 16px 10px 16px 46px; text-align: left; font-weight: 500; font-size: 1rem; white-space: -moz-pre-wrap !important; white-space: -webkit-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; white-space: normal; } .dl-excel-temp-section ol li a:before, .dl-excel-temp-section ol li button:before { color: #979797; float: left; font-size: 26px; padding: 5px 0; font-family: "willis_fonts"; content: "\f2ba"; position: absolute; top: 8px; left: 12px; display: block; } .dl-excel-temp-section ol li a:hover, .dl-excel-temp-section ol li a:focus, .dl-excel-temp-section ol li button:hover, .dl-excel-temp-section ol li button:focus { color: #007FA7; border-color: #979797; } .report-options { position: absolute; margin-top: -14px; right: 15px; z-index: 1; background: #ECEDEE; padding: 0; max-width: 230px; width: 230px; text-align: left; } @media (max-width: 575px) { .report-options { top: 45px; } } .report-options p { padding-left: 15px; padding-right: 10px; } .report-options h5 { font-weight: 500; border-bottom: 2px solid #00A0D2; font-size: 12px; padding: 10px 15px; color: #000000; } .report-options label { font-size: 13px; margin: 0; } .report-options:before { content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #ECEDEE; position: absolute; right: 30px; top: -10px; } .report-options .download-your-report { padding: 10px; border-top: 1px solid #C5C5C5; font-weight: 500; } .report-options .download-your-report a span { font-size: 14px; } .report-options .download-your-report a span:after { content: "\f2df"; font-family: "willis_fonts" !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 18px; position: absolute; right: 15px; } .report-options .download-your-report a:hover { text-decoration: none; } .report-options [type=checkbox]:disabled + label { color: #444444; } .report-options .optional-analysis { margin: 0 0 10px; } .report-options .optional-analysis .optional-title { border-top: 1px solid #C5C5C5; padding: 10px 15px; font-weight: 500; font-size: 12px; margin-top: 10px; } .report-options .optional-analysis .option { font-size: 12px; margin: 0 -15px 0 15px; } .report-options .optional-analysis .option label { text-indent: -3px; font-size: 10px; padding-left: 1.55em; } .report-options .optional-analysis .option label > span { margin: 0.25em 0.2em 0.25em -1em; } .report-options .optional-analysis .option label > span > span { width: 4px; height: 4px; margin: 2px; } .form-control::-webkit-input-placeholder { color: #c5c5c5; } .form-control:-moz-placeholder { color: #c5c5c5; } .form-control::-moz-placeholder { color: #c5c5c5; } .form-control:-ms-input-placeholder { color: #c5c5c5; } .form-control::-ms-input-placeholder { color: #c5c5c5; } .container-wrapper { width: 100%; position: relative; height: 100%; display: flex; } .assumptions-block { margin-bottom: 30px; } .assumptions-block .card { background-color: #ffffff; } .assumptions-block h3 { border-bottom: 1px solid #c5c5c5; } .assumptions-block h3 a { display: block; padding: 0.75rem 0 0.75rem 25px; color: #444444; font-weight: 400; } .assumptions-block h3 a:after { content: "\e906"; font-family: "willis_fonts"; transform: rotate(180deg); display: inline-block; position: absolute; left: 15px; top: 18px; font-size: 12px; color: #00A0D2; } .assumptions-block h3 a:hover, .assumptions-block h3 a:focus { text-decoration: none; } .assumptions-block h3 a.collapsed:after { font-family: "willis_fonts"; transform: rotate(0deg); } .assumptions-block h3 a.setup-view { position: absolute; top: 1px; right: 15px; font-size: 16px; display: table; color: #00A0D2; } .assumptions-block h3 a.setup-view:after { display: none; } .assumptions-block h3 a.setup-view .icon-settings { display: table-cell; padding-right: 10px; } .assumptions-block--mod h3 a { padding: 0.75rem 0 0.75rem 0; } .assumptions-block--mod h3 a:after { right: 15px; font-size: 18px; } .assumptions--table thead th { font-size: 16px; padding: 0.75rem 0 0.3rem 0; border: 0; color: #1D1D1B; } .assumptions--table thead th:after { content: ""; display: block; border-bottom: 1px solid #d8d8d8; border-top-width: 0; position: relative; top: 7px; } .assumptions--table tbody td { padding: 0; vertical-align: top; border-top-width: 0; padding: 0.75rem 0 0 0.3rem; } @media (max-width: 767px) { .assumptions--table tbody td:first-child { width: 60%; } } .dot { height: 4px; width: 4px; background-color: #979797; border-radius: 50%; display: inline-block; margin-right: 5px; top: -2px; position: relative; } .cookie-text { padding-top: 8px; font-size: small; } .tab-to-accordion hr { border-top: 1px solid #c5c5c5; } .tab-to-accordion .nav-tabs { display: none; padding-top: 0; border-bottom: 1px solid #00A0D2; } .tab-to-accordion .card { background-color: transparent; } .tab-to-accordion .card h3 { margin: 0; } .tab-to-accordion .nav-pills { padding: 0; right: 10px; } @media (min-width: 993px) { .tab-to-accordion .nav-tabs { display: flex; height: 55px; } .tab-to-accordion .nav-tabs .nav-link { width: 182px; height: 62px; margin-top: -0.5em; display: flex; align-items: flex-end; color: #444444; } .tab-to-accordion .nav-tabs .nav-link.active { color: #ffffff; } .tab-to-accordion .nav-tabs .nav-link.active:focus, .tab-to-accordion .nav-tabs .nav-link.active:hover { margin-top: -0.5em; display: flex; align-items: flex-end; } .tab-to-accordion .nav-tabs.secondary-nav-tabs .nav-link { width: auto; height: auto; color: #00A0D2; margin-top: 0; padding-top: 1rem; } .tab-to-accordion .nav-tabs.secondary-nav-tabs .nav-link.active { color: #000000; } .tab-to-accordion .nav-tabs.secondary-nav-tabs .nav-link.active:focus, .tab-to-accordion .nav-tabs.secondary-nav-tabs .nav-link.active:hover { margin-top: 0; display: flex; align-items: flex-end; } .tab-to-accordion .card { border: none; } .tab-to-accordion .card .card-header { display: none; } .tab-to-accordion .card .collapse { display: block; } } @media (max-width: 992px) { .tab-to-accordion .tab-pane { display: block; opacity: 1; } .tab-to-accordion .tab-pane.tab-pane--sub { display: none; } .tab-to-accordion .tab-pane.tab-pane--sub.active { display: block; } .tab-to-accordion .tab-to-accordion .collapse.show .card-body .tab-content .tab-pane.fade { display: none; } .tab-to-accordion .tab-to-accordion .collapse.show .card-body .tab-content .tab-pane.fade.active { display: block; } .tab-to-accordion .secondary-accordion .card-header { margin: 0 15px; } .tab-to-accordion .secondary-accordion .card-header a h5 { padding: 0.5rem 0.75rem; } .tab-to-accordion .secondary-accordion .card-header a h5:after { right: 25px; } } .tab-to-accordion .tertiary-accordion .card .card-header { display: block; } .tab-to-accordion .tertiary-accordion .collapse { display: none; } .tab-to-accordion .tertiary-accordion .collapse.show { display: block; } .legend { padding: 15px; text-align: right; } .legend > li { display: inline-block; margin-left: 20px; } .legend > li .chart-1, .legend > li .chart-4, .legend > li .chart-3, .legend > li .chart-2 { background-color: #C111A0; padding: 10px; position: absolute; margin-right: 5px; } .legend > li .chart-2 { background-color: #FFB81C; } .legend > li .chart-3 { background-color: #5D63D3; } .legend > li .chart-4 { background-color: #6A0858; } .legend > li span:nth-child(2) { margin: 0 0 0 30px; font-size: 10px; color: #706F6E; position: relative; top: -2px; } .net-cost { background-color: #444444 !important; color: #ffffff; font-weight: 500; } .data-in-minus { color: #a31e22; } .main-container { position: relative; flex-basis: 0; flex-grow: 1; max-width: 100%; width: calc(100% - 70px); min-height: calc(100vh - 143px); } .main-container .titlebar--wrap { padding-left: 1rem; padding-right: 1rem; } .scroll { overflow-x: auto; } .strategy-no, .strategy-no-current { background-color: #006845; color: white; padding: 5px 10px; font-size: 14px; border: none; cursor: pointer; } .highcharts-tooltip-box { fill: #444444 !important; fill-opacity: 1 !important; stroke-width: 0 !important; } .highcharts-tooltip text { fill: #ffffff !important; } .tooltip-strategy { position: relative; display: inline-block; } .tooltip-strategy .strategy-content { background-color: #444444; min-width: 224px; z-index: 1; padding: 10px; color: #ffffff; } .tooltip-strategy .strategy-content a { color: #ffffff; padding: 5px 0; text-decoration: underline; display: block; font-size: 14px; } .tooltip-strategy .strategy-content a:hover { text-decoration: none; } .tooltip-strategy .strategy-content .title { border-bottom: 1px solid #707070; padding: 0 0 10px; } .tooltip-strategy .strategy-content ul { padding: 0; margin: 0; } .tooltip-strategy .strategy-content ul li { font-size: 14px; font-weight: 400; } .tooltip-strategy:hover .strategy-content { display: block; } @keyframes slide-in { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0%); } } @keyframes slide-out { 0% { transform: translateX(0%); } 100% { transform: translateX(100%); } } @keyframes slideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } .header-container { font-size: 18px; font-weight: 500; color: #444444; border-bottom: 2px solid #d8d8d8; padding-bottom: 10px; margin-bottom: 20px; margin-top: 20px; } .access-container { margin: 30px auto; max-width: 900px; } .access-container .grid-row { display: flex; } .access-container .grid-row autocomplete { width: 100%; } .access-container .grid-row autocomplete .autocomplete { width: 100%; max-width: 100%; padding: 10px 0; height: 90px; } .access-container .grid-row autocomplete .autocomplete ul { background-color: #f4f4f4; max-height: 300px; overflow-y: auto; min-height: 30px; cursor: pointer; } .access-container .grid-row div { flex-grow: 1; padding: 10px; max-width: 300px; } .access-container .grid-row:nth-child(2n) { background: #f4f4f4; } .access-container input[type=checkbox] { position: inherit; display: inline-block; max-width: 13px; } .access-container .access-container-header { width: 100%; border-bottom: 2px solid #eceeef; color: #444444; font-weight: bold; } .access-container .btn-primary, .access-container .btn-danger { margin-top: 10px; } .progress-caption span { font-size: 12px; } .progress-caption .progress { height: 6px; width: 100%; background-color: #e4e4e4; border-radius: 0; } .progress-caption .progress .progress-bar.bg-success { background-color: #009966 !important; text-indent: -9999px; } .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; margin-right: 5px; position: relative; max-height: 60vh; } .ps__rail-x { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; height: 15px; bottom: 0px; position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; width: 15px; right: 0; position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps__rail-x:hover, .ps__rail-y:hover, .ps__rail-x:focus, .ps__rail-y:focus { background-color: transparent; opacity: 0.9; } .ps__thumb-x { background-color: #707070; border-radius: 6px; transition: background-color 0.2s linear, height 0.2s ease-in-out; -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out; height: 6px; bottom: 2px; position: absolute; } .ps__thumb-y { background-color: #707070; border-radius: 6px; transition: background-color 0.2s linear, width 0.2s ease-in-out; -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out; width: 6px; right: 2px; position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x { background-color: #979797; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y { background-color: #979797; width: 11px; } @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .scroll-container { height: 300px; } .scrollable-content { padding: 16px; margin: 0; } .autocomplete { height: 75px; position: relative; } .autocomplete ul { background-color: #f4f4f4; max-height: 160px; overflow-y: auto; min-height: 30px; z-index: 10; position: absolute; width: 100%; } .autocomplete ul li { padding: 0.5rem 0.75rem; text-align: left; } .autocomplete ul li:hover { background-color: #444444; color: #ffffff; cursor: pointer; } site-header li.disabled > currency a { display: none; } html { letter-spacing: 0.03em; } h1 { margin-top: 25px; margin-bottom: 20px; font-size: 32px; font-weight: bold; color: #707070; } @media (min-width: 0px) and (max-width: 600px) { .modal-dialog { max-width: 320px !important; } } @media (min-width: 601px) and (max-width: 960px) { .modal-dialog { max-width: 500px !important; } } @media (min-width: 961px) { .modal-dialog { max-width: 800px !important; } } .highcharts-container, .highcharts-container svg { width: 100% !important; } .static-position { position: static !important; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .left-padding { padding-left: 20px; } } .noposition { position: static !important; position: initial !important; margin-right: 5px !important; Top: 3px !important; } *:focus { outline: 0; outline: none; } .nopadding { padding-right: 0; padding-left: 0; } .top-padding { padding-top: 10px; } a, object, embed, button { outline: 0; } a { cursor: pointer; } input::-moz-focus-inner { border: 0; } a { color: #00A0D2; } a:hover, a:focus { color: #007FA7; } .breadcrumb { background-color: #f4f4f4; padding: 0 1rem; margin: 0; } .breadcrumb .breadcrumb-item + .breadcrumb-item:before { color: #bfbfbf; content: "/"; } .breadcrumb .breadcrumb-item.active { color: #000000; } .scorecard--wrap { width: 645px; overflow-x: scroll; margin-left: 14em; margin-top: -15px; } .scorecard--wrap .nav-link { font-size: 16px; font-weight: normal; } .scorecard--wrap .headcol { position: absolute; width: 16em; left: 25px; } .scorecard--wrap .table tr { font-size: 12px; } .scorecard--wrap .table tr:first-child { font-weight: bold; font-size: 16px; } .scorecard--wrap .table td, .scorecard--wrap .table th { margin: 0; white-space: nowrap; } .scorecard--wrap .table th { border-bottom-width: 0px; } .scorecard--wrap .table .utility--position--relative { font-weight: 500; padding: 0.8rem 0.65rem 0.5rem; font-size: 18px; } .tooltip .tooltip-inner { background-color: #444444; border-radius: 0; } .tooltip.top .tooltip-arrow { border-top-color: #444444; } .tooltip.show { opacity: 0.95; } .icon-filter_mobile a { position: relative; top: -9px; } .tr--opacity { opacity: 0.5; } .tr--opacity td .more-dropdown, .tr--opacity td .view-more { pointer-events: none; } [contenteditable=true] { padding: 0.75rem 0 0.75rem 0.3rem; } [contenteditable=true]:active, [contenteditable=true]:focus { border: none; outline: none; background-color: #f4f4f4; border-bottom: 2px solid #00A0D2 !important; } .percentage { padding: 0.75rem 0 0.75rem 0.3rem; } .percentage:active, .percentage:focus { border: none; outline: none; background-color: #f4f4f4; border-bottom: 2px solid #00A0D2 !important; } table tbody td div.percentage { padding: 0.5rem; } table tbody td div.percentage:after { content: "%"; } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .lob--details.col-md-10 { flex: 0 0 100%; max-width: 100%; } } .base_strategy { background-color: #f4f4f4; border-bottom: 2px solid #00A0D2; width: 100%; padding: 0; } .base_strategy [class*=col-] { min-height: 0; } .base_strategy .tb-container { padding: 0; } .base_strategy .tb-container .tb-cell.tab { padding: 0 3px 0 0; } .base_strategy .tab-contain { padding: 0; } .base_strategy .tab-contain .card { background-color: #444444; padding: 0.75rem; color: #ffffff; } .base_strategy .tab-contain .card .base_strategy--table { padding-right: 15px; } .base_strategy .tab-contain .card .base_strategy--table:nth-child(4) { padding-right: 0; } @media (max-width: 991px) { .base_strategy .tab-contain .card .base_strategy--table:nth-child(2) { padding-right: 0; } } .base_strategy .tab-contain .card .base_strategy--table table { color: #ffffff; } .base_strategy .tab-contain .card .base_strategy--table table thead th { font-size: 16px; padding: 0.75rem 0 0.5rem 0; border: 0; } .base_strategy .tab-contain .card .base_strategy--table table thead th:after { content: ""; display: block; border-bottom: solid 2px rgba(216, 216, 216, 0.5); border-top-width: 0; position: relative; top: 7px; } .base_strategy .tab-contain .card .base_strategy--table table tbody tr { background-color: transparent; } .base_strategy .tab-contain .card .base_strategy--table table tbody tr td { padding: 0; vertical-align: middle; border-top-width: 0; padding: 0.3rem 0 0.3rem 0.3rem; font-size: 13px; } .base_strategy .tab-contain .card .base_strategy--table table tbody tr td [contenteditable=true] { padding: 0.3rem 0 0.3rem 0.3rem; border-bottom: 2px solid #979797 !important; } .base_strategy .tab-contain .card .base_strategy--table table tbody tr td [contenteditable=true]:active, .base_strategy .tab-contain .card .base_strategy--table table tbody tr td [contenteditable=true]:focus { background-color: #707070; text-decoration: none; border-bottom: 2px solid #979797 !important; } .base_strategy .tab-contain .card .base_strategy--table table tbody tr td a[data-toggle=modal] { background-color: #707070; display: block; padding: 0 5px; border-bottom: 2px solid #979797; } .base_strategy .tab-contain .card .base_strategy--table table tbody tr td a[data-toggle=modal]:hover, .base_strategy .tab-contain .card .base_strategy--table table tbody tr td a[data-toggle=modal]:focus { border-bottom: 2px solid #979797; } @media (max-width: 767px) { .base_strategy .tab-contain .card .base_strategy--table table tbody tr td:first-child { width: 60%; } } .base_strategy .tab-contain .card .base_strategy--table .select-wrapper--mod { background-color: #585858; color: #ffffff; } .base_strategy .footer-buttons, .base_strategy .footer-buttons--mod, .base_strategy .footer-buttons--verticalNav { margin: 0; } .total { padding: 15px 0 0 0; font-size: 16px; font-weight: 500; color: #000000; } .sub-title { font-size: 1rem; font-weight: 500; color: #000000; } .disabled { cursor: not-allowed; opacity: 0.3; filter: alpha(opacity=30); pointer-events: none; } .share-user-id { max-width: 200px; word-break: break-all; } .live-event-icon-container { float: right; height: 60px; width: 66px; background-color: #FFB81C; position: absolute; right: 0px; top: -40px; } .live-event-icon-container .icon { font-size: 36px; float: left; padding: 8px 16px 0px 4px; color: #000000; } .live-event-icon-container span { font-size: 10px; font-weight: bold; padding-left: 9px; } body.uiSignal-open { overflow: hidden; } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/material.scss ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .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: #00A0D2; } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #00A0D2; } .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: #00A0D2; } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #00A0D2; } /*# sourceMappingURL=styles.6ef5a3b0cc9cf662.css.map*/