/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/legacy-prebuilt-themes/legacy-indigo-pink.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-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-datepicker-content .mat-mdc-button.mat-unthemed{--mdc-text-button-label-text-color:#000}.mat-datepicker-content .mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5}.mat-datepicker-content .mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081}.mat-datepicker-content .mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336}.mat-datepicker-content .mat-mdc-button[disabled][disabled]{--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-text-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-datepicker-content .mat-mdc-unelevated-button.mat-unthemed{--mdc-filled-button-container-color:#fff;--mdc-filled-button-label-text-color:#000}.mat-datepicker-content .mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--mdc-filled-button-label-text-color:#fff}.mat-datepicker-content .mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--mdc-filled-button-label-text-color:#fff}.mat-datepicker-content .mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:#fff}.mat-datepicker-content .mat-mdc-unelevated-button[disabled][disabled]{--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-button-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-datepicker-content .mat-mdc-raised-button.mat-unthemed{--mdc-protected-button-container-color:#fff;--mdc-protected-button-label-text-color:#000}.mat-datepicker-content .mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--mdc-protected-button-label-text-color:#fff}.mat-datepicker-content .mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--mdc-protected-button-label-text-color:#fff}.mat-datepicker-content .mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:#fff}.mat-datepicker-content .mat-mdc-raised-button[disabled][disabled]{--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-elevation:0}.mat-datepicker-content .mat-mdc-outlined-button{--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-datepicker-content .mat-mdc-outlined-button.mat-unthemed{--mdc-outlined-button-label-text-color:#000}.mat-datepicker-content .mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5}.mat-datepicker-content .mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081}.mat-datepicker-content .mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336}.mat-datepicker-content .mat-mdc-outlined-button[disabled][disabled]{--mdc-outlined-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12)}.mat-datepicker-content .mat-mdc-button,.mat-datepicker-content .mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-datepicker-content .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-datepicker-content .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-datepicker-content .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-datepicker-content .mat-mdc-button.mat-primary,.mat-datepicker-content .mat-mdc-outlined-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1)}.mat-datepicker-content .mat-mdc-button.mat-accent,.mat-datepicker-content .mat-mdc-outlined-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1)}.mat-datepicker-content .mat-mdc-button.mat-warn,.mat-datepicker-content .mat-mdc-outlined-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-datepicker-content .mat-mdc-raised-button,.mat-datepicker-content .mat-mdc-unelevated-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-datepicker-content .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-datepicker-content .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-datepicker-content .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-datepicker-content .mat-mdc-raised-button.mat-primary,.mat-datepicker-content .mat-mdc-unelevated-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-datepicker-content .mat-mdc-raised-button.mat-accent,.mat-datepicker-content .mat-mdc-unelevated-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-datepicker-content .mat-mdc-raised-button.mat-warn,.mat-datepicker-content .mat-mdc-unelevated-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-datepicker-content .mat-mdc-icon-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);--mdc-icon-button-icon-color:inherit;--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-datepicker-content .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-datepicker-content .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-datepicker-content .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-datepicker-content .mat-mdc-icon-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #6200ee;--mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1)}.mat-datepicker-content .mat-mdc-icon-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #018786;--mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1)}.mat-datepicker-content .mat-mdc-icon-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #b00020;--mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1)}.mat-datepicker-content .mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5;--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1)}.mat-datepicker-content .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081;--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1)}.mat-datepicker-content .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336;--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-datepicker-content .mat-mdc-icon-button[disabled][disabled]{--mdc-icon-button-icon-color:rgba(0, 0, 0, 0.38);--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38)}.mat-datepicker-content .mat-mdc-button.mat-mdc-button-base,.mat-datepicker-content .mat-mdc-raised-button.mat-mdc-button-base,.mat-datepicker-content .mat-mdc-unelevated-button.mat-mdc-button-base,.mat-datepicker-content .mat-mdc-outlined-button.mat-mdc-button-base{height:36px}.mat-datepicker-content .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, sans-serif;font-size:14px;font-weight:500}.mat-datepicker-content .mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.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-option{font-family:Roboto, sans-serif;font-size:16px}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-optgroup-label{font-size:16px;font-weight:400;line-height:24px;font-family:Roboto, sans-serif;letter-spacing:.03125em}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-pseudo-checkbox-full{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{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-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-card{font-family:Roboto, 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-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-tooltip{background:rgba(97,97,97,.9)}.mat-tooltip{font-family:Roboto, sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#3f51b5}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-form-field-disabled .mat-form-field-prefix,.mat-form-field-disabled .mat-form-field-suffix{color:rgba(0,0,0,.38)}input.mat-input-element{margin-top:-0.0625em}.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-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, 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]+.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]+.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]+.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]+.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]+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.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-select{font-family:Roboto, sans-serif}.mat-select-trigger{height:1.125em}.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-checkbox{font-family:Roboto, sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.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-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-dialog-title{font-size:20px;font-weight:500;line-height:32px;font-family:Roboto, sans-serif;letter-spacing:.0125em}.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-chip{font-size:16px;font-weight:400}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.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-slide-toggle-content{font-family:Roboto, sans-serif}.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-radio-button{font-family:Roboto, sans-serif}.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-slider-thumb-label-text{font-family:Roboto, sans-serif;font-size:12px;font-weight:400}.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-menu-item{font-family:Roboto, sans-serif;font-size:14px;font-weight:400}.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-list-item{font-family:Roboto, sans-serif}.mat-list-option{font-family:Roboto, 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, sans-serif;font-size:16px;font-weight:400}.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, sans-serif;font-size:12px;font-weight:400}.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-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, sans-serif;font-size:12px}.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,.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused,.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused,.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused,.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused,.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused,.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused,.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused{background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled{background-color:rgba(0,0,0,.1)}.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,.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused,.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused,.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused,.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused,.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused,.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused,.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused{background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled{background-color:rgba(0,0,0,.1)}.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,.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused,.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused,.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused,.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused,.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused,.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused,.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused{background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled{background-color:rgba(0,0,0,.1)}.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,.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused,.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused,.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused{background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled{background-color:rgba(0,0,0,.1)}.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,.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused,.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused,.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused{background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled{background-color:rgba(0,0,0,.1)}.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,.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused,.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused,.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused{background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled{background-color:rgba(0,0,0,.1)}.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-tab-group{font-family:Roboto, sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto, sans-serif;font-size:14px;font-weight:500}.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}.mat-simple-snackbar{font-family:Roboto, sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.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-table{font-family:Roboto, sans-serif}.mat-header-cell{font-size:12px;font-weight:400}.mat-cell,.mat-footer-cell{font-size:14px}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.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;background-color:var(--mat-badge-background-color);color:var(--mat-badge-text-color);font-family:Roboto, sans-serif;font-family:var(--mat-badge-text-font, Roboto, sans-serif);font-size:12px;font-size:var(--mat-badge-text-size, 12px);font-weight:600;font-weight:var(--mat-badge-text-weight, 600)}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-disabled .mat-badge-content{background-color:var(--mat-badge-disabled-state-background-color);color:var(--mat-badge-disabled-state-text-color)}.mat-badge-hidden .mat-badge-content{display: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;font-size:9px;font-size:var(--mat-badge-small-size-text-size, 9px)}.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;font-size:24px;font-size:var(--mat-badge-large-size-text-size, 24px)}.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}html{--mat-badge-background-color:#3f51b5;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#ff4081;--mat-badge-text-color:white}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-large-size-text-size:24px}html{--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white}html{--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400}html{--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:#e0e0e0}html{--mat-standard-button-toggle-height:48px}html{--mat-legacy-button-toggle-text-font:Roboto, sans-serif;--mat-standard-button-toggle-text-font:Roboto, sans-serif}html{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-toggle-active-state-icon-color:#3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target{display:none}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400}html{--mat-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54)}html{--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px}html{--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400}html{--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px}html{--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#3f51b5}.mat-icon.mat-accent{--mat-icon-color:#ff4081}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6)}html{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#3f51b5;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#3f51b5;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#3f51b5;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#ff4081;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#ff4081;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#ff4081;--mat-stepper-header-edit-state-icon-foreground-color:white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px}html{--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400}.mat-sort-header-arrow{color:#757575}html{--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#3f51b5;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ff4081;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px}html{--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-tree{font-family:Roboto, sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-h1,.mat-headline,.mat-typography .mat-h1,.mat-typography .mat-headline,.mat-typography h1{font-size:24px;font-weight:400;line-height:32px;font-family:Roboto, 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-size:20px;font-weight:500;line-height:32px;font-family:Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography .mat-h3,.mat-typography .mat-subheading-2,.mat-typography h3{font-size:16px;font-weight:400;line-height:28px;font-family:Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography .mat-h4,.mat-typography .mat-subheading-1,.mat-typography h4{font-size:14px;font-weight:500;line-height:22px;font-family:Roboto, sans-serif;letter-spacing:.0071428571em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2,.mat-typography .mat-body-strong,.mat-typography .mat-body-2{font-size:16px;font-weight:400;line-height:24px;font-family:Roboto, sans-serif;letter-spacing:.03125em}.mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .mat-body-1,.mat-typography{font-size:14px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0178571429em}.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-size:12px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0333333333em}.mat-display-4,.mat-typography .mat-display-4{font-size:96px;font-weight:300;line-height:96px;font-family:Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font-size:60px;font-weight:300;line-height:60px;font-family:Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font-size:48px;font-weight:400;line-height:50px;font-family:Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font-size:34px;font-weight:400;line-height:40px;font-family:Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/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/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./wwwroot/itcss/main.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "open_sansbold";
  src: url('opensans-bold.woff2') format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansbold_italic";
  src: url('opensans-bolditalic.woff2') format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansitalic";
  src: url('opensans-italic.woff2') format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansregular";
  src: url('opensans-regular.woff2') format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanssemibold";
  src: url('opensans-semibold.woff2') format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url('Montserrat-Bold.ttf') format("truetype");
}
/*
@Variable : For font-size/font-weight
*/
/*********************************************************************
  @author:Bijal Shah
  @description: Common variables
*********************************************************************/
/*
    @variables for the font-family
*/
/*
@Variable : For font-family
*/
/*
@Variable : For width
*/
/*
@Variable : For text
*/
/*
@Variable : For position
*/
/*
@Variable : Commonly used
*/
/* Variables for margin in minus*/
/*
@Variable : For Colors
*/
/** EXAMPLE
.site-header {
  padding: 2rem;
  @include mq('tablet-wide') {
      padding-top: 4rem;
      font-size: 2.4rem;
  }
}
*/
/*
  input:  @include font-size(16px);
  output: font-size: 1rem;
*/
/*
  Mixin to add a border color to the nth-child element,
  useful for making borders visible in ngx-color picker for white color palette
*/
.max-width-357 .mat-dialog-container, .max-width-357 .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .max-width-357 .common-dialog-container {
  max-width: 357px;
}

.max-width-458 .mat-dialog-container, .max-width-458 .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .max-width-458 .common-dialog-container {
  max-width: 458px;
}

.max-width-485 .mat-dialog-container, .max-width-485 .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .max-width-485 .common-dialog-container {
  max-width: 485px;
}

/* height and width */
.max-h15px {
  max-height: 15px;
}

.max-h200px {
  max-height: 200px;
}

.max-h17px {
  height: 17px;
}

.no-line-height {
  line-height: 0 !important;
}

.line-height1 {
  line-height: 1;
}

.line-height1-3 {
  line-height: 1.3;
}

.line-height-14px {
  line-height: 14px !important;
}

.line-height-16 {
  line-height: 16px;
}

.line-height-17 {
  line-height: 17px;
}

.line-height-19 {
  line-height: 19px;
}

.line-height-22 {
  line-height: 22px !important;
}

.line-height-25 {
  line-height: 25px;
}

.line-height-28 {
  line-height: 28px;
}

.wminus-20 {
  width: calc(100% - 20px);
}

.w14-h14 {
  width: 14px !important;
  height: 14px !important;
}

.w12-h12 {
  width: 12px !important;
  height: 12px !important;
}

.w16-h16 {
  width: 16px !important;
  height: 16px !important;
}

.w18-h18 {
  width: 18px;
  min-width: 18px;
  height: 18px !important;
}

.w20-h20 {
  width: 20px !important;
  height: 20px !important;
}

.w24-h24 {
  width: 24px;
  height: 24px;
}

.w25-h25 {
  width: 25px;
  height: 25px;
}

.w30-h30 {
  width: 30px !important;
  height: 30px !important;
}

.w32-h32 {
  max-width: 32px;
  max-height: 32px;
}

.w40-h40 {
  width: 40px !important;
  height: 40px !important;
}

.w50-h50 {
  width: 50px;
  height: 50px;
}

.w96-h96 {
  width: 96px;
  height: 96px;
}

.w101-h101 {
  width: 101px;
  height: 101px;
}

.w161-h161 {
  max-width: 161px;
  max-height: 161px;
}

.max-w164-max-h164 {
  max-width: 164px;
  max-height: 164px;
}

.w164-h164 {
  width: 164px;
  height: 164px;
}

.w130-h32 {
  max-width: 130px;
  max-height: 32px;
}

.w310-h310 {
  width: 310px;
  height: 310px;
}

/* colors */
.theme-color {
  color: #318CE7 !important;
}

.mid-grey {
  color: #93999c;
}

.black {
  color: #000;
}

.light-black {
  color: #6b6b6b;
}

.dark-black {
  color: rgba(0, 0, 0, 0.8705882353);
}

.black-heading {
  color: rgba(0, 0, 0, 0.8705882353);
}

.text-p-black {
  color: #263238;
}

.project-table-icon {
  color: #666e72;
}

.color-white {
  color: #fff !important;
}

.has-border-theme {
  border: 2px solid #318CE7;
}

.focus-border {
  border: 1px solid #318CE7 !important;
}

.icon-color-black-1 {
  color: #707070;
}

.icon-color-black-2 {
  color: #263238;
}

.arrow-color {
  color: #ddd;
}

.red {
  color: #FE5050;
}

.span-color-grey {
  color: rgba(38, 50, 56, 0.7019607843);
}

.fill-dark {
  fill: #263238;
}

.icon-color-grey {
  color: rgba(38, 50, 56, 0.5019607843);
}

.error-red {
  color: #E01E53;
}

.active-log {
  color: #263238;
}

.gray-bg {
  background-color: #F9F9F9;
}

.branding-bg {
  background-color: #F9F9F9;
}

.align-items-start {
  align-items: flex-start;
}

/* background colors */
/* to overwrite mat-dialog css */
.new-grey-bg {
  background: #EBEBEB;
}

.has-white-bg {
  background: #fff !important;
}

.bg-fcfcfc {
  background-color: #fcfcfc !important;
}

.bg-transparent {
  background: transparent;
}

.table-bg {
  background-color: #F6F6F6;
}

.light-background {
  background: #F6F6F6;
}

.grey-bg {
  background: #f9f9f9;
}

.table-tr-bg-grey {
  background: #F4F4F6;
}

.bg-theme {
  background: #318CE7;
}

.bg-theme-light {
  background-color: rgba(49, 140, 231, 0.1);
}

.icon-bg-black-2 {
  background-color: #263238;
}

.black-bg {
  background-color: #000;
}

.light-grey-bg {
  background-color: #f9f9f9;
}

.heading-background {
  background-color: #EBEBEB;
}

.light-template-blue {
  background: #f1f6fb;
}

.red-bg {
  background-color: #E01E53;
}

.light-skyblue {
  background-color: #eaf3fd;
}

.display-block-imp {
  display: block !important;
}

.sub-text {
  color: #888F92;
}

.todo-color {
  background-color: rgba(49, 140, 231, 0.1);
}

.in-progress-color {
  background-color: rgba(237, 114, 51, 0.2);
}

.done-color {
  background-color: rgba(41, 175, 98, 0.3);
}

.cancelled-color {
  background-color: rgba(224, 30, 83, 0.2);
}

.expired-color {
  background-color: rgba(200, 50, 50, 0.25);
}

.trial-color {
  background-color: rgba(49, 140, 231, 0.1);
}

.trial-expired-color {
  background-color: rgba(237, 114, 51, 0.2);
}

.active-color {
  background-color: rgba(41, 175, 98, 0.3);
}

.new-light-bg {
  background: #F6F7F9;
}

.new-light-blue-bg {
  background: rgba(49, 140, 231, 0.2);
}

.text-white {
  color: #fff;
}

.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger,
.bg-inverse {
  color: #fff;
}

.display-block, article,
aside,
footer,
header,
nav,
section,
figcaption,
figure,
main,
details {
  display: block;
}

.display-initial {
  display: initial;
}

.display-inline-imp {
  display: inline;
}

.display-flex {
  display: flex;
}

.display-contents {
  display: contents;
}

.inline-block, img, audio,
video {
  display: inline-block;
}

.display-table {
  display: table;
}

.display-table-cell {
  display: table-cell;
}

.align-middle {
  vertical-align: middle;
}

.align-text-bottom {
  vertical-align: text-bottom;
}

.align-bottom {
  vertical-align: bottom;
}

.align-sub {
  vertical-align: sub;
}

.align-super {
  vertical-align: super !important;
}

.align-text-top {
  vertical-align: text-top;
}

.align-inherit {
  vertical-align: inherit !important;
}

.vertical-top {
  vertical-align: top;
}

.align-webkit-middle {
  vertical-align: -webkit-baseline-middle;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.align-center {
  align-items: center;
}

.text-upper {
  text-transform: uppercase;
}

.text-initial {
  text-transform: initial;
}

.text-underline {
  text-decoration: underline;
}

.text-underline-imp {
  text-decoration: underline !important;
}

.text-decoration-none {
  text-decoration: none;
}

.text-wrap {
  text-overflow: ellipsis;
  width: 100%;
  max-width: 175px;
  overflow: hidden;
  white-space: nowrap;
}

.elipses, .when-img .upper .media-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.overflow-hidden {
  overflow: hidden;
}

.medium-bold, .medium {
  font-weight: 600;
}

.light-bold {
  font-weight: 500;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.semi-bold {
  font-family: "open_sanssemibold", sans-serif !important;
}

.bold-font {
  font-family: "open_sansbold", sans-serif;
}

.font-family-open-sans {
  font-family: "open_sansregular", sans-serif !important;
}

.font-family-open-sans-italic {
  font-family: "open_sansitalic", sans-serif !important;
}

.font-family-roboto {
  font-family: "Roboto", "Helvetica Neue", sans-serif !important;
}

.no-wrap {
  white-space: nowrap;
}

.normal {
  white-space: normal;
}

.break-word {
  word-break: break-word;
}

.word-break-all {
  word-break: break-all;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.hide {
  display: none !important;
}

.float-none {
  float: none;
}

.opacity-1 {
  opacity: 1 !important;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5 !important;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-11 {
  opacity: 0.11;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-44 {
  opacity: 0.44;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-gray {
  color: #4D4651;
}

.text-black {
  color: #454545;
}

.left-15 {
  left: 15px;
}

.mat-slide-toggle-content, .mat-option {
  font-family: "open_sansregular", sans-serif !important;
}

.f5 {
  font-size: 5px;
}

.f9 {
  font-size: 9px;
}

.f10 {
  font-size: 10px;
}

.f11 {
  font-size: 11px;
}

/* to override mat css */
.f12 {
  font-size: 12px !important;
}

.f13, .mat-simple-snackbar {
  font-size: 13px !important;
}

.f14 {
  font-size: 14px;
}

.f15 {
  font-size: 15px;
}

.f16 {
  font-size: 16px !important;
}

.f18 {
  font-size: 18px;
}

.f19 {
  font-size: 19px;
}

.f20 {
  font-size: 20px !important;
}

.f21 {
  font-size: 21px;
}

.f22 {
  font-size: 22px !important;
}

.f23 {
  font-size: 23px;
}

/* to override mat css */
.f24 {
  font-size: 24px !important;
}

.f25 {
  font-size: 25px !important;
}

.f27 {
  font-size: 27px !important;
}

/* to override mat css */
.f28 {
  font-size: 28px !important;
}

.f30 {
  font-size: 30px;
}

.f39 {
  font-size: 39px;
}

.f40 {
  font-size: 40px;
}

.f50 {
  font-size: 50px;
}

.f60 {
  font-size: 60px !important;
}

.f70 {
  font-size: 70px !important;
}

.f79 {
  font-size: 79px;
}

.cursor {
  cursor: pointer !important;
}

.cursor-context-menu {
  cursor: context-menu;
}

.pos-relative {
  position: relative;
}

.object-cover {
  object-fit: cover;
}

.br2 {
  border-radius: 2px;
}

.br3 {
  border-radius: 3px !important;
}

.br4 {
  border-radius: 4px;
}

.br5 {
  border-radius: 5px !important;
}

.br7 {
  border-radius: 7px !important;
}

.br10 {
  border-radius: 10px !important;
}

.br20 {
  border-radius: 20px;
}

.br50 {
  border-radius: 50% !important;
}

.no-border-radius {
  border-radius: 0 !important;
}

.br0 .search-text {
  border-radius: 0 !important;
}

.has-boxshadow {
  box-shadow: 0 -1px 5px 0 #000;
}

.border-none {
  border: none !important;
}

.blue-plus-icn {
  color: #318CE7;
}

.header-shadow {
  box-shadow: 0 0 5px rgba(38, 50, 56, 0.0901960784);
}

.pl40 {
  padding-left: 40px !important;
}

.pl20px {
  padding-left: 20px !important;
}

.ptb20rl30 {
  padding: 20px 30px;
}

.h62px {
  height: 62px;
}

.box-shadow {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0705882353);
}

.normal-font-weight {
  font-weight: normal !important;
}

.normal-line-height {
  line-height: normal !important;
}

.has-bg {
  background: #F9F9F9;
}

.align-bottom {
  vertical-align: bottom;
}

.w20px {
  width: 20px;
}

.w24px {
  width: 24px;
}

.border-radius-3 {
  border-radius: 3px;
}

.border-radius-4 {
  border-radius: 4px;
}

.list-style-disk {
  list-style: none;
}
.list-style-disk:before {
  content: "\2022";
  font-size: 30px;
  vertical-align: middle;
  padding-right: 10px;
}

.btn-remove {
  background-color: #E01E53;
}

.btn-remove-outine {
  border: 1px solid #E01E53 !important;
  color: #E01E53 !important;
  background: #fff;
}

.error-border {
  border: 1px solid #E01E53 !important;
}

.top-1 {
  top: 1px;
}

.top-2 {
  top: 2px;
}

.top-2px {
  top: -2px;
}

.warning-message-area {
  background: #FFF9B8;
  padding: 10px 15px;
}

.snackbar-btn {
  border: 1px solid #fff;
  background: transparent;
}

.error-red {
  color: #E01E53;
}

.has-3lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  height: 3;
  height: 38px;
}

.continue-background {
  color: #318CE7;
  background-color: transparent;
  background-image: none;
  border-color: #318CE7;
}
.continue-background:hover {
  color: #fff;
  background-color: #318CE7;
  border-color: #318CE7;
}

.inactive {
  color: #E01E53 !important;
}

.w50per {
  width: 50% !important;
}

.mt70 {
  margin-top: 70px;
}

.left-2px-border {
  border-left: 2px solid #C5CCD9;
}

.overline {
  text-decoration: line-through;
  opacity: 0.6;
}

.opacity-3 {
  opacity: 0.3;
}

.color-light {
  color: #263238;
  opacity: 0.33;
}

.color-light-gray70 {
  color: #263238;
  opacity: 0.7;
}

.mat-snack-bar-container {
  z-index: 9999 !important;
}

.no-fontweight {
  font-weight: normal !important;
}

.calc-55 {
  width: calc(100% - 55px);
}

.pl48px {
  padding-left: 48px;
}

.orangetext-opacity-7 {
  color: #F26122;
}

.theme-border {
  border: 1px solid #327CD5;
  border-radius: 2px;
}

.rotate-90 {
  transform: rotate(90deg);
}

.has-light-text {
  color: rgba(0, 0, 0, 0.54);
}

.no-left-border-radius {
  border-radius: 0 0.25rem 0.25rem 0;
}

.no-right-border-radius {
  border-radius: 0.25rem 0 0.25rem 0;
}

.text-line-through {
  text-decoration: line-through;
}

.strike-through, .light-strike-through {
  text-underline-offset: -4px;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.light-strike-through {
  opacity: 0.6;
}

.border-clr-light {
  border-color: #ebebeb !important;
}

.gray-bg-dark {
  background-color: #ebebeb;
}

.gap-5 {
  gap: 5px;
}

.gap-20 {
  gap: 20px;
}

/*classes for z-index*/
.has-1000-z-index {
  z-index: 1000;
}

.has-z-index {
  z-index: 99;
}

.has-z-index-1 {
  z-index: 1;
}

.minus-1-index {
  z-index: -1;
}

.move-cursor {
  cursor: move;
}

.preview-template-popup .if-tablet.line-1 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-1 .one-page .parent-controls {
  max-height: 840px !important;
}
.preview-template-popup .if-tablet.line-2 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-2 .one-page .parent-controls {
  max-height: 820px !important;
}
.preview-template-popup .if-tablet.line-3 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-3 .one-page .parent-controls {
  max-height: 800px !important;
}
.preview-template-popup .if-tablet.line-4 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-4 .one-page .parent-controls {
  max-height: 780px !important;
}
.preview-template-popup .if-tablet.line-5 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-5 .one-page .parent-controls {
  max-height: 760px !important;
}
.preview-template-popup .if-tablet.line-6 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-6 .one-page .parent-controls {
  max-height: 740px !important;
}
.preview-template-popup .if-tablet.line-7 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-7 .one-page .parent-controls {
  max-height: 720px !important;
}
.preview-template-popup .if-tablet.line-8 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-8 .one-page .parent-controls {
  max-height: 700px !important;
}
.preview-template-popup .if-tablet.line-9 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-9 .one-page .parent-controls {
  max-height: 680px !important;
}
.preview-template-popup .if-tablet.line-10 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-10 .one-page .parent-controls {
  max-height: 660px !important;
}
.preview-template-popup .if-tablet.line-11 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-11 .one-page .parent-controls {
  max-height: 640px !important;
}
.preview-template-popup .if-tablet.line-12 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-12 .one-page .parent-controls {
  max-height: 620px !important;
}
.preview-template-popup .if-tablet.line-13 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-13 .one-page .parent-controls {
  max-height: 600px !important;
}
.preview-template-popup .if-tablet.line-14 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-14 .one-page .parent-controls {
  max-height: 580px !important;
}
.preview-template-popup .if-tablet.line-15 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-15 .one-page .parent-controls {
  max-height: 560px !important;
}
.preview-template-popup .if-tablet.line-16 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-16 .one-page .parent-controls {
  max-height: 540px !important;
}
.preview-template-popup .if-tablet.line-17 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-17 .one-page .parent-controls {
  max-height: 520px !important;
}
.preview-template-popup .if-tablet.line-18 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-18 .one-page .parent-controls {
  max-height: 500px !important;
}
.preview-template-popup .if-tablet.line-19 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-19 .one-page .parent-controls {
  max-height: 480px !important;
}
.preview-template-popup .if-tablet.line-20 .more-1-pages .parent-controls, .preview-template-popup .if-tablet.line-20 .one-page .parent-controls {
  max-height: 460px !important;
}
.preview-template-popup .if-tablet .more-1-pages .parent-controls {
  max-height: 520px !important;
}
.preview-template-popup .if-tablet.no-des .more-1-pages .parent-controls, .preview-template-popup .if-tablet.no-des .one-page .parent-controls {
  max-height: 855px !important;
}
.preview-template-popup .if-mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 900px;
}
.preview-template-popup .if-mobile .scale-down {
  transform: scale(0.9);
  transform-origin: top center;
  width: 100%;
  overflow: hidden;
}
.preview-template-popup .if-mobile.line-1 .more-1-pages .parent-controls {
  max-height: 690px !important;
}
.preview-template-popup .if-mobile.line-1 .one-page .parent-controls {
  max-height: 710px !important;
}
.preview-template-popup .if-mobile.line-2 .more-1-pages .parent-controls {
  max-height: 670px !important;
}
.preview-template-popup .if-mobile.line-2 .one-page .parent-controls {
  max-height: 690px !important;
}
.preview-template-popup .if-mobile.line-3 .more-1-pages .parent-controls {
  max-height: 650px !important;
}
.preview-template-popup .if-mobile.line-3 .one-page .parent-controls {
  max-height: 670px !important;
}
.preview-template-popup .if-mobile.line-4 .more-1-pages .parent-controls {
  max-height: 630px !important;
}
.preview-template-popup .if-mobile.line-4 .one-page .parent-controls {
  max-height: 650px !important;
}
.preview-template-popup .if-mobile.line-5 .more-1-pages .parent-controls {
  max-height: 610px !important;
}
.preview-template-popup .if-mobile.line-5 .one-page .parent-controls {
  max-height: 630px !important;
}
.preview-template-popup .if-mobile.line-6 .more-1-pages .parent-controls {
  max-height: 590px !important;
}
.preview-template-popup .if-mobile.line-6 .one-page .parent-controls {
  max-height: 610px !important;
}
.preview-template-popup .if-mobile.line-7 .more-1-pages .parent-controls {
  max-height: 570px !important;
}
.preview-template-popup .if-mobile.line-7 .one-page .parent-controls {
  max-height: 590px !important;
}
.preview-template-popup .if-mobile.line-8 .more-1-pages .parent-controls {
  max-height: 550px !important;
}
.preview-template-popup .if-mobile.line-8 .one-page .parent-controls {
  max-height: 570px !important;
}
.preview-template-popup .if-mobile.line-9 .more-1-pages .parent-controls {
  max-height: 530px !important;
}
.preview-template-popup .if-mobile.line-9 .one-page .parent-controls {
  max-height: 550px !important;
}
.preview-template-popup .if-mobile.line-10 .more-1-pages .parent-controls {
  max-height: 510px !important;
}
.preview-template-popup .if-mobile.line-10 .one-page .parent-controls {
  max-height: 530px !important;
}
.preview-template-popup .if-mobile.line-11 .more-1-pages .parent-controls {
  max-height: 490px !important;
}
.preview-template-popup .if-mobile.line-11 .one-page .parent-controls {
  max-height: 510px !important;
}
.preview-template-popup .if-mobile.line-12 .more-1-pages .parent-controls {
  max-height: 470px !important;
}
.preview-template-popup .if-mobile.line-12 .one-page .parent-controls {
  max-height: 490px !important;
}
.preview-template-popup .if-mobile.line-13 .more-1-pages .parent-controls {
  max-height: 450px !important;
}
.preview-template-popup .if-mobile.line-13 .one-page .parent-controls {
  max-height: 470px !important;
}
.preview-template-popup .if-mobile.line-14 .more-1-pages .parent-controls {
  max-height: 430px !important;
}
.preview-template-popup .if-mobile.line-14 .one-page .parent-controls {
  max-height: 450px !important;
}
.preview-template-popup .if-mobile.line-15 .more-1-pages .parent-controls {
  max-height: 410px !important;
}
.preview-template-popup .if-mobile.line-15 .one-page .parent-controls {
  max-height: 430px !important;
}
.preview-template-popup .if-mobile.line-16 .more-1-pages .parent-controls {
  max-height: 390px !important;
}
.preview-template-popup .if-mobile.line-16 .one-page .parent-controls {
  max-height: 410px !important;
}
.preview-template-popup .if-mobile.line-17 .more-1-pages .parent-controls {
  max-height: 370px !important;
}
.preview-template-popup .if-mobile.line-17 .one-page .parent-controls {
  max-height: 390px !important;
}
.preview-template-popup .if-mobile.line-18 .more-1-pages .parent-controls {
  max-height: 350px !important;
}
.preview-template-popup .if-mobile.line-18 .one-page .parent-controls {
  max-height: 370px !important;
}
.preview-template-popup .if-mobile.line-19 .more-1-pages .parent-controls {
  max-height: 330px !important;
}
.preview-template-popup .if-mobile.line-19 .one-page .parent-controls {
  max-height: 350px !important;
}
.preview-template-popup .if-mobile.line-20 .more-1-pages .parent-controls {
  max-height: 310px !important;
}
.preview-template-popup .if-mobile.line-20 .one-page .parent-controls {
  max-height: 330px !important;
}
.preview-template-popup .if-mobile.line-21 .more-1-pages .parent-controls {
  max-height: 290px !important;
}
.preview-template-popup .if-mobile.line-21 .one-page .parent-controls {
  max-height: 310px !important;
}
.preview-template-popup .if-mobile.line-22 .more-1-pages .parent-controls {
  max-height: 270px !important;
}
.preview-template-popup .if-mobile.line-22 .one-page .parent-controls {
  max-height: 290px !important;
}
.preview-template-popup .if-mobile.line-23 .more-1-pages .parent-controls {
  max-height: 250px !important;
}
.preview-template-popup .if-mobile.line-23 .one-page .parent-controls {
  max-height: 270px !important;
}
.preview-template-popup .if-mobile.line-24 .more-1-pages .parent-controls {
  max-height: 230px !important;
}
.preview-template-popup .if-mobile.line-24 .one-page .parent-controls {
  max-height: 250px !important;
}
.preview-template-popup .if-mobile.line-25 .more-1-pages .parent-controls {
  max-height: 210px !important;
}
.preview-template-popup .if-mobile.line-25 .one-page .parent-controls {
  max-height: 230px !important;
}
.preview-template-popup .if-mobile.line-26 .more-1-pages .parent-controls {
  max-height: 190px !important;
}
.preview-template-popup .if-mobile.line-26 .one-page .parent-controls {
  max-height: 210px !important;
}
.preview-template-popup .if-mobile.line-27 .more-1-pages .parent-controls {
  max-height: 170px !important;
}
.preview-template-popup .if-mobile.line-27 .one-page .parent-controls {
  max-height: 190px !important;
}
.preview-template-popup .if-mobile.line-28 .more-1-pages .parent-controls {
  max-height: 150px !important;
}
.preview-template-popup .if-mobile.line-28 .one-page .parent-controls {
  max-height: 170px !important;
}
.preview-template-popup .if-mobile.line-29 .more-1-pages .parent-controls {
  max-height: 130px !important;
}
.preview-template-popup .if-mobile.line-29 .one-page .parent-controls {
  max-height: 150px !important;
}
.preview-template-popup .if-mobile.line-30 .more-1-pages .parent-controls {
  max-height: 110px !important;
}
.preview-template-popup .if-mobile.line-30 .one-page .parent-controls {
  max-height: 130px !important;
}
.preview-template-popup .if-mobile.no-des .more-1-pages .parent-controls, .preview-template-popup .if-mobile.no-des .one-page .parent-controls {
  max-height: 725px !important;
}

.public-access-pages.preview-template-popup .if-desktop .more-1-pages {
  height: calc(100vh - 65px);
}
.public-access-pages.preview-template-popup .if-desktop .fix-header-web {
  top: 0 !important;
}

.preview-template-popup .scale-down {
  transform: scale(0.9);
  transform-origin: top center;
  width: 100%;
  overflow: hidden;
}
.preview-template-popup .if-mobile, .preview-template-popup .if-tablet {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.preview-template-popup .if-mobile .toolbar-title-default, .preview-template-popup .if-tablet .toolbar-title-default {
  padding-left: 15px;
}
.preview-template-popup .if-mobile {
  height: 920px;
}
.preview-template-popup .if-tablet {
  height: 1024px;
}

.margin-auto {
  margin: 0 auto;
}

.m0 {
  margin: 0;
}

.m0imp {
  margin: 0 !important;
}

.m2 {
  margin: 2px;
}

.m20 {
  margin: 20px;
}

.m7 {
  margin: 7px;
}

.m4 {
  margin: 4px !important;
}

/* margin top */
.mt0 {
  margin-top: 0;
}

.mt1 {
  margin-top: 1px;
}

.mt2 {
  margin-top: 2px;
}

.mt3 {
  margin-top: 3px;
}

.mt3imp {
  margin-top: 3px !important;
}

.mt4 {
  margin-top: 4px;
}

.mt5 {
  margin-top: 5px;
}

.mt6 {
  margin-top: 6px;
}

.mt7 {
  margin-top: 7px;
}

.mt8 {
  margin-top: 8px;
}

.mt9 {
  margin-top: 9px;
}

.mt10 {
  margin-top: 10px;
}

.mt10imp {
  margin-top: 10px !important;
}

.mt12 {
  margin-top: 12px;
}

.mt13 {
  margin-top: 13px !important;
}

.mt15 {
  margin-top: 15px;
}

.mt15imp {
  margin-top: 15px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mt17 {
  margin-top: 17px;
}

/* to override mat css */
.mt20 {
  margin-top: 20px !important;
}

.mt22 {
  margin-top: 22px;
}

.mt23 {
  margin-top: 23px;
}

.mt24 {
  margin-top: 24px;
}

.mt27 {
  margin-top: 27px;
}

.mt30 {
  margin-top: 30px !important;
}

.mt36 {
  margin-top: 36px;
}

.mt50 {
  margin-top: 50px;
}

.mt55imp {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt65imp {
  margin-top: 65px !important;
}

.mt80 {
  margin-top: 80px;
}

.mt110 {
  margin-top: 110px;
}

.mt120 {
  margin-top: 120px;
}

.mt-10 {
  margin-top: -10px !important;
}

/* margin right */
.mr0 {
  margin-right: 0;
}

.mr1 {
  margin-right: 1px;
}

.mr2 {
  margin-right: 2px;
}

.mr3 {
  margin-right: 3px;
}

.mr5 {
  margin-right: 5px;
}

.mr5imp {
  margin-right: 5px !important;
}

.mr6 {
  margin-right: 6px;
}

.mr7 {
  margin-right: 7px;
}

.mr8 {
  margin-right: 8px !important;
}

.mr10 {
  margin-right: 10px;
}

.mr24 {
  margin-right: 24px;
}

.mlr200 {
  margin-right: 200px;
  margin-left: 200px;
}

/* to override mat css */
.mr10imp {
  margin-right: 10px !important;
}

.mr11 {
  margin-right: 11px;
}

.mr12 {
  margin-right: 12px;
}

.mr13 {
  margin-right: 13px;
}

.mr14 {
  margin-right: 14px;
}

.mr15 {
  margin-right: 15px;
}

.mr16 {
  margin-right: 16px;
}

.mr17 {
  margin-right: 17px;
}

.mr18 {
  margin-right: 18px !important;
}

/* to override mat css */
.mr20 {
  margin-right: 20px !important;
}

.mr22 {
  margin-right: 22px;
}

.mr25 {
  margin-right: 25px;
}

.mr26 {
  margin-right: 26px;
}

.mr27 {
  margin-right: 27px;
}

.mr30 {
  margin-right: 30px;
}

.mr31 {
  margin-right: 31px;
}

.mr40 {
  margin-right: 40px;
}

.mr55 {
  margin-right: 55px;
}

.mr32 {
  margin-right: 32px;
}

.mr-7 {
  margin-right: -7px;
}

.mr-10px {
  margin-right: -10px;
}

.mr-20 {
  margin-right: -20px;
}

.mr-15 {
  margin-right: -15px !important;
}

.mr335 {
  margin-right: 335px;
}

/* margin bottom */
.mb0 {
  margin-bottom: 0;
}

/* to override mat css */
.mb0imp {
  margin-bottom: 0 !important;
}

.mb2 {
  margin-bottom: 2px;
}

.mb3 {
  margin-bottom: 3px;
}

.mb4 {
  margin-bottom: 4px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb6 {
  margin-bottom: 6px;
}

.mb7 {
  margin-bottom: 7px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb5imp {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb13 {
  margin-bottom: 13px;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

/* to override mat css */
.mb20 {
  margin-bottom: 20px !important;
}

.mb23 {
  margin-bottom: 23px;
}

.mb24 {
  margin-bottom: 24px;
}

/* to override mat css */
.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb100 {
  margin-bottom: 100px;
}

.mb155 {
  margin-bottom: 155px;
}

/* margin left */
/* to override css */
.ml0 {
  margin-left: 0 !important;
}

.ml1 {
  margin-left: 1px;
}

.ml2 {
  margin-left: 2px;
}

.ml3 {
  margin-left: 3px;
}

.ml4 {
  margin-left: 4px;
}

.ml5 {
  margin-left: 5px !important;
}

.ml6 {
  margin-left: 6px;
}

.ml7 {
  margin-left: 7px;
}

.ml8 {
  margin-left: 8px;
}

.ml-5px {
  margin-left: -5px;
}

.ml-23 {
  margin-left: -23px;
}

.ml10 {
  margin-left: 10px;
}

/* to override css */
.ml12 {
  margin-left: 12px !important;
}

/* to override mat css */
.ml13 {
  margin-left: 13px !important;
}

.ml14 {
  margin-left: 14px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml16 {
  margin-left: 16px !important;
}

/* to override css */
.ml17 {
  margin-left: 17px !important;
}

.ml20 {
  margin-left: 20px;
}

.ml23 {
  margin-left: 23px;
}

.ml25 {
  margin-left: 25px;
}

.ml26 {
  margin-left: 26px;
}

.ml27 {
  margin-left: 27px;
}

.ml29 {
  margin-left: 29px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml34 {
  margin-left: 34px !important;
}

.ml42 {
  margin-left: 42px;
}

.ml45 {
  margin-left: 45px;
}

.ml65 {
  margin-left: 65px;
}

.ml70 {
  margin-left: 70px;
}

.ml87 {
  margin-left: 87px;
}

.ml3-per {
  margin-left: 3%;
}

/* to override css */
.ml33 {
  margin-left: 33px !important;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 33px;
}

.ml-220px {
  margin-left: -220px;
}

.ml50 {
  margin-left: 50px;
}

.mtb0rl10 {
  margin: 0 10px;
}

.mrl10 {
  margin: 0 10px;
}

/* to overide css */
.mtb0rl25 {
  margin: 0 25px !important;
}

.mtb2 {
  margin: 2px 0;
}

.mtb5 {
  margin: 5px 0;
}

.mtb10 {
  margin: 10px 0;
}

.mtb16rl0 {
  margin: 16px 0;
}

.mtb20rl0 {
  margin: 20px 0;
}

.mtb0rl10 {
  margin: 0 10px;
}

.mtb0rl20 {
  margin: 0 20px;
}

.mtb0rl20imp {
  margin: 0 20px !important;
}

.mrl10 {
  margin: 0 10px;
}

.mtb10mlr010 {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 0;
}

.mtb0rl30 {
  margin: 0 30px !important;
}

.ml-20px {
  margin-left: -20px;
}

/* Class for margin in minus*/
.mtminus3 {
  margin-top: -3px;
}

.mt-6px {
  margin-top: -6px !important;
}

.mt-4px {
  margin-top: -4px;
}

.mt-2px {
  margin-top: -2px;
}

.mt-1px {
  margin-top: -1px;
}

.mtminus-5 {
  margin-top: -5px;
}

.mt-5 {
  margin-top: -5px !important;
}

.mt-15 {
  margin-top: -15px;
}

/* to overide css */
.mt-minus13 {
  margin-top: -13px !important;
}

/* to override css */
.mt-minus15 {
  margin-top: -15px !important;
}

.mt-9 {
  margin-top: -9px;
}

.mt-minus40 {
  margin-top: -40px;
}

.mr-minus5 {
  margin-right: -5px;
}

.mr-7 {
  margin-right: -7px;
}

.mr-minus10 {
  margin-right: -10px;
}

.mr-minus18 {
  margin-right: -18px !important;
}

.mr-minus20 {
  margin-right: -20px !important;
}

.mb-minus5 {
  margin-bottom: -5px;
}

.ml-minus1 {
  margin-left: -1px;
}

.ml-minus2 {
  margin-left: -2px;
}

.ml-minus8 {
  margin-left: -8px;
}

.ml-minus10 {
  margin-left: -10px !important;
}

.ml-minus20 {
  margin-left: -20px !important;
}

.ml-minus16 {
  margin-left: -16px !important;
}

.mt-minus15 {
  margin-top: -15px;
}

.mt-7px {
  margin-top: -7px;
}

.p0 {
  padding: 0 !important;
}

.p2 {
  padding: 2px;
}

.p3 {
  padding: 3px;
}

.p4 {
  padding: 4px;
}

.p4imp {
  padding: 4px !important;
}

.p7 {
  padding: 7px;
}

.p7imp {
  padding: 7px !important;
}

.p8 {
  padding: 8px 0;
}

.p9 {
  padding: 9px;
}

.p10 {
  padding: 10px;
}

.p11 {
  padding: 11px;
}

.p12 {
  padding: 12px;
}

.p13 {
  padding: 13px;
}

/* to override mat css */
.p15 {
  padding: 15px !important;
}

.p16 {
  padding: 16px;
}

.p17 {
  padding: 17px;
}

.p20 {
  padding: 20px;
}

.p24 {
  padding: 24px !important;
}

.p25 {
  padding: 25px;
}

.p30 {
  padding: 30px !important;
}

/* Padding top */
.pt0 {
  padding-top: 0 !important;
}

.pt1 {
  padding-top: 1px;
}

.pt2 {
  padding-top: 2px;
}

.pt3 {
  padding-top: 3px;
}

.pt5 {
  padding-top: 5px !important;
}

.pt6 {
  padding-top: 6px;
}

.pt8imp {
  padding-top: 8px !important;
}

.pt9 {
  padding-top: 9px !important;
}

.pt10 {
  padding-top: 10px;
}

.pt11 {
  padding-top: 11px;
}

.pt15 {
  padding-top: 15px;
}

.pt17imp {
  padding-top: 17px !important;
}

.pt18 {
  padding-top: 18px;
}

.pt20 {
  padding-top: 20px;
}

.pt23 {
  padding-top: 23px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt85 {
  padding-top: 85px;
}

/* Padding right */
.pr0 {
  padding-right: 0 !important;
}

.pr4 {
  padding-right: 4px;
}

.pr5 {
  padding-right: 5px !important;
}

.pr6 {
  padding-right: 6px;
}

.pr7 {
  padding-right: 7px;
}

.pr8 {
  padding-right: 8px;
}

.pr10 {
  padding-right: 10px !important;
}

.pr12 {
  padding-right: 12px;
}

.pr13 {
  padding-right: 13px;
}

.pr15 {
  padding-right: 15px;
}

/* to override css */
.pr15-imp {
  padding-right: 15px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pr20 {
  padding-right: 20px;
}

/* to override css */
.pr21 {
  padding-right: 21px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px;
}

.pr30imp {
  padding-right: 30px !important;
}

.pr32 {
  padding-right: 32px;
}

.pr33 {
  padding-right: 33px;
}

.pr34 {
  padding-right: 34px;
}

.pr40 {
  padding-right: 40px;
}

/* to override css */
.pr50 {
  padding-right: 50px !important;
}

.pr60 {
  padding-right: 60px;
}

.pr80 {
  padding-right: 80px;
}

/* Padding bottom */
.pb0 {
  padding-bottom: 0;
}

.pb0imp {
  padding-bottom: 0 !important;
}

.pb2 {
  padding-bottom: 2px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb4imp {
  padding-bottom: 4px !important;
}

.pb7px {
  padding-bottom: 7px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb16 {
  padding-bottom: 16px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb22 {
  padding-bottom: 22px;
}

.pb24 {
  padding-bottom: 24px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb40 {
  padding-bottom: 40px;
}

/* Padding left */
.pl0 {
  padding-left: 0 !important;
}

.pl1 {
  padding-left: 1px;
}

.pl5 {
  padding-left: 5px;
}

.pl7 {
  padding-left: 7px;
}

.pl8 {
  padding-left: 8px;
}

.pl9 {
  padding-left: 9px;
}

.pl10 {
  padding-left: 10px;
}

.pl10imp {
  padding-left: 10px !important;
}

.pl11 {
  padding-left: 11px;
}

.pl12 {
  padding-left: 12px;
}

.pl13 {
  padding-left: 13px;
}

.pl14 {
  padding-left: 14px;
}

.pl15 {
  padding-left: 15px;
}

.pl15-imp {
  padding-left: 15px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.pl18 {
  padding-left: 18px;
}

.pl20 {
  padding-left: 20px;
}

.padding-left-20 {
  padding-left: 20px !important;
}

/* to override css */
.pl20imp {
  padding-left: 20px !important;
}

.pl22 {
  padding-left: 22px;
}

.pl24 {
  padding-left: 24px;
}

.pl25 {
  padding-left: 25px;
}

.pl27 {
  padding-left: 27px;
}

.pl30 {
  padding-left: 30px;
}

.pl30imp {
  padding-left: 30px !important;
}

.pl32 {
  padding-left: 32px;
}

.pl34 {
  padding-left: 34px;
}

.pl35 {
  padding-left: 35px;
}

.pl37 {
  padding-left: 37px;
}

.pl40 {
  padding-left: 40px;
}

.pl42 {
  padding-left: 42px;
}

.pl45 {
  padding-left: 45px;
}

.pl50 {
  padding-left: 50px;
}

.pl53 {
  padding-left: 53px;
}

.pl55 {
  padding-left: 55px;
}

.pl60 {
  padding-left: 60px;
}

.pl64 {
  padding-left: 64px;
}

.pl74 {
  padding-left: 74px;
}

.pl24percent {
  padding-left: 24%;
}

.pl25percent {
  padding-left: 25%;
}

.pl33percent {
  padding-left: 33%;
}

.pb3 {
  padding-bottom: 3px;
}

.ptb0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ptb17 {
  padding-top: 17px;
  padding-bottom: 17px;
}

.ptb8px {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.plr0imp {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.plr10imp {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.ptb0prl5 {
  padding: 0 5px;
}

.ptb0prl8 {
  padding: 0 8px;
}

.ptb0rl10 {
  padding: 0 10px;
}

.ptb0rl15 {
  padding: 0 15px;
}

.ptb0rl24 {
  padding: 0 24px;
}

.ptb2rl7 {
  padding: 2px 7px;
}

.ptb2rl10 {
  padding: 2px 10px;
}

.ptb3rl0 {
  padding: 3px 0;
}

.ptb2lr6 {
  padding: 2px 6px;
}

.ptb3rl9 {
  padding: 3px 9px;
}

.ptb4rl7 {
  padding: 4px 7px;
}

.pt4b0rl10 {
  padding: 4px 10px 0;
}

.ptb8 {
  padding: 8px 0 8px 0;
}

.ptb11imp {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.ptb16imp {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* to override mat css */
.ptb4rl5 {
  padding: 4px 5px !important;
}

.ptb5rl0imp {
  padding: 5px 0 !important;
}

.ptb5rl7 {
  padding: 5px 7px;
}

.ptb5rl8 {
  padding: 5px 8px;
}

.ptb5rl10 {
  padding: 5px 10px;
}

.ptb5rl18 {
  padding: 5px 18px;
}

.ptb6rl9imp {
  padding: 6px 9px !important;
}

.ptb7rl0 {
  padding: 7px 0;
}

.ptb7rl10 {
  padding: 7px 10px;
}

.ptb7rl15 {
  padding: 7px 15px;
}

.ptb7rl20 {
  padding: 7px 20px;
}

.ptb8rl10 {
  padding: 8px 10px;
}

.ptb8rl10imp {
  padding: 8px 10px !important;
}

.ptb8rl15 {
  padding: 8px 15px;
}

.ptb8rl16 {
  padding: 8px 16px !important;
}

.ptb10rl12 {
  padding: 10px 12px;
}

.ptb10rl5 {
  padding: 10px 5px;
}

.ptb10rl0 {
  padding: 10px 0 !important;
}

.ptb10rl15 {
  padding: 10px 15px;
}

.ptb10rl25 {
  padding: 10px 25px;
}

.ptb12rl13 {
  padding: 12px 13px;
}

.ptb12rl15 {
  padding: 12px 15px;
}

.ptb12rl20 {
  padding: 12px 20px;
}

.ptb10rl20 {
  padding: 10px 20px;
}

.ptb20rl10 {
  padding: 20px 10px;
}

.ptb11rl7imp {
  padding: 11px 7px !important;
}

.ptb12rl25 {
  padding: 12px 25px;
}

.ptb15rl10 {
  padding: 15px 10px;
}

.ptb15rl20 {
  padding: 15px 20px;
}

.ptb17rl13 {
  padding: 17px 13px;
}

.ptb18rl10 {
  padding: 18px 10px;
}

.ptb15rl10 {
  padding: 15px 10px !important;
}

/* to override css */
.ptb20rl15 {
  padding: 20px 15px !important;
}

.ptb22rl20 {
  padding: 22px 20px;
}

.pt22b40rl20 {
  padding: 22px 20px 40px;
}

.ptrl25b0 {
  padding: 25px 25px 0;
}

.ptrl25b15 {
  padding: 25px 25px 15px;
}

.ptrl25b10 {
  padding: 25px 30px 10px;
}

/* to override css */
.ptb20rl30 {
  padding: 20px 30px !important;
}

.ptb30rl25 {
  padding: 30px 25px;
}

.ptbr10l32 {
  padding: 10px 10px 10px 32px;
}

.pt10b0rl16 {
  padding: 10px 16px 0 16px !important;
}

.pt16b0rl16 {
  padding: 16px 16px 0 16px !important;
}

.pt15b5rl10 {
  padding: 15px 10px 5px;
}

.pt20b0r0l33 {
  padding: 20px 0 0 33px;
}

.pt20b50rl120 {
  padding: 20px 120px 50px;
}

.pt20b50rl245 {
  padding: 20px 245px 50px;
}

.ptb15rl30px {
  padding: 15px 30px;
}

.prl20t12b10 {
  padding: 12px 20px 10px !important;
}

.pbrl20t10 {
  padding: 10px 20px 20px !important;
}

.p25 {
  padding: 25px;
}

.prl5px {
  padding: 0 5px;
}

.prl16 {
  padding: 0 16px !important;
}

.prl24 {
  padding: 0 24px !important;
}

.prl30 {
  padding: 0 30px !important;
}

.width-auto {
  width: auto;
}

.w1 {
  width: 1%;
}

.w2 {
  width: 2%;
}

.w3 {
  width: 3%;
}

.w5 {
  width: 5%;
}

.w6 {
  width: 6%;
}

.w7 {
  width: 7%;
}

.w8 {
  width: 8%;
}

.w10 {
  width: 10%;
}

.w12 {
  width: 12%;
}

.w13 {
  width: 13%;
}

.w14 {
  width: 14%;
}

.w15 {
  width: 15%;
}

.w18 {
  width: 18%;
}

.w20 {
  width: 20%;
}

.w24 {
  width: 24%;
}

.w25 {
  width: 25%;
}

.w26 {
  width: 26%;
}

.w27 {
  width: 27%;
}

.w29 {
  width: 29%;
}

.w29-5 {
  width: 29.5%;
}

.w30 {
  width: 30%;
}

.w30imp {
  width: 30% !important;
}

.w31 {
  width: 31%;
}

.w32 {
  width: 32%;
}

.w33 {
  width: 33.33%;
}

.w35 {
  width: 35%;
}

.w36 {
  width: 36%;
}

.w40 {
  width: 40%;
}

.w40-5 {
  width: 40.5%;
}

.w45 {
  width: 45%;
}

.w47 {
  width: 47%;
}

.w44 {
  width: 44%;
}

.w45 {
  width: 45%;
}

.w46 {
  width: 46%;
}

.w50 {
  width: 50%;
}

.w55 {
  width: 55%;
}

.max-w55 {
  max-width: 55%;
}

.w56 {
  width: 56%;
}

.w60 {
  width: 60%;
}

.w61 {
  width: 61%;
}

.w65 {
  width: 65%;
}

.max-w65 {
  max-width: 65%;
}

.w67 {
  width: 67% !important;
}

.w70 {
  width: 70%;
}

.w75 {
  width: 75%;
}

.max-w75 {
  max-width: 75%;
}

.w80 {
  width: 80%;
}

.w82 {
  width: 82%;
}

.w84 {
  width: 84%;
}

.w85 {
  width: 85% !important;
}

.w88 {
  width: 88%;
}

.w90 {
  width: 90%;
}

.w95, .mat-dialog-title .header-title {
  width: 95%;
}

.w99 {
  width: 99%;
}

.w95, .mat-dialog-title .header-title {
  width: 95%;
}

.w100 {
  width: 100%;
}

.w100imp {
  width: 100% !important;
}

.max-width100 {
  max-width: 100%;
}

.max-width500px {
  max-width: 500px;
}

.w110 {
  width: 110%;
}

.w10px {
  width: 10px;
}

.w22px {
  width: 22px;
}

.w25px {
  width: 25px !important;
}

.w26px {
  width: 26px !important;
}

.w30px {
  width: 30px !important;
}

.w31px {
  width: 31px;
}

.w35px {
  width: 35px !important;
}

.w40px {
  width: 40px !important;
}

.w45px {
  width: 45px;
}

.w50px {
  width: 50px;
}

.w57px {
  width: 57px;
}

.w60px {
  width: 60px !important;
}

.w66px {
  width: 66px;
}

.w75px {
  width: 75px !important;
}

.w80px {
  width: 80px;
}

.w85px {
  width: 85px;
}

.w90px {
  width: 90px;
}

.w93px {
  width: 103px;
}

.w96px {
  width: 96px;
}

.w100px {
  width: 100px;
}

.max-w100px {
  max-width: 100px;
}

.w105px {
  width: 105px;
}

.w115px {
  width: 115px;
}

.w110px {
  width: 110px;
}

.w119px {
  width: 119px;
}

.w125px {
  width: 125px;
}

.w134px {
  width: 134px;
}

.w140px {
  width: 140px;
}

.w145px {
  width: 145px;
}

.w148px {
  width: 148px;
}

.w155px {
  width: 155px;
}

.w160px {
  width: 160px;
}

.w165px {
  width: 165px;
}

.w170px {
  width: 170px;
}

.w175px {
  width: 175px;
}

.max-w173px {
  max-width: 173px;
}

.w180px {
  width: 180px;
}

.w185px {
  width: 185px;
}

.w188px {
  width: 188px;
}

.w196px {
  width: 196px !important;
}

.w200px {
  width: 200px;
}

.w206px {
  width: 206px;
}

.w210px {
  width: 210px;
}

.w218px {
  width: 218px;
}

.w220px {
  width: 220px;
}

.w250px {
  width: 250px;
}

.w233px {
  width: 233px;
}

.w227px {
  width: 227px;
}

.w500px {
  width: 500px;
}

.text-box-w500 {
  width: 500px;
}

.w640px {
  width: 640px;
}

.max-width230px {
  max-width: 230px;
}

.max-width235px {
  max-width: 235px;
}

.max-width235px-imp {
  max-width: 235px !important;
}

.w240px {
  width: 240px;
}

.w246px {
  width: 246px;
}

.w244px {
  width: 244px;
}

.max-width270px {
  max-width: 270px;
}

.w276px {
  width: 276px !important;
}

.w280px {
  width: 280px !important;
}

.w300px {
  width: 300px;
}

.w315px {
  width: 315px;
}

.w316px {
  width: 316px !important;
}

.w335px {
  width: 335px;
}

.w350px {
  width: 350px;
}

.max-width38vw {
  max-width: 38vw;
}

.max-width26vw {
  max-width: 26vw;
}

.max-width300px {
  max-width: 300px;
}

.max-width320px {
  max-width: 320px;
}

.max-width335px {
  max-width: 335px;
}

.max-width350px {
  max-width: 350px;
}

.max-width350px-imp {
  max-width: 350px !important;
}

.max-width380px {
  max-width: 380px;
}

.max-width85p {
  max-width: 85%;
}

.w400px {
  width: 400px;
}

.w410px {
  width: 410px;
}

.w480px {
  width: 480px;
}

.w380px {
  width: 380px !important;
}

.input-title-width {
  position: absolute;
  left: 0;
  width: 500px;
}

.max-w900px {
  max-width: 900px;
}

.width-auto {
  width: auto !important;
}

.w70px {
  width: 70px !important;
}

.h13px {
  height: 13px;
}

.h70px {
  height: 70px;
}

.h270px {
  height: 320px;
}

.max-h13px {
  max-height: 13px;
}

.calc-57px {
  width: calc(100% - 57px);
}

.calc-50px {
  width: calc(100% - 50px);
}

.w50px {
  width: 50px;
}

.h50px {
  height: 50px;
}

.border-radius-5 {
  border-radius: 5px;
}

.w113px {
  width: 113px !important;
}

.w18px {
  width: 18px !important;
}

.w14px {
  width: 14px !important;
}

.max-width850px {
  max-width: 850px;
}

.w10-h10 {
  width: 10px;
  height: 10px;
}

.h15px {
  height: 15px;
}

.h20px {
  height: 20px;
}

/*Relative width classes*/
.w5vw {
  width: 5vw;
}

.w8vw {
  width: 8vw;
}

.w11vw {
  width: 11vw;
}

.w14vw {
  width: 14vw;
}

.w18vw {
  width: 18vw;
}

.w25vw {
  width: 25vw;
}

/* height classes */
.h12px {
  height: 12px !important;
}

.h18px {
  height: 18px !important;
}

.h19px {
  height: 19px !important;
}

.h25px {
  height: 25px;
}

.h31px {
  height: 31px;
}

.h-24 {
  height: 24px;
}

.h-25 {
  height: 25px;
}

.h-26 {
  height: 26px;
}

.h-27 {
  height: 27px;
}

.h-28 {
  height: 28px;
}

.h-30 {
  height: 30px;
}

.h-32 {
  height: 32px;
}

.h-35 {
  height: 35px;
}

.h-37 {
  height: 37px;
}

.h-38 {
  height: 38px !important;
}

.h-40 {
  height: 40px !important;
}

.h-45 {
  height: 45px;
}

.h-45imp {
  height: 45px !important;
}

.h-50 {
  height: 50px !important;
}

.h-55 {
  height: 55px;
}

.h-60 {
  height: 60px;
}

.h-65 {
  height: 65px;
}

.h-69 {
  height: 69px;
}

.h-75px {
  height: 75px;
}

.h-80 {
  height: 80px;
}

.h-85 {
  height: 85px;
}

.h-168 {
  height: 168px;
}

.h-170 {
  height: 170px;
}

.h-217 {
  height: 217px;
}

.h-465 {
  height: 465px;
}

.h90 {
  height: 90%;
}

.h100 {
  height: 100%;
}

.min-height-60 {
  min-height: 60px;
}

.min-height-100 {
  min-height: 100px;
}

.min-height-250 {
  min-height: 250px;
}

.w250-h50 {
  width: 250px;
  height: 50px;
}

.h15-w15 {
  height: 15px !important;
  width: 15px !important;
}

.h40-w20 {
  height: 40px !important;
  width: 20px !important;
}

@media (max-width: 1440px) {
  .max-width500px {
    max-width: 320px !important;
  }
  .w500px {
    width: 320px !important;
  }
}
@media (max-width: 1365px) {
  .max-width500px {
    max-width: 280px !important;
  }
  .w500px {
    width: 280px !important;
  }
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0 0.67em 0;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: "monospace, monospace";
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
*    (include `-moz` to future-proof).
*/
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  padding: 0;
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}

html, body {
  background-color: #F9F9F9;
  font-family: "open sans";
  color: #263238;
}

.main-app-section {
  padding-left: calc(100vw - 100%) !important;
}

h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-bottom: 0;
}

ul, ol,
dd {
  margin-left: 0;
}

.sprite {
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  display: inline-block;
}

.sprite-barcode-medium {
  background-position: -52px -5px;
  width: 25px;
  height: 17px;
}

.sprite-circle {
  background-position: -47px -27px;
  width: 30px;
  height: 30px;
}

.sprite-download {
  background-position: -63px -62px;
  width: 14px;
  height: 22px;
}

.sprite-icon-access-denied {
  background-position: -25px -89px;
  width: 52px;
  height: 66px;
}

.sprite-icon-account-settings-black {
  background-position: -59px -160px;
  width: 18px;
  height: 18px;
}

.sprite-icon-account-settings-blue {
  background-position: -59px -183px;
  width: 18px;
  height: 18px;
}

.sprite-icon-activity-blue {
  background-position: -59px -206px;
  width: 18px;
  height: 18px;
}

.sprite-icon-activity-grey {
  background-position: -59px -229px;
  width: 18px;
  height: 18px;
}

.sprite-icon-adduser-black {
  background-position: -58px -252px;
  width: 19px;
  height: 13px;
}

.sprite-icon-adduser-blue {
  background-position: -58px -270px;
  width: 19px;
  height: 13px;
}

.sprite-icon-adduser-grey {
  background-position: -58px -288px;
  width: 19px;
  height: 13px;
}

.sprite-icon-apple {
  background-position: -45px -306px;
  width: 32px;
  height: 32px;
}

.sprite-icon-arrow-back-blue {
  background-position: -68px -343px;
  width: 9px;
  height: 15px;
}

.sprite-icon-arrow-back-grey {
  background-position: -68px -363px;
  width: 9px;
  height: 15px;
}

.sprite-icon-arrow-back-white {
  background-position: -68px -383px;
  width: 9px;
  height: 15px;
}

.sprite-icon-arrow-blue {
  background-position: -68px -403px;
  width: 9px;
  height: 15px;
}

.sprite-icon-arrow-down-black {
  background-position: -62px -423px;
  width: 15px;
  height: 9px;
}

.sprite-icon-arrow-down-blue {
  background-position: -62px -437px;
  width: 15px;
  height: 9px;
}

.sprite-icon-arrow-down-white {
  background-position: -62px -451px;
  width: 15px;
  height: 9px;
}

.sprite-icon-arrow-grey {
  background-position: -68px -465px;
  width: 9px;
  height: 15px;
}

.sprite-icon-arrow-up-blue {
  background-position: -63px -485px;
  width: 14px;
  height: 21px;
}

.sprite-icon-arrow-up-grey {
  background-position: -63px -511px;
  width: 14px;
  height: 21px;
}

.sprite-icon-audio-grey {
  background-position: -63px -537px;
  width: 14px;
  height: 22px;
}

.sprite-icon-barcode-blue {
  background-position: -60px -564px;
  width: 17px;
  height: 11px;
}

.sprite-icon-barcode-grey {
  background-position: -60px -580px;
  width: 17px;
  height: 11px;
}

.sprite-icon-camera-blue {
  background-position: -62px -596px;
  width: 15px;
  height: 12px;
}

.sprite-icon-camera-grey {
  background-position: -62px -613px;
  width: 15px;
  height: 12px;
}

.sprite-icon-camera-white {
  background-position: -42px -630px;
  width: 35px;
  height: 28px;
}

.sprite-icon-cancel-grey {
  background-position: -64px -663px;
  width: 13px;
  height: 13px;
}

.sprite-icon-cancel-white {
  background-position: -63px -681px;
  width: 14px;
  height: 13px;
}

.sprite-icon-check-black {
  background-position: -59px -699px;
  width: 18px;
  height: 14px;
}

.sprite-icon-checkbox-blue {
  background-position: -61px -718px;
  width: 16px;
  height: 16px;
}

.sprite-icon-checkbox-grey {
  background-position: -61px -739px;
  width: 16px;
  height: 16px;
}

.sprite-icon-collapsed-blue {
  background-position: -66px -760px;
  width: 11px;
  height: 10px;
}

.sprite-icon-collapsed-grey {
  background-position: -66px -775px;
  width: 11px;
  height: 10px;
}

.sprite-icon-compeete {
  background-position: -68px -790px;
  width: 9px;
  height: 9px;
}

.sprite-icon-date-blue {
  background-position: -62px -804px;
  width: 15px;
  height: 13px;
}

.sprite-icon-date-grey {
  background-position: -62px -822px;
  width: 15px;
  height: 13px;
}

.sprite-icon-delete-blue {
  background-position: -58px -840px;
  width: 19px;
  height: 21px;
}

.sprite-icon-delete-grey {
  background-position: -58px -866px;
  width: 19px;
  height: 21px;
}

.sprite-icon-delete-white {
  background-position: -58px -892px;
  width: 19px;
  height: 21px;
}

.sprite-icon-deopdown-blue {
  background-position: -68px -918px;
  width: 9px;
  height: 6px;
}

.sprite-icon-deopdown-grey {
  background-position: -68px -929px;
  width: 9px;
  height: 6px;
}

.sprite-icon-details-black {
  background-position: -59px -940px;
  width: 18px;
  height: 18px;
}

.sprite-icon-details-blue {
  background-position: -59px -963px;
  width: 18px;
  height: 18px;
}

.sprite-icon-details-grey {
  background-position: -59px -986px;
  width: 18px;
  height: 18px;
}

.sprite-icon-disabled-blue {
  background-position: -62px -1009px;
  width: 15px;
  height: 15px;
}

.sprite-icon-disabled-grey {
  background-position: -62px -1029px;
  width: 15px;
  height: 15px;
}

.sprite-icon-download-blue {
  background-position: -63px -1049px;
  width: 14px;
  height: 19px;
}

.sprite-icon-download-grey {
  background-position: -63px -1073px;
  width: 14px;
  height: 19px;
}

.sprite-icon-download-hwite {
  background-position: -63px -1097px;
  width: 14px;
  height: 19px;
}

.sprite-icon-dropdown-blue {
  background-position: -60px -1121px;
  width: 17px;
  height: 12px;
}

.sprite-icon-dropdown-grey {
  background-position: -60px -1138px;
  width: 17px;
  height: 12px;
}

.sprite-icon-duplicate-blue {
  background-position: -63px -1155px;
  width: 14px;
  height: 16px;
}

.sprite-icon-duplicate-grey {
  background-position: -63px -1176px;
  width: 14px;
  height: 16px;
}

.sprite-icon-edit-blue {
  background-position: -64px -1197px;
  width: 13px;
  height: 13px;
}

.sprite-icon-edit-grey {
  background-position: -64px -1215px;
  width: 13px;
  height: 13px;
}

.sprite-icon-edit-white {
  background-position: -64px -1233px;
  width: 13px;
  height: 13px;
}

.sprite-icon-emailverify {
  background-position: 0px -1251px;
  width: 77px;
  height: 55px;
}

.sprite-Icon-error {
  background-position: -69px -1311px;
  width: 8px;
  height: 8px;
}

.sprite-icon-excel {
  background-position: -32px -1324px;
  width: 45px;
  height: 43px;
}

.sprite-icon-export {
  background-position: -61px -1372px;
  width: 16px;
  height: 19px;
}

.sprite-icon-export-blue {
  background-position: -62px -1396px;
  width: 15px;
  height: 18px;
}

.sprite-icon-export-grey {
  background-position: -62px -1419px;
  width: 15px;
  height: 18px;
}

.sprite-icon-eye-blue {
  background-position: -58px -1442px;
  width: 19px;
  height: 14px;
}

.sprite-icon-eye-grey {
  background-position: -58px -1461px;
  width: 19px;
  height: 14px;
}

.sprite-icon-eye-off-blue {
  background-position: -58px -1480px;
  width: 19px;
  height: 19px;
}

.sprite-icon-eye-off-grey {
  background-position: -58px -1504px;
  width: 19px;
  height: 19px;
}

.sprite-icon-facebook {
  background-position: -45px -1528px;
  width: 32px;
  height: 32px;
}

.sprite-icon-file {
  background-position: -38px -1565px;
  width: 39px;
  height: 52px;
}

.sprite-icon-filter-disabled {
  background-position: -62px -1622px;
  width: 15px;
  height: 17px;
}

.sprite-icon-filter-enabled {
  background-position: -62px -1644px;
  width: 15px;
  height: 17px;
}

.sprite-icon-fit-to-screen {
  background-position: -55px -1666px;
  width: 22px;
  height: 16px;
}

.sprite-icon-google {
  background-position: -45px -1687px;
  width: 32px;
  height: 32px;
}

.sprite-icon-grid-blue {
  background-position: -56px -1724px;
  width: 21px;
  height: 21px;
}

.sprite-icon-grid-grey {
  background-position: -56px -1750px;
  width: 21px;
  height: 21px;
}

.sprite-Icon-history-blue {
  background-position: -60px -1776px;
  width: 17px;
  height: 15px;
}

.sprite-Icon-history-grey {
  background-position: -60px -1796px;
  width: 17px;
  height: 15px;
}

.sprite-icon-home-blue {
  background-position: -61px -1816px;
  width: 16px;
  height: 16px;
}

.sprite-icon-home-grey {
  background-position: -61px -1837px;
  width: 16px;
  height: 16px;
}

.sprite-icon-import-blue {
  background-position: -62px -1858px;
  width: 15px;
  height: 15px;
}

.sprite-icon-import-grey {
  background-position: -62px -1878px;
  width: 15px;
  height: 15px;
}

.sprite-icon-info-white {
  background-position: -66px -1898px;
  width: 11px;
  height: 11px;
}

.sprite-icon-inspection-big {
  background-position: -35px -1914px;
  width: 42px;
  height: 54px;
}

.sprite-icon-inspection-blue {
  background-position: -63px -1973px;
  width: 14px;
  height: 17px;
}

.sprite-icon-inspection-grey {
  background-position: -63px -1995px;
  width: 14px;
  height: 17px;
}

.sprite-icon-instacount-blue {
  background-position: -60px -2017px;
  width: 17px;
  height: 16px;
}

.sprite-icon-instacount-grey {
  background-position: -60px -2038px;
  width: 17px;
  height: 16px;
}

.sprite-icon-instruction-blue {
  background-position: -62px -2059px;
  width: 15px;
  height: 12px;
}

.sprite-icon-instruction-grey {
  background-position: -62px -2076px;
  width: 15px;
  height: 12px;
}

.sprite-icon-kypit-blue {
  background-position: -59px -2093px;
  width: 18px;
  height: 18px;
}

.sprite-icon-kypit-grey {
  background-position: -59px -2116px;
  width: 18px;
  height: 18px;
}

.sprite-icon-list-blue {
  background-position: -57px -2139px;
  width: 20px;
  height: 21px;
}

.sprite-icon-list-grey {
  background-position: -57px -2165px;
  width: 20px;
  height: 21px;
}

.sprite-Iconl-my-location {
  background-position: -60px -2191px;
  width: 17px;
  height: 17px;
}

.sprite-icon-location-blue {
  background-position: -65px -2213px;
  width: 12px;
  height: 17px;
}

.sprite-icon-location-grey {
  background-position: -65px -2235px;
  width: 12px;
  height: 17px;
}

.sprite-icon-lock {
  background-position: -25px -2257px;
  width: 52px;
  height: 64px;
}

.sprite-icon-mobile-blue {
  background-position: -66px -2326px;
  width: 11px;
  height: 22px;
}

.sprite-icon-mobile-grey {
  background-position: -66px -2353px;
  width: 11px;
  height: 22px;
}

.sprite-icon-move-blue {
  background-position: -58px -2380px;
  width: 19px;
  height: 19px;
}

.sprite-icon-move-grey {
  background-position: -58px -2404px;
  width: 19px;
  height: 19px;
}

.sprite-icon-next-white {
  background-position: -44px -2428px;
  width: 33px;
  height: 33px;
}

.sprite-icon-number-blue {
  background-position: -62px -2466px;
  width: 15px;
  height: 14px;
}

.sprite-icon-number-grey {
  background-position: -62px -2485px;
  width: 15px;
  height: 14px;
}

.sprite-icon-pc-blue {
  background-position: -53px -2504px;
  width: 24px;
  height: 20px;
}

.sprite-icon-pc-grey {
  background-position: -53px -2529px;
  width: 24px;
  height: 20px;
}

.sprite-icon-pdf {
  background-position: -33px -2554px;
  width: 44px;
  height: 52px;
}

.sprite-icon-plus-box {
  background-position: -57px -2611px;
  width: 20px;
  height: 20px;
}

.sprite-icon-plus-white {
  background-position: -62px -2636px;
  width: 15px;
  height: 15px;
}

.sprite-icon-ppt {
  background-position: -22px -2656px;
  width: 55px;
  height: 52px;
}

.sprite-icon-preview-blue {
  background-position: -67px -2713px;
  width: 10px;
  height: 13px;
}

.sprite-icon-preview-grey {
  background-position: -67px -2731px;
  width: 10px;
  height: 13px;
}

.sprite-icon-prev-white {
  background-position: -44px -2749px;
  width: 33px;
  height: 33px;
}

.sprite-icon-project-big {
  background-position: -36px -2787px;
  width: 41px;
  height: 37px;
}

.sprite-icon-project-blue {
  background-position: -61px -2829px;
  width: 16px;
  height: 15px;
}

.sprite-icon-project-grey {
  background-position: -61px -2849px;
  width: 16px;
  height: 15px;
}

.sprite-icon-published {
  background-position: -63px -2869px;
  width: 14px;
  height: 14px;
}

.sprite-icon-radio-blue {
  background-position: -62px -2888px;
  width: 15px;
  height: 15px;
}

.sprite-icon-radio-grey {
  background-position: -62px -2908px;
  width: 15px;
  height: 15px;
}

.sprite-icon-report-blue {
  background-position: -64px -2928px;
  width: 13px;
  height: 17px;
}

.sprite-icon-report-grey {
  background-position: -64px -2950px;
  width: 13px;
  height: 17px;
}

.sprite-icon-search-blue {
  background-position: -61px -2972px;
  width: 16px;
  height: 16px;
}

.sprite-icon-search-grey {
  background-position: -61px -2992px;
  width: 16px;
  height: 16px;
}

.sprite-icon-section-blue {
  background-position: -62px -3014px;
  width: 15px;
  height: 15px;
}

.sprite-icon-section-grey {
  background-position: -62px -3034px;
  width: 15px;
  height: 15px;
}

.sprite-icon-send-blue {
  background-position: -59px -3054px;
  width: 18px;
  height: 19px;
}

.sprite-icon-send-grey {
  background-position: -59px -3078px;
  width: 18px;
  height: 18px;
}

.sprite-icon-settings-blue {
  background-position: -61px -3101px;
  width: 16px;
  height: 16px;
}

.sprite-icon-settings-grey {
  background-position: -61px -3122px;
  width: 16px;
  height: 16px;
}

.sprite-icon-shared-blue {
  background-position: -59px -3143px;
  width: 18px;
  height: 15px;
}

.sprite-icon-shared-grey {
  background-position: -59px -3163px;
  width: 18px;
  height: 15px;
}

.sprite-icon-signature-blue {
  background-position: -57px -3183px;
  width: 20px;
  height: 12px;
}

.sprite-icon-signature-grey {
  background-position: -58px -3200px;
  width: 19px;
  height: 12px;
}

.sprite-icon-signout-black {
  background-position: -62px -3217px;
  width: 15px;
  height: 14px;
}

.sprite-icon-signout-blue {
  background-position: -62px -3236px;
  width: 15px;
  height: 14px;
}

.sprite-icon-slider-menu-blue {
  background-position: -73px -3255px;
  width: 4px;
  height: 18px;
}

.sprite-icon-slider-menu-grey {
  background-position: -47px -3278px;
  width: 30px;
  height: 30px;
}

.sprite-icon-slider-menu-hover {
  background-position: -47px -3313px;
  width: 30px;
  height: 30px;
}

.sprite-icon-sort-blue {
  background-position: -69px -3348px;
  width: 8px;
  height: 10px;
}

.sprite-icon-sort-grey {
  background-position: -69px -3363px;
  width: 8px;
  height: 10px;
}

.sprite-icon-star-filled-yellow {
  background-position: -59px -3378px;
  width: 18px;
  height: 17px;
}

.sprite-icon-star-grey {
  background-position: -57px -3400px;
  width: 20px;
  height: 19px;
}

.sprite-icon-star-yellow {
  background-position: -57px -3424px;
  width: 20px;
  height: 19px;
}

.sprite-icon-template-blue {
  background-position: -62px -3448px;
  width: 15px;
  height: 15px;
}

.sprite-icon-template-grey {
  background-position: -62px -3468px;
  width: 15px;
  height: 15px;
}

.sprite-icon-text-blue {
  background-position: -65px -3488px;
  width: 12px;
  height: 14px;
}

.sprite-icon-text-grey {
  background-position: -65px -3507px;
  width: 12px;
  height: 14px;
}

.sprite-icon-versions-blue {
  background-position: -62px -3526px;
  width: 15px;
  height: 17px;
}

.sprite-icon-versions-grey {
  background-position: -62px -3548px;
  width: 15px;
  height: 17px;
}

.sprite-icon-word {
  background-position: -27px -3570px;
  width: 50px;
  height: 43px;
}

.sprite-icon-zoom-in {
  background-position: -57px -3618px;
  width: 20px;
  height: 21px;
}

.sprite-icon-zoom-out {
  background-position: -57px -3644px;
  width: 20px;
  height: 21px;
}

.sprite-instacountmedium {
  background-position: -51px -3670px;
  width: 26px;
  height: 25px;
}

.sprite-microphone {
  background-position: -62px -3700px;
  width: 15px;
  height: 24px;
}

.sprite-Path1915 {
  background-position: -64px -3729px;
  width: 13px;
  height: 13px;
}

.sprite-Rectangle2480 {
  background-position: -57px -3747px;
  width: 20px;
  height: 20px;
}

.sprite-icon_remove_blue {
  background-position: -60px -3772px;
  width: 17px;
  height: 17px;
}

.sprite-icon_remove_grey {
  background-position: -60px -3794px;
  width: 17px;
  height: 17px;
}

.plan-icons {
  background-image: url('plan-icons.png');
}

.bg-plan_data_8 {
  width: 24px;
  height: 24px;
  background-position: -53px -2px;
}

.bg-plan_data_7 {
  width: 20px;
  height: 24px;
  background-position: -2px -2px;
}

.bg-plan_data_6 {
  width: 23px;
  height: 24px;
  background-position: -26px -2px;
}

.bg-plan_data_5 {
  width: 24px;
  height: 24px;
  background-position: -81px -2px;
}

.bg-plan_data_4 {
  width: 24px;
  height: 21px;
  background-position: -109px -2px;
}

.bg-plan_data_3 {
  width: 31px;
  height: 17px;
  background-position: -193px -2px;
}

.bg-plan_data_1 {
  width: 24px;
  height: 24px;
  background-position: -137px -2px;
}

.bg-plan_data_2 {
  width: 24px;
  height: 24px;
  background-position: -165px -2px;
}

.edit-profile-icon-gray {
  width: 20px;
  height: 20px;
  background-position: -3px 20px;
}

.edit-profile-icon-blue {
  width: 20px;
  height: 20px;
  background-position: -54px 20px;
}

.admin-panel-icon-gray {
  width: 20px;
  height: 20px;
  background-position: -28px 20px;
}

.admin-panel-icon-blue {
  width: 20px;
  height: 20px;
  background-position: -82px 20px;
}

.no-hover:hover .edit-profile-icon-gray {
  background-position: -57px 20px;
}

.no-hover:hover .admin-panel-icon-gray {
  background-position: -82px 20px;
}

.public-template-icons {
  background-image: url('sprite-public-tempalte.png');
  display: inline-block;
}

.template-upload-gray {
  background-position: -25px 0;
  width: 24px;
  height: 24px;
}

.template-upload-blue {
  background-position: -3px 0;
  width: 24px;
  height: 24px;
}

.template-import {
  background-position: -50px 0;
  width: 24px;
  height: 24px;
}

.template-creator {
  background-position: -70px 0;
  width: 17px;
  height: 24px;
}

.template-download {
  background-position: -92px 0;
  width: 20px;
  height: 24px;
}

.template-time {
  background-position: -120px -3px;
  width: 18px;
  height: 20px;
}

.template-preview {
  background-position: -145px 0px;
  width: 24px;
  height: 24px;
}

.mat-menu-item:hover .template-upload-gray {
  background-position: -3px 0;
}

.svg-sprite-copy-link-icon {
  fill: grey;
  width: 23px;
  height: 20px;
}

.admin-panel-icon {
  background-image: url('admin-panel-icons.png');
  display: inline-block;
  margin-top: -3px;
}

.function_icn {
  width: 15px;
  height: 15px;
  background-position: -59px -36px;
}

.industry_icn {
  width: 17px;
  height: 17px;
  background-position: -30px -5px;
}

.org_icn {
  width: 15px;
  height: 15px;
  background-position: -84px -30px;
}

.plan_icn {
  width: 15px;
  height: 15px;
  background-position: -30px -63px;
}

.sign_out_icn {
  width: 15px;
  height: 14px;
  background-position: -109px -54px;
}

.template_icn {
  width: 15px;
  height: 15px;
  background-position: -109px -5px;
}

.user_icn {
  width: 16px;
  height: 13px;
  background-position: -5px -88px;
}

.function_icn_blue {
  width: 15px;
  height: 15px;
  background-position: -84px -5px;
}

.industry_icn_blue {
  width: 17px;
  height: 17px;
  background-position: -57px -5px;
}

.org_icn_blue {
  width: 15px;
  height: 15px;
  background-position: -5px -63px;
}

.template_icn_blue {
  width: 15px;
  height: 15px;
  background-position: -80px -63px;
}

.plan_icn_blue {
  width: 15px;
  height: 15px;
  background-position: -55px -63px;
}

.sign_out_icn_blue {
  width: 15px;
  height: 14px;
  background-position: -109px -30px;
}

.user_icn_blue {
  width: 16px;
  height: 13px;
  background-position: -31px -88px;
}

.play_icn {
  width: 15px;
  height: 21px;
  background-position: -5px -5px;
}

.save_file_icn {
  width: 17px;
  height: 17px;
  background-position: -5px -36px;
}

.import_icn {
  width: 17px;
  height: 17px;
  background-position: -32px -36px;
}

.admin-panel-menu a:hover .function_icn, .admin-panel-menu a.active .function_icn {
  background-position: -84px -5px;
}
.admin-panel-menu a:hover .industry_icn, .admin-panel-menu a.active .industry_icn {
  background-position: -57px -5px;
}
.admin-panel-menu a:hover .user_icn, .admin-panel-menu a.active .user_icn {
  background-position: -31px -88px;
}
.admin-panel-menu a:hover .template_icn, .admin-panel-menu a.active .template_icn {
  background-position: -80px -63px;
}
.admin-panel-menu a:hover .sign_out_icn, .admin-panel-menu a.active .sign_out_icn {
  background-position: -109px -30px;
}
.admin-panel-menu a:hover .plan_icn, .admin-panel-menu a.active .plan_icn {
  background-position: -55px -63px;
}
.admin-panel-menu a:hover .org_icn, .admin-panel-menu a.active .org_icn {
  background-position: -5px -63px;
}

ul {
  list-style: square outside;
}

li > ul,
li > ol {
  margin-left: 36px;
  margin-bottom: 0;
}

html {
  font-size: 11px;
  line-height: 1.6363636364;
  font-family: "open_sansregular", sans-serif;
  color: #263238;
  margin: 0;
  overflow-y: auto;
  position: relative;
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  user-select: text;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/*********************************************************************
  @author:Bijal Shah
  @description: Common scss, Common classes 
  Note: To override all the library scss and css to our custom UI
        "!important" is required whenevr it is needed
*********************************************************************/
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

html,
body {
  font-family: "open_sansregular", sans-serif !important;
  font-size: 11px;
  line-height: 1.5;
  margin: 0;
  overflow-y: auto;
  position: relative;
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  user-select: text;
}

.material-icons {
  font-family: "Material Icons" !important;
}

* {
  box-sizing: border-box;
}

.cdk-overlay-pane {
  width: auto !important;
}

.generic-dialog .mat-dialog-container, .generic-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .generic-dialog .common-dialog-container,
.inherit-max-width .mat-dialog-container,
.inherit-max-width .task-modal .fullscreen .common-dialog-container,
.task-modal .fullscreen .inherit-max-width .common-dialog-container,
.no-fixed-width .mat-dialog-container,
.no-fixed-width .task-modal .fullscreen .common-dialog-container,
.task-modal .fullscreen .no-fixed-width .common-dialog-container {
  max-width: 100%;
}

.generic-dialog .mat-dialog-actions {
  min-height: auto;
}

.no-fixed-width {
  width: 100% !important;
}
.no-fixed-width .mat-dialog-container, .no-fixed-width .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .no-fixed-width .common-dialog-container {
  width: 100% !important;
}

.report-pdf-popup {
  max-width: 560px !important;
}
.report-pdf-popup .mat-dialog-container, .report-pdf-popup .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .report-pdf-popup .common-dialog-container {
  max-width: 100%;
}

/*.mat-snack-bar-container { position: absolute; top: 10px; right: 22px; padding: 10px 15px; max-width: 600px; min-height: inherit; }*/
#enterCouponCode, #showInValidCouponMessage, #showCouponAppliedMessage {
  display: none;
}

h1 {
  font-size: 18px;
}

pre:not(.inspection-results-body pre) {
  font-family: "open_sansregular", sans-serif;
}

mark {
  background-color: #ff0;
  color: #000;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

a {
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #318CE7;
}
a:hover, a:focus, a:active {
  outline: none;
  outline-width: 0;
  box-shadow: none;
  color: #1566b6;
}

abbr[title] {
  border-bottom: 0;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
  max-width: 100%;
  vertical-align: middle;
}

button {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  line-height: 1.3;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button:focus,
input:focus {
  outline: 0;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  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;
}

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;
  appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  appearance: button;
  font: inherit;
}

template,
[hidden] {
  display: none;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  animation-duration: 2s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

[class*=col-] {
  float: left;
}

select:focus {
  box-shadow: none !important;
  outline: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-primary:hover, .btn-primary:active {
  background: #318CE7;
  color: #fff;
  border-color: #318CE7;
}

.btn-primary:disabled, .btn-primary:not(:disabled):not(.disabled):active {
  background: #318CE7;
  border-color: #318CE7;
}

.card-header {
  background: #eceff1;
}
.card-header svg {
  margin-right: 8px;
}
.card-header em {
  margin-left: 4px;
}

.cdk-global-scrollblock {
  top: 0 !important;
  overflow-y: auto !important;
}

.mat-menu-panel {
  min-height: inherit !important;
}

.btn-primary {
  background: #318CE7 !important;
  border-color: #318CE7 !important;
}

.mat-option:focus:not(.mat-option-disabled), .mat-option:hover:not(.mat-option-disabled) {
  background: transparent !important;
}

.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #318CE7 !important;
  opacity: 1;
}

.mat-hint {
  position: absolute;
  right: 22px;
  top: 0;
}

.z-99 {
  z-index: 99 !important;
}

.z-999 {
  z-index: 999 !important;
}

.height-auto {
  height: auto;
}

/* to override css */
.calc-height-60px {
  height: calc(100vh - 60px) !important;
}

.calc-height-120px {
  height: calc(100vh - 120px) !important;
}

.min-height-55 {
  min-height: 55px;
}

.light-grey-bg {
  background: #f4f4f6;
}

.h-100vh {
  height: 100vh;
}

.border-all {
  border: 1px solid #ddd;
}

.border-blue {
  border: 1px solid #318CE7;
}

.border-grey {
  border: 1px solid #EBEBEB;
}

.border-dark-grey {
  border: 1px solid rgba(38, 50, 56, 0.1294117647);
}

.border-all-black {
  border: 1px solid #263238;
}

.privacyy-policy h2, .terms-blog h2 {
  font-size: 12px;
  margin-bottom: 8px;
  text-transform: inherit;
}
.privacyy-policy p, .terms-blog p {
  font-size: 11px;
  margin-bottom: 13px;
}
.privacyy-policy h3, .terms-blog h3 {
  font-size: 13px;
  margin-bottom: 13px;
  text-transform: inherit;
}

/* pre-loader css */
.cssload-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.2);
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}
.cssload-container .loader-fading-circle {
  margin: 250px auto;
}
.cssload-container .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.cssload-container .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #318CE7;
  border-radius: 100%;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.cssload-container .loader-fading-circle .loader-circle-second {
  transform: rotate(30deg);
}
.cssload-container .loader-fading-circle .loader-circle-second:before {
  animation-delay: -1.1s;
}
.cssload-container .loader-fading-circle .loader-circle-third {
  transform: rotate(60deg);
}
.cssload-container .loader-fading-circle .loader-circle-third:before {
  animation-delay: -1s;
}
.cssload-container .loader-fading-circle .loader-circle-fourth {
  transform: rotate(90deg);
}
.cssload-container .loader-fading-circle .loader-circle-fourth:before {
  animation-delay: -0.9s;
}
.cssload-container .loader-fading-circle .loader-circle-fifth {
  transform: rotate(120deg);
}
.cssload-container .loader-fading-circle .loader-circle-fifth:before {
  animation-delay: -0.8s;
}
.cssload-container .loader-fading-circle .loader-circle-sixth {
  transform: rotate(150deg);
}
.cssload-container .loader-fading-circle .loader-circle-sixth:before {
  animation-delay: -0.7s;
}
.cssload-container .loader-fading-circle .loader-circle-seventh {
  transform: rotate(180deg);
}
.cssload-container .loader-fading-circle .loader-circle-seventh:before {
  animation-delay: -0.6s;
}
.cssload-container .loader-fading-circle .loader-circle-eighth {
  transform: rotate(210deg);
}
.cssload-container .loader-fading-circle .loader-circle-eighth:before {
  animation-delay: -0.5s;
}
.cssload-container .loader-fading-circle .loader-circle-ninth {
  transform: rotate(240deg);
}
.cssload-container .loader-fading-circle .loader-circle-ninth:before {
  animation-delay: -0.4s;
}
.cssload-container .loader-fading-circle .loader-circle-tenth {
  transform: rotate(270deg);
}
.cssload-container .loader-fading-circle .loader-circle-tenth:before {
  animation-delay: -0.3s;
}
.cssload-container .loader-fading-circle .loader-circle-eleventh {
  transform: rotate(300deg);
}
.cssload-container .loader-fading-circle .loader-circle-eleventh:before {
  animation-delay: -0.2s;
}
.cssload-container .loader-fading-circle .loader-circle-twelfth {
  transform: rotate(330deg);
}
.cssload-container .loader-fading-circle .loader-circle-twelfth:before {
  animation-delay: -0.1s;
}
.cssload-container.in-activity-panel {
  width: 350px;
  right: 0;
  left: auto;
  top: 60px;
}
@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
/********************************* Inspection and project listing module css *********************************/
/* common css */
.blue-onhover:hover {
  color: #318CE7;
}
.blue-onhover:hover .sprite-icon-report-grey {
  background-position: -64px -2928px;
}
.blue-onhover:hover .sprite-icon-adduser-black {
  background-position: -58px -270px;
}
.blue-onhover:hover .sprite-icon-details-black {
  background-position: -59px -963px;
}
.blue-onhover.hover-svg:hover svg, .blue-onhover.share-position:hover svg {
  fill: #318CE7;
}

.black-onhover {
  fill: #000 !important;
  color: #000 !important;
}

.grey-onhover {
  background: transparent;
}
.grey-onhover:hover {
  background: #EBEBEB;
  border-radius: 2px;
}

.hide-panel {
  display: none;
}

.hide-pipe:after {
  display: none;
}

.blue-onhover-svg:hover path,
.blue-onhover-svg:hover use {
  fill: #318CE7;
}
.blue-onhover-svg:focus {
  outline: none;
  box-shadow: none;
}

.black-onhover-svg:hover path,
.black-onhover-svg:hover use {
  fill: #263238;
}
.black-onhover-svg:focus {
  outline: none;
  box-shadow: none;
}

.button-transform {
  transform: rotate(270deg);
}

/* to overide scss */
.text-box-focus:focus {
  border: 1px solid #318CE7 !important;
}

/* to overide scss */
.link-color {
  color: rgba(38, 50, 56, 0.5019607843) !important;
}

.new-highlight {
  background-color: #d7eefc;
}

.in-progress-highlight {
  background-color: #f8e0d3;
}

.completed-highlight {
  background-color: #ddfae8;
}

.disabled-highlight {
  background-color: rgba(38, 50, 56, 0.2);
}

.search-placement {
  border: none;
  padding: 14px 0 14px 20px;
}

.filter-search {
  right: 20px;
  top: 14px;
}

/* to overide scss */
.mat-menu-item {
  line-height: 38px !important;
  height: 35px !important;
}
.mat-menu-item:hover:not([disabled]) {
  color: #45bbff;
}
.mat-menu-item:hover:not([disabled]) .blue-onhover {
  color: #318CE7;
}
.mat-menu-item:hover:not([disabled]) .export-bg {
  background-color: #45bbff;
}

.template-list a:hover {
  color: #fff;
  text-decoration: none;
}

.text-none:hover {
  text-decoration: none;
}

/* css for header */
.inspection-list .expandSearch.header-search-icon, .project-list .expandSearch.header-search-icon, .add-project-blank-inspection-list .expandSearch.header-search-icon, .add-project .expandSearch.header-search-icon, .add-inspection .expandSearch.header-search-icon, .template-list .expandSearch.header-search-icon, .permission-list .expandSearch.header-search-icon, .user-settings .expandSearch.header-search-icon, .emoji-model .expandSearch.header-search-icon {
  right: 20px;
}
.inspection-list .expandSearch input, .project-list .expandSearch input, .add-project-blank-inspection-list .expandSearch input, .add-project .expandSearch input, .add-inspection .expandSearch input, .template-list .expandSearch input, .permission-list .expandSearch input, .user-settings .expandSearch input, .emoji-model .expandSearch input {
  border: none;
  border: 1px solid #fff;
  border-radius: 4px;
  transition: 0.24s;
  width: 180px;
  padding: 9px 50px 9px 10px;
  border-color: #ddd;
}
.inspection-list .expandSearch span, .project-list .expandSearch span, .add-project-blank-inspection-list .expandSearch span, .add-project .expandSearch span, .add-inspection .expandSearch span, .template-list .expandSearch span, .permission-list .expandSearch span, .user-settings .expandSearch span, .emoji-model .expandSearch span {
  position: absolute;
  right: 0;
  padding: 12px 12px 10px;
  top: 0;
}
.inspection-list .expandSearch span.search-icon, .project-list .expandSearch span.search-icon, .add-project-blank-inspection-list .expandSearch span.search-icon, .add-project .expandSearch span.search-icon, .add-inspection .expandSearch span.search-icon, .template-list .expandSearch span.search-icon, .permission-list .expandSearch span.search-icon, .user-settings .expandSearch span.search-icon, .emoji-model .expandSearch span.search-icon {
  top: 9px;
  right: 3px;
  transform: scale(0.8);
}
.inspection-list .expandSearch span.close-icon, .project-list .expandSearch span.close-icon, .add-project-blank-inspection-list .expandSearch span.close-icon, .add-project .expandSearch span.close-icon, .add-inspection .expandSearch span.close-icon, .template-list .expandSearch span.close-icon, .permission-list .expandSearch span.close-icon, .user-settings .expandSearch span.close-icon, .emoji-model .expandSearch span.close-icon {
  background-color: transparent;
  right: 20px;
  top: -1px;
}
.inspection-list .expandSearch span.close-icon:before, .project-list .expandSearch span.close-icon:before, .add-project-blank-inspection-list .expandSearch span.close-icon:before, .add-project .expandSearch span.close-icon:before, .add-inspection .expandSearch span.close-icon:before, .template-list .expandSearch span.close-icon:before, .permission-list .expandSearch span.close-icon:before, .user-settings .expandSearch span.close-icon:before, .emoji-model .expandSearch span.close-icon:before {
  content: "";
  height: 25px;
  position: absolute;
  right: 10px;
  bottom: 5px;
  border-right: 1px solid #ddd;
}

.pt1 {
  padding-top: 1px;
}

/* css for inspection and project filter */
.customfilterClass, .customfilterClassDetails {
  width: 150px;
  margin-top: 40px;
  min-width: auto !important;
  position: absolute;
  right: 0;
  left: 20px;
  font-family: "open_sansregular", sans-serif;
}
.customfilterClass.creator, .creator.customfilterClassDetails, .customfilterClass.project, .project.customfilterClassDetails {
  width: 220px;
}

.sharedFilterClass {
  width: 280px;
  min-width: 100% !important;
  margin: 35px 0 0 40px;
}

.customfilterClassDetails {
  left: 0;
}
.customfilterClassDetails.details {
  width: 293px;
}

.chips {
  padding: 2px 20px 2px 5px;
  background-color: rgba(69, 187, 255, 0.1019607843);
}

.position-close {
  right: 14px;
  top: 16px;
}

.number-highlight {
  padding: 2px 0;
  background-color: rgba(69, 187, 255, 0.1019607843);
  color: #45bbff;
  top: 2px;
}

/***************** common header buttons class for project and inspection module ******************/
.bulk-action, .cancel {
  border: 1px solid #318CE7;
}

.cancel-shadow {
  -ms-box-shadow: inset 0 0 2px #318CE7;
  box-shadow: inset 0 0 2px #318CE7;
}

.cancel-border {
  border: 1px solid #263238;
}

.no-inspection-filter .black {
  opacity: 0.7;
}

.dropdown-scroll::-webkit-scrollbar {
  width: 5px;
  background-color: none;
}
.dropdown-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #dad6d6;
}

.dropdown-search {
  position: absolute;
  top: 0;
  z-index: 99;
}

.dropdown-options {
  margin-top: 50px;
  overflow-y: auto;
  max-height: 200px;
}

/********* code for display image when no data available in inspection and project module *********/
.img-position {
  height: calc(100vh - 95px);
  -moz-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  justify-content: center;
  -moz-flex-direction: column;
  flex-direction: column;
}
.img-position .no-inspection-heading {
  color: #263238;
}
.img-position.has-search-on-inspection {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100vh !important;
  right: 0;
  left: 0;
}
.img-position.has-search-on-inspection.img-position {
  height: calc(100vh - 120px) !important;
  top: auto;
}

.checkbox-outline {
  outline: #263238;
}

/************************** Table css for project and inspection module **************************/
.table-list thead th {
  padding: 22px 10px;
  color: #263238;
  border: none;
}
.table-list thead th .showTitle {
  display: none;
}
.table-list tr td {
  padding: 10px;
  font-size: 14px;
  border-color: #ddd;
}
.table-list tr td.first-column {
  color: rgba(0, 0, 0, 0.8705882353);
}
.table-list tr td .sub-form-data {
  font-weight: 100;
}
.table-list tr td.data-opacity {
  opacity: 0.7;
}
.table-list tr td .menu-bg-color {
  color: rgba(38, 50, 56, 0.5019607843);
  /* Its not working as a class so need to apply it in css*/
}
.table-list tr td .menu-bg-color:focus-within {
  color: #45bbff;
}
.table-list tr td .menu-bg-color .menu-font-size {
  font-size: 25px;
}

.menu-option-color .mat-menu-item, .setting-menu .mat-menu-item, .right-header-menu .mat-menu-item {
  color: #000;
}

.table-list-tr-hover tbody tr:hover { /*to overirde css */
  background-color: #eaf3fd !important;
}
.table-list-tr-hover tbody tr:hover .first-column, .table-list-tr-hover tbody tr:hover .menu-bg-color {
  color: #318CE7;
}
.table-list-tr-hover tbody tr:hover .address-hover {
  color: #318CE7;
  text-decoration: underline;
}
.table-list-tr-hover tbody tr:hover .sprite-icon-location-grey {
  background-position: -65px -2213px;
}
.table-list-tr-hover tbody tr:hover .new-svg-icon.blue-onhover {
  fill: #318CE7 !important;
}
.table-list-tr-hover tbody tr.no-hover-tr:hover {
  background-color: transparent !important;
  cursor: auto !important;
}

/* css for inspection paginator */
.mat-paginator-container {
  background-color: #fff;
}

/*to override css */
.mat-paginator-page-size {
  display: none !important;
}

.admin-org-list .mat-paginator-page-size {
  display: flex !important;
}

/* css for blank inspection */
.haswidth-scroll {
  overflow-y: auto;
  height: calc(100vh - 150px);
}
.haswidth-scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: none;
}
.haswidth-scroll::-webkit-scrollbar {
  width: 5px;
  background-color: none;
}
.haswidth-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #dad6d6;
}

.hasheight-scroll {
  overflow-y: auto;
}
.hasheight-scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: none;
}
.hasheight-scroll::-webkit-scrollbar {
  width: 5px;
  background-color: none;
}
.hasheight-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #dad6d6;
}

.scroll-hide .p0-project {
  padding: 0;
}
.scroll-hide .haswidth-scroll-hide::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent !important;
}
.scroll-hide .haswidth-scroll-hide::-webkit-scrollbar {
  width: 1px;
  background-color: transparent !important;
}
.scroll-hide .haswidth-scroll-hide::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: transparent !important;
}

.fixed-table-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #fff;
}

.when-thereisno-evidence {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  flex-direction: column;
  height: calc(100vh - 100px);
}

.header-width {
  padding: 13px 10px;
}

.header-files-width {
  padding: 5px 10px;
}

.blank-inspection-listing .input-text {
  background-color: #fff;
  border: 1px solid #45bbff;
}

.modal-input {
  padding: 10px 14px;
  border-radius: 2px;
  border: 1px solid #EBEBEB;
}

/***************** common header for blank inspection and add project module ******************/
.add-project-blank-inspection-list .pipe-after:after, .side-panel .pipe-after:after, .permission-list .pipe-after:after, .header-of-form-authering .pipe-after:after {
  content: "";
  border-right: 1px solid #EBEBEB;
  padding: 6px;
}
.add-project-blank-inspection-list .permission-user-pipe, .side-panel .permission-user-pipe, .permission-list .permission-user-pipe, .header-of-form-authering .permission-user-pipe {
  content: "";
  border-left: 1px solid #ddd;
  top: 12px;
}
.add-project-blank-inspection-list .menu-font-size, .side-panel .menu-font-size, .permission-list .menu-font-size, .header-of-form-authering .menu-font-size {
  font-size: 25px;
}
.add-project-blank-inspection-list .add-project-blank-inspection-search .expandSearch input, .side-panel .add-project-blank-inspection-search .expandSearch input, .permission-list .add-project-blank-inspection-search .expandSearch input, .header-of-form-authering .add-project-blank-inspection-search .expandSearch input {
  bottom: 9px;
  left: 5px;
}
.add-project-blank-inspection-list .add-project-blank-inspection-search .expandSearch span, .side-panel .add-project-blank-inspection-search .expandSearch span, .permission-list .add-project-blank-inspection-search .expandSearch span, .header-of-form-authering .add-project-blank-inspection-search .expandSearch span {
  padding: 0 12px;
}
.add-project-blank-inspection-list .add-project-blank-inspection-search .expandSearch span.close-icon, .side-panel .add-project-blank-inspection-search .expandSearch span.close-icon, .permission-list .add-project-blank-inspection-search .expandSearch span.close-icon, .header-of-form-authering .add-project-blank-inspection-search .expandSearch span.close-icon {
  right: 40px;
  top: 2px;
}
.add-project-blank-inspection-list .add-project-blank-inspection-search .expandSearch span.close-icon:before, .side-panel .add-project-blank-inspection-search .expandSearch span.close-icon:before, .permission-list .add-project-blank-inspection-search .expandSearch span.close-icon:before, .header-of-form-authering .add-project-blank-inspection-search .expandSearch span.close-icon:before {
  right: 3px;
  bottom: 0;
}
.add-project-blank-inspection-list .pipe-after-search:after, .side-panel .pipe-after-search:after, .permission-list .pipe-after-search:after, .header-of-form-authering .pipe-after-search:after {
  content: "";
  border-right: 1px solid #EBEBEB;
  padding: 6px;
}

/* Blank inspection responsiveness when opening a side panel */
.tablet-responsive { /* !important is used to override css */ }
.tablet-responsive .main-width {
  width: 70%;
}
.tablet-responsive .add-project-blank-inspection-list .filter-width, .tablet-responsive .permissions-list .filter-width {
  width: 33% !important;
}
.tablet-responsive .max-w55 {
  max-width: 70%;
}
.tablet-responsive .project-filter-width { /* to override css */ }
.tablet-responsive .project-filter-width .filter-width {
  width: 27% !important;
}

.project-files .mt80 {
  margin-top: 0;
}

/********************* side panel for project and inspection module ************************/
.side-panel, .template-authoring-side-panel {
  -ms-box-shadow: -12px 0 15px -4px rgba(38, 50, 56, 0.0901960784);
  box-shadow: -12px 0 15px -4px rgba(38, 50, 56, 0.0901960784);
  height: calc(100vh - 65px);
  margin: -18px auto;
  padding-top: 20px;
  overflow-y: auto;
  position: absolute;
  top: 84px;
  bottom: 0;
  background: #fff;
  width: 350px;
  z-index: 100;
  right: 0;
  transition: 0.5s;
}
.side-panel.report-settings, .template-authoring-side-panel.report-settings {
  height: calc(100vh - 61px);
}
.side-panel .overview-select, .template-authoring-side-panel .overview-select {
  padding: 11px 4px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.side-panel .menu-text, .side-panel .side-panel-select, .template-authoring-side-panel .menu-text, .template-authoring-side-panel .side-panel-select {
  border: 1px solid #ddd;
}
.side-panel .input-position, .template-authoring-side-panel .input-position { /* to override css */ }
.side-panel .input-position .edit-position, .template-authoring-side-panel .input-position .edit-position {
  position: absolute;
  top: 10px;
  right: -8px;
}
.side-panel .input-position .edit-position-project, .template-authoring-side-panel .input-position .edit-position-project {
  position: absolute;
  top: 14px;
  right: -2px;
}
.side-panel .input-position .select-view, .template-authoring-side-panel .input-position .select-view {
  border: none;
}
.side-panel::-webkit-scrollbar-track, .template-authoring-side-panel::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: none;
}
.side-panel::-webkit-scrollbar, .template-authoring-side-panel::-webkit-scrollbar {
  width: 5px;
  background-color: none;
}
.side-panel::-webkit-scrollbar-thumb, .template-authoring-side-panel::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #dad6d6;
}
.side-panel .add-button-hover:hover, .template-authoring-side-panel .add-button-hover:hover {
  background: #318CE7 !important;
  color: #fff !important;
}
.side-panel .info-icon, .template-authoring-side-panel .info-icon {
  right: 86px;
  top: -1px;
}
.side-panel .location-shadow, .template-authoring-side-panel .location-shadow {
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid #EBEBEB;
}
.side-panel .arrow-position, .template-authoring-side-panel .arrow-position {
  bottom: 17px;
}

.pdf-panel {
  left: 0;
  width: 320px;
  top: 0;
}
.pdf-panel.report-settings {
  width: 360px;
}

.line {
  -moz-flex-direction: row;
  flex-direction: row;
  -moz-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  align-items: center;
}

.divider-line {
  flex: 1;
}

.side-panel-select {
  padding: 8px 14px;
  border-radius: 4px;
}

/* to override mat css */
.panelWidth {
  position: absolute;
  right: 0;
  left: 0;
}

/* to override mat css */
.customized-tooltip {
  overflow: visible;
  position: relative;
  color: #263238 !important;
  background-color: #fff;
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.customized-tooltip.right-arrow:before {
  position: absolute;
  content: "";
  display: inline-block;
  background-color: red;
  clip-path: polygon(50% 0, 0 50%, 50% 100%);
  left: -12px;
  width: 15px;
  height: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.fix-header-formbased {
  position: fixed;
  right: 0;
  left: 0;
  background: #fff;
  top: 0;
}

/* to override mat css */
.addTeam-dialog .mat-dialog-container, .addTeam-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .addTeam-dialog .common-dialog-container {
  max-width: 500px !important;
  width: 500px !important;
  box-shadow: none !important;
  overflow: hidden;
  padding: 0 !important;
}
.addTeam-dialog .mat-dialog-container .mat-body, .addTeam-dialog .task-modal .fullscreen .common-dialog-container .mat-body, .task-modal .fullscreen .addTeam-dialog .common-dialog-container .mat-body {
  max-height: 55vh !important;
}

.snackBarPosition {
  position: relative;
  background-color: rgba(38, 50, 56, 0.8);
  font-size: 14px;
  width: 434px;
  font-family: "open_sansregular", sans-serif;
}
.snackBarPosition a:hover, .snackBarPosition a:focus {
  color: #fff;
}

/* This are the scss/css used in old structured and has to be there for some of the component **/
.list-of-location {
  position: absolute;
  left: 0;
  right: 0;
  width: calc(100% - 174px);
  z-index: 99;
  list-style-type: none;
  background: #fff;
  border: 1px solid #ccc;
  margin-top: -13px;
}
.list-of-location li {
  padding: 5px 10px;
  font-size: 13px;
  color: #444;
}
.list-of-location li:last-child {
  border-top: 1px solid #ddd;
  color: #00aeef;
  font-weight: 600;
  cursor: pointer;
  margin: 0 !important;
  padding: 15px 10px !important;
}

.when-img {
  /*on hover class can not applied on scss*/
}
.when-img .upper {
  height: 45px;
  background: #000; /*material scss its inherit color so here it requires to override explicitly*/
  /*here @extend use for common scss for 1line elipses*/
}
.when-img .upper a:not([href]):not([tabindex]), .when-img .upper .mat-checkbox-label, .when-img .upper .download-img a i, .when-img .upper .media-name {
  color: #fff;
}
.when-img .parent-full-div {
  width: 100%;
  position: relative;
  margin: 0 auto;
  overflow-y: hidden;
  overflow-x: auto;
  /*library dragscroll class needs to be override for height and width
  drag-scroll is library class so cant apply css class in html elements*/
  /*here cursor webkit-grab is suggested by library to use fordrag and drop
  by dragscroll-library*/
  /*here cursor webkit-grab is suggested by library to use fordrag and drop
  by dragscroll-library when image is clicked and active*/
}
.when-img .parent-full-div.new-job-scroll {
  overflow-y: auto !important;
}
.when-img .parent-full-div .drag-scroll-content {
  width: 100% !important;
  margin: 0 auto;
  height: calc(100vh - 80px);
}
.when-img .parent-full-div .img-div {
  margin: 0 auto;
  height: 100%;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  min-height: 100%;
}
.when-img .parent-full-div .img-div img {
  max-height: 100%;
  cursor: pointer;
  cursor: grab;
}
.when-img .parent-full-div .img-div img.active {
  cursor: grabbing;
}
.when-img .overlay-img .action-div {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 998;
  color: #fff;
  width: 170px;
  background: rgba(16, 12, 12, 0.91);
  border-radius: 8px;
  display: none;
}
.when-img .overlay-img .action-div a {
  line-height: 20px;
}
.when-img .overlay-img .action-div.details-panel-open {
  position: fixed;
  left: -200px;
  bottom: 145px;
}
.when-img .lowwer-div {
  height: 45px;
  background: #000;
  position: relative;
}
.when-img:hover .overlay-img .action-div {
  display: block;
}

.mat-dialog-title {
  padding: 10px 15px;
  background: #318CE7;
  color: #fff;
  line-height: 1;
  margin-bottom: 0 !important;
  font-size: 0;
}
.mat-dialog-title .close-btn {
  float: right !important;
}
.mat-dialog-title h1 {
  font-weight: 600;
}

.set-location-on-map .mat-dialog-container, .set-location-on-map .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .set-location-on-map .common-dialog-container {
  width: 650px !important;
  max-width: 650px !important;
}

.searchable-area input {
  width: 100%;
  padding: 5px 15px;
  opacity: 1;
}

.searchable-area .clear-search-map {
  color: #bdb8b8;
}

.mat-dialog-container, .task-modal .fullscreen .common-dialog-container {
  padding: 0 !important;
  background: #fff;
  position: relative;
  width: 600px !important;
  max-width: 350px;
  border-radius: 3px;
  overflow: hidden !important;
  margin: 0 auto;
  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);
  color: rgba(0, 0, 0, 0.87);
}
.mat-dialog-container .mat-body, .task-modal .fullscreen .common-dialog-container .mat-body {
  padding: 20px 15px !important;
}
.mat-dialog-container .mat-dialog-actions:last-child, .task-modal .fullscreen .common-dialog-container .mat-dialog-actions:last-child {
  margin-bottom: 17px;
}

button.btn {
  font-size: 14px !important;
}

.set-location-on-map .mat-dialog-actions {
  min-height: inherit !important;
  padding: 0;
  margin-top: 27px;
}

.pull-right {
  float: right;
}

.btn-grp {
  float: right;
  margin: 0;
  padding-right: 0;
}

.pt25rl30b10 {
  padding: 25px 30px 10px !important;
}

.ptrl25b15 {
  padding: 25px 25px 15px !important;
}

.ptrl30b10 {
  padding: 30px 30px 10px !important;
}

.md2-errors-spacer {
  color: #f44336;
  margin-top: -15px;
  margin-bottom: 7px;
}

.assign-inspector .md2-errors-spacer {
  margin-top: -6px;
}

.unlock-inspection-dialog-body {
  padding: 10px 30px !important;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: normal !important;
}

.ngx-pagination {
  margin-top: 10px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.edit-position.filter-width .mat-select-arrow-wrapper {
  top: 0 !important;
}

.edit-position.filter-width .mat-form-field-infix {
  border-width: 1.2em !important;
}

#ExpirationPopUp .header-padding {
  padding: 35px 0 0 0;
  border-bottom: 1px solid transparent;
  text-align: center;
  display: block;
}
#ExpirationPopUp .title-style {
  color: #212121;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
}
#ExpirationPopUp .body-padding {
  padding: 16px 35px 21px;
  text-align: center;
}
#ExpirationPopUp .body-padding .content {
  font-size: 13px;
  line-height: 20px;
}
#ExpirationPopUp .footer-style {
  border-top: 1px px solid transparent;
  padding: 0 0 22px 0;
  display: block;
}
#ExpirationPopUp .continue-btn {
  height: 40px;
  width: 165px;
  border-radius: 5px;
  margin-bottom: 17px;
  text-transform: inherit;
}
#ExpirationPopUp .logout-btn {
  color: #318CE7;
  background: transparent;
  display: block;
  text-transform: inherit;
}

.modal-open .modal {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(38, 50, 56, 0.66);
  overflow-x: hidden;
  overflow-y: auto;
}

.role-details {
  width: 25% !important;
}
.role-details .mat-form-field-label-wrapper {
  top: -14px;
}

/* All are the material and third party css which needs to be override  **/
.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: #318ce7 !important;
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #318ce7 !important;
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #263238;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #318CE7 !important;
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background, .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: #318CE7 !important;
}

.mat-body-padding .mat-dialog-container .mat-body, .mat-body-padding .task-modal .fullscreen .common-dialog-container .mat-body, .task-modal .fullscreen .mat-body-padding .common-dialog-container .mat-body {
  padding: 10px 15px !important;
  min-height: 85px;
  max-height: 250px;
}

.mat-divider {
  display: block;
  margin: 0;
  border-top-width: 1px;
  border-top-style: solid;
}

.iti input, .iti input[type=tel], .iti input[type=text] {
  padding-left: 77px !important;
}

.report-email-modal .ng2-tag-input {
  border: 1px solid #EBEBEB !important;
  padding-left: 8px !important;
  border-radius: 5px;
  box-shadow: none;
  outline: none;
  margin-bottom: 10px !important;
}

.filter-width .mat-select-arrow-wrapper {
  position: relative;
  top: 0;
  left: 0;
}

.material-icons, .material-icons-outlined {
  font-size: 16px;
  vertical-align: top;
}

.mat-snack-bar-container.theme-snackbar {
  background-color: #263238;
  color: #fff;
  border-radius: 3px;
}
.mat-snack-bar-container.theme-snackbar .mat-simple-snack-bar-content {
  font-family: "open_sansregular", sans-serif;
}
.mat-snack-bar-container.custom-snackbar.mat-snack-bar-container {
  min-width: auto;
}
.mat-snack-bar-container.custom-snackbar.mat-snack-bar-container .mat-simple-snackbar-action button {
  line-height: normal;
  padding: 5px 10px;
}

/*Skeleton loader*/
.skeleton-loader {
  height: 65px;
  width: 65px;
  background: #eff1f6;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.skeleton-loader::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to right, #eff1f6 0%, rgba(0, 0, 0, 0.07) 20%, #eff1f6 40%, #eff1f6 100%);
  background-repeat: no-repeat;
  background-size: 750px 700px;
  animation: shimmer 1.5s linear infinite;
}

@keyframes shimmer {
  0% {
    background-position: -750px 0;
  }
  100% {
    background-position: 700px 0;
  }
}
.excel-preview-container {
  background: #C5CCD9;
  padding-bottom: 10px;
  margin-top: 10px;
}

.excel-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.excel-table td {
  border: 1px solid #263238;
  padding: 2px 4px;
  font-size: 11px;
  background: #fff;
  width: calc((100% - 20px) / 6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.excel-table td:first-child {
  width: 20px;
  min-width: 40px;
}
.excel-table tr:nth-child(2) td:not(:first-child) {
  background: #4F81BD;
  color: #fff;
}
.excel-table .excel-header {
  background: #60BD82;
  text-align: center;
}

.excel-sheet-tabs {
  background: #60BD82;
  display: flex;
}
.excel-sheet-tabs .excel-tab {
  padding: 4px 5px;
  background: #60BD82;
  font-size: 11px;
  cursor: pointer;
  white-space: nowrap;
  border-right: 1px solid white;
}
.excel-sheet-tabs .excel-tab:last-child {
  border-right: none;
}
.excel-sheet-tabs .excel-tab.active {
  background: #FFFFFF;
}

/********************* responsiveness of inspection and project module ************************/
@media (min-width: 1365px) {
  .table-responsive {
    display: table;
  }
  .side-panel.report-settings {
    width: 357px !important;
  }
}
@media (min-width: 1440px) { /* to override css */
  .calc-height-76px.no-panel {
    height: calc(100vh - 61px) !important;
  }
  .auto-inspection-panel.calc-height-76px.no-panel {
    height: calc(100vh - 77px) !important;
  }
}
@media (min-width: 1500px) {
  .side-panel {
    width: 25%;
  }
  .side-panel .input-position { /* to override css */ }
  .side-panel .input-position .edit-position {
    width: 27% !important;
  }
  .pdf-panel {
    width: 20%;
  }
  .cssload-container.in-activity-panel {
    width: 25% !important;
  }
}
@media (min-width: 1900px) {
  .side-panel {
    width: 20% !important;
  }
  .table {
    display: table;
  }
  /* permission list */
  .permission-list .table-inline {
    display: inline-table;
  }
  /* to override mat css */
  .addUser-dialog .mat-dialog-container, .addUser-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .addUser-dialog .common-dialog-container {
    max-width: 520px !important;
    width: 520px !important;
  }
  .addUser-dialog .mat-dialog-container .mat-body, .addUser-dialog .task-modal .fullscreen .common-dialog-container .mat-body, .task-modal .fullscreen .addUser-dialog .common-dialog-container .mat-body {
    padding: 10px 15px 0 !important;
  }
  /* to override mat css */
  .roleDefinition-dialog .mat-dialog-container, .roleDefinition-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .roleDefinition-dialog .common-dialog-container {
    max-width: 1010px !important;
    width: 1010px !important;
  }
  .roleDefinition-dialog .mat-dialog-container .mat-body, .roleDefinition-dialog .task-modal .fullscreen .common-dialog-container .mat-body, .task-modal .fullscreen .roleDefinition-dialog .common-dialog-container .mat-body {
    padding: 10px 15px !important;
  }
  .cssload-container.in-activity-panel {
    width: 20% !important;
  }
}
@media (min-width: 3000px) {
  .side-panel {
    width: 18%;
  }
  .cssload-container.in-activity-panel {
    width: 18% !important;
  }
}
@media (max-width: 2099px) { /* !important is used to override css */ /* blank inspection list */
  .media-image-dialog {
    /* permission list */
  }
  .media-image-dialog .mat-dialog-container, .media-image-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .media-image-dialog .common-dialog-container {
    max-width: 660px !important;
    width: 660px !important;
  }
  .media-image-dialog .mat-dialog-container .mat-body, .media-image-dialog .task-modal .fullscreen .common-dialog-container .mat-body, .task-modal .fullscreen .media-image-dialog .common-dialog-container .mat-body {
    padding: 10px 15px !important;
    max-height: initial !important;
  }
  .media-image-dialog .permission-list .table-inline {
    display: inline-table;
  }
}
@media (max-width: 1899px) { /* !important is used to override css */ /* to override mat css */
  .addUser-dialog .mat-dialog-container, .addUser-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .addUser-dialog .common-dialog-container {
    max-width: 520px !important;
    width: 520px !important;
  }
  /* to override mat css */
  .roleDefinition-dialog .mat-dialog-container, .roleDefinition-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .roleDefinition-dialog .common-dialog-container {
    max-width: 1010px !important;
    width: 1010px !important;
  }
  .roleDefinition-dialog .mat-dialog-container .mat-body, .roleDefinition-dialog .task-modal .fullscreen .common-dialog-container .mat-body, .task-modal .fullscreen .roleDefinition-dialog .common-dialog-container .mat-body {
    padding: 10px 25px 25px !important;
  }
}
@media (max-width: 1365px) { /* inspection list */ /* !important is used to override css */
  .inspection-list .bulk-action {
    padding: 5px 6px;
  }
  /* blank inspection */
  .add-project-blank-inspection-list .main-width {
    width: 100% !important;
  }
  .add-project-blank-inspection-list .details-panel-width {
    width: 100% !important;
  }
  .side-panel .input-position { /* to override css */ }
  .side-panel .input-position .edit-position {
    width: 30% !important;
  }
  /* Blank inspection responsiveness when opening a side panel */
  .tablet-responsive .main-width {
    width: 70% !important;
  }
  .tablet-responsive .add-project-blank-inspection-list .filter-width {
    width: 43% !important;
  }
  .tablet-responsive .files thead .hide-header, .tablet-responsive .table-list-responsive thead .hide-header {
    display: none;
  }
  .tablet-responsive .files thead .showTitle, .tablet-responsive .table-list-responsive thead .showTitle {
    display: inline-block !important;
  }
  .tablet-responsive .files tbody, .tablet-responsive .table-list-responsive tbody {
    display: block;
  }
  .tablet-responsive .files tr, .tablet-responsive .table-list-responsive tr {
    border-bottom: 3px solid #ddd;
    display: grid;
    margin-bottom: 0.625em;
  }
  .tablet-responsive .files td, .tablet-responsive .table-list-responsive td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: right !important;
    width: 100%;
    border-bottom: 1px solid rgb(221, 221, 221);
  }
  .tablet-responsive .files td.data-opacity, .tablet-responsive .table-list-responsive td.data-opacity {
    opacity: 1;
  }
  .tablet-responsive .files td:before, .tablet-responsive .table-list-responsive td:before {
    content: attr(data-label);
    float: left;
    font-family: "open_sanssemibold", sans-serif;
  }
  .tablet-responsive .files td:last-child, .tablet-responsive .table-list-responsive td:last-child {
    border-bottom: 0;
  }
  /* permission list */
  .permission-list .table-inline {
    display: inline-table;
  }
  /* to override mat css */
  .roleDefinition-dialog .mat-dialog-container, .roleDefinition-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .roleDefinition-dialog .common-dialog-container {
    max-width: 960px !important;
    width: 960px !important;
  }
  .max-width335px, .w335px {
    max-width: 310px;
  }
}
@media (max-width: 1290px) { /* inspection list */ /* !important is used to override css */
  .main-width {
    width: 65% !important;
  }
  .tablet-responsive .project-inspection-max-width-1200px .details-body-width, .tablet-responsive .add-project-blank-inspection-tabs .details-body-width {
    width: 100%;
    max-width: 100%;
    display: contents;
  }
  .tablet-responsive .project-inspection-max-width-1200px .details-body-width.btn-grp-media, .tablet-responsive .add-project-blank-inspection-tabs .details-body-width.btn-grp-media {
    display: flex !important;
    text-align: left !important;
  }
  .tablet-responsive .project-inspection-max-width-1200px .details-body-width .filter-width, .tablet-responsive .add-project-blank-inspection-tabs .details-body-width .filter-width {
    width: 25% !important;
  }
  .tablet-responsive .project-inspection-max-width-1200px .details-body-width .inspection-body, .tablet-responsive .add-project-blank-inspection-tabs .details-body-width .inspection-body {
    top: 50px !important;
  }
  .tablet-responsive .template-list .filter-width {
    width: 15% !important;
  }
  .tablet-responsive .hideTitle {
    display: none;
  }
  .max-width335px, .w335px {
    max-width: 285px;
  }
}
@media (max-width: 1200px) { /* inspection list */ /* !important is used to override css */
  .inspection-list .main-width, .project-list .main-width, .add-project-blank-inspection-list .main-width, .template-list .main-width {
    width: 65% !important;
  }
  .inspection-list .filter-width, .project-list .filter-width, .add-project-blank-inspection-list .filter-width, .template-list .filter-width {
    width: 19% !important;
  }
  .inspection-list .hideTitle, .project-list .hideTitle, .add-project-blank-inspection-list .hideTitle, .template-list .hideTitle {
    display: none;
  }
  .inspection-list.table-responsive, .project-list.table-responsive, .add-project-blank-inspection-list.table-responsive, .template-list.table-responsive {
    overflow-x: auto;
    overflow-y: auto;
    min-height: 70vh;
    max-height: calc(100vh - 200px);
  }
  .inspection-list.table-responsive::-webkit-scrollbar, .project-list.table-responsive::-webkit-scrollbar, .add-project-blank-inspection-list.table-responsive::-webkit-scrollbar, .template-list.table-responsive::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .inspection-list.table-responsive::-webkit-scrollbar-thumb, .project-list.table-responsive::-webkit-scrollbar-thumb, .add-project-blank-inspection-list.table-responsive::-webkit-scrollbar-thumb, .template-list.table-responsive::-webkit-scrollbar-thumb {
    background: #ccc;
  }
  .inspection-list.table-responsive::-webkit-scrollbar-track, .project-list.table-responsive::-webkit-scrollbar-track, .add-project-blank-inspection-list.table-responsive::-webkit-scrollbar-track, .template-list.table-responsive::-webkit-scrollbar-track {
    background: #e6e6e6;
  }
  .inspection-list.table-responsive, .project-list.table-responsive, .add-project-blank-inspection-list.table-responsive, .template-list.table-responsive {
    scrollbar-face-color: #ccc;
    scrollbar-track-color: #e6e6e6;
  }
  .inspection-header .max-width350px {
    max-width: 190px;
  }
  .max-width335px, .w335px {
    max-width: 155px;
  }
  /* blank inspection */
  .project-inspection-max-width-1200px .filter-width, .add-project-blank-inspection-tabs .filter-width {
    width: 39% !important;
  }
  .project-inspection-max-width-1200px .inspection-body, .add-project-blank-inspection-tabs .inspection-body {
    top: 0 !important;
  }
  .project-inspection-max-width-1200px .details-panel-width, .add-project-blank-inspection-tabs .details-panel-width {
    width: 100% !important;
  }
  .files .filter-width {
    width: 25% !important;
  }
  /* Blank inspection responsiveness when opening a side panel */
  .main-width {
    width: 65%;
  }
  .filter-width {
    width: 42% !important;
  }
  .inspection-body {
    top: 170px !important;
  }
  .btn-grp-media {
    display: contents !important;
  }
  .activity-panel .img-responsive {
    height: 20px;
  }
  .activity-panel .name-responsive {
    font-size: 12px;
  }
  .activity-panel .margin-responsive {
    margin-top: 0 !important;
  }
  .activity-panel .padding-responsive {
    padding-left: 0;
  }
  /* project list */
  .project-list-max-width-1200px .filter-width {
    width: 19% !important;
  }
  .project-list-max-width-1200px .bulk-action {
    margin-right: 4px;
    padding: 5px 6px;
  }
  /* permission list */
  .permission-list .responsive-width-tab {
    width: 11%;
  }
  /* to override mat css */
  .roleDefinition-dialog .mat-dialog-container, .roleDefinition-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .roleDefinition-dialog .common-dialog-container {
    max-width: 850px !important;
    width: 850px !important;
  }
}
@media (max-width: 1045px) { /* !important is used to override css */
  .inspection-header .header-width .icon-color-black-2, .inspection-header .inspection-file-header .icon-color-black-2, .inspection-header .permissions-tab .icon-color-black-2 {
    max-width: 245px;
  }
  .inspection-header .has-option {
    display: none !important;
  }
  .inspection-header .w10-responsive {
    width: 20% !important;
  }
  .add-project-blank-inspection-tabs {
    padding-right: 0;
    overflow: hidden;
  }
  .side-panel {
    height: 100vh;
    width: 300px;
  }
  .cssload-container.in-activity-panel {
    width: 300px !important;
  }
}
@media (max-width: 1024px) { /* !important is used to override css */
  .table-list-responsive thead .hide-header {
    display: none;
  }
  .table-list-responsive thead .showTitle {
    display: inline-block !important;
  }
  .table-list-responsive tbody {
    display: block;
  }
  .table-list-responsive tbody tr {
    border-bottom: 3px solid #ddd;
    display: grid;
    margin-bottom: 0.625em;
  }
  .table-list-responsive tbody tr td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: right !important;
    width: 100%;
    border-bottom: 1px solid rgb(221, 221, 221);
  }
  .table-list-responsive tbody tr td.data-opacity {
    opacity: 1;
  }
  .table-list-responsive tbody tr td:before {
    content: attr(data-label);
    float: left;
    font-family: "open_sanssemibold", sans-serif;
  }
  .table-list-responsive tbody tr td:last-child {
    border-bottom: 0;
  }
  .table-list-responsive tbody tr td .position-content {
    align-items: flex-end;
    justify-content: flex-end;
  }
  .w164-h164 {
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
  }
}
@media (min-width: 1024px) {
  body {
    transform: none;
    overflow: hidden;
  }
}
@media (max-width: 992px) { /* add inspection */
  .add-inspection .max-width501px {
    max-width: 501px !important;
  }
}
@media (max-width: 943px) { /* add inspection */ /* permission list */
  .permission-list .slide-toggle-responsive.mat-slide-toggle {
    height: 0;
    margin-top: -43px;
  }
}
@media (max-width: 908px) { /* permission list */
  .permission-list .slide-toggle-responsive.mat-slide-toggle {
    padding-top: 0 !important;
    height: 0;
    margin-top: 0;
  }
}
/* Use this range to avoid problems in blank inspection module header and filter design */
@media only screen and (min-width: 768px) and (max-width: 1045px) { /* !important is used to override css */
  .inspection-list .main-width, .project-list .main-width, .add-project-blank-inspection-list .main-width, .add-project-blank-inspection-tabs .main-width, .add-project .main-width, .permissions-list .main-width, .template-list .main-width {
    width: 75% !important;
  }
  .inspection-list .filter-width, .project-list .filter-width, .add-project-blank-inspection-list .filter-width, .add-project-blank-inspection-tabs .filter-width, .add-project .filter-width, .permissions-list .filter-width, .template-list .filter-width {
    width: 28% !important;
  }
  .inspection-list .details-panel-width, .project-list .details-panel-width, .add-project-blank-inspection-list .details-panel-width, .add-project-blank-inspection-tabs .details-panel-width, .add-project .details-panel-width, .permissions-list .details-panel-width, .template-list .details-panel-width {
    width: 100% !important;
  }
  /* blank inspection */
  .add-project-blank-inspection-list .header-width, .add-project-blank-inspection-tabs .header-width {
    width: 60%;
  }
  .add-project-blank-inspection-list .add-project-blank-inspection-search .expandSearch input, .add-project-blank-inspection-tabs .add-project-blank-inspection-search .expandSearch input {
    width: 240px !important;
  }
  .add-project-blank-inspection-list .add-project-blank-inspection-search .expandSearch .search-panel, .add-project-blank-inspection-tabs .add-project-blank-inspection-search .expandSearch .search-panel {
    max-width: 240px !important;
    left: 40px;
  }
  .add-project-blank-inspection-list .details-body-width, .add-project-blank-inspection-tabs .details-body-width {
    width: 100%;
    max-width: 100%;
    display: contents;
  }
  .add-project-blank-inspection-list .details-body-width .filter-width, .add-project-blank-inspection-tabs .details-body-width .filter-width {
    width: 30% !important;
  }
  .add-project-blank-inspection-list .details-body-width.btn-grp-media, .add-project-blank-inspection-tabs .details-body-width.btn-grp-media {
    display: flex !important;
    text-align: left !important;
  }
  .add-project-blank-inspection-list .mt80, .add-project-blank-inspection-tabs .mt80 {
    margin-top: 85px;
  }
  .files .filter-width {
    width: 45% !important;
  }
  .files .filter-width:after {
    display: none;
  }
  .side-panel .input-position { /* to override css */ }
  .side-panel .input-position .edit-position {
    width: 34% !important;
  }
  /* Blank inspection responsiveness when opening a side panel */ /* !important is used to override css */
  .tablet-responsive.side-panel {
    margin: 0;
    padding-top: 20px;
    top: 60px;
  }
  .tablet-responsive.side-panel .textbox-padding {
    padding-left: 5px;
  }
  .tablet-responsive .add-project-blank-inspection-list .main-width {
    width: 75%;
  }
  .tablet-responsive .add-project-blank-inspection-list .inspection-body {
    top: 0 !important;
  }
  .tablet-responsive .add-project-blank-inspection-list .mt80 {
    margin-top: 85px;
  }
  .tablet-responsive .add-project-blank-inspection-list .details-body-width {
    width: 100%;
    display: contents;
  }
  .tablet-responsive .add-project-blank-inspection-list .details-body-width .filter-width {
    width: 30% !important;
  }
  .tablet-responsive .add-project-blank-inspection-list .btn-grp-media {
    display: flex;
    padding-bottom: 30px;
    text-align: right !important;
  }
  .tablet-responsive .add-project-blank-inspection-list .blank-inspection-listing .responsive-align {
    vertical-align: top;
  }
  .tablet-responsive .add-project-blank-inspection-list .blank-inspection-listing .responsive-width {
    width: calc(100% - 85px);
  }
  .tablet-responsive.activity-panel .img-responsive {
    height: 20px;
  }
  .tablet-responsive.activity-panel .name-responsive {
    font-size: 12px;
  }
  .tablet-responsive.activity-panel .margin-responsive {
    margin-top: 0 !important;
  }
  .tablet-responsive .files .filter-width {
    width: 45% !important;
  }
  .tablet-responsive .files .filter-width:after {
    display: none;
  }
  .files .responsive-files-width {
    width: 45%;
  }
  .files .responsive-button-position {
    top: 5px;
  }
  .files .responsive-button-position .responsive-list-icon {
    margin-right: 5px;
  }
  .files .responsive-button-position .responsive-grid-icon {
    margin-right: 8px !important;
  }
  .files .responsive-button-position .responsive-upload-button {
    padding: 5px 6px;
  }
  .auto-inspection-panel {
    width: calc(100% - 285px) !important;
  }
  .auto-project-panel {
    width: calc(100% - 297px) !important;
  }
  /* permission list */
  .permission-list .responsive-width-tab {
    width: 18%;
  }
  .permission-list .table-block {
    display: block;
  }
  /* to override mat css */
  .roleDefinition-dialog .mat-dialog-container, .roleDefinition-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .roleDefinition-dialog .common-dialog-container {
    max-width: 620px !important;
    width: 620px !important;
  }
  .no-fixed-width {
    max-width: 95% !important;
  }
}
.export-snack-bar {
  position: fixed !important;
  top: auto !important;
  bottom: 0;
  background-color: transparent !important;
  box-shadow: none !important;
}

.universal-text-color {
  color: #263238;
}

.bg-gray-with-radius {
  background-color: rgb(216, 219, 223) !important;
  border-radius: 5px;
}

.mat-select-search-clear {
  width: 30px !important;
  height: 30px !important;
}
.mat-select-search-clear .mat-icon {
  display: inline;
  line-height: 30px !important;
  font-size: 14px !important;
}

/* common override style for dropdown box - ionic fprm render */
.mat-option.f14 {
  font-size: 14px !important;
}

.qr-code-page {
  color: #212121;
  width: 450px;
  margin: 0 auto 10px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid #EBEBEB;
  padding: 40px;
  border-radius: 5px;
  background: #fff;
}

.custom-modal .mat-dialog-container, .custom-modal .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .custom-modal .common-dialog-container {
  max-width: 100% !important;
  width: 650px !important;
}

.mat-body-padding .mat-dialog-container .body, .mat-body-padding .task-modal .fullscreen .common-dialog-container .body, .task-modal .fullscreen .mat-body-padding .common-dialog-container .body {
  padding: 10px 15px !important;
  min-height: 85px !important;
  max-height: 550px !important;
  font-size: 14px;
}

.team-list-pagination .ngx-pagination {
  margin: 5px 20px 0 20px !important;
}
.team-list-pagination .ngx-pagination li {
  padding: 20px 0;
  border-radius: 5px;
  margin-left: 2px;
}

html {
  font-size: 14px;
}

/*over rite classes when trial datalist expired*/ /*over rite classes when trial datalist expired*/ /*over rite classes when trial datalist expired*/
.org-trial-expired .plan-strip {
  height: 50px;
  background-color: #eef4fb;
  font-size: 14px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
.org-trial-expired .main-app-header, .org-trial-expired .fix-header-formbased {
  top: 50px !important;
}
.org-trial-expired .app-main-scrollable {
  height: calc(100vh - 110px);
}
.org-trial-expired .app-main-scrollable.public-template, .org-trial-expired .app-main-scrollable.transfer-ownership-section {
  margin-top: 85px !important;
}
.org-trial-expired .app-main-scrollable.custom-set-main {
  height: calc(100vh - 70px);
}
.org-trial-expired .app-main-scrollable.settings-page {
  height: calc(100vh - 135px);
}
.org-trial-expired .no-custom-set {
  min-height: calc(100vh - 270px);
}
.org-trial-expired .bottom-sidebar-menu {
  bottom: 55px !important;
}
.org-trial-expired .main-app-section {
  margin-top: 50px;
}
.org-trial-expired .main-header {
  padding-top: 10px;
}
.org-trial-expired .add-project-blank-inspection-list .app-main-scrollable {
  margin-top: 0 !important;
}
.org-trial-expired .header-shadow {
  box-shadow: 0 5px 5px rgba(38, 50, 56, 0.09);
}
.org-trial-expired .navigation-details {
  padding-top: 15px !important;
}
.org-trial-expired .navigation-details.org-list {
  padding-top: 0 !important;
}
.org-trial-expired .team-breadcrumb.mt4 {
  margin-top: 0 !important;
}
.org-trial-expired .fix-header-web {
  top: 125px !important;
}
.org-trial-expired .main.full-panel {
  margin-top: 50px !important;
}
.org-trial-expired .pdf-preview .w75.inline-block, .org-trial-expired .pdf-preview audio.w75,
.org-trial-expired .pdf-preview video.w75, .org-trial-expired .pdf-preview img.w75 {
  vertical-align: top;
}
.org-trial-expired .pdf-preview .report-body.has-calc-height, .org-trial-expired .pdf-preview .side-panel, .org-trial-expired .pdf-preview .project-details-panel {
  height: calc(100vh - 110px) !important;
}
.org-trial-expired .parent-team-div .heading-text {
  padding-top: 15px !important;
}
.org-trial-expired .app-main-scrollable.public-template, .org-trial-expired .sidepanel-container .app-main-scrollable, .org-trial-expired .order-summary-page, .org-trial-expired .settings-page.app-main-scrollable {
  margin-top: 85px !important;
}
.org-trial-expired .template-authoring-side-panel {
  height: calc(100vh - 145px) !important;
}
.org-trial-expired .template-authoring .side-panel-bg, .org-trial-expired .calc-height-60px {
  height: calc(100vh - 150px) !important;
}
.org-trial-expired #detailsPanel, .org-trial-expired .side-panel.activity-panel, .org-trial-expired .side-panel {
  height: calc(100vh - 115px) !important;
}
.org-trial-expired .calc-height-60px.no-panel {
  height: calc(100vh - 100px) !important;
}
.org-trial-expired .table-wrapper {
  max-height: calc(100vh - 270px) !important;
}
.org-trial-expired .img-position {
  height: calc(100vh - 130px) !important;
}
.org-trial-expired .img-position.no-data-bg, .org-trial-expired .img-position.no-inspection.no-data-bg {
  height: 230px !important;
}
.org-trial-expired .add-project-blank-inspection-list .inspection-list .img-position {
  height: calc(100vh - 200px) !important;
}
.org-trial-expired .report-settings .preset-settings {
  height: calc(100vh - 251px);
}
.org-trial-expired .org-arrow-icon {
  top: 20px;
}

.app-main-scrollable.public-template, .app-main-scrollable.transfer-ownership-section, .app-main-scrollable.settings-page, .app-main-scrollable.order-summary-page, .app-main-scrollable.custom-set-main {
  margin-top: 80px !important;
}

.org-arrow-icon {
  position: absolute;
  top: 26px;
  right: 33px;
}

.main-block { /*main menu class*/ }
.main-block .navigation-details {
  padding-top: 20px;
  height: 100%;
}
.main-block .visualogyx-navigation {
  background: #f9f9f9;
  z-index: 9;
  width: 100%;
  /* Team panel */
  /* Bottom menu */ /* has-sub menu */
  /*toggle hide details*/
}
.main-block .visualogyx-navigation .visu-logo {
  padding: 15px 20px;
  border-bottom: 1px solid #ddd;
}
.main-block .visualogyx-navigation ul li > a {
  padding: 5px 10px 5px 30px;
  width: 100%;
  transition: 0.3s ease-out;
  cursor: pointer;
  color: #263238;
}
.main-block .visualogyx-navigation ul li > a:hover {
  color: #263238;
  transition: 0.3s ease-in;
}
.main-block .visualogyx-navigation ul li > a.active {
  color: #318CE7;
  transition: 0.3s ease-in;
}
.main-block .visualogyx-navigation ul li > a.active .link-name {
  color: #318CE7;
  font-family: "open_sanssemibold", sans-serif;
  opacity: 1;
}
.main-block .visualogyx-navigation ul li > a.active .new-svg-icon {
  fill: #318CE7;
}
.main-block .visualogyx-navigation ul.remove-border {
  border-bottom: 0;
}
.main-block .visualogyx-navigation .team-panel {
  display: inline-block;
  width: 100%;
  padding: 10px 13px 10px 13px;
  margin-top: 15px;
}
.main-block .visualogyx-navigation .team-panel.active {
  background: #eef3f8;
}
.main-block .visualogyx-navigation .team-panel.shared-panel {
  margin-top: 0;
  padding-left: 15px !important;
}
.main-block .visualogyx-navigation .team-panel .team-selected {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 2px;
}
.main-block .visualogyx-navigation .team-name {
  padding-left: 5px;
  margin: 0;
  font-family: "open_sanssemibold", sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 80%;
}
.main-block .visualogyx-navigation .shared-name {
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  white-space: normal;
  width: calc(100% - 32px);
}
.main-block .visualogyx-navigation .link-name {
  font-size: 14px;
  color: #263238;
  padding-left: 5px;
  line-height: 23px;
}
.main-block .visualogyx-navigation .link-name.real-time {
  position: relative;
}
.main-block .visualogyx-navigation .link-name.real-time .updates {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ED7233;
  z-index: 99;
  bottom: 4px;
  position: absolute;
  right: -11px;
}
.main-block .visualogyx-navigation .team-name-with-panel {
  width: calc(100% - 32px);
  bottom: 1px;
}
.main-block .visualogyx-navigation .team-name-with-panel .team-img {
  width: 32px;
  height: 32px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.main-block .visualogyx-navigation .team-name-with-panel .team-nav {
  width: 20%;
  text-align: right;
}
.main-block .visualogyx-navigation .shared-name-with-panel {
  width: calc(100% - 65px);
  vertical-align: text-bottom;
  margin-left: 10px;
  font-family: "open_sansbold", sans-serif;
}
.main-block .visualogyx-navigation .shared-name-with-panel .new-svg-icon {
  vertical-align: text-top;
}
.main-block .visualogyx-navigation .transform-icn {
  transform: rotate(90deg);
  margin-right: 5px;
}
.main-block .visualogyx-navigation .has-menu {
  position: relative;
}
.main-block .visualogyx-navigation .has-menu .account-details {
  position: absolute;
  top: -107px;
  width: 195px;
  left: 8px;
  background: #fff;
  padding: 10px 15px;
  border: 1px solid #EBEBEB;
  border-radius: 5px;
}
.main-block .visualogyx-navigation .has-menu .account-details a {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.main-block .visualogyx-navigation .has-menu .account-details a:last-child {
  border-bottom: 0;
}
.main-block .visualogyx-navigation .has-menu .account-details a:hover, .main-block .visualogyx-navigation .has-menu .account-details a:focus {
  background: transparent;
  color: #318CE7;
  font-weight: 500;
  text-decoration: none;
}
.main-block .visualogyx-navigation .has-menu .account-details a:hover .sprite-icon-account-settings-black, .main-block .visualogyx-navigation .has-menu .account-details a:focus .sprite-icon-account-settings-black {
  background-position: -59px -183px;
}
.main-block .visualogyx-navigation .has-menu .account-details a:hover .sprite-icon-signout-black, .main-block .visualogyx-navigation .has-menu .account-details a:focus .sprite-icon-signout-black {
  background-position: -62px -3236px;
}
.main-block .visualogyx-navigation .has-menu .toggle {
  position: absolute;
  background: #fff;
  top: 27px;
  right: -1px;
  padding: 9px 5px;
  color: rgba(38, 50, 56, 0.58);
  line-height: 1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #EBEBEB;
}
.main-block .visualogyx-navigation.hide-sidebar {
  width: 42px;
}
.main-block .visualogyx-navigation.hide-sidebar .visu-logo.identity {
  padding: 10px 8px;
  text-align: center;
}
.main-block .visualogyx-navigation.hide-sidebar .link-name {
  display: none;
}
.main-block .visualogyx-navigation.hide-sidebar ul li > a {
  padding: 13px;
}
.main-block .visualogyx-navigation.hide-sidebar .team-name-with-panel, .main-block .visualogyx-navigation.hide-sidebar .shared-name-with-panel {
  display: none;
}
.main-block .visualogyx-navigation.hide-sidebar .team-panel {
  padding: 10px 5px;
  text-align: center;
}
.main-block .visualogyx-navigation.hide-sidebar .team-panel img {
  width: 24px;
  height: 24px;
}
.main-block .visualogyx-navigation.hide-sidebar .has-menu {
  border-top: 1px solid #ddd;
}
.main-block .visualogyx-navigation.hide-sidebar .has-menu .team-panel {
  margin-bottom: 50px;
  margin-top: 0;
}
.main-block .visualogyx-navigation.hide-sidebar .has-menu .toggle {
  top: 50px;
  right: 10px;
  transform: rotate(180deg);
}
.main-block .visualogyx-navigation.hide-sidebar .has-menu .account-details {
  left: 0;
  width: 42px;
  top: -80px;
  padding: 5px;
}
.main-block .visualogyx-navigation.hide-sidebar .has-menu .account-details a {
  width: 100%;
  display: inline-block;
  text-align: center;
  line-height: 1;
}
.main-block .visualogyx-navigation.hide-sidebar .has-menu .account-details a:hover {
  text-decoration: none;
}
.main-block .visualogyx-navigation.hide-sidebar .parent-team-div {
  left: 42px;
}
.main-block .visualogyx-navigation.hide-sidebar .parent-team-div .team-display img {
  width: 27px;
  height: 27px;
}
.main-block .visualogyx-navigation.hide-sidebar .parent-team-div .team-name-with-panel {
  display: inline-block !important;
}
.main-block .visualogyx-navigation .org-detail {
  padding-left: 15px;
}
.main-block .visualogyx-navigation .org-detail .material-icons {
  vertical-align: super;
}

.hide-full-sidebar {
  display: none !important;
}

.bottom-sidebar-menu {
  margin-right: 35px;
  white-space: nowrap;
  position: absolute;
  bottom: 10px;
  right: 0;
  left: 15px;
  text-align: left;
}
.bottom-sidebar-menu img {
  height: 20px;
}
.bottom-sidebar-menu .team-name {
  width: 80%;
}
.bottom-sidebar-menu .team-nav {
  text-align: center;
  font-size: 7px;
  margin-top: 4px;
  color: #000;
}
.bottom-sidebar-menu a {
  transition: 0.3s ease-out;
  cursor: pointer;
  color: #263238;
  padding: 15px 15px 15px 8px;
}
.bottom-sidebar-menu a:hover, .bottom-sidebar-menu a.active, .bottom-sidebar-menu a:focus {
  background: #eef3f8;
  color: #318CE7;
  transition: 0.3s ease-in;
}
.bottom-sidebar-menu a:hover .team-nav, .bottom-sidebar-menu a.active .team-nav, .bottom-sidebar-menu a:focus .team-nav {
  color: #318CE7;
}
.bottom-sidebar-menu.in-collapsed {
  text-align: center;
  right: 8px;
  left: 8px;
  white-space: normal;
  margin-right: 0;
}

.card-icon {
  width: auto;
  height: 13px;
  margin-right: 7px;
}

.mat-snack-bar-container {
  max-width: 50vw !important;
}

.switch {
  width: 27px;
  height: 16px;
  background-color: #318CE7;
  border-radius: 24px !important;
  position: relative;
  vertical-align: middle;
  border: none;
  transition: background, color, border 250ms ease;
}

.btn-toggle__inner {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: white;
  position: absolute;
  margin: 2px 0;
  left: 2px;
  top: 0;
  right: 0;
  box-shadow: 0 5px 5px rgba(0, 0, 255, 0.1);
  transition: left 250ms ease;
  pointer-events: none;
}

.on .btn-toggle__inner {
  left: 11.9px;
}

.no-data-bg {
  height: 230px;
}

.admin-org-list .no-data-bg {
  height: 300px;
}

.setup-organization-section {
  max-width: calc(100% - 25px);
  border-radius: 11px;
  background-color: #ebebeb;
  padding: 15px 20px;
  font-size: 14px;
}
.setup-organization-section label {
  line-height: 23px;
  font-family: "open_sanssemibold", sans-serif;
}
.setup-organization-section span {
  font-size: 12px;
}

.display-border {
  width: 180px;
  margin: 10px auto;
  height: 1px;
  background-color: #dee2e6;
}

.shared-icon {
  width: 30px;
  height: 30px;
  background-color: #ef6022;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  padding: 5px 0;
  display: inline-block;
}

.add-team-section:hover {
  color: #318CE7;
}
.add-team-section:hover .mat-icon {
  border: 1px solid #318CE7;
}
.add-team-section label {
  cursor: pointer;
}
.add-team-section .mat-icon {
  text-align: center;
  border: 1px solid #263238;
  height: auto;
  width: auto;
  margin-right: 10px;
  border-radius: 2px;
}

/* Set fixed header when hide details */
.main.close-bar {
  margin-left: 40px !important;
}
.main.close-bar .search-filter-for-system {
  left: 40px !important;
}

.app-main-scrollable {
  margin-top: 20px;
  height: calc(100vh - 75px);
  overflow-x: hidden;
}
.app-main-scrollable.get-the-app {
  height: calc(100vh - 30px);
}

.add-project-blank-inspection-tabs .app-main-scrollable {
  margin-top: 0;
  height: calc(100vh - 30px);
}

/* list of teams for the team panel */
.org-shared-side-panel {
  position: fixed;
  right: 0;
  background: rgba(38, 50, 56, 0.37);
  left: 0;
  top: 0;
  z-index: 99;
  height: 100vh;
  transition: none !important;
  flex: 0 0 auto;
  overflow: hidden;
}
.org-shared-side-panel .hasheight-scroll {
  max-height: calc(100vh - 270px);
}

.parent-team-div {
  position: relative;
  background: #fff;
  left: 0;
  top: 0;
  z-index: 99;
  height: 100vh;
  font-size: 14px;
}
.parent-team-div .heading-text {
  display: flex;
  justify-content: space-between;
  padding: 30px 20px 20px;
  font-family: "open_sanssemibold", sans-serif;
}
.parent-team-div ul {
  max-height: calc(100vh - 250px);
}
.parent-team-div ul li {
  margin-bottom: 15px;
}
.parent-team-div ul li a {
  padding-top: 5px;
  padding-bottom: 5px;
}
.parent-team-div ul li a.active {
  background-color: #F9F9F9;
  color: #318CE7;
}
.parent-team-div ul li label {
  width: calc(100% - 40px);
  padding-left: 10px;
  vertical-align: middle;
  margin-bottom: 0;
}
.parent-team-div .info-text {
  font-size: 12px;
  line-height: 23px;
}
.parent-team-div .org-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #172B4E;
  text-align: center;
  padding: 5px 9px;
  color: #fff;
  text-transform: uppercase;
}
.parent-team-div .title {
  margin: 0 8px;
  padding: 13px !important;
  margin-bottom: 5px;
}
.parent-team-div .team-display {
  padding: 9px 18px;
  display: inline-block;
  width: 100%;
  transition: 0.3s ease-out;
}
.parent-team-div .team-display:hover, .parent-team-div .team-display:focus, .parent-team-div .team-display.active {
  background: #eef3f8;
  transition: 0.3s ease-in;
}
.parent-team-div .team-display .team-name {
  width: 95%;
  word-break: break-word;
  white-space: normal;
  color: #263238;
}
.parent-team-div .team-display img {
  max-width: 30px;
  max-height: 30px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  vertical-align: top !important;
}
.parent-team-div p {
  font-family: "open_sanssemibold", sans-serif;
}
.parent-team-div .team-scroll {
  height: calc(100vh - 125px);
  overflow-y: auto;
}
.parent-team-div .team-scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: none;
}
.parent-team-div .team-scroll::-webkit-scrollbar {
  width: 5px;
  background-color: none;
}
.parent-team-div .team-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #dad6d6;
}
.parent-team-div li label {
  font-size: 14px;
}

.org-icon.material-icons {
  padding: 5px;
}

.org-icon-img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

.bottom-snackbar {
  font-size: 14px;
}
.bottom-snackbar a {
  color: #318CE7 !important;
}

.snackbar-add-to-project {
  font-size: 14px;
  min-width: auto !important;
  max-width: 100vw !important;
  width: auto !important;
  background-color: #263238;
  color: #fff;
  border-radius: 5px;
}
.snackbar-add-to-project a {
  color: #318CE7 !important;
}

.mat-simple-snackbar-action .mat-button {
  font-size: 14px;
  color: #fff;
}

/* Create team button */
.create-team {
  position: absolute;
  bottom: 20px;
  right: 20px;
  left: 20px;
}
.create-team button {
  border: 1px solid #318CE7;
  color: #318CE7;
  background: transparent;
  padding: 12px;
  border-radius: 3px;
  transition: 0.2s ease-out;
}
.create-team button:hover, .create-team button:focus {
  background: #318CE7;
  color: #fff;
  transition: 0.2s ease-in;
}

.mat-form-field-underline {
  display: none !important;
}

.main-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  padding: 22px 15px 0;
}
.main-header .user-identity {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.setting-link {
  font-size: 12px;
  font-family: "open_sansregular", sans-serif;
}

.side-menu {
  font-size: 14px;
}
.side-menu li label {
  cursor: pointer;
}
.side-menu .sub-menu {
  display: none;
  margin-left: 10px;
}
.side-menu .sub-menu.open {
  display: block;
}
.side-menu .menu-arrow {
  transition: transform 0.2s ease-out;
  height: auto;
  width: auto;
}
.side-menu .open-menu {
  transform: rotate(90deg);
}
.side-menu .team-name-label {
  white-space: nowrap;
}
.side-menu .team-name-label label {
  white-space: normal;
  width: calc(100% - 20px);
  padding-left: 10px;
  padding-right: 5px;
}
.side-menu .new-svg-icon {
  min-height: 16px;
  min-width: 16px;
}

.group-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.group-icon .custom-image {
  max-height: 20px;
  max-width: 20px;
}

.logged-in-user-details {
  padding: 20px 25px 5px;
}

.right-header .material-icons {
  font-size: 20px;
  vertical-align: middle;
}
.right-header .mat-badge-content {
  font-size: 11px;
}
.right-header .mat-badge-medium .mat-badge-content {
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.no-hover {
  padding: 0 25px !important;
}
.no-hover:hover {
  background: none !important;
}

.logged-in-user-details {
  font-size: 14px;
}
.logged-in-user-details img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.logged-in-user-details .user-details {
  width: calc(100% - 50px);
}

.mat-menu-panel {
  max-width: none !important;
}

.right-header-menu a {
  text-decoration: none;
  color: #263238;
}
.right-header-menu a:hover .sprite-icon-account-settings-black {
  background-position: -59px -183px;
}
.right-header-menu a:hover .sprite-icon-signout-black {
  background-position: -62px -3236px;
}
.right-header-menu .mat-divider {
  margin: 10px 0;
}

.role-table th {
  padding: 15px 10px !important;
}
.role-table .tr-highlight {
  background-color: #F9F9F9;
}
.role-table .no-top-border {
  border-top: none;
}
.role-table .no-bottom-border {
  border-bottom: none;
}
.role-table .f21 {
  font-size: 17px;
  font-weight: bold;
}

.permission-list .role-table th {
  padding: 10px !important;
}

.gray-text {
  color: #707070;
}

.mat-select-panel .custom-role-select.mat-option {
  height: 60px;
  line-height: 15px;
  white-space: pre-line;
}
.mat-select-panel.select-reshare-role {
  padding: 12px 0;
}
.mat-select-panel .custom-role-select.re-share.mat-option {
  line-height: 18px;
  height: auto;
}
.mat-select-panel .custom-role-select.re-share.mat-option:not(:first-child) {
  padding-top: 12px;
}

.invite-user-dialog {
  font-family: "open_sansregular", sans-serif;
}
.invite-user-dialog .mat-dialog-container, .invite-user-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .invite-user-dialog .common-dialog-container {
  max-width: 550px !important;
  width: 550px !important;
}
.invite-user-dialog .mat-form-field-wrapper {
  padding-bottom: 0;
}
.invite-user-dialog .mat-form-field-appearance-fill .mat-form-field-flex {
  padding-top: 0;
}
.invite-user-dialog .mat-select-trigger {
  height: 50px;
}
.invite-user-dialog .mat-select-value {
  padding-left: 15px;
}
.invite-user-dialog .mat-select-arrow-wrapper .mat-select-arrow {
  margin-top: -8px;
  margin-right: 20px;
}
.invite-user-dialog .dialog-text {
  color: #484848;
}
.invite-user-dialog .dialog-text img {
  height: 32px;
  width: 32px;
}
.invite-user-dialog .dialog-text .user-info {
  width: calc(100% - 32px);
  padding-left: 20px;
}
.invite-user-dialog .mat-form-field-appearance-fill .mat-form-field-flex {
  min-height: 90px !important;
}
.invite-user-dialog .org-team-section {
  max-height: 65vh;
}
.invite-user-dialog .mat-form-field .mat-form-field-flex {
  border: 1px solid #ebebeb;
}

.mat-dialog-container .select-overlay, .task-modal .fullscreen .common-dialog-container .select-overlay {
  position: absolute;
  top: 0;
}
.mat-dialog-container .mat-body, .task-modal .fullscreen .common-dialog-container .mat-body {
  padding: 20px 30px !important;
}
.mat-dialog-container .mat-select-arrow, .task-modal .fullscreen .common-dialog-container .mat-select-arrow {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  padding: 2px;
}
.mat-dialog-container .select-text-value, .task-modal .fullscreen .common-dialog-container .select-text-value {
  width: 440px;
  white-space: normal;
}

.select-text-value {
  line-height: 18px;
}

.water-mark-toggle .mat-slide-toggle-thumb-container {
  z-index: 0;
}

.background-gray {
  background-color: #F9F9F9;
}

.has-no-td-border td {
  border-top: 0 !important;
}

.delete-dialog .mat-dialog-container, .delete-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .delete-dialog .common-dialog-container {
  max-width: 435px !important;
  width: 435px !important;
}

.lock-dialog .mat-dialog-container, .lock-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .lock-dialog .common-dialog-container {
  max-width: 435px !important;
  width: 435px !important;
}

.notification-model {
  border-radius: 6px;
  position: fixed;
  top: 60px;
  right: 30px;
  background: #fff;
  width: 480px;
  height: 500px;
  z-index: 10;
  box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.1607843137);
  padding: 30px;
}
.notification-model .notification-header {
  display: flex;
  justify-content: space-between;
}
.notification-model .notification-details {
  width: calc(100% - 60px);
}
.notification-model .notification-details img {
  height: 36px;
  width: 36px;
}
.notification-model .notification-details .notification-data {
  width: calc(100% - 46px);
}
.notification-model .notifications {
  height: 395px;
}
.notification-model .notification-hr {
  width: 60px;
  margin-top: 6px;
}
.notification-model .notification-list {
  display: flex;
  justify-content: space-between;
}
.notification-model .no-notifications {
  width: 240px;
  margin: 160px auto;
}

/*position: fixed;  top: 200px; left: 385px; z-index: 10;*/
.emoji-model {
  border-radius: 6px;
  position: relative;
  top: auto;
  left: auto;
  background: #fff;
  width: 300px;
  height: 363px;
  box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.1607843137);
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.emoji-model .emoji-header {
  display: flex;
  justify-content: space-between;
  padding: 0 0 10px;
}
.emoji-model .drag-overlay {
  top: 2px;
  height: 360px;
}

.trial-indicator {
  background-color: #ebebeb;
  padding: 8px 15px;
}

.access-locked {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  position: absolute;
  height: 100%;
}
.access-locked.free-plan {
  width: calc(100vw - 250px);
  height: 390px;
}

.activity-panel .access-locked {
  height: calc(100vh - 110px);
}
.activity-panel .access-locked.free-plan {
  width: calc(100vw - 250px);
  height: 390px;
}

.restricted-access {
  pointer-events: none;
  opacity: 0.8;
}
.restricted-access .new-svg-icon, .restricted-access svg {
  opacity: 0.5;
}

.restricted-access-color {
  color: #ccc !important;
}

.team-limit-dialog .mat-dialog-container, .team-limit-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .team-limit-dialog .common-dialog-container {
  max-width: 470px !important;
  width: 470px !important;
}

.invite-user-limit-dialog .mat-dialog-container, .invite-user-limit-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .invite-user-limit-dialog .common-dialog-container {
  max-width: 490px !important;
  width: 490px !important;
}

.getting-started-dialog .middle-divider {
  margin-top: 0 !important;
}
.getting-started-dialog .mat-dialog-container, .getting-started-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .getting-started-dialog .common-dialog-container {
  max-width: 1100px !important;
  width: 1100px !important;
}

.iframe-dialog {
  max-height: 660px;
  width: 100%;
}

.close-icon-dialog {
  position: absolute;
  right: 20px;
}

.getting-started-header-dialog {
  padding: 10px 10px 0;
}

.for-mobile .mat-dialog-container, .for-mobile .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .for-mobile .common-dialog-container {
  max-width: 85vw !important;
  width: 81vw !important;
}
.for-mobile .mat-dialog-title .header-title {
  width: 92%;
}

.lock-popover-btn {
  color: #263238;
  margin-top: 12px;
}

.custom-popover {
  display: none;
  position: fixed;
  z-index: 10000;
  background: #fff;
  border: 1px solid #ddd;
  width: 280px;
  padding: 15px 20px;
  white-space: break-spaces;
  line-height: 22px;
  right: 50px;
}
.custom-popover .popover-body {
  white-space: break-spaces;
  line-height: 22px;
}

.lock-popover-btn:hover + .custom-popover {
  display: block;
}

.multi-line-tooltip {
  width: 350px;
}

.tooltip .tooltip-inner {
  padding: 10px;
  background-color: #454545 !important;
}
.tooltip .arrow {
  visibility: hidden;
}
.tooltip:not(.dark-theme-tooltip) .tooltip-inner {
  max-width: 285px;
}

.dark-theme-tooltip.show {
  opacity: 1;
}
.dark-theme-tooltip .tooltip-inner {
  padding: 15px;
  background-color: #263238 !important;
}
.dark-theme-tooltip .arrow::before {
  border-top-color: #263238;
  visibility: visible;
}
.dark-theme-tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #263238;
}
.dark-theme-tooltip.tooltip-w-230 .tooltip-inner {
  max-width: 230px;
}
.dark-theme-tooltip.left-placement .arrow::before {
  border-top-color: transparent;
  border-left-color: #263238;
}
.dark-theme-tooltip.width300 .tooltip-inner {
  max-width: 300px;
}
.dark-theme-tooltip.max-content-width .tooltip-inner {
  max-width: max-content;
}

.dark-theme-tooltip-wide.show {
  opacity: 1;
}
.dark-theme-tooltip-wide .tooltip-inner {
  padding: 15px;
  background-color: #263238 !important;
  max-width: 320px !important;
}
.dark-theme-tooltip-wide .arrow::before {
  border-top-color: #263238;
  visibility: visible;
}
.dark-theme-tooltip-wide.tooltip-w-320 .tooltip-inner {
  max-width: 320px;
}
.dark-theme-tooltip-wide.tooltip-min-w-320 .tooltip-inner {
  min-width: 320px;
}

.dark-theme-tooltip-260.show {
  opacity: 1;
}
.dark-theme-tooltip-260 .tooltip-inner {
  padding: 10px 15px;
  background-color: #263238 !important;
  max-width: 260px !important;
}
.dark-theme-tooltip-260 .arrow::before {
  border-top-color: #263238;
  visibility: visible;
}
.dark-theme-tooltip-260.tooltip-w-320 .tooltip-inner {
  max-width: 260px;
}

.shared-email-tooltip .tooltip-inner {
  min-width: 350px;
}

.mat-option.no-filter-data {
  padding-left: 10px;
  pointer-events: none;
}
.mat-option.no-filter-data .mat-pseudo-checkbox,
.mat-option.no-filter-data .user-avatar {
  display: none;
}
.mat-option .mat-pseudo-checkbox {
  width: 16px;
  height: 16px;
}

.table:not(.custom-kypit-style) thead th {
  font-family: "open_sanssemibold", sans-serif !important;
  font-weight: normal !important;
}

.small-snackbar {
  min-width: 120px !important;
}

.mat-tooltip {
  font-size: 14px !important;
}

.wrap-text {
  word-break: break-all;
}

.restricted-access-row td {
  pointer-events: none;
  opacity: 0.5;
}
.restricted-access-row td:last-child {
  pointer-events: all;
  opacity: 1;
}

.popover {
  z-index: 1060;
  font-size: 14px;
  margin-top: -30px;
  padding: 10px;
  border-color: transparent;
  box-shadow: 1px 1px 10px #ddd;
}

.popover.user-popover {
  margin-left: -75px;
  margin-top: 10px;
}

.popover.inspection-popover {
  position: fixed !important;
  top: auto !important;
  left: auto !important;
  transform: translate3d(-44px, 29px, 0px) !important;
}
.popover.inspection-popover .popover-arrow {
  left: 222px !important;
}

.popover.export {
  top: 36px !important;
}

.popover.inspection-add-popover {
  position: fixed !important;
  top: auto !important;
  left: auto !important;
  margin-left: -80px;
  transform: translate3d(21px, 29px, 0px) !important;
}
.popover.inspection-add-popover .popover-arrow {
  left: 233px !important;
}

.popover.template-popover {
  transform: translate3d(148px, 336px, 0px) !important;
}
.popover.template-popover .popover-arrow {
  left: 27px !important;
}

.popover.template-popover.shortcut {
  transform: translate3d(148px, 378px, 0px) !important;
}
.popover.template-popover.shortcut .popover-arrow {
  left: 27px !important;
}

.semi-transparent {
  background-color: rgba(38, 50, 56, 0.5); /* 50% opacity */
}

.btn-transparent {
  border: 1px solid #ebebeb !important;
  background: transparent;
}

.btn-disabled {
  background-color: #ebebeb !important;
  color: #c6c6c6 !important;
  border-color: #ebebeb !important;
}

.vertical-divider {
  border-left: 1px solid #263238;
  margin: 0 10px;
}

.display-flex-align {
  display: flex;
  justify-content: space-between;
}

.header-title-dialog {
  padding: 20px 25px 0;
}

.spinner-blue {
  margin: 30px auto 0;
}
.spinner-blue svg .mat-spinner circle {
  stroke: #338CE3;
}

.loader-text {
  width: 90%;
  margin: 0 auto 50px;
}

.page-not-found-container {
  width: 400px;
  margin: 0 auto;
}
.page-not-found-container .page-not-found {
  padding: 30px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

tr:hover .sprite.sprite-icon-slider-menu-grey:hover {
  background-position: -47px -3313px;
  width: 30px;
  height: 30px;
}

.preview-plan {
  max-height: 70vh;
}

.login-as-admin {
  position: absolute;
  top: -3px;
  padding: 10px 20px;
  right: 40%;
  background: white;
  box-shadow: 0px 3px 10px #ccc;
}

.custom-iframe {
  border: none;
  width: 100%;
  min-height: 655px;
}

.app-landing-page {
  overflow-y: auto;
  margin-top: 85px;
  height: calc(100vh - 85px);
}
.app-landing-page .card {
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.0705882353);
  border: 1px solid #E3E3E3;
  border-radius: 5px;
}
.app-landing-page .card-body {
  padding: 50px 10px;
}
.app-landing-page .text-details {
  font-size: 20px;
  line-height: 26px;
  color: #888F92;
  margin: 10px 0 50px;
}
.app-landing-page .get-app-btn {
  line-height: 1.5;
  font-size: 1.25rem;
  width: 260px;
  margin: 0 auto 35px;
  color: #fff !important;
}
.app-landing-page .landing-logo {
  height: 130px;
  width: 130px;
  margin-top: 5px;
}
.app-landing-page .site-logo {
  margin: 22px 0;
}

.trial-exp-area {
  background-color: rgba(49, 140, 231, 0.1);
  padding: 5px 10px;
}
.trial-exp-area .line-after:after {
  padding-left: 5px;
}

.center-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}

.top-logo {
  position: fixed;
  top: 16%;
  left: -7%;
}

.bottom-logo {
  position: fixed;
  bottom: -18%;
  right: 0%;
  transform: rotate(-180deg);
}

.mat-progress-bar-fill::after {
  background-color: #318CE7;
}

.decimal-list {
  padding-left: 15px;
}
.decimal-list li {
  list-style: decimal !important;
}

.cdk-drag-preview .node-item {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background-color: #fff;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.cdk-drag-preview .sub-item {
  display: none !important;
}
.cdk-drag-preview .node-children, .cdk-drag-preview .node-item {
  max-width: 250px;
}
.cdk-drag-preview .node-children .group-icon-selector, .cdk-drag-preview .node-children .group-icon, .cdk-drag-preview .node-item .group-icon-selector, .cdk-drag-preview .node-item .group-icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cdk-drag-preview .node-children .node-item, .cdk-drag-preview .node-item .node-item {
  background-color: transparent;
  box-shadow: none;
}
.cdk-drag-preview .node-children .drag-placeholder, .cdk-drag-preview .node-item .drag-placeholder {
  display: none !important;
}
.cdk-drag-preview .node-children .logo-container, .cdk-drag-preview .node-item .logo-container {
  height: 20px;
  width: 20px;
  font-size: 17px;
  overflow: initial;
}
.cdk-drag-preview .node-children .expand-collapse-icon-handle, .cdk-drag-preview .node-item .expand-collapse-icon-handle {
  min-width: 14px;
  min-height: 14px;
  height: 14px;
  width: 14px;
  transform: rotate(-90deg);
}

.cdk-drag-dragging {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/*hieraarchy style*/
.hirarchy-drawer {
  z-index: 20 !important;
  top: 0;
  position: fixed !important;
  width: 100%;
  color: #263238 !important;
  background-color: rgba(38, 50, 56, 0.8) !important;
}
.hirarchy-drawer .mat-drawer {
  overflow: hidden;
  left: 0;
  right: auto !important;
  color: #263238;
}
.hirarchy-drawer .mat-drawer-inner-container {
  width: 100% !important;
  padding: 20px 0 !important;
  overflow: hidden;
}
.hirarchy-drawer .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
}
.hirarchy-drawer .new-group-input {
  gap: 5px;
  padding: 5px;
  border-radius: 4px;
  background: white;
  height: 37px;
  margin-left: 20px;
  width: auto;
  margin-left: 20px;
  max-width: 240px;
  min-width: 150px;
}
.hirarchy-drawer .new-group-input input {
  flex: 1;
  padding: 5px;
  border: none;
  outline: none;
  font-size: 14px;
}
.hirarchy-drawer .new-group-input input:focus {
  box-shadow: none;
}
.hirarchy-drawer .resizer {
  right: -2px;
}
.hirarchy-drawer .node-item {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.hirarchy-drawer .logo-container {
  height: 20px;
  width: 20px;
  font-size: 17px;
  overflow: initial;
}
.hirarchy-drawer .group-tree .new-group-input {
  width: 200px;
  margin-left: 30px;
}
.hirarchy-drawer .org-detail .org-display-name {
  width: 230px;
}
.hirarchy-drawer .new-group-input button {
  border: none;
  background: #007bff;
  color: white;
  padding: 5px 8px;
  cursor: pointer;
}
.hirarchy-drawer .group-icon-selector, .hirarchy-drawer .group-icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hirarchy-drawer .menu-btn {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
}
.hirarchy-drawer .drag-handle {
  cursor: grab;
  min-width: 14px;
  min-height: 14px;
}
.hirarchy-drawer .expand-collapse-icon-handle {
  min-width: 14px;
  min-height: 14px;
  height: 14px;
  width: 14px;
}
.hirarchy-drawer .sub-group {
  padding-left: 20px;
  border-left: 2px dashed #ccc;
  margin-top: 5px;
}
.hirarchy-drawer .hierarchy-tree {
  padding: 10px;
}
.hirarchy-drawer .hierarchy-node {
  margin: 10px 0;
}
.hirarchy-drawer .nested-list {
  min-height: 40px;
  padding: 8px 0 0;
}
.hirarchy-drawer .hierarchy-node {
  margin: 5px 0;
}
.hirarchy-drawer .node-content {
  display: flex;
  align-items: center;
  padding: 5px;
}
.hirarchy-drawer .expand-icon {
  cursor: pointer;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.hirarchy-drawer .expand-icon .expanded {
  transform: rotate(90deg);
}
.hirarchy-drawer .node-name {
  flex: 1;
  margin-left: 5px;
}
.hirarchy-drawer .children-container {
  margin-left: 20px;
}
.hirarchy-drawer .drop-placeholder {
  color: #999;
  padding: 10px;
  font-style: italic;
}
.hirarchy-drawer .drag-handle-container {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hirarchy-drawer .drop-inside {
  border: 1px solid #318CE7;
  background-color: rgba(49, 140, 231, 0.1);
}
.hirarchy-drawer .drop-before {
  border-top: 2px solid #318CE7;
}
.hirarchy-drawer .drop-after {
  border-bottom: 2px solid #318CE7;
}
.hirarchy-drawer .group-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hirarchy-drawer .org-detail .org-display-name {
  width: 230px;
}
.hirarchy-drawer .hierarchy-drawer-main {
  max-height: calc(100vh - 150px);
}
.hirarchy-drawer .hierarchy-drawer-main::-webkit-scrollbar {
  height: 5px;
}

.hierarchy-breadcrumbs {
  max-width: 33vw;
}

.team-breadcrumb {
  display: flex;
  align-items: center;
  overflow: hidden;
  max-width: 40%;
}
.team-breadcrumb .team-name {
  flex-shrink: 0;
}

.team-breadcrumb.hierarchy-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 40%;
  width: 40%;
  min-width: 40%;
  box-sizing: border-box;
}

.breadcrumb-items {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.navigation-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.navigation-item.overflow-item {
  max-width: 20%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.nav-logo {
  max-width: 16px;
  max-height: 16px;
  font-size: 16px !important;
}

.nav-logo.material-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.breadcrumb-icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  overflow: hidden;
}

.nav-separator {
  margin: 0 4px;
}

.team-route-link {
  display: grid;
}
.team-route-link li > a {
  padding-left: 15px;
}
.team-route-link li > a:hover {
  background-color: rgba(38, 50, 56, 0.05);
}
.team-route-link li > a.active {
  background-color: rgba(49, 140, 231, 0.1);
}

.has-hierarchy {
  /* Dynamic padding based on list nesting level */
}
.has-hierarchy .team-detail .side-menu ul.hasheight-scroll {
  overflow-y: auto !important;
}
.has-hierarchy .side-menu.has-more-hierarchy {
  overflow-x: auto !important;
}
.has-hierarchy .level-0 {
  padding-left: 15px !important;
}
.has-hierarchy .level-0.extra-padding {
  padding-left: 30px !important;
}
.has-hierarchy .level-1 {
  padding-left: 30px !important;
}
.has-hierarchy .level-1.extra-padding {
  padding-left: 45px !important;
}
.has-hierarchy .level-2 {
  padding-left: 45px !important;
}
.has-hierarchy .level-2.extra-padding {
  padding-left: 60px !important;
}
.has-hierarchy .level-3 {
  padding-left: 60px !important;
}
.has-hierarchy .level-3.extra-padding {
  padding-left: 75px !important;
}
.has-hierarchy .level-4 {
  padding-left: 75px !important;
}
.has-hierarchy .level-4.extra-padding {
  padding-left: 90px !important;
}
.has-hierarchy .level-5 {
  padding-left: 90px !important;
}
.has-hierarchy .level-5.extra-padding {
  padding-left: 105px !important;
}
.has-hierarchy .level-6 {
  padding-left: 105px !important;
}
.has-hierarchy .level-6.extra-padding {
  padding-left: 120px !important;
}
.has-hierarchy .level-7 {
  padding-left: 120px !important;
}
.has-hierarchy .level-7.extra-padding {
  padding-left: 135px !important;
}
.has-hierarchy .level-8 {
  padding-left: 135px !important;
}
.has-hierarchy .level-8.extra-padding {
  padding-left: 150px !important;
}
.has-hierarchy .level-9 {
  padding-left: 150px !important;
}
.has-hierarchy .level-9.extra-padding {
  padding-left: 165px !important;
}
.has-hierarchy .level-10 {
  padding-left: 165px !important;
}
.has-hierarchy .level-10.extra-padding {
  padding-left: 180px !important;
}
.has-hierarchy .level-11 {
  padding-left: 180px !important;
}
.has-hierarchy .level-11.extra-padding {
  padding-left: 195px !important;
}
.has-hierarchy .level-12 {
  padding-left: 195px !important;
}
.has-hierarchy .level-12.extra-padding {
  padding-left: 210px !important;
}
.has-hierarchy .level-13 {
  padding-left: 210px !important;
}
.has-hierarchy .level-13.extra-padding {
  padding-left: 225px !important;
}
.has-hierarchy .level-14 {
  padding-left: 225px !important;
}
.has-hierarchy .level-14.extra-padding {
  padding-left: 240px !important;
}
.has-hierarchy .level-15 {
  padding-left: 240px !important;
}
.has-hierarchy .level-15.extra-padding {
  padding-left: 255px !important;
}
.has-hierarchy .level-16 {
  padding-left: 255px !important;
}
.has-hierarchy .level-16.extra-padding {
  padding-left: 270px !important;
}
.has-hierarchy .level-17 {
  padding-left: 270px !important;
}
.has-hierarchy .level-17.extra-padding {
  padding-left: 285px !important;
}
.has-hierarchy .level-18 {
  padding-left: 285px !important;
}
.has-hierarchy .level-18.extra-padding {
  padding-left: 300px !important;
}
.has-hierarchy .level-19 {
  padding-left: 300px !important;
}
.has-hierarchy .level-19.extra-padding {
  padding-left: 315px !important;
}
.has-hierarchy .level-20 {
  padding-left: 315px !important;
}
.has-hierarchy .level-20.extra-padding {
  padding-left: 330px !important;
}
.has-hierarchy .label-text:empty {
  display: none;
}
.has-hierarchy .group-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.has-hierarchy.visualogyx-navigation ul li > a {
  white-space: nowrap;
}

/* Common resizer styles */
.resizer {
  width: 4px;
  height: 100%;
  border-left: 1px solid #C5CCD9;
  cursor: col-resize;
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 999;
  background: transparent;
  transition: background-color 0.2s ease;
}
.resizer:hover {
  border-left: 2px solid #318CE7;
  background-color: rgba(0, 0, 0, 0.05);
}
.resizer.resizing {
  border-left: 2px solid #318CE7;
  background-color: rgba(0, 0, 0, 0.1);
}

/* Hide resizer in collapsed mode */
.has-collapsed-sidebar .resizer,
.collapsed .resizer {
  display: none;
}

.node-highlight {
  background: rgba(49, 140, 231, 0.1);
}

/* Component styles */
.visualogyx-navigation,
.shared-details,
.mat-drawer {
  position: relative;
  flex: 0 0 auto;
  height: 100vh;
  overflow: hidden;
}
.visualogyx-navigation.resizing,
.shared-details.resizing,
.mat-drawer.resizing {
  transition: none !important;
}

.mat-drawer:hover .toggle-sidebar-btn {
  display: flex;
}
.mat-drawer.collapsed-drawer .toggle-sidebar-btn {
  display: flex;
}

.visualogyx-navigation {
  overflow-x: hidden;
  overflow-y: auto;
}

.team-detail .side-menu {
  overflow-y: auto !important;
  overflow-x: hidden;
  scrollbar-color: rgba(38, 50, 56, 0.5019607843) #f9f9f9;
  scrollbar-width: thin;
}
.team-detail .side-menu .nav-menu-item {
  padding: 5px 0 5px 15px;
}
.team-detail .side-menu .nav-menu-item:hover {
  background-color: rgba(38, 50, 56, 0.05);
}
.team-detail .side-menu .new-svg-icon {
  min-width: 16px;
  min-height: 16px;
}

.organization-team {
  margin-right: 14px;
}
.organization-team .org-detail.multi-line-aligned .org-display-name {
  vertical-align: top !important;
}
.organization-team .org-detail.multi-line-aligned .org-arrow-icon {
  top: 22px;
}
.organization-team .org-detail.multi-line-aligned .org-icon-img, .organization-team .org-detail.multi-line-aligned .org-display-logo {
  margin-top: 4px;
}
.organization-team .org-detail .org-display-name {
  width: calc(100% - 90px);
  padding-right: 10px;
}

.main-app-section {
  display: flex;
  height: 100vh;
  width: 100%;
}

.main-app-block.main-block {
  display: flex;
  flex: 0 0 auto;
}

.main.new-sidebar {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  transition: margin-left 0.1s ease-in-out;
}

.main-header.main-app-header {
  flex: 0 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.toggle-sidebar-btn-wraper {
  box-sizing: content-box;
  display: inline-block;
  background: transparent;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 65px;
  z-index: 1000;
}

.toggle-sidebar-btn {
  display: none;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.toggle-sidebar-btn:hover {
  background: #318CE7 !important;
}
.toggle-sidebar-btn:hover .new-svg-icon {
  fill: #fff;
}
.toggle-sidebar-btn .chevron-icon {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
}
.toggle-sidebar-btn .chevron-icon.collapsed {
  transform: rotate(180deg);
}

.toggle-sidebar-btn-collapsed {
  display: none;
  position: absolute;
  right: 0;
  top: 80px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1000;
}
.toggle-sidebar-btn-collapsed:hover {
  background: #318CE7 !important;
}
.toggle-sidebar-btn-collapsed:hover .new-svg-icon {
  fill: #fff;
}
.toggle-sidebar-btn-collapsed .chevron-icon {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
}
.toggle-sidebar-btn-collapsed .chevron-icon.collapsed {
  transform: rotate(180deg);
}

.collapsed-sidebar {
  min-width: 75px;
  max-width: 75px;
  width: 75px;
  /*Add hover overlay styles*/
}
.collapsed-sidebar .navigation-details > *:not(.org-detail) {
  display: none;
}
.collapsed-sidebar .org-detail {
  padding: 10px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.collapsed-sidebar .org-detail > *:not(.org-display-logo):not(.org-icon-img) {
  display: none;
}
.collapsed-sidebar .org-detail .org-display-logo,
.collapsed-sidebar .org-detail .org-icon-img {
  margin: 0 auto;
  display: block;
  transition: all 0.3s ease-in-out;
}
.collapsed-sidebar .bottom-sidebar-menu {
  font-size: 8px;
  text-align: center;
  left: 8px;
  right: 8px;
}
.collapsed-sidebar .bottom-sidebar-menu img {
  height: auto;
}
.collapsed-sidebar .org-display-logo {
  height: 30px;
  width: 30px;
}
.collapsed-sidebar .display-when-collapsed {
  display: block !important;
}
.collapsed-sidebar.is-hover:hover {
  border: none !important;
  position: relative;
  z-index: 1000;
  min-width: none;
  max-width: none;
  width: 95%;
}
.collapsed-sidebar.is-hover:hover .organization-team {
  margin-right: 0;
}
.collapsed-sidebar.is-hover:hover .toggle-sidebar-btn-collapsed {
  display: flex !important;
}
.collapsed-sidebar.is-hover:hover .navigation-details {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: calc((var(--expanded-width, 250px)) - 15px);
  background: #f9f9f9;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}
.collapsed-sidebar.is-hover:hover .navigation-details > * {
  display: block !important;
}
.collapsed-sidebar.is-hover:hover .navigation-details > * .display-block-imp {
  display: none !important;
}
.collapsed-sidebar.is-hover:hover .navigation-details .display-on-hover {
  display: flex !important;
}
.collapsed-sidebar.is-hover:hover .navigation-details .org-detail {
  padding: 0;
  padding-top: 0;
  text-align: left;
}
.collapsed-sidebar.is-hover:hover .navigation-details .org-detail > * {
  display: block !important;
}
.collapsed-sidebar.is-hover:hover .navigation-details .org-detail .org-display-logo {
  margin: 0;
}
.collapsed-sidebar.is-hover:hover .navigation-details .org-detail {
  padding-left: 15px;
}
.collapsed-sidebar.is-hover:hover .navigation-details .org-detail .org-icon-img, .collapsed-sidebar.is-hover:hover .navigation-details .org-detail .org-display-name {
  display: inline-block !important;
}
.collapsed-sidebar.is-hover:hover .navigation-details .org-detail .org-arrow-icon {
  top: 25px;
}
.collapsed-sidebar.is-hover:hover .navigation-details .parent-team-div.mr14 {
  margin-right: 0 !important;
}
.collapsed-sidebar.is-hover:hover .visualogyx-navigation {
  width: calc(100% - 20px) !important;
  transition-delay: 0.5s;
  transition: ease-in-out !important;
}
.collapsed-sidebar.is-hover:hover .bottom-sidebar-menu {
  white-space: nowrap;
  position: absolute;
  bottom: 10px;
  right: 15px;
  left: 15px;
  text-align: left !important;
}
.collapsed-sidebar.is-hover:hover .bottom-sidebar-menu .small-logo {
  display: none !important;
}
.collapsed-sidebar.is-hover:hover .bottom-sidebar-menu .long-logo.hide {
  display: inline-block !important;
  height: 20px !important;
}
.collapsed-sidebar.is-hover:hover .display-when-collapsed {
  display: none !important;
}

.has-collapsed-sidebar .mat-drawer {
  max-width: 90px;
}
.has-collapsed-sidebar .mat-drawer:hover .toggle-sidebar-btn-wraper .toggle-sidebar-btn {
  display: flex;
}
.has-collapsed-sidebar .sidenav-hovered {
  max-width: none !important;
  transition: max-width 0.5s ease-in-out;
}
.has-collapsed-sidebar .sidenav-hovered .toggle-sidebar-btn-wraper .toggle-sidebar-btn {
  display: flex;
  left: 60px;
}
.has-collapsed-sidebar .toggle-sidebar-btn-wraper toggle-sidebar-btn {
  display: flex;
  left: auto;
}
.has-collapsed-sidebar .mat-drawer-content {
  margin-left: 75px !important;
  position: absolute;
  top: 0;
  width: calc(100% - 75px);
  transition: margin-left 0.3s ease-in-out !important;
}

.navigation-details .org-list {
  padding-top: 0px;
}

.in-admin-panel .mat-drawer-content {
  margin-left: 200px !important;
  width: calc(100% - 200px);
}

.admin-panel {
  width: 200px !important;
}

.sidebar-drawer {
  border: none !important;
  background: transparent !important;
}
.sidebar-drawer.collapsed-sidebar {
  max-width: 90px;
  transition: max-width 0.5s ease-in-out;
}
.sidebar-drawer.collapsed-sidebar .visualogyx-navigation {
  border-right: 1px solid #ddd !important;
  width: 75px;
}
.sidebar-drawer.collapsed-sidebar .bottom-sidebar-menu .mr20.mat-divider-horizontal {
  margin-right: 0 !important;
}
.sidebar-drawer.collapsed-sidebar:hover {
  transition: all 0.3s ease-in-out !important;
}
.sidebar-drawer.collapsed-sidebar:hover .visualogyx-navigation {
  width: 100%;
  border-right: none !important;
}
.sidebar-drawer.collapsed-sidebar:hover .mr20.mat-divider-horizontal {
  margin-right: 20px !important;
}
.sidebar-drawer.collapsed-sidebar:hover .organization-team {
  margin-right: 0 !important;
}
.sidebar-drawer.collapsed-sidebar:hover .toggle-sidebar-btn {
  right: 5px;
}
.sidebar-drawer.collapsed-sidebar:hover .bottom-sidebar-menu {
  margin-right: 20px;
}

.rotate-180 {
  transform: rotate(180deg);
}

@media (max-width: 1100px) {
  .custom-iframe {
    min-height: 760px;
  }
  .center-container {
    width: 85%;
  }
}
@media (max-height: 750px) {
  .iframe-dialog {
    max-height: 90vh;
  }
}
.emoji-menu-panel.mat-menu-panel {
  max-width: 300px !important;
  width: 300px;
}
.emoji-menu-panel.mat-menu-panel .mat-menu-content {
  padding: 0;
}

.shared-details {
  position: relative;
  width: 100%;
  height: 100%;
  flex: 0 0 auto;
}

.example-sidenav-container {
  width: 100%;
  height: 100%;
}
.example-sidenav-container .example-sidenav-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.full-panel .mat-drawer-content {
  margin-left: 0 !important;
  width: 100% !important;
  overflow: hidden;
}

.wrapper {
  background: #fff;
  min-height: 100%;
}

.header-fixed .app-header {
  position: fixed;
  z-index: 99;
  width: 100%;
  padding: 0 15px;
  top: 0;
}
.header-fixed .app-body {
  margin-top: 0;
}

/*sidebar*/
.sidebar-fixed .sidebar {
  position: fixed;
  overflow: visible;
  height: 100%;
  z-index: 997;
  background: #263238;
}
.sidebar-fixed .sidebar .sidebar-nav {
  height: calc(100vh - 132px);
  overflow: visible;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  position: relative;
  width: 70px;
}
.sidebar-fixed .sidebar .sidebar-nav::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.sidebar-fixed .sidebar .sidebar-nav::-webkit-scrollbar-thumb {
  background: #aaa;
}
.sidebar-fixed .sidebar .sidebar-nav::-webkit-scrollbar-track {
  background: #d5d5d5;
}
.sidebar-fixed .sidebar .sidebar-nav {
  scrollbar-face-color: #aaa;
  scrollbar-track-color: #d5d5d5;
}
.sidebar-fixed .sidebar .sidebar-nav .slimscroll-wrapper, .sidebar-fixed .sidebar .sidebar-nav .scroll-window {
  height: calc(100vh - 179px);
}
.sidebar-fixed .sidebar .sidebar-nav .slimscroll-wrapper .slimscroll-grid, .sidebar-fixed .sidebar .sidebar-nav .scroll-window .slimscroll-grid {
  width: 0 !important;
}
.sidebar-fixed .sidebar .nav {
  -moz-flex-direction: column;
  flex-direction: column;
  width: 70px;
}
.sidebar-fixed .sidebar .nav.main-menu {
  padding: 0;
}
.sidebar-fixed .sidebar .nav.main-menu .main-menu-item {
  margin: 0 15px 15px 15px;
  width: auto;
}
.sidebar-fixed .sidebar .nav.main-menu .main-menu-item.team-item a {
  margin-bottom: 15px;
  width: 40px;
  overflow: inherit;
  text-align: center;
}
.sidebar-fixed .sidebar .nav.main-menu .main-menu-item.divider {
  margin: 0;
  margin-bottom: 15px;
}
.sidebar-fixed .sidebar .nav-item {
  position: relative;
  transition: background 0.3s ease-in-out;
  list-style-type: none;
  margin-bottom: 15px;
}
.sidebar-fixed .sidebar .nav-item.team-item a {
  font-size: 11px;
  text-align: justify;
}
.sidebar-fixed .sidebar .nav-item.main-menu-item.profile-item {
  margin-top: 15px;
  margin-bottom: 10px;
}
.sidebar-fixed .sidebar .nav-item.main-menu-item.profile-item > span {
  color: #fff;
}
.sidebar-fixed .sidebar .nav-item a:hover, .sidebar-fixed .sidebar .nav-item a.active {
  opacity: 1;
  position: static;
}
.sidebar-fixed .sidebar .nav-item a.add-team {
  background: rgba(255, 255, 255, 0.5);
  color: #000;
  font-size: 20px;
  height: 40px;
  overflow: hidden;
  width: 100%;
  border-radius: 4px;
}
.sidebar-fixed .sidebar .nav-item a img {
  display: block;
  border-radius: 4px;
  overflow: hidden;
}
.sidebar-fixed .sidebar .nav-item a.text_display {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  opacity: 0.3;
  width: 100%;
  white-space: normal;
  padding: 0;
  text-align: center;
}
.sidebar-fixed .sidebar .nav-item .sub-nav {
  display: block;
  position: fixed;
  left: 70px;
  top: 0;
  width: 175px;
  bottom: 0;
  background: #F9F9F9;
  padding: 0;
}
.sidebar-fixed .sidebar .nav-item .sub-nav.level-2 {
  width: 170px;
}
.sidebar-fixed .sidebar .nav-item .sub-nav li a {
  padding: 0 10px;
  cursor: pointer;
  line-height: 21px;
  display: inline-block;
  width: 100%;
  color: #747474;
  font-size: 12px;
}
.sidebar-fixed .sidebar .nav-item .sub-nav li a i {
  vertical-align: middle;
  line-height: 19px;
  margin-right: 5px;
}
.sidebar-fixed .sidebar .nav-item .sub-nav li a:hover, .sidebar-fixed .sidebar .nav-item .sub-nav li a.active {
  background: #eef3f8;
  color: #318CE7;
  opacity: 1;
}
.sidebar-fixed .sidebar .nav-item .sub-nav li .material-icons, .sidebar-fixed .sidebar .nav-item .sub-nav li span {
  float: left;
}
.sidebar-fixed .sidebar .nav-item .sub-nav a {
  color: rgba(0, 0, 0, 0.87);
  text-align: left;
  cursor: pointer;
}
.sidebar-fixed .sidebar .nav-item .sub-nav h3 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  margin: 18px 0 15px;
  padding: 0 10px;
  text-align: left;
}
.sidebar-fixed .sidebar .nav-item .sub-nav h3.sub-title {
  margin: 0;
  font-weight: normal;
  font-size: 12px;
}
.sidebar-fixed .sidebar .nav-item .sub-nav h3 a {
  float: right;
  padding: 0;
}
.sidebar-fixed .sidebar .nav-item .sub-nav h3 a.active, .sidebar-fixed .sidebar .nav-item .sub-nav h3 a:hover {
  background: none;
}
.sidebar-fixed .sidebar .nav-item .sub-nav footer {
  text-align: center;
  padding: 15px 15px 0 15px;
  background: none;
  color: rgba(0, 0, 0, 0.87);
  position: absolute;
  bottom: 10px;
  font-size: 9px;
  width: 100%;
}
.sidebar-fixed .sidebar .nav-item .sub-nav footer a {
  opacity: 1;
}
.sidebar-fixed .sidebar .nav-item .sub-nav footer a:hover {
  background: none;
}
.sidebar-fixed .sidebar .nav-item .sub-nav footer img {
  display: block;
  margin: 0 auto;
}
.sidebar-fixed .sidebar .nav-item .sub-nav img {
  display: inline-block;
}
.sidebar-fixed .sidebar .nav-item .sub-nav ul {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  float: left;
  margin-bottom: 20px;
  padding: 0;
  text-align: left;
  width: 100%;
}
.sidebar-fixed .sidebar .nav-item .sub-nav ul.billing-sub-menu {
  padding-left: 15px;
  padding-bottom: 0;
  border: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.sidebar-fixed .sidebar .nav-item .sub-nav ul.terms-link {
  border-bottom: none;
}
.sidebar-fixed .sidebar .nav-item .sub-nav .terms-link a span {
  text-decoration: underline;
}
.sidebar-fixed .sidebar .nav-item .sub-nav .terms-link a:hover {
  background: none;
  color: #318CE7;
}
.sidebar-fixed .sidebar .nav-item .sub-nav .terms-link a:hover span {
  text-decoration: none;
}
.sidebar-fixed .sidebar .nav-item .sub-nav.team-menu ul {
  border-bottom: none;
}
.sidebar-fixed .sidebar .nav-item .nav-link.add-team {
  width: 40px;
  opacity: 0.3;
  margin-bottom: 5px;
}
.sidebar-fixed .sidebar .nav-item .nav-link.add-team i {
  font-size: 20px;
}
.sidebar-fixed .sidebar .nav-item .nav-link.add-team:hover {
  opacity: 1;
}
.sidebar-fixed .sidebar .nav-item.team-item-left a:hover:after, .sidebar-fixed .sidebar .nav-item.team-item-left a.active:after {
  background: #fff;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  content: "";
  height: 40px;
  left: -14px;
  position: absolute;
  top: 0;
  width: 2px;
}
.sidebar-fixed .sidebar .team-list-name {
  overflow: hidden;
}
.sidebar-fixed .sidebar .team-item-left {
  box-sizing: border-box;
  cursor: move;
}
.sidebar-fixed .sidebar .cdk-drag-preview {
  box-sizing: border-box;
}
.sidebar-fixed .sidebar .cdk-drag-placeholder {
  opacity: 0;
}
.sidebar-fixed .sidebar .cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.sidebar-fixed .sidebar .team-item-left:last-child {
  border: none;
}
.sidebar-fixed .sidebar .team-list-name.cdk-drop-list-dragging .team-item-left:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.sidebar-fixed .sidebar .margin-left0 .nav-item {
  margin-bottom: 0;
}
.sidebar-fixed .sidebar .more-content .nav-item .nav-link {
  opacity: 1;
}
.sidebar-fixed .profile-image {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  border: 2px solid #fff;
  border-radius: 4px;
  align-items: center;
  padding: 0;
  opacity: 0.3;
}
.sidebar-fixed .profile-image.active {
  opacity: 1;
}
.sidebar-fixed .profile-image img {
  max-width: 100%;
  max-height: 100%;
  border: none;
  border-radius: 0;
  object-fit: cover;
}
.sidebar-fixed .main.open.old-nav, .sidebar-fixed .app-footer.open.old-nav {
  margin-left: 245px;
}
.sidebar-fixed .main.open.new-sidebar.full-panel, .sidebar-fixed .app-footer.open.new-sidebar.full-panel {
  margin-left: 0;
}
.sidebar-fixed .mar-l-370 .main {
  margin-left: 370px;
}
.sidebar-fixed.sidebar-hidden .main, .sidebar-fixed.sidebar-hidden .app-footer {
  margin-left: 0;
}

.bottom-menu {
  display: flex;
  align-items: baseline;
  position: fixed;
  bottom: 0;
  width: 70px;
  z-index: 9;
}
.bottom-menu.margin-left0 .nav-item {
  border-top: 0;
}
.bottom-menu.margin-left0 .nav-item .nav-link span {
  margin-left: 0;
}
.bottom-menu ul {
  width: 100%;
}
.bottom-menu ul li {
  border-top: 1px solid #1c2529;
  text-align: center;
}
.bottom-menu ul li.bg-red {
  background: #ee485c;
}
.bottom-menu ul li.bg-light-settings {
  background: #36464E;
}
.bottom-menu ul li.bg-orange {
  background: #FF793F;
}
.bottom-menu ul li img {
  display: block;
  margin: 0 auto;
}
.bottom-menu ul li a {
  color: #fff;
}
.bottom-menu .show-teams-actions {
  position: absolute;
  right: -175px;
  background: #36464E;
  width: 174px;
  bottom: -121px;
  min-height: 400px;
}
.bottom-menu .show-teams-actions .move-cursor {
  cursor: move;
}
.bottom-menu .show-teams-actions h5 {
  margin: 0;
  font-size: 15px;
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #ddd;
  color: #fff;
}
.bottom-menu .show-teams-actions .team-action-perform {
  position: relative;
  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);
  text-align: left;
  margin-top: 5px;
}
.bottom-menu .show-teams-actions .team-action-perform.disabled-action .team-name-img, .bottom-menu .show-teams-actions .team-action-perform.disabled-action .visible-off {
  opacity: 0.5;
}
.bottom-menu .show-teams-actions .team-img img {
  margin-top: 8px;
}
.bottom-menu .show-teams-actions .team-details {
  overflow-y: auto;
  max-height: calc(100vh - 36px);
}
.bottom-menu .show-teams-actions .team-details::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.bottom-menu .show-teams-actions .team-details::-webkit-scrollbar-thumb {
  background: #dad6d6;
}
.bottom-menu .show-teams-actions .team-details::-webkit-scrollbar-track {
  background: #edebeb;
}
.bottom-menu .show-teams-actions .team-details {
  scrollbar-face-color: #dad6d6;
  scrollbar-track-color: #edebeb;
}

/*main-body*/
.sidebar-off-canvas .sidebar {
  position: fixed;
  z-index: 1019;
  height: 100%;
}
.sidebar-off-canvas .sidebar .sidebar-nav {
  height: calc(100vh - 55px);
}

.aside-menu-hidden .aside-menu {
  margin-right: -220px;
}

.aside-menu-fixed .aside-menu {
  position: fixed;
  right: 0;
  height: 100%;
}
.aside-menu-fixed .aside-menu .tab-content {
  height: calc(100vh - 2.375rem - 55px);
}
.aside-menu-fixed.aside-menu-hidden .main, .aside-menu-fixed.aside-menu-hidden .app-footer {
  margin-right: 0;
  overflow: hidden;
}

.aside-menu-off-canvas .aside-menu {
  position: fixed;
  right: 0;
  z-index: 1019;
  height: 100%;
}
.aside-menu-off-canvas .aside-menu .tab-content {
  height: calc(100vh - 2.375rem - 55px);
}

.footer-fixed .app-footer {
  position: fixed;
  bottom: 0;
  z-index: 1020;
  width: 100%;
}
.footer-fixed .app-body {
  margin-bottom: 50px;
}

/*app-body*/
.app-body .sidebar {
  -moz-flex: 0 0 200px;
  flex: 0 0 200px;
  order: -1;
}
.app-body .aside-menu {
  -moz-flex: 0 0 250px;
  flex: 0 0 250px;
}

.sidebar-hidden .sidebar {
  margin-left: -200px;
}

mat-form-field.mat-form-field-disabled {
  background-color: #e9ecef;
  opacity: 1;
}

/* Popup Stack Container */
.popup-stack-container {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: flex;
  flex-direction: column-reverse;
  z-index: 1000;
  overflow-y: auto;
  max-height: 75%;
  padding-right: 5px;
  padding-left: 10px;
  padding-bottom: 10px;
  scrollbar-width: thin;
  scrollbar-color: rgba(38, 50, 56, 0.5) #F9F9F9;
}

.thin-border {
  border-top: solid 0.5px #ebebeb;
}

/*Report presets settings*/
/*Preset sidepanel*/
.card-style {
  border-radius: 10px;
  border: 1px solid #ebebeb;
  box-shadow: 0 0 4px rgba(38, 50, 56, 0.1);
  margin: 0 auto;
}

.card-style-selected {
  border-color: #318CE7;
  box-shadow: 0 0 4px #318CE7;
}

.card-style:not(.card-style-selected):hover {
  box-shadow: none;
  border-color: #318CE7;
}

.floating-create-btn {
  bottom: 30px;
  right: 30px;
  z-index: 9;
  background-color: #318CE7;
  width: 40px;
  height: 40px;
}

.presets-scrollcontainer {
  overflow: auto;
  height: calc(100vh - 140px);
  padding-bottom: 20px;
}

.preset-header {
  min-height: 60px;
  padding: 0 20px;
}
.preset-header .mat-icon-button {
  margin: 0;
  width: 32px;
  height: 32px;
}
.preset-header .filter-icon,
.preset-header .search-icon-btn {
  margin-right: 4px !important;
}

.preset-filtermenu .mat-menu-content {
  padding: 15px 20px !important;
}

.ellipses-text mat-select-trigger .truncate-text {
  white-space: nowrap;
  overflow: hidden;
  max-width: 120px;
  text-overflow: ellipsis;
}

.form-control.focus-blue:not(.is-invalid):focus {
  border-color: #318CE7;
}

.preset-visibility .ellipses-text .truncate-text {
  max-width: 260px;
}
.preset-visibility .multiple-selected .ellipses-text .truncate-text {
  max-width: 220px;
}

.mdc-linear-progress__bar-inner {
  border-color: #318CE7 !important;
}

.svg-stroke-only {
  fill: #fff;
  stroke: #263238;
}

.mat-menu-item:hover .svg-stroke-only {
  stroke: #318CE7;
}

.team-icon-wrapper {
  position: absolute;
  right: -8px;
  bottom: -8px;
}

.custom-tooltip-wrapper {
  max-width: 220px;
  width: 200px;
  white-space: normal;
  word-break: break-word;
  line-height: 1.5;
}

.wrap-text-no-space {
  word-break: break-word;
  white-space: normal;
}

/********************************* Inspection and Project listing module css *********************************/
.mat-option.mat-active {
  background-color: #fff !important;
}

/* based on the hover background position changes of sprite image */
.mat-menu-item {
  line-height: 38px !important;
  height: 40px !important;
}
.mat-menu-item:hover:not([disabled]) {
  color: #318CE7;
}
.mat-menu-item:hover:not([disabled]) .sprite-icon-duplicate-grey {
  background-position: -63px -1155px;
}
.mat-menu-item:hover:not([disabled]) .sprite-icon-delete-grey {
  background-position: -58px -840px;
}
.mat-menu-item:hover:not([disabled]) .sprite-icon-report-grey {
  background-position: -64px -2928px;
}
.mat-menu-item:hover:not([disabled]) .sprite-icon-download-grey {
  background-position: -63px -1049px;
}
.mat-menu-item:hover:not([disabled]) .sprite-icon-kypit-grey {
  background-position: -59px -2093px;
}
.mat-menu-item:hover:not([disabled]) .sprite-icon-activity-grey {
  background-position: -60px -1776px;
}
.mat-menu-item:hover:not([disabled]) .sprite-icon-edit-grey {
  background-position: -64px -1197px;
}
.mat-menu-item:hover:not([disabled]) .sprite-icon-send-grey {
  background-position: -59px -3054px;
}
.mat-menu-item:hover:not([disabled]) .sprite-icon-move-grey {
  background-position: -58px -2380px;
}
.mat-menu-item:hover:not([disabled]) .sprite-icon_remove_grey {
  background-position: -60px -3772px;
}
.mat-menu-item:hover:not([disabled]) .sprite-Icon-history-grey {
  background-position: -60px -1776px;
}
.mat-menu-item:hover:not([disabled]) .sprite-icon-export-grey {
  background-position: -62px -1396px;
}
.mat-menu-item:hover:not([disabled]) .sprite-icon-disabled-grey {
  background-position: -62px -1009px;
}
.mat-menu-item:hover:not([disabled]) .new-svg-icon {
  fill: #318CE7;
}

.select-inspection-section {
  height: calc(100vh - 250px);
}

.mat-menu-item.restricted-access-color:hover .sprite-icon-kypit-grey {
  background-position: -59px -2116px;
}

.mat-menu-item.restricted-access-color:hover .sprite-icon-export-grey {
  background-position: -62px -1419px;
}

.mat-pseudo-checkbox {
  outline: #263238;
  opacity: 0.5;
}

.inspection-list .filter-width, .project-list .filter-width, .add-project-blank-inspection-list .filter-width, .add-project-blank-inspection-tabs .filter-width, .add-project .filter-width, .project-details-panel .filter-width, .permissions-list .filter-width, .template-list .filter-width, .template-authoring-side-panel .filter-width, .user-settings .filter-width, .pdf-panel .filter-width {
  width: 13%;
  padding: 0 6px; /* material css override */
}
.inspection-list .filter-width.mat-form-field.mat-focused.mat-primary .mat-select-arrow, .project-list .filter-width.mat-form-field.mat-focused.mat-primary .mat-select-arrow, .add-project-blank-inspection-list .filter-width.mat-form-field.mat-focused.mat-primary .mat-select-arrow, .add-project-blank-inspection-tabs .filter-width.mat-form-field.mat-focused.mat-primary .mat-select-arrow, .add-project .filter-width.mat-form-field.mat-focused.mat-primary .mat-select-arrow, .project-details-panel .filter-width.mat-form-field.mat-focused.mat-primary .mat-select-arrow, .permissions-list .filter-width.mat-form-field.mat-focused.mat-primary .mat-select-arrow, .template-list .filter-width.mat-form-field.mat-focused.mat-primary .mat-select-arrow, .template-authoring-side-panel .filter-width.mat-form-field.mat-focused.mat-primary .mat-select-arrow, .user-settings .filter-width.mat-form-field.mat-focused.mat-primary .mat-select-arrow, .pdf-panel .filter-width.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #318CE7 !important;
}
.inspection-list .filter-width.mat-form-field-appearance-legacy .mat-form-field-underline, .project-list .filter-width.mat-form-field-appearance-legacy .mat-form-field-underline, .add-project-blank-inspection-list .filter-width.mat-form-field-appearance-legacy .mat-form-field-underline, .add-project-blank-inspection-tabs .filter-width.mat-form-field-appearance-legacy .mat-form-field-underline, .add-project .filter-width.mat-form-field-appearance-legacy .mat-form-field-underline, .project-details-panel .filter-width.mat-form-field-appearance-legacy .mat-form-field-underline, .permissions-list .filter-width.mat-form-field-appearance-legacy .mat-form-field-underline, .template-list .filter-width.mat-form-field-appearance-legacy .mat-form-field-underline, .template-authoring-side-panel .filter-width.mat-form-field-appearance-legacy .mat-form-field-underline, .user-settings .filter-width.mat-form-field-appearance-legacy .mat-form-field-underline, .pdf-panel .filter-width.mat-form-field-appearance-legacy .mat-form-field-underline {
  height: 0 !important;
}
.inspection-list .filter-width .mat-select, .project-list .filter-width .mat-select, .add-project-blank-inspection-list .filter-width .mat-select, .add-project-blank-inspection-tabs .filter-width .mat-select, .add-project .filter-width .mat-select, .project-details-panel .filter-width .mat-select, .permissions-list .filter-width .mat-select, .template-list .filter-width .mat-select, .template-authoring-side-panel .filter-width .mat-select, .user-settings .filter-width .mat-select, .pdf-panel .filter-width .mat-select {
  border-bottom: 1px solid transparent;
  font-family: "open_sansregular", sans-serif !important;
}

.mat-form-field-underline {
  background-color: #fff !important;
}

.mat-form-field.mat-focused .mat-form-field-ripple, .mat-form-field-ripple {
  background-color: transparent;
}

.user-settings .mat-form-field-appearance-legacy .mat-form-field-infix, .pdf-panel:not(.report-settings) .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0 8px 0 0;
}
.user-settings .mat-form-field-appearance-legacy .mat-form-field-label, .pdf-panel:not(.report-settings) .mat-form-field-appearance-legacy .mat-form-field-label {
  top: 12px;
  left: 10px;
}

.side-panel:not(.report-settings) .mat-form-field-infix {
  padding: 0 !important;
}

.mat-body-padding .mat-dialog-container .mat-body, .mat-body-padding .task-modal .fullscreen .common-dialog-container .mat-body, .task-modal .fullscreen .mat-body-padding .common-dialog-container .mat-body {
  padding: 10px 15px !important;
  min-height: 85px;
  max-height: 250px;
}

.button-padding .mat-dialog-container .mat-dialog-actions:last-child, .button-padding .task-modal .fullscreen .common-dialog-container .mat-dialog-actions:last-child, .task-modal .fullscreen .button-padding .common-dialog-container .mat-dialog-actions:last-child {
  margin-bottom: 10px !important;
}

.pl5 .mat-select {
  padding-left: 5px !important;
}

.media-width, .media-width .mat-dialog-container, .media-width .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .media-width .common-dialog-container {
  width: 100% !important;
  max-width: 100% !important;
}

.add-new {
  padding: 8px 10px !important;
}

.mat-select.mat-select-padding-left-10 {
  padding-left: 10px !important;
}

.days-select .mat-option {
  line-height: 30px !important;
  height: 30px !important;
}

.mat-select.w50px {
  width: 50px !important;
}

.template-authoring-side-panel .mat-form-field-appearance-legacy .mat-form-field-label {
  top: 16px;
}

.invite-user-panel .re-share-icn {
  fill: #318CE7;
}

.side-panel .mat-icon-button {
  line-height: 35px;
  margin-right: -8px;
  margin-top: -1px;
}
.side-panel .more-icon {
  color: #263238 !important;
  opacity: 0.7;
}

.search-field input {
  padding-left: 30px;
}
.search-field .search-icon {
  position: absolute;
  left: 10px;
  top: 10px;
}

.description-modal .mat-dialog-container .mat-body, .description-modal .task-modal .fullscreen .common-dialog-container .mat-body, .task-modal .fullscreen .description-modal .common-dialog-container .mat-body {
  padding: 0 25px !important;
}
.description-modal .mat-dialog-container .mat-body textarea, .description-modal .task-modal .fullscreen .common-dialog-container .mat-body textarea, .task-modal .fullscreen .description-modal .common-dialog-container .mat-body textarea {
  border: 1px solid #EBEBEB;
}
.description-modal .mat-dialog-container .mat-body textarea:focus-visible, .description-modal .task-modal .fullscreen .common-dialog-container .mat-body textarea:focus-visible, .task-modal .fullscreen .description-modal .common-dialog-container .mat-body textarea:focus-visible {
  outline: none;
  border-color: #318CE7;
}
.description-modal .mat-dialog-container .mat-dialog-actions:last-child, .description-modal .task-modal .fullscreen .common-dialog-container .mat-dialog-actions:last-child, .task-modal .fullscreen .description-modal .common-dialog-container .mat-dialog-actions:last-child {
  margin-bottom: 7px !important;
}

.share-panel .form-control {
  padding: 9px 16px !important;
}

.discardchanges-modal .mat-body p {
  margin: 0 !important;
}

/************************************* Add inspection css ***************************************/
.has-100vh {
  height: 100vh;
}

/* Add inspection no record css */
.add-inspection {
  height: calc(100vh - 90px);
}
.add-inspection .max-width600px {
  max-width: 600px;
}
.add-inspection .max-width600px .no-favorites {
  min-height: 70px;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}
.add-inspection .max-width600px .light-blue-hover:hover, .add-inspection .max-width600px .list-of-templates .details-of-templates:hover, .add-inspection .max-width600px .light-blue-hover.active {
  background-color: #f1f6fb;
}
.add-inspection .max-width600px .list-of-templates {
  max-height: calc(100vh - 320px);
  overflow-y: auto;
}
.add-inspection .max-width600px .list-of-templates::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.add-inspection .max-width600px .list-of-templates::-webkit-scrollbar-thumb {
  background: #ccc;
}
.add-inspection .max-width600px .list-of-templates::-webkit-scrollbar-track {
  background: #e6e6e6;
}
.add-inspection .max-width600px .list-of-templates {
  scrollbar-face-color: #ccc;
  scrollbar-track-color: #e6e6e6;
}
.add-inspection .max-width600px .list-of-templates .details-of-templates:hover {
  background-color: #f1f6fb;
}
.add-inspection .max-width600px .list-of-templates .details-of-templates:hover .active-link {
  color: #318CE7;
}
.add-inspection .after-search:after {
  content: "";
  position: absolute;
  border-right: 1px solid #ddd;
  height: 20px;
  top: -2px;
  right: 0;
}
.add-inspection .input-with-search {
  width: 300px;
}
.add-inspection .input-with-search .input-for-template-search {
  outline: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid #ccc;
}
.add-inspection .input-with-search .input-for-template-search:focus {
  border-bottom: 1px solid #318CE7;
}
.add-inspection .input-with-search .input-search-field {
  position: absolute;
}
.add-inspection .input-with-search .cancel-search {
  position: absolute;
  right: 10px;
  top: -3px;
  color: #ccc;
}
.add-inspection img:focus {
  outline: none;
}
.add-inspection .scroll-details {
  overflow-y: auto;
  height: calc(100vh - 224px);
}
.add-inspection .scroll-details::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}
.add-inspection .scroll-details::-webkit-scrollbar-thumb {
  background: #ccc;
}
.add-inspection .scroll-details::-webkit-scrollbar-track {
  background: #e6e6e6;
}
.add-inspection .scroll-details {
  scrollbar-face-color: #ccc;
  scrollbar-track-color: #e6e6e6;
}

.details-of-templates {
  border-radius: 5px;
}
.details-of-templates:hover {
  background-color: #f1f6fb;
}

.inspection-file-header, .permissions-tab {
  text-align: center;
  margin-top: 20px;
}
.inspection-file-header a, .permissions-tab a {
  font-size: 14px;
  color: #263238;
  height: 45px;
  text-align: center;
  padding: 0 20px;
  line-height: 32px; /* to override css */
}
.inspection-file-header a:hover, .permissions-tab a:hover {
  font-family: "open_sansregular", sans-serif;
  color: #263238;
}
.inspection-file-header a:hover.tabs-bg, .permissions-tab a:hover.tabs-bg {
  background-color: rgba(49, 140, 231, 0.2);
  padding: 0 20px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  height: 45px;
  display: inline-block;
  vertical-align: bottom !important;
}
.inspection-file-header a.active, .permissions-tab a.active {
  font-family: "open_sanssemibold", sans-serif;
  border-bottom: 3px solid #318CE7;
  color: #318CE7;
}

.permissions-tab {
  margin: 0 !important;
  /* marked important to override css */
}
.permissions-tab a {
  width: 96px !important;
}
.permissions-tab a:hover {
  color: #318CE7;
}
.permissions-tab a:hover.tabs-bg {
  background-color: transparent !important;
}

.main-block .calc-57px > img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

/************************************* Blank inspection css ***************************************/
/* Blank inspection css */
.add-project-blank-inspection-list .pos-project-name {
  left: 20px;
}
.add-project-blank-inspection-list .inspection-body {
  top: 0;
  z-index: 0;
}
.add-project-blank-inspection-list .filter-width {
  width: 29%;
}
.add-project-blank-inspection-list .filter-width:after {
  top: 10px;
}
.add-project-blank-inspection-list .display-width {
  max-width: calc(100% - 30px);
}
.add-project-blank-inspection-list .input-width {
  width: calc(100% - 30px);
}
.add-project-blank-inspection-list .img-height-width {
  max-width: 100%;
  max-height: 60vh;
  object-fit: cover;
}
.add-project-blank-inspection-list .position-icon-audio {
  top: 27%;
}
.add-project-blank-inspection-list .play-icon-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.89;
}
.add-project-blank-inspection-list .icon-bg {
  -ms-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3490196078);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3490196078);
  background: #c3c3c3;
}
.add-project-blank-inspection-list .share-position {
  top: -2px;
}
.add-project-blank-inspection-list .mat-card-box-shadow {
  -ms-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.031372549);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.031372549);
}
.add-project-blank-inspection-list .when-img .lowwer-div {
  height: 65px;
  bottom: 0;
}
.add-project-blank-inspection-list .inspection-list .box-shadow {
  box-shadow: none;
  border: 1px solid #EBEBEB;
}
.add-project-blank-inspection-list .inspection-list .img-position {
  height: calc(100vh - 162px) !important;
}
.add-project-blank-inspection-list .inspection-list button.has-z-index {
  -webkit-user-select: none;
          user-select: none;
}

.fixed-sub-header {
  right: 0;
  position: absolute;
  left: 0;
  z-index: 10;
}

.fixed-scroll {
  height: calc(100vh - 160px);
}

.position-actions {
  top: 2px;
}

.table-wrapper {
  border: 1px solid #EBEBEB;
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  overflow: auto;
  max-height: calc(100vh - 220px);
}

.no-files {
  border: 1px solid #EBEBEB;
  margin-top: -2px;
  position: relative;
  border-radius: 0 0 5px 5px;
}
.no-files .no-data-bg {
  height: 240px;
}

.files .icon-active.active {
  color: #318CE7;
  transition: 0.2s ease-in;
}
.files .filter-width {
  width: 19%;
}
.files .filter-width:after {
  display: none;
}
.files .table-list thead th {
  border-bottom: 1px solid #EBEBEB;
  height: 60px;
  vertical-align: middle;
}
.files .table-list tr td {
  padding: 15px 10px;
}
.files .table-list.table-files .data-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.5; /* fallback*/
  max-height: 6; /* fallback*/
  -webkit-line-clamp: 4; /* number of lines to show*/
  -webkit-box-orient: vertical;
}
.files .table-list.table-files .table-data-width {
  width: calc(100% - 100px);
}
.files .table-list.no-data th:nth-child(1),
.files .table-list.no-data th:nth-child(2) {
  width: 35%;
}
.files .table-list.no-data th:nth-child(3) {
  width: 20%;
}
.files .table-list.no-data th:nth-child(4) {
  width: 10%;
}
.files .button-position {
  position: fixed;
  right: 124px;
  bottom: 10px;
}
.files .position-add-icon {
  bottom: 2px;
}
.files .file-pagination {
  border: 1px solid #EBEBEB;
  border-top: 0;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  border-top: 0;
  padding: 0 20px;
  min-height: 60px;
}
.files .file-pagination .mat-paginator {
  margin-right: -20px;
}
.files .file-pagination .mat-paginator .mat-paginator-container {
  min-height: unset;
}

.media-details-panel {
  top: 0;
  width: 300px;
  height: 100vh;
}

.media-details-tab {
  margin-top: 55px;
}
.media-details-tab ul li {
  width: 50%;
  cursor: pointer;
  background-color: #F6F7F9;
  border-bottom: 2px solid #F6F7F9;
}
.media-details-tab ul li.active {
  color: #318CE7;
  border-bottom: 2px solid #318CE7;
}
.media-details-tab ul li:first-child::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  top: 15px;
  background-color: #C5CCD9;
  right: 0;
}
.media-details-tab .mat-expansion-panel-header {
  padding: 0 15px !important;
}
.media-details-tab .mat-expansion-panel-body {
  padding: 0 20px 15px 40px;
  font-family: "open_sansregular", sans-serif;
}
.media-details-tab .mat-expansion-panel-spacing {
  margin: 0 !important;
}
.media-details-tab .mat-expansion-panel {
  margin: 0 !important;
}
.media-details-tab .mat-expansion-panel-content, .media-details-tab .mat-expansion-panel-header {
  background-color: #fff !important;
}
.media-details-tab .user-metadata svg {
  display: inline-block;
}
.media-details-tab .user-metadata span {
  display: inline-block;
  width: calc(100% - 40px);
}
.media-details-tab .tab-data {
  height: calc(100vh - 55px);
  overflow-y: scroll;
}
.media-details-tab .tab-data.has-tabs {
  height: calc(100vh - 100px);
}

.media-dialog-icon {
  padding: 5px;
  background: #263238;
  border-radius: 50%;
}

.when-img .upper, .when-img .lowwer-div {
  background: #263238;
}
.when-img .overlay-img .action-div {
  background: rgba(0, 0, 0, 0.32);
  bottom: 200px;
  position: relative;
  margin: 0 auto;
  text-align: center;
  line-height: 1;
  padding: 10px;
}
.when-img .overlay-img .action-div a {
  line-height: 10px !important;
  padding: 7px !important;
  display: inline-block;
  vertical-align: middle !important;
}

.button-pos {
  position: absolute;
  bottom: 0;
  left: 48%;
  width: 50px;
  height: 19px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.pos-add-note {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 135px;
}

.box {
  background-color: #FFCC55;
  max-height: 0;
  overflow-y: hidden;
  transition: ease-in-out 400ms max-height;
}

.box.opened {
  max-height: 500px;
  transition: ease-in-out 600ms max-height;
}

li {
  list-style: none;
}

ul.blank-inspection-listing li {
  position: relative;
  margin-bottom: 0;
  padding: 15px 0;
}
ul.blank-inspection-listing li:after {
  content: "";
  position: absolute;
  left: -21px;
  top: 0;
  width: 10px;
  height: 10px;
  background: #318CE7;
  border-radius: 50%;
}
ul.blank-inspection-listing li:before {
  content: "";
  position: absolute;
  left: -16px;
  border-left: 1px solid #263238;
  height: 104%;
  width: 1px;
  opacity: 0.37;
}
ul.blank-inspection-listing li:first-child:before {
  top: 6px;
}
ul.blank-inspection-listing li.when-no-date:after {
  top: -6px;
}

.transparent-disc:after {
  content: "" !important;
}

.project-filter-width .filter-width {
  width: 18%;
}

/* mat-progress-bar */
.report-download-modal .mat-dialog-container, .report-download-modal .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .report-download-modal .common-dialog-container {
  max-width: 445px !important;
  padding: 30px !important;
}
.report-download-modal .mat-divider {
  border-color: #EBEBEB;
}
.report-download-modal .mat-progress-bar-fill:after {
  background-color: #318CE7 !important;
}
.report-download-modal .mat-progress-bar-buffer {
  background-color: #f6f6f6 !important;
}
.report-download-modal .mat-progress-bar {
  display: inline-block !important;
  width: 80% !important;
  height: 7px;
  border-radius: 8px;
}
.report-download-modal .mat-progress-bar + span {
  line-height: normal;
}
.report-download-modal .mat-body, .report-download-modal .mat-dialog-title {
  padding: 0 !important;
}
.report-download-modal .report-name img, .report-download-modal .report-name span {
  z-index: 9;
}
.report-download-modal .report-name span {
  right: 10px;
}
.report-download-modal .report-name img {
  left: 18px;
}
.report-download-modal .report-name .form-control {
  padding: 0 42px;
  opacity: 1;
}
.report-download-modal .report-name .form-control:disabled {
  opacity: 0.7;
}
.report-download-modal .report-name .form-control::selection {
  background-color: rgb(222, 236, 251);
}
.report-download-modal .report-name.form-control {
  padding: 0 42px;
  background-color: #e9ecef;
}
.report-download-modal .report-name.form-control label {
  white-space: nowrap;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.report-download-modal button.cancel {
  border-color: rgba(38, 50, 56, 0.5019607843);
  width: 73px;
}
.report-download-modal a.bg-inverse {
  color: #fff !important;
}
.report-download-modal .mat-dialog-actions {
  padding: 0;
  margin-bottom: 0 !important;
  min-height: auto;
}

.report-email-modal {
  /* third party ng-tag-input */
}
.report-email-modal .mat-dialog-container, .report-email-modal .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .report-email-modal .common-dialog-container {
  max-width: 100% !important;
}
.report-email-modal .mat-dialog-container .mat-body, .report-email-modal .task-modal .fullscreen .common-dialog-container .mat-body, .task-modal .fullscreen .report-email-modal .common-dialog-container .mat-body {
  padding: 20px !important;
}
.report-email-modal .ng2-tag-input {
  border: 1px solid #EBEBEB !important;
  padding-left: 8px !important;
  border-radius: 5px;
  box-shadow: none;
  outline: none;
}
.report-email-modal .ng2-tag-input.ng2-tag-input--focused {
  border-color: #318CE7 !important;
}
.report-email-modal .ng2-tags-container tag {
  background: #f9f9f9 !important;
  color: #263238 !important;
  border: 1px solid #EBEBEB;
}
.report-email-modal .ng2-tags-container tag path {
  fill: #000 !important;
}
.report-email-modal .err-color {
  color: #E01E53;
}
.report-email-modal .mat-checkbox-inner-container {
  width: 20px;
  height: 20px;
}

.email-popup input {
  width: 100%;
  height: 40px;
  border: 1px solid #EBEBEB;
  box-shadow: none;
  outline: none;
  border-radius: 5px;
  padding-left: 10px;
}
.email-popup input:focus {
  border-color: #318CE7;
}
.email-popup textarea {
  width: 100%;
  height: 80px;
  border: 1px solid #EBEBEB;
  box-shadow: none;
  outline: none;
  border-radius: 5px;
  padding: 10px;
}
.email-popup textarea:focus {
  border-color: #318CE7;
}

.custom-inspection-list {
  position: absolute;
  right: 0;
  top: 45px;
  width: 390px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  z-index: 999;
}
.custom-inspection-list.in-project {
  width: 355px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  z-index: 999;
  display: inline-block;
}
.custom-inspection-list.in-project .mat-checkbox-layout {
  display: inline-block !important;
}
.custom-inspection-list.in-project .mat-checkbox-label {
  white-space: normal !important;
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}
.custom-inspection-list.in-project .mat-tab-label {
  opacity: 1;
}
.custom-inspection-list.in-project .mat-tab-label.mat-tab-label-active {
  color: #318CE7;
}
.custom-inspection-list.in-project .mat-ink-bar {
  background-color: #318CE7;
}
.custom-inspection-list.in-project .mat-tab-header-pagination {
  display: none !important;
}

.search-details input {
  width: 100%;
  padding: 10px 30px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
}
.search-details input:focus, .search-details input:focus-within {
  border: 1px solid #318CE7;
}
.search-details .search-icon, .search-details .close-icon {
  top: 10px;
  color: #263238;
}
.search-details .search-icon {
  left: 10px;
}
.search-details .close-icon {
  right: 10px;
}

.search-list-checkbox {
  height: 240px;
  max-height: 240px;
  overflow-y: auto;
  margin: 0;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  flex-direction: column;
}
.search-list-checkbox::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.search-list-checkbox::-webkit-scrollbar-thumb {
  background: #ccc;
}
.search-list-checkbox::-webkit-scrollbar-track {
  background: #e6e6e6;
}
.search-list-checkbox {
  scrollbar-face-color: #ccc;
  scrollbar-track-color: #e6e6e6;
}
.search-list-checkbox p {
  font-size: 14px;
  margin-bottom: 15px;
}
.search-list-checkbox .mat-checkbox-frame {
  border-color: #ddd;
  border-width: 1px !important;
}
.search-list-checkbox.in-project {
  position: relative;
  top: 0;
  width: 355px;
  background: #fff;
  display: inline-block;
  overflow-x: hidden;
}

/* inspection and project mapping  */
.testClass .mat-select-search-hidden {
  visibility: hidden !important;
}
.testClass .mat-select-search-inner {
  position: absolute;
  top: 0;
  width: calc(100% + 15px);
  border-bottom: 1px solid #cccccc;
  background: white;
  z-index: 100;
}
.testClass .mat-select-search-inner.mat-select-search-inner-multiple {
  width: calc( 100% + 48px );
}
.testClass .mat-select-search-inner .mat-icon {
  font-size: 21px;
  color: #263238;
  text-align: right;
  line-height: 24px;
  width: 10%;
  vertical-align: top;
}
.testClass.mat-select-panel {
  overflow: hidden;
  max-height: 360px !important;
  margin-top: 0;
  margin-left: 30px;
  min-width: calc(100% + 24px) !important;
}
.testClass .mat-select-search-input {
  padding: 16px !important;
  padding-right: 36px;
  box-sizing: border-box;
  border: 0;
}
.testClass .mat-select-search-no-entries-found {
  padding: 16px;
}
.testClass .mat-select-search-clear {
  position: absolute;
  right: 30px;
  top: 12px;
  background: transparent;
}
.testClass .mat-option {
  font-size: 14px !important;
}

::ng-deep .mat-select-search-panel { /* allow absolute positioning relative to outer options container */
  transform: none !important;
  max-height: 350px;
}

::ng-deep .cdk-overlay-pane-select-search { /* correct offsetY so that the selected option is at the position of the select box when opening */
  margin-top: -50px;
}

.mat-form-field {
  line-height: 1;
}

.search-wrapper .mat-form-field-wrapper {
  padding: 0 !important;
}
.search-wrapper .mat-form-field-outline {
  color: rgb(197, 204, 217);
}
.search-wrapper.mat-focused .mat-form-field-outline {
  color: #3172e7;
}

.infix-wrapper .mat-form-field-infix {
  padding: 0.5em 0 !important;
}

.basic-container .mat-form-field-wrapper {
  padding: 0 !important;
  margin-bottom: 20px !important;
}
.basic-container .mat-select {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 12px 10px;
  height: 40px;
  display: flex;
  align-items: center;
}
.basic-container .mat-select:focus {
  border: 1px solid #80bdff;
}
.basic-container .mat-select .mat-select-arrow-wrapper {
  margin-top: 2px;
}
.basic-container .seleced-options-chips .has-chips {
  width: 100%;
  list-style-type: none;
  font-size: 16px;
  padding: 3px 15px 3px;
  text-align: left;
  background: #f9f9f9;
  border-radius: 2px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 7px;
  color: #263238;
  border: 1px solid #EBEBEB;
  min-width: 100px;
}
.basic-container .seleced-options-chips .has-chips .mat-icon {
  width: 17px !important;
  cursor: pointer;
  margin-top: 4px;
  text-align: right;
  padding: 0 2px;
  font-size: 18px;
}
.basic-container .mat-select-placeholder {
  display: none !important;
}
.basic-container .mat-select-value-text span {
  line-height: 23px !important;
}
.basic-container mat-select-trigger {
  line-height: 23px !important;
}
.basic-container .mat-form-field.mat-focused .mat-form-field-label, .basic-container .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: rgba(0, 0, 0, 0.54) !important;
}
.basic-container .mat-form-field-appearance-legacy .mat-form-field-underline {
  height: 0 !important;
}

.testlabel {
  margin-top: 9px;
  display: inline-block;
  font-size: 14px;
}
.testlabel:focus {
  color: rgba(0, 0, 0, 0.54) !important;
}

.scroll-div {
  max-height: 235px;
  overflow: auto;
  padding-bottom: 10px;
}
.scroll-div::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.scroll-div::-webkit-scrollbar-thumb {
  background: #ccc;
}
.scroll-div::-webkit-scrollbar-track {
  background: #e6e6e6;
}
.scroll-div {
  scrollbar-face-color: #ccc;
  scrollbar-track-color: #e6e6e6;
}

.custom-chip {
  background: #ddd !important;
  color: #000 !important;
  padding: 3px 5px !important;
  border-radius: 3px !important;
  min-height: 23px !important;
  display: inline-block !important;
  font-size: 12px !important;
}
.custom-chip.in-inspection {
  font-size: 9px !important;
  min-height: 19px !important;
}

.custom-tooltip-hover {
  background: #263238 !important;
  color: #fff;
  font-weight: normal;
  padding: 5px 8px !important;
  font-size: 12px;
  width: 250px !important;
  margin-top: 5px !important;
  border-radius: 5px;
}

/********************************* permissions css ********************************/
.permissions-list .filter-width {
  width: 13%;
}

.activity-panel {
  overflow-x: hidden;
  z-index: 99;
}

.bottom-border {
  border-bottom: 1px solid #ddd;
}

.header-image-fixed {
  position: absolute;
  top: 15px;
  z-index: 1;
  right: 0;
  width: 100%;
  background: #fff;
}

/********************************* tablet responsive css for media details panel ********************************/
.tablet-responsive.media-details-panel {
  top: 0;
  width: 300px;
  height: 100vh;
  padding-top: 0;
}

.has-change-in-color {
  font-weight: normal;
  color: #b2b7b9 !important;
}

.has-unchecked-bg {
  position: absolute;
  right: auto;
  left: auto;
  background: rgb(236, 245, 255);
  width: 97.6% !important;
  top: 1px;
}
.has-unchecked-bg.in-project {
  width: 100% !important;
}

.export-details p {
  margin: 3px 0 !important;
}

.left-border {
  border-left: 2px solid #e0e0e0;
  padding-left: 15px;
}

.no-show {
  display: none !important;
}

.mat-menu-panel.export-excel .mat-radio-button {
  display: block !important;
  padding: 5px 12px 15px !important;
  font-size: 13px;
}
.mat-menu-panel.export-excel hr {
  border-top: 1px solid #c9c9c9 !important;
}

.has-right-export-border {
  border-right: 1px solid #ddd;
}

.cursor-context-menu th {
  line-height: 1 !important;
  border-top: 0 !important;
}

/* share panel */
share-panel { /*.mat-select { top: $measurement-2-px; width: auto; right: $measurement-5-px; position: absolute; }*/ }
share-panel .mat-select-value {
  max-width: inherit !important;
}

.radio-toolbar input[type=radio] {
  position: absolute;
  right: 0;
  left: 0;
  width: 87px;
  top: 0;
  bottom: 0;
  height: 100%;
  visibility: hidden;
}

.export-file {
  width: 287px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  display: inline-block;
  background: #fff;
  border: 1px solid #ebebeb;
}
.export-file .has-total-progress {
  border-bottom: 4px solid #318ce7;
  display: block;
  position: relative;
}
.export-file .download-bg {
  width: 47px;
  height: 47px;
  background: #eef3f8;
  display: inline-block;
  line-height: 47px;
  border-radius: 5px;
  text-align: center;
}
.export-file.failed-files .scroll-max-height {
  max-height: 115px;
}

/* export mat-dialog */
.export-modal .mat-dialog-container, .export-modal .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .export-modal .common-dialog-container {
  max-width: 100% !important;
  width: 645px !important;
}
.export-modal .mat-dialog-container .export-body, .export-modal .task-modal .fullscreen .common-dialog-container .export-body, .task-modal .fullscreen .export-modal .common-dialog-container .export-body {
  padding: 10px 30px !important;
}
.export-modal .mat-checkbox-frame {
  border-width: 1px !important;
}
.export-modal .mat-checkbox-disabled {
  opacity: 0.4 !important;
}

/* styling fixes  */
.in-add-inspection-tooltip {
  display: inline-block;
  vertical-align: top;
  width: 0%;
  position: relative;
  top: -2px;
  left: 10px;
}

.sprite-min-width span:first-child {
  min-width: 18px;
}
.sprite-min-width .mat-menu-item:hover .svg-icon {
  stroke: #318CE7;
}
.sprite-min-width .mat-menu-item:hover .share-panel-icn .svg-icon {
  fill: #318CE7;
}

.inspection-new-btn {
  min-width: 300px !important;
  max-width: 400px !important;
}
.inspection-new-btn .mat-menu-item:hover {
  background-color: #F4F9FE;
}
.inspection-new-btn .mat-menu-item:hover .sprite-icon-inspection-grey {
  background-position: -63px -1973px;
}
.inspection-new-btn .mat-menu-item:hover .sprite-icon-template-grey {
  background-position: -62px -3448px;
}

.new-template-button .mat-menu-item:hover {
  background-color: #F4F9FE;
}
.new-template-button .mat-menu-item:hover .sprite-icon-inspection-grey {
  background-position: -63px -1973px;
}
.new-template-button .mat-menu-item:hover .sprite-icon-template-grey {
  background-position: -62px -3448px;
}
.new-template-button .mat-menu-item:hover .svg-sprite-icon .svg-icon {
  fill: #318CE7;
}
.new-template-button .svg-sprite-icon .svg-icon {
  fill: #7c7c7c;
  stroke: none;
}

.add-project-container {
  height: calc(100vh - 1px);
}

.fix-to-top {
  position: absolute;
  top: 0;
  right: 0;
  left: 220px;
  height: 100vh;
  z-index: 2;
  background-color: #fff;
}

.media-tiles {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.media-tiles .media-tile {
  border: 1px solid #666F73;
  width: 60px;
  margin: 0 5px;
  height: 60px;
  display: inline-block;
  vertical-align: top;
}
.media-tiles .media-tile img {
  width: 100%;
  height: 100%;
}
.media-tiles .media-tile.active {
  border: 2px solid #318CE7;
  height: 50px;
  width: 50px;
  margin-top: 5px;
}
.media-tiles .has-audio-file {
  background: #7C7C7C;
}
.media-tiles .has-audio-file img {
  height: auto;
  width: auto;
  margin-top: 17px;
}
.media-tiles .has-audio-file.active img {
  margin-top: 11px;
}

.role-select .mat-form-field-suffix {
  top: 10px !important;
  right: 5px !important;
}

.slide-controls {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.slide-controls .prev-slide-icon {
  left: 50px;
  position: absolute;
}
.slide-controls .next-slide-icon {
  right: 50px;
  position: absolute;
}
.slide-controls .next-slide-icon span {
  transform: rotate(180deg);
}
.slide-controls .next-slide-icon.details-panel-opened {
  right: 350px;
}
.slide-controls .slide-arrow-icon {
  height: 40px;
  width: 40px;
  background: #263238;
  border-radius: 50%;
  padding: 5px;
  text-align: center;
  position: absolute;
  top: calc(50vh - 50px);
}

.disabled-icon {
  opacity: 0.4;
}

.expand-collapse-note-icon {
  height: 20px;
  width: 50px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 42px;
  margin: 0 auto;
  background: rgba(38, 50, 56, 0.7);
  text-align: center;
  border-radius: 5px 5px 0px 0px;
}

.add-note-strip {
  border-radius: 5px;
  background: rgba(38, 50, 56, 0.7);
  padding: 3px 25px;
}

.added-media-note {
  background: rgba(38, 50, 56, 0.7);
  padding: 0 10px;
}
.added-media-note .text-ellipsis-multiline {
  -webkit-line-clamp: 2 !important;
}
.added-media-note .text-note {
  max-width: 95%;
}
.added-media-note.no-edit .text-note {
  width: 100%;
  pointer-events: none;
  cursor: default;
}
.added-media-note input {
  height: 25px;
}

.note-section {
  position: absolute;
  bottom: 0;
}

.has-width-scroll {
  overflow-x: auto;
}
.has-width-scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: none;
}
.has-width-scroll::-webkit-scrollbar {
  height: 5px;
  background-color: none;
}
.has-width-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #dad6d6;
}

.svg-media-sprite-icon {
  width: 40px;
  height: 40px;
  border-radius: 30px;
  background: rgba(38, 50, 56, 0.5);
}
.svg-media-sprite-icon .svg-icon {
  fill: #fff;
}

.full-screen-media .drag-scroll-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  z-index: 9999;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
}
.full-screen-media .drag-scroll-content img {
  max-width: 100%;
  max-height: 100%;
}

.upper {
  position: fixed;
  z-index: 10000;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  background-color: transparent !important;
}

.zoom-img .drag-scroll-content {
  height: 100vh !important;
}

.user-role-radio-button .mat-radio-label {
  align-items: flex-start;
  vertical-align: top;
}

.shared-email-list .shared-details {
  width: calc(100% - 45px);
}
.shared-email-list .restricted-access {
  opacity: 0.5;
}

.role-info-icon {
  outline: none !important;
}

.notify-icn {
  fill: #263238;
}
.notify-icn:hover {
  fill: #318CE7;
}

.re-share-icn:hover * {
  fill: #318CE7;
}

.custom-arrow-select {
  position: relative;
  right: 8px;
}

.more-icon {
  color: #91979A;
}

.role-options .mat-radio-label-content, .role-options .mat-slide-toggle-content {
  font-family: "open_sansregular", sans-serif;
}

/*Task link dialog*/
.task-link-dialog .mat-dialog-container, .task-link-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .task-link-dialog .common-dialog-container {
  max-width: 933px !important;
  width: 933px !important;
}
.task-link-dialog .mat-dialog-container .mat-dialog-content, .task-link-dialog .task-modal .fullscreen .common-dialog-container .mat-dialog-content, .task-modal .fullscreen .task-link-dialog .common-dialog-container .mat-dialog-content {
  max-height: calc(100vh - 330px);
  padding: 0 15px 5px;
}
.task-link-dialog .dialog-header {
  margin-bottom: 14px;
}
.task-link-dialog .task-container {
  padding: 23px 20px;
  background-color: #F9F9F9;
}
.task-link-dialog .task-header {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 20px;
}
.task-link-dialog .calendar-icon use {
  stroke: #263238;
}
.task-link-dialog .acceptance-status {
  right: -5px;
}
.task-link-dialog .mat-dialog-actions {
  margin: 0 !important;
  padding: 0 0 30px;
}
.task-link-dialog .assignment-checkbox .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.task-link-dialog .assignment-checkbox .mat-checkbox-inner-container .mat-checkbox-checkmark {
  top: 3px;
}
.task-link-dialog .assignment-checkbox.is-invalid .mat-checkbox-frame {
  border-color: #E01E53;
}
.task-link-dialog .btn-outline.mark-done {
  padding: 8px 18px;
  position: relative;
}
.task-link-dialog .btn-outline.mark-done .material-icons {
  width: auto;
  height: auto;
  margin-left: 11px;
}
.task-link-dialog .btn-outline.mark-done:focus {
  box-shadow: none;
}
.task-link-dialog .btn-outline.mark-done.marked {
  border-color: #ebebeb;
  color: #263238;
}
.task-link-dialog .btn-outline.mark-done.marked:after {
  content: "";
  position: absolute;
  right: -18px;
  height: 14px;
  width: 1px;
  background-color: #c4c4c4;
}
.task-link-dialog .btn-undo {
  color: #318CE7;
  margin-left: 15px;
}
.task-link-dialog .btn-undo:hover .mat-button-focus-overlay {
  opacity: 0 !important;
}
.task-link-dialog .error-link {
  background-color: rgba(224, 30, 83, 0.1);
  padding: 10px 14px;
  border-radius: 3px;
  margin-top: 8px;
}
.task-link-dialog .error-link .btn {
  padding: 0;
  width: 47px;
  height: 26px;
}

.task-confirmation .btn {
  padding: 6px 16px;
  height: 40px;
}

/*Inspection filters*/
.inspections-filters {
  gap: 10px;
}
.inspections-filters .header-search-icon {
  right: 0 !important;
}
.inspections-filters .expandSearch input {
  border-color: #C5CCD9;
  background-color: transparent;
  padding-left: 37px;
  padding-right: 28px;
  width: 206px;
}
.inspections-filters .expandSearch svg.search-icon {
  right: auto;
  top: 11px;
  left: 12px;
  position: absolute;
}
.inspections-filters .expandSearch svg.close-icon {
  right: 10px;
  top: 10px;
  padding: 0;
  position: absolute;
}
.inspections-filters .expandSearch svg.close-icon::before {
  content: none;
}
.inspections-filters .clear-all-filter {
  border-left: 1px solid #ebebeb;
  color: #484848;
  padding-left: 15px;
}

.btn-new-inspection {
  padding: 5px 10px !important;
  height: 36px;
}

.filter-btn {
  padding: 0 16px;
  background-color: transparent;
  border: 1px solid #C5CCD9;
}
.filter-btn.active, .filter-btn:hover, .filter-btn.mat-button-toggle-checked {
  background-color: rgba(49, 140, 231, 0.1) !important;
  border-color: rgba(49, 140, 231, 0.1) !important;
}
.filter-btn.mat-button-toggle.active {
  font-family: "open_sanssemibold", sans-serif !important;
}
.filter-btn.mat-button-toggle.active .mat-icon {
  font-weight: 600;
}
.filter-btn.mat-button-toggle-appearance-standard {
  min-width: 130px;
  border-color: #C5CCD9 !important;
  background-color: transparent;
}
.filter-btn.mat-button-toggle-appearance-standard:hover .mat-button-toggle-focus-overlay {
  opacity: 0 !important;
}
.filter-btn.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 38px;
  padding: 0;
}
.filter-btn.mat-button-toggle-appearance-standard .filter-checked {
  height: auto;
  width: auto;
  margin-top: -3px;
}
.filter-btn .arrow-svg-size {
  position: relative;
  bottom: 1px;
}

.arrow-svg-size {
  width: 9px !important;
  height: 5px !important;
}

.status-filter mat-select-trigger {
  align-items: center;
}
.status-filter .mat-select-value {
  padding-top: 0 !important;
}
.status-filter .mat-form-field-infix {
  width: auto;
  min-width: 91px;
}
.status-filter.select-arrow .mat-form-field-suffix {
  right: 16px !important;
}
.status-filter.active .mat-select-value-text {
  padding-right: 0 !important;
}
.status-filter.active .mat-form-field-suffix {
  display: none !important;
}
.status-filter.active .in-progress-color {
  background-color: #FCE3D6;
}
.status-filter.active .mat-select-value, .status-filter:hover .mat-select-value {
  border-color: rgba(49, 140, 231, 0.1) !important;
  background-color: rgba(49, 140, 231, 0.1);
}
.status-filter .status-label {
  padding: 1px 6px 0;
  height: 22px;
}

.btn-remove-filter {
  line-height: 0;
  background: transparent;
  width: 10px;
  height: 8px;
  box-shadow: none !important;
}
.btn-remove-filter .svg-close {
  width: 8px !important;
  height: 8px !important;
}

.more-count {
  background-color: rgba(49, 140, 231, 0.2);
  width: 26px;
  height: 26px;
}

/*Date filter*/
.mat-menu-panel.date-filter-menu {
  max-width: 458px !important;
}
.mat-menu-panel.date-filter-menu .mat-menu-content:not(:empty) {
  height: 100%;
  padding: 0;
}
.mat-menu-panel.date-filter-menu .filter-apply {
  padding: 9px 5px;
  border-top: 1px solid #eee;
}
.mat-menu-panel.date-filter-menu .filter-apply .btn {
  color: #318CE7;
}
.mat-menu-panel.date-filter-menu .mat-button-toggle-group {
  flex-direction: column;
  flex: 1;
  border: 0;
  border-right: 1px solid #eee;
  font-size: 14px;
  border-radius: 0;
}
.mat-menu-panel.date-filter-menu .mat-button-toggle-group .mat-button-toggle {
  width: 131px;
}
.mat-menu-panel.date-filter-menu .mat-button-toggle-group .mat-button-toggle + .mat-button-toggle {
  border-left: 0;
}
.mat-menu-panel.date-filter-menu .mat-button-toggle-group .mat-button-toggle-checked {
  background-color: rgba(49, 140, 231, 0.1);
}
.mat-menu-panel.date-filter-menu .form-control.focused {
  border-color: #5aa3ec;
}
.mat-menu-panel.date-filter-menu .date-filter-options {
  padding: 14px 38px 20px 25px; /*Radio buttons*/
  /*  Datepicker*/
}
.mat-menu-panel.date-filter-menu .date-filter-options .mat-radio-button:not(:first-child) .mat-radio-label {
  margin-top: 23px;
}
.mat-menu-panel.date-filter-menu .date-filter-options .mat-radio-button .mat-radio-label {
  margin-bottom: 0;
}
.mat-menu-panel.date-filter-menu .date-filter-options .mat-radio-button .mat-radio-label .mat-radio-label-content {
  padding-left: 10px;
}
.mat-menu-panel.date-filter-menu .date-filter-options .mat-radio-button .mat-radio-container {
  width: 16px;
  height: 16px;
}
.mat-menu-panel.date-filter-menu .date-filter-options .mat-radio-button .mat-radio-container .mat-radio-inner-circle,
.mat-menu-panel.date-filter-menu .date-filter-options .mat-radio-button .mat-radio-container .mat-radio-outer-circle {
  width: 100%;
  height: 100%;
}
.mat-menu-panel.date-filter-menu .date-filter-options .mat-radio-button .mat-radio-container .mat-radio-outer-circle {
  border-width: 1px;
  border-color: #C5CCD9;
}
.mat-menu-panel.date-filter-menu .date-filter-options .mat-radio-button .mat-radio-ripple {
  border-radius: 50%;
  left: calc(50% - 16px);
  top: calc(50% - 16px);
  height: 32px;
  width: 32px;
}
.mat-menu-panel.date-filter-menu .date-filter-options .custom-date {
  margin-right: -13px;
}
.mat-menu-panel.date-filter-menu .date-filter-options .datepicker {
  width: 115px;
  height: 40px;
}
.mat-menu-panel.date-filter-menu .date-filter-options .datepicker .mat-form-field-wrapper {
  padding-bottom: 0;
}
.mat-menu-panel.date-filter-menu .date-filter-options .datepicker .mat-form-field-infix {
  border: 0;
}
.mat-menu-panel.date-filter-menu .date-filter-options .datepicker .mat-form-field-flex {
  padding: 5px 10px;
  align-items: center;
}
.mat-menu-panel.date-filter-menu .date-filter-options .datepicker .svg-calendar {
  width: 11px !important;
  height: 11px !important;
}
.mat-menu-panel.date-filter-menu .date-filter-options .datepicker .custom-duedate {
  left: 21px;
}

/*More filters menu*/
.mat-icon.plus-icon {
  height: auto;
  width: auto;
  font-size: 13px;
}

.mat-menu-panel.more-filter-menu {
  padding: 22px 20px;
  min-width: 406px !important;
  max-width: 493px !important;
}

.mat-menu-panel.report-filter-menu {
  padding: 0px 20px 15px 20px;
  min-width: 316px !important;
  max-width: 316px !important;
  left: -54px !important;
  top: 5px !important;
}

.report-filter-notification-dot {
  position: absolute;
  top: 10.5px;
  left: 22px;
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  background-color: #318CE7;
  border-radius: 50%;
  display: inline-block;
  z-index: 1;
}

.search-field-report input {
  padding-left: 36px !important;
}
.search-field-report .search-icon {
  position: absolute;
  left: 10px;
  top: 10px;
}

.template-label {
  padding: 6px 10px;
  background-color: #F9F9F9;
  display: inline-flex;
  margin: 0 5px 5px 0;
  word-break: break-word;
  align-items: center;
}
.template-label.created-by {
  padding: 2px 10px 2px 6px;
}
.template-label .btn-remove-filter {
  margin-left: 4px;
}

.custom-form-field.d-flex .mat-form-field-wrapper, .d-flex.user-select .mat-form-field-wrapper, .d-flex.due-timezone .mat-form-field-wrapper, .d-flex.create-task .mat-form-field-wrapper, .d-flex.common-select.form-control .mat-form-field-wrapper {
  flex: 0 0 100%;
}

/* Custom select field with multiple selected values*/
.mat-form-field.custom-select-field {
  display: block;
}
.mat-form-field.custom-select-field .mat-select,
.mat-form-field.custom-select-field .mat-select-trigger,
.mat-form-field.custom-select-field .mat-select-value {
  min-height: 40px;
}
.mat-form-field.custom-select-field .mat-select-trigger {
  display: block;
}
.mat-form-field.custom-select-field .mat-select-value {
  border: 1px solid #C5CCD9;
  border-radius: 5px;
  padding: 5px 16px 0;
}
.mat-form-field.custom-select-field .mat-form-field-label-wrapper,
.mat-form-field.custom-select-field .mat-select-value {
  display: flex;
  align-items: center;
}
.mat-form-field.custom-select-field .mat-form-field-wrapper {
  padding-bottom: 0;
  height: 40px;
}
.mat-form-field.custom-select-field .mat-form-field-infix {
  padding: 0;
  border: 0;
}
.mat-form-field.custom-select-field .mat-form-field-label-wrapper {
  padding: 0;
  top: 0;
  height: 40px;
}
.mat-form-field.custom-select-field .mat-form-field-label {
  top: auto;
  left: 16px;
  right: 0;
  margin: 0;
}
.mat-form-field.custom-select-field .mat-select-value-text {
  white-space: break-spaces;
  padding-right: 15px;
  flex: 0 0 100%;
}
.mat-form-field.custom-select-field .mat-select-value-text mat-select-trigger {
  display: flex;
  flex-wrap: wrap;
}
.mat-form-field.custom-select-field.select-arrow .mat-form-field-suffix {
  top: 15px;
  right: 22px;
}
.mat-form-field.custom-select-field .mat-select-arrow-wrapper {
  display: none;
}
.mat-form-field.custom-select-field.no-border .mat-select-value {
  border: none;
  padding: 5px 16px 0;
}

.mat-focus-border.mat-focused .mat-select-value {
  border-color: #5aa3ec;
}

.input-focus:focus {
  border-color: #5aa3ec !important;
}

/*Template dropdown*/
.customfilterClass.filter-dropdown, .filter-dropdown.customfilterClassDetails, .customfilterClass.template, .template.customfilterClassDetails {
  width: auto;
  max-width: 100vw;
  right: -40px;
  left: 40px;
  margin-top: 38px;
}
.customfilterClass.status-filter-dropdown, .status-filter-dropdown.customfilterClassDetails {
  width: 156px;
  left: 40px;
}

.mat-select-bg .mat-select-trigger .mat-select-value {
  background-color: #fff !important;
}
.mat-select-bg .mat-select-trigger.active .mat-select-value, .mat-select-bg .mat-select-trigger:hover .mat-select-value {
  background-color: #fff !important;
}

.mat-form-field-padding.mat-form-field.default-style .mat-form-field-flex {
  padding: 10px !important;
}

.mat-form-field-padding-customId-filter.mat-form-field.default-style .mat-form-field-flex {
  padding: 4px 10px !important;
}

/*Details panel inspection*/
.mat-button.btn-add-location {
  padding: 0 8px;
}
.mat-button.btn-add-location .mat-icon {
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 17px;
}

.mat-form-field.custom-text-box {
  display: flex;
  align-items: center;
  font-family: "open_sansregular", sans-serif !important;
}
.mat-form-field.custom-text-box .mat-form-field-infix {
  border: 0;
}
.mat-form-field.custom-text-box .mat-form-field-wrapper {
  padding-bottom: 0 !important;
  flex: 0 0 100%;
}

.inspection-location .list-of-location {
  margin-top: 2px;
}
.inspection-location .btn-delete {
  margin-right: -12px;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-auto {
  flex: 0 0 auto;
}

.custom-autocomplete .mat-form-field-label-wrapper {
  font-family: "open_sansregular", sans-serif;
  top: -15px;
}

.project-overview {
  margin-top: 5px;
  left: -10px;
}

.report-location-1, .report-location-2 {
  margin: 3px 0 0 8px !important;
  line-height: 10px !important;
}

.report-location-2 {
  max-width: 190px;
}

.min-width-100 {
  min-width: 100% !important;
}

.file-icon-size {
  width: 64px;
  height: 64px;
  position: relative;
}
.file-icon-size .play-icon {
  font-size: 64px;
}

/* Workflow activity log styles*/
.outline-label {
  padding: 4px 5px;
  border: 1px solid #C5CCD9;
  border-radius: 5px;
  line-height: 17px;
  display: inline-block;
}

.status-log span {
  line-height: 19px;
}

.wrap-layout .answer-block-1 {
  flex-basis: 93%;
  margin-bottom: 10px;
}
.wrap-layout .answer-block-2 {
  flex-basis: 84%;
}
.wrap-layout .outline-label {
  max-width: 100%;
}
.wrap-layout img {
  margin-left: 0 !important;
}

/*Files drag and drop*/
.drag-overlay {
  visibility: hidden;
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  width: 99%;
  top: 12px;
  bottom: 0;
  height: 98%;
  z-index: 99;
  border: 1px dashed #318CE7;
  border-radius: 5px;
}

.drag-over .drag-overlay {
  visibility: visible;
}

.file-filter .mat-form-field-infix {
  width: auto;
  min-width: 37px;
  max-width: 100px;
}
.file-filter .mat-form-field-flex {
  align-items: center;
}
.file-filter .mat-form-field-label {
  line-height: 17px;
  width: calc(100% - 10px) !important;
}
.file-filter .mat-form-field-suffix {
  position: relative !important;
  top: 0 !important;
  line-height: 1;
}

/*Progress snackbar for file upload*/
.file-progress-snackbar {
  background-color: transparent;
  padding: 0 !important;
  box-shadow: none;
}

/*Duplicate inspection*/
.checkbox-bdr-clr .mat-checkbox-frame {
  border-color: #C5CCD9;
}

.checkbox-lbl-clr .mat-checkbox-label {
  color: #263238;
}

.clone-inspection-dialog .mat-checkbox {
  line-height: 0;
}
.clone-inspection-dialog .mat-checkbox .mat-checkbox-layout {
  align-items: center;
  margin-bottom: 20px;
}
.clone-inspection-dialog .mat-checkbox .mat-checkbox-inner-container {
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
  align-self: end;
}
.clone-inspection-dialog .mat-checkbox .mat-checkbox-label {
  line-height: normal;
}
.clone-inspection-dialog .btn svg {
  fill: #318CE7;
  position: relative;
  top: 2px;
}
.clone-inspection-dialog .btn:not(.expanded) svg {
  transform: rotate(-90deg);
  top: 1px;
}
.clone-inspection-dialog .todo-color {
  padding: 2px 5px;
}

.icon-stroke-black {
  stroke: #263238;
}

.icon-stroke-blue {
  stroke: #318CE7;
}

.placeholder-image {
  position: absolute;
  top: 17px;
  left: 7px;
  right: 0;
  margin: 0 auto;
  opacity: 0.5;
}

/*
// Media queries*/
@media (max-width: 1400px) {
  .mat-menu-panel.more-filter-menu {
    max-height: 440px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1045px) { /* !important is used to override css */
  .auto-media-panel {
    width: calc(100% - 300px) !important;
  }
}
@media (min-width: 1046px) { /* !important is used to override css */
  .has-visible {
    display: none !important;
  }
  .auto-inspection-panel {
    width: calc(100% - 350px) !important;
  }
  .auto-project-panel {
    width: calc(100% - 300px) !important;
  }
  .auto-media-panel {
    width: calc(100vw - 20%) !important;
  }
}
@media (min-width: 1500px) { /* !important is used to override css */
  .has-visible {
    display: none !important;
  }
  .auto-inspection-panel, .auto-project-panel {
    width: calc(100% - 375px) !important;
  }
}
@media (min-width: 2160px) { /* !important is used to override css */
  .has-visible {
    display: none !important;
  }
  .auto-inspection-panel, .auto-project-panel {
    width: calc(100% - 435px) !important;
  }
}
@media (min-width: 3000px) { /* !important is used to override css */
  .has-visible {
    display: none !important;
  }
  .auto-inspection-panel, .auto-project-panel {
    width: calc(100% - 600px) !important;
  }
}
@media (max-width: 767px) {
  .file-icon-size {
    width: 26px;
    height: 26px;
  }
}
.add-inspection-menu.mat-menu-item {
  line-height: 20px !important;
  height: auto !important;
  min-height: 40px !important;
  white-space: normal !important;
}
.add-inspection-menu svg + span {
  width: calc(100% - 40px);
}

.mat-form-field.details-panel-width.mat-form-field-disabled {
  background-color: #e9ecef;
  opacity: 1;
}

.no-disabled-bg:disabled {
  background-color: transparent !important;
}

.display-on-hover {
  display: none;
}
.display-on-hover:hover {
  display: block;
}

.btn.btn-primary.popup {
  color: white !important;
  min-width: 80px !important;
}

.no-checkbox .mat-pseudo-checkbox {
  display: none !important;
}
.no-checkbox.mat-option-disabled {
  cursor: default;
}

.cloneinspection-snackbar {
  min-width: auto !important;
}

.add-to-project-select.mat-select-panel {
  overflow: hidden;
  max-height: 300px !important;
  margin-top: 0;
  margin-left: 30px;
  min-width: calc(100% + 18px) !important;
  transform: translate(-6px, 27px) !important;
}
.add-to-project-select.mat-select-panel input.mat-input-element {
  caret-color: black !important;
  font-size: 14px !important;
  font-family: "Open Sans", sans-serif !important;
}
.add-to-project-select.mat-select-panel .mat-option {
  height: auto;
  align-items: flex-start;
  padding-top: 11px;
  padding-bottom: 14px;
}
.add-to-project-select.mat-select-panel .mat-option:hover {
  background-color: rgba(38, 50, 56, 0.05) !important;
}
.add-to-project-select.mat-select-panel .mat-option .mat-pseudo-checkbox {
  margin-top: 3px;
  flex-shrink: 0;
  opacity: 1;
  border: 1px solid #263628;
}
.add-to-project-select.mat-select-panel .mat-option .mat-option-text {
  margin-left: 2px;
  white-space: normal;
  word-break: break-word;
  line-height: 1.5;
  font-size: 14px;
}
.add-to-project-select.mat-select-panel .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.add-to-project-select.mat-select-panel .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.add-to-project-select.mat-select-panel .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-width: 1px !important;
}

.add-template-select.mat-select-panel {
  overflow: hidden;
  max-height: 294px !important;
  margin-top: 0px;
  margin-left: 30px;
  min-width: calc(100% + 18px) !important;
  transform: translate(-30px, 32px) !important;
}
.add-template-select.mat-select-panel .mat-option {
  height: auto;
}
.add-template-select.mat-select-panel .mat-option:hover {
  background-color: rgba(38, 50, 56, 0.05) !important;
}
.add-template-select.mat-select-panel .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.add-template-select.mat-select-panel .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.add-template-select.mat-select-panel .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-width: 1px !important;
}

.add-to-project-modal .mat-dialog-container, .add-to-project-modal .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .add-to-project-modal .common-dialog-container {
  max-width: 100% !important;
  width: 550px !important;
}
.add-to-project-modal .mat-radio-label {
  margin-bottom: 0 !important;
}
.add-to-project-modal .selected-projects {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  max-height: 164px;
  padding-top: 10px;
  padding-right: 30px;
}
.add-to-project-modal .mat-form-field.default-style .mat-form-field-flex {
  padding-right: 0px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.add-to-project-modal .dialog-content {
  padding: 5px 25px !important;
}
.add-to-project-modal .dialog-content .radio-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.add-to-project-modal .dialog-content .option-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.add-to-project-modal .dialog-content .form-wrapper {
  margin-left: 32px;
}

.add-to-new-project-modal .mat-dialog-container, .add-to-new-project-modal .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .add-to-new-project-modal .common-dialog-container {
  max-width: 100% !important;
  width: 400px !important;
}
.add-to-new-project-modal .dialog-content {
  padding: 10px 30px !important;
}

.project-select-wrapper .mat-select-value {
  display: none;
}
.project-select-wrapper .mat-select-trigger, .project-select-wrapper .mat-select {
  height: 0px !important;
  padding: 0 !important;
  line-height: 0 !important;
  overflow: hidden;
  visibility: hidden;
}

.selected-inspections-label {
  padding: 4px 10px;
  background-color: #EBEBEB;
  display: inline-flex;
  word-break: break-word;
  align-items: center;
  border-radius: 5px;
  max-width: 90%;
  line-height: 18px;
}

.ellipsis-text {
  white-space: nowrap; /* Prevents text from wrapping */
  overflow: hidden; /* Hides the overflowing content */
  text-overflow: ellipsis; /* Displays ellipsis (...) */
  max-width: 96%; /* Ensures it respects container width */
  display: block;
}

.checkbox-14 { /* Remove border on both checked */ }
.checkbox-14 .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full {
  border: none !important;
  box-shadow: none !important;
  transition: none !important;
}
.checkbox-14 .mat-pseudo-checkbox-full::after {
  border-width: 0px 0px 3px 3px;
  right: 1px !important;
  transition: none !important;
}

.template-container {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0px;
}

.template-icon {
  width: 20.3px;
  min-width: 20.3px;
  height: 20.3px;
  flex-shrink: 0;
  margin-top: 1px;
}

.template-text {
  flex: 1;
  white-space: normal;
  word-break: break-word;
  line-height: 1.5;
}

.edit-pencil {
  opacity: 0;
  transition: opacity 0.2s;
}
.edit-pencil:hover {
  fill: #318CE7 !important;
}

tr:hover .edit-pencil {
  opacity: 1;
}

.filelist-container .has-unchecked-bg {
  width: 97% !important;
  height: 50px;
}
.filelist-container a[download][href] {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s;
}
.filelist-container a[download][href]:visited, .filelist-container a[download][href]:active, .filelist-container a[download][href]:focus {
  color: inherit !important;
  outline: none;
  text-decoration: none;
}
.filelist-container img,
.filelist-container a[download][href] {
  -webkit-user-drag: none;
}

.max-width-status {
  width: 200px;
  white-space: normal !important;
}

/********************************* Permissions listing css *********************************/
.permission-list {
  /* permissions dialog css */
  /* to override mat css */
  /* general tab css */
}
.permission-list .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding-right: 5px;
}
.permission-list .mat-form-field-appearance-legacy .mat-form-field-label {
  top: 12px;
  left: 10px;
}
.permission-list .table thead th {
  border-bottom: 1px solid #EBEBEB;
}
.permission-list .input-email {
  border: 1px solid #C5CCD9;
}
.permission-list .input-email::-moz-placeholder { /* Firefox 19+*/
  color: rgba(38, 50, 56, 0.5019607843);
}
.permission-list .input-email:-ms-input-placeholder {
  color: rgba(38, 50, 56, 0.5019607843);
}
.permission-list .input-email::-webkit-input-placeholder {
  color: rgba(38, 50, 56, 0.5019607843);
  text-indent: 0;
}
.permission-list .radio-position .mat-radio-container {
  bottom: 12px;
}
.permission-list .radio-pos .mat-radio-container {
  bottom: 20px;
}
.permission-list .radio-outline .mat-radio-outer-circle {
  border-width: 1px;
  border-color: rgba(38, 50, 56, 0.3019607843);
}
.permission-list .radio-format {
  -moz-flex-direction: column;
  flex-direction: column;
}
.permission-list .modal-p-format, .permission-list .table-td-color {
  font-weight: normal;
}
.permission-list .permission-modal.table thead th {
  border-bottom: 1px solid transparent;
}
.permission-list .permission-modal.table td {
  border-bottom: 1px solid #EBEBEB;
}
.permission-list .permission-modal.table .border-right, .permission-list .permission-modal.table .border-left {
  border-right: 1px solid #EBEBEB;
}
.permission-list .img-background-grey {
  border-radius: 8px;
  background: #EBEBEB;
}
.permission-list .delete-team-button {
  border: 1px solid #FE5050;
  color: #FE5050;
}
.permission-list .slide-toggle-format.mat-slide-toggle {
  padding-top: 13px;
}
.permission-list .permission-profile:hover {
  background: rgba(38, 50, 56, 0.6784313725);
}
.permission-list .permission-profile:hover .image {
  opacity: 0.68;
}
.permission-list .permission-profile:hover .change-profile {
  opacity: 1;
}

.permission-position-panel {
  top: 6px;
  right: 0;
}

.team-settings, .trash-bin-settings {
  padding: 20px;
  border-radius: 5px;
  /*.table { min-height: 395px; }*/
}
.team-settings .ngx-pagination .pagination-next a::after, .team-settings .ngx-pagination .pagination-next.disabled::after, .trash-bin-settings .ngx-pagination .pagination-next a::after, .trash-bin-settings .ngx-pagination .pagination-next.disabled::after {
  content: "" !important;
}
.team-settings .ngx-pagination .pagination-previous a::before, .team-settings .ngx-pagination .pagination-previous.disabled::before, .trash-bin-settings .ngx-pagination .pagination-previous a::before, .trash-bin-settings .ngx-pagination .pagination-previous.disabled::before {
  content: "" !important;
}
.team-settings .ngx-pagination .pagination-next a, .team-settings .ngx-pagination .pagination-next.disabled, .trash-bin-settings .ngx-pagination .pagination-next a, .trash-bin-settings .ngx-pagination .pagination-next.disabled {
  position: relative;
}
.team-settings .ngx-pagination .pagination-next a::after, .team-settings .ngx-pagination .pagination-next.disabled::after, .trash-bin-settings .ngx-pagination .pagination-next a::after, .trash-bin-settings .ngx-pagination .pagination-next.disabled::after {
  content: "" !important;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1951 10.2936L7.21908 6.51381C7.07846 6.37954 6.99966 6.19761 7 6.00805C7.00035 5.81849 7.07982 5.63683 7.22093 5.50302C7.36204 5.36921 7.55324 5.29423 7.75245 5.29456C7.95167 5.29489 8.14259 5.3705 8.28321 5.50478L12.7808 9.7879C12.9173 9.91784 12.9957 10.0929 12.9998 10.2765C13.004 10.4601 12.9334 10.6382 12.803 10.7735L8.28567 15.0848C8.21604 15.1512 8.13335 15.2039 8.04231 15.2399C7.95128 15.2759 7.85368 15.2944 7.75509 15.2946C7.55599 15.2948 7.36495 15.2197 7.22401 15.0859C7.08306 14.9521 7.00374 14.7705 7.00351 14.5811C7.00328 14.3916 7.08215 14.2098 7.22277 14.0757L11.1951 10.2936Z' fill='%23263238'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
}
.team-settings .ngx-pagination .pagination-previous a, .team-settings .ngx-pagination .pagination-previous.disabled, .trash-bin-settings .ngx-pagination .pagination-previous a, .trash-bin-settings .ngx-pagination .pagination-previous.disabled {
  position: relative;
}
.team-settings .ngx-pagination .pagination-previous a::before, .team-settings .ngx-pagination .pagination-previous.disabled::before, .trash-bin-settings .ngx-pagination .pagination-previous a::before, .trash-bin-settings .ngx-pagination .pagination-previous.disabled::before {
  content: "" !important;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1951 10.2936L7.21908 6.51381C7.07846 6.37954 6.99966 6.19761 7 6.00805C7.00035 5.81849 7.07982 5.63683 7.22093 5.50302C7.36204 5.36921 7.55324 5.29423 7.75245 5.29456C7.95167 5.29489 8.14259 5.3705 8.28321 5.50478L12.7808 9.7879C12.9173 9.91784 12.9957 10.0929 12.9998 10.2765C13.004 10.4601 12.9334 10.6382 12.803 10.7735L8.28567 15.0848C8.21604 15.1512 8.13335 15.2039 8.04231 15.2399C7.95128 15.2759 7.85368 15.2944 7.75509 15.2946C7.55599 15.2948 7.36495 15.2197 7.22401 15.0859C7.08306 14.9521 7.00374 14.7705 7.00351 14.5811C7.00328 14.3916 7.08215 14.2098 7.22277 14.0757L11.1951 10.2936Z' fill='%23263238'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 70%;
  transform: translate(-50%, -50%) rotate(180deg);
}
.team-settings .total-count, .trash-bin-settings .total-count {
  position: absolute;
}

.mat-dialog-title .black-heading {
  color: #263238;
}

.middle-divider {
  width: calc(100% - 60px);
  margin: 20px auto 0 !important;
}

.h-217 .middle-divider {
  width: calc(100% - 50px);
}

.slide-toggle-format .mat-slide-toggle-bar {
  height: 20px;
  border-radius: 10px;
  background-color: #EBEBEB;
}
.slide-toggle-format .mat-slide-toggle-bar .mat-slide-toggle-thumb-container {
  top: 0;
}
.slide-toggle-format .mat-slide-toggle-bar .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  background-color: #fff;
}

.resend {
  transform: rotate(-42deg);
}

.table-scroll {
  overflow-x: auto;
}
.table-scroll::-webkit-scrollbar {
  height: 4px;
}
.table-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c1c1c1;
}

/* to override mat css */
.addUser-dialog .mat-dialog-container, .addUser-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .addUser-dialog .common-dialog-container {
  max-width: 100% !important;
}

@media only screen and (min-width: 1046px) and (max-width: 1200px) {
  .responsive-block-width {
    height: 195px;
  }
}
@media (min-width: 1024px) {
  .hideIcon {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1045px) {
  .responsive-block {
    display: block;
  }
  .responsive-block .responsive-block-width {
    width: 100%;
    margin-bottom: 15px;
  }
}
.input-wrapper.sc-ion-input-md {
  margin-bottom: 0 !important;
}

.textarea-highlight.sc-ion-textarea-md, .input-highlight.sc-ion-input-md {
  background: transparent !important;
}

.native-input.sc-ion-input-md, .native-textarea.sc-ion-textarea-md {
  caret-color: #318CE7 !important;
}

.ion-textarea-format {
  margin-top: 15px;
}

/*download text*/
.download-report-link {
  color: #318ce7;
  font-size: 13px;
  text-decoration: underline;
}

/*side panel properties*/
/*background color for left panel*/
.has-section {
  padding: 0;
}

.template-authoring {
  padding: 0 0 5px 0;
  height: calc(100vh - 1px);
  background: #f9f9f9;
  position: relative; /********************************* Style for left panel ********************************/
  /********************************* Style for left panel ********************************/ /********************************* Style for right panel and form ********************************/
}
.template-authoring .side-panel-bg {
  background: #fff;
  top: 10px;
  left: 0;
  height: calc(100vh - 100px);
  padding: 10px 15px;
  width: 250px;
  text-align: left;
  border: 1px solid #E8E8E8;
  overflow-y: auto;
}
.template-authoring .side-panel-bg::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: none;
}
.template-authoring .side-panel-bg::-webkit-scrollbar {
  width: 5px;
  background-color: none;
}
.template-authoring .side-panel-bg::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #dad6d6;
}
.template-authoring .side-panel-bg h2 {
  color: #263238;
  padding: 5px 0;
  margin: 0;
  text-align: left;
  font-size: 12px;
  opacity: 0.5;
  font-weight: normal;
  text-transform: capitalize;
}
.template-authoring .individual-control {
  font-size: 14px;
  color: #263238;
  display: inline-block;
  cursor: move;
  margin-left: 20px;
  padding: 5px 10px;
}
.template-authoring .header-tag {
  color: hsl(211, 18%, 23%);
  width: 100%;
  text-align: center;
}
.template-authoring .header-tag h1 {
  border: 1px dashed #C5CCD9;
  background: rgba(49, 140, 231, 0.1);
  border-radius: 5px;
  padding: 20px;
  font-size: 14px;
  max-width: 100%;
  text-align: center;
}
.template-authoring .header-tag h1.auto-height {
  height: 100px;
  display: table-cell;
  vertical-align: middle;
}
.template-authoring .w80-250px {
  width: calc(100% - 250px);
}
.template-authoring .calc-width300px {
  width: calc(100% - 300px);
}
.template-authoring .form-control-font-size {
  font-size: 13px;
  text-transform: initial;
}
.template-authoring .form-bg {
  border-radius: 4px;
  width: 85%;
  margin: 20px auto;
}
.template-authoring .form-bg input, .template-authoring .form-bg textarea {
  pointer-events: none;
}
.template-authoring .form-bg .form-list,
.template-authoring .form-bg .expansion-panel-header {
  cursor: pointer;
}
.template-authoring .not-visible {
  visibility: hidden;
}
.template-authoring .table-visible {
  display: table;
  width: 100%;
  text-align: center;
}
.template-authoring .form-list {
  border: 1px solid #ddd;
  padding: 20px;
  color: hsl(211, 18%, 23%);
  display: flex;
  border-radius: 5px;
  position: relative;
  max-width: calc(100% - 50px);
  margin: 20px 40px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  /* When isDragged is true */
}
.template-authoring .form-list .individual-field {
  cursor: move;
}
.template-authoring .form-list.focus-control, .template-authoring .form-list .addfocus, .template-authoring .form-list:focus-within, .template-authoring .form-list:focus, .template-authoring .form-list:hover, .template-authoring .form-list:active, .template-authoring .form-list:visited, .template-authoring .form-list:target {
  background: rgba(49, 140, 231, 0.05);
  border: 1px solid #318CE7;
  border-radius: 6px;
}
.template-authoring .form-list.focus-control .copy-delete, .template-authoring .form-list .addfocus .copy-delete, .template-authoring .form-list:focus-within .copy-delete, .template-authoring .form-list:focus .copy-delete, .template-authoring .form-list:hover .copy-delete, .template-authoring .form-list:active .copy-delete, .template-authoring .form-list:visited .copy-delete, .template-authoring .form-list:target .copy-delete {
  visibility: visible;
}
.template-authoring .form-list.focus-control .barcode-btn, .template-authoring .form-list .addfocus .barcode-btn, .template-authoring .form-list:focus-within .barcode-btn, .template-authoring .form-list:focus .barcode-btn, .template-authoring .form-list:hover .barcode-btn, .template-authoring .form-list:active .barcode-btn, .template-authoring .form-list:visited .barcode-btn, .template-authoring .form-list:target .barcode-btn {
  border-color: #318CE7;
}
.template-authoring .form-list .section .copy-delete {
  visibility: hidden;
}
.template-authoring .form-list .section .focus-control .copy-delete {
  visibility: visible;
}
.template-authoring .form-list .fontweight-500 {
  font-family: "open_sanssemibold", sans-serif;
}
.template-authoring .form-list.nohover-nofocus:focus-within, .template-authoring .form-list.nohover-nofocus:focus, .template-authoring .form-list.nohover-nofocus:hover, .template-authoring .form-list.nohover-nofocus:active, .template-authoring .form-list.nohover-nofocus:visited, .template-authoring .form-list.nohover-nofocus:target, .template-authoring .form-list.focus-control.nohover-nofocus:focus-within, .template-authoring .form-list.focus-control.nohover-nofocus:focus, .template-authoring .form-list.focus-control.nohover-nofocus:hover, .template-authoring .form-list.focus-control.nohover-nofocus:active, .template-authoring .form-list.focus-control.nohover-nofocus:visited, .template-authoring .form-list.focus-control.nohover-nofocus:target {
  background: #fff !important;
  border: 1px solid #ddd !important;
}
.template-authoring .form-list.is-targetfield {
  margin-top: 40px;
}
.template-authoring .form-list.is-targetfield .barcode-btn.d-none {
  display: block !important;
}
.template-authoring .form-list.is-targetfield .form-control {
  background-color: #ebebeb !important;
}
.template-authoring .form-list.focus-in {
  background: rgba(49, 140, 231, 0.05);
}
.template-authoring .form-list.action-item {
  padding-top: 10px;
}
.template-authoring .page-focus-control {
  background: rgba(49, 140, 231, 0.05);
  border: 1px solid #318CE7;
  border-radius: 6px; /*.copy-delete { visibility: visible; }*/
}
.template-authoring .page-nohover-nofocus {
  background: #fff !important;
  border: 1px solid #ddd !important;
}
.template-authoring input[type=text], .template-authoring [type=number], .template-authoring [type=email], .template-authoring textarea {
  font-size: 15px;
  padding-left: 10px;
  border-color: #C5CCD9;
  border-radius: 5px;
  border-width: 1px;
  background: transparent;
}
.template-authoring input[type=text]:focus.bg-transparent, .template-authoring [type=number]:focus.bg-transparent, .template-authoring [type=email]:focus.bg-transparent, .template-authoring textarea:focus.bg-transparent {
  background: transparent;
}
.template-authoring input[type=text].with-media, .template-authoring [type=number].with-media, .template-authoring [type=email].with-media, .template-authoring textarea.with-media {
  border-radius: 0;
}
.template-authoring .custom-set-warning {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #E01E53;
}
.template-authoring .custom-set-warning img {
  width: 20px;
}
.template-authoring .radio-group {
  display: block;
}
.template-authoring .radio-group .mat-radio-outer-circle {
  border-width: 1px;
}
.template-authoring .radio-group .radio-button {
  margin: 5px;
  display: table;
}
.template-authoring label {
  line-height: 20px;
  text-transform: initial;
  word-break: break-word;
}
.template-authoring .form-button, .template-authoring .submit-button, .template-authoring .update-button {
  width: 80px;
  background: #303a45;
  border-radius: 8px;
  color: #fff;
  font-size: 17px;
  cursor: pointer;
}
.template-authoring .form-button:hover, .template-authoring .submit-button:hover, .template-authoring .update-button:hover {
  box-shadow: 2px 2px 4px grey;
}
.template-authoring .update-button {
  padding: 8px;
  margin-left: 20px;
}
.template-authoring .highlight {
  color: red;
}
.template-authoring .checkbox {
  margin: 0;
}
.template-authoring .checkbox .checkbox-margin {
  margin: 0 10px;
}
.template-authoring ul {
  list-style-type: none;
  margin-top: 4px;
}
.template-authoring input[type=checkbox] {
  height: 14px;
  position: relative;
  right: 8.4%;
}
.template-authoring .error-message {
  color: red;
  font-size: 12px;
}
.template-authoring .submit-button {
  padding: 10%;
}
.template-authoring .mat-expansion-panel {
  overflow: inherit;
}
.template-authoring .h35px {
  height: 35px !important;
}
.template-authoring .h37px {
  height: 37px !important;
}
.template-authoring .form-control {
  background: rgba(221, 221, 221, 0.23) !important;
}
.template-authoring .form-control.with-media {
  background: transparent !important;
}
.template-authoring .form-control.text-area {
  border: 0;
  border-bottom: 1px solid #ddd;
}

.version-history-parent {
  overflow: hidden;
  background: #F4F4F6;
}
.version-history-parent.haswidth-scroll {
  height: calc(100vh - 65px) !important;
}
.version-history-parent .main-body {
  margin-top: 60px;
}
.version-history-parent .fix-header-web {
  left: 20% !important;
}

.app-header-web .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.app-header-web .mat-form-field-flex {
  background: transparent !important;
  padding: 0 !important;
}
.app-header-web .mat-form-field-appearance-fill .mat-select-arrow-wrapper {
  transform: translateY(0%) !important;
}
.app-header-web .mat-form-field-appearance-fill .mat-form-field-underline::before {
  height: 0 !important;
}
.app-header-web .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: rgba(0, 0, 0, 0.54) !important;
}

.formbases {
  width: 100%;
  max-width: 100%; /* this is ion-style which required to be present without variable and mixins */
}
.formbases .ion-label-font-weight {
  font-size: 14px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.formbases lib-select + lib-add-note .inline-block.p0.mt-10, .formbases lib-select + lib-add-note audio.p0.mt-10,
.formbases lib-select + lib-add-note video.p0.mt-10, .formbases lib-select + lib-add-note img.p0.mt-10, .formbases lib-date-and-time + lib-add-note .inline-block.p0.mt-10, .formbases lib-date-and-time + lib-add-note audio.p0.mt-10,
.formbases lib-date-and-time + lib-add-note video.p0.mt-10, .formbases lib-date-and-time + lib-add-note img.p0.mt-10, .formbases lib-checkin + lib-add-note .inline-block.p0.mt-10, .formbases lib-checkin + lib-add-note audio.p0.mt-10,
.formbases lib-checkin + lib-add-note video.p0.mt-10, .formbases lib-checkin + lib-add-note img.p0.mt-10 {
  margin-top: 0 !important;
}
.formbases lib-date-and-time + lib-add-note .inline-block.p0.mt-10 .ion-item-bg, .formbases lib-date-and-time + lib-add-note audio.p0.mt-10 .ion-item-bg,
.formbases lib-date-and-time + lib-add-note video.p0.mt-10 .ion-item-bg, .formbases lib-date-and-time + lib-add-note img.p0.mt-10 .ion-item-bg, .formbases lib-checkin + lib-add-note .inline-block.p0.mt-10 .ion-item-bg, .formbases lib-checkin + lib-add-note audio.p0.mt-10 .ion-item-bg,
.formbases lib-checkin + lib-add-note video.p0.mt-10 .ion-item-bg, .formbases lib-checkin + lib-add-note img.p0.mt-10 .ion-item-bg {
  padding-top: 10px !important;
}
.formbases lib-select .custom-dropdown .mat-form-field-infix {
  padding: 0 !important;
  border-top: 0;
  line-height: 20px;
}
.formbases lib-select .mat-form-field-appearance-fill .mat-select-arrow-wrapper {
  transform: translateY(-10%) !important;
}
.formbases lib-select .mat-select-value-text span {
  font-size: 0 !important;
}
.formbases lib-select .mat-form-field-flex {
  line-height: 26px !important;
}
.formbases lib-select .mat-form-field-infix {
  padding: 0 !important;
  border-top: 0;
}
.formbases lib-date-and-time .mat-form-field-wrapper, .formbases lib-date-and-time .mat-form-field-infix {
  font-family: "open_sansregular", sans-serif !important;
}
.formbases lib-date-and-time .mat-form-field-suffix .mat-datepicker-toggle .mat-icon-button {
  width: 30px !important;
  height: 24px !important;
}
.formbases lib-date-and-time .web-time-picker .mat-select {
  font-size: 14px !important;
  padding: 1px 0 3px !important;
}
.formbases lib-header ion-toolbar .mat-form-field-infix {
  width: auto !important;
}
.formbases lib-header ion-toolbar .toolbar-background {
  background: #f4f4f6 !important;
}
.formbases .native-input {
  font-size: 14px;
}
.formbases::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: none;
}
.formbases::-webkit-scrollbar {
  width: 5px;
  background-color: none;
}
.formbases::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #dad6d6;
}

.mat-select {
  font-family: "open_sansregular", sans-serif !important;
}

/* End ion style*/
/********************************* Style for right panel and form ********************************/
/********************* Style for smooth transition between drag and drop list ********************/
.auto-inspection-panel .formbases, .auto-inspection-panel.formbases {
  width: calc(100% - 2px) !important;
}
.auto-inspection-panel .formbases .fix-footer-web, .auto-inspection-panel .formbases .fix-header-web, .auto-inspection-panel.formbases .fix-footer-web, .auto-inspection-panel.formbases .fix-header-web {
  right: 375px !important;
}

.auto-inspection-panel .formbases .fix-header-web {
  right: 350px !important;
}

.transform {
  transform: rotateZ(-90deg);
}

.custom-placeholder {
  max-width: calc(100% - 80px);
  margin: 20px auto;
  background: rgba(49, 140, 231, 0.1);
  border: 1px dashed #C5CCD9;
  min-height: 58px;
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  color: #263238;
  border-radius: 5px;
}
.custom-placeholder.action-placeholder {
  max-width: 100% !important;
  margin: 0 auto !important;
}

.cdk-drag-preview {
  padding: 11px 0 10px 3px;
  font-size: 13px;
  font-family: "open_sanssemibold", sans-serif;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  background: #fff;
  z-index: 9;
}
.cdk-drag-preview .icn {
  background: #F4F4F6;
  padding: 7px 9px;
  border-radius: 4px;
  height: 33px;
  width: 33px;
  margin-right: 5px;
}
.cdk-drag-preview .icn .new-svg-icon {
  margin-left: -2px;
}
.cdk-drag-preview .form-list-padding {
  padding: 15px;
}
.cdk-drag-preview .form-list-padding .label-margin {
  margin-bottom: 5px;
}
.cdk-drag-preview.draggable-control, .cdk-drag-preview.drag-field {
  height: auto !important;
}
.cdk-drag-preview.drag-field .control-wrapper:not(.parse-layout) {
  width: 78.1%;
}
.cdk-drag-preview.drag-field .warning-message-area {
  display: none;
}
.cdk-drag-preview.draggable-control {
  padding: 10px;
}
.cdk-drag-preview.action-item app-dragged-action-controls {
  display: flex;
  justify-content: center;
}

.draggable-control:hover {
  background-color: #F9F9F9;
  cursor: move;
}

.moving-cursor-all {
  cursor: move !important;
}
.moving-cursor-all * {
  cursor: move !important;
}

/*
  Fix for drag-and-drop issues within the section drop area.
  Ensures proper spacing, min-height, and placeholder adjustments.
*/
.section-droparea.section-expanded {
  padding-bottom: 1px;
  min-height: 166px;
}
.section-droparea.section-expanded.adjust-placeholder .custom-placeholder {
  max-width: calc(100% - 100px);
}
.section-droparea .start-arrow {
  padding-left: 0;
  line-height: 0;
  position: absolute;
  left: 10px;
}

/* MATERIAL DRAG AND DROP CONTROLS REQUIRED SEPARATE SCSS*/
.duplicate-visibility {
  visibility: hidden;
  display: none;
}

.height-fix {
  background: #ccc;
  border: dotted 3px #999;
  min-height: 54px;
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.smooth-scroll {
  height: calc(100vh - 135px);
}
.smooth-scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: none;
}
.smooth-scroll::-webkit-scrollbar {
  width: 5px;
  background-color: none;
}
.smooth-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #dad6d6;
}

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.form-bg.cdk-drop-list-dragging .form-list:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.side-panel-authering.cdk-drop-list-dragging .form-controls:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

/********************* Style for smooth transition between drag and drop list ********************/
.header-of-form-authering {
  background: #fff;
  box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.231372549);
  padding: 5px 10px;
  display: inline-block;
  width: 100%;
}
.header-of-form-authering .description-position {
  left: 45px;
  bottom: 20px;
}
.header-of-form-authering input [type=text], .header-of-form-authering textarea {
  height: 22px;
}

.icn {
  background: #F4F4F6;
  border-radius: 4px;
  height: 32px;
  width: 32px;
  text-align: center;
  padding-top: 6px;
}

.new-svg-icon {
  height: 1.45rem;
  width: 1.45rem;
  fill: #263238;
}
.new-svg-icon.blue-stroke-onhover.theme-color {
  stroke: #318CE7;
}
.new-svg-icon.blue-fill-onhover.theme-color, .new-svg-icon.blue-icon {
  fill: #318CE7;
}
.new-svg-icon.blue-onhover:hover {
  fill: #318CE7 !important;
}
.new-svg-icon.white-icon {
  fill: #fff;
}
.new-svg-icon.restricted-access {
  opacity: 0.5;
}
.new-svg-icon.blue-icon {
  fill: #318CE7 !important;
}
.new-svg-icon.error-red {
  fill: #E01E53;
}
.new-svg-icon.green-validate {
  fill: #29AF62;
}

.mat-button-toggle-checked .stroke-icon {
  fill: #fff;
}

.mat-menu-item:hover .blue-onhover, .add-team-section:hover .blue-onhover, .help-btn:hover .blue-onhover, .theme-hover-btn:hover .blue-onhover, .img-hover:hover .blue-onhover, .theme-color .blue-onhover, .help-section div:hover .blue-onhover, a.active .blue-onhover, .org-setting-menu li a:hover .blue-onhover {
  fill: #318CE7 !important;
}

.sub-menu a.active .blue-onactive, .mat-button-toggle-checked .blue-onactive {
  fill: #318CE7 !important;
}

.restricted-access-color:hover .blue-onhover {
  fill: #263238 !important;
}

input[type=date].native-date-picker::-webkit-calendar-picker-indicator {
  background: url('calendar.svg') no-repeat;
}

.panel-header {
  border-bottom: 1px solid #E8E8E8;
}
.panel-header .mat-expansion-indicator {
  position: absolute;
}

.position-slider {
  top: 10px;
}

.icon-w8-h8 {
  height: 0.5rem;
  width: 0.5rem;
}

.icon-w10-h10 {
  height: 0.75rem;
  width: 0.75rem;
}

.icon-w15-h14 {
  height: 14px;
  width: 15px;
}

.icon-w16-h16 {
  height: 1rem !important;
  width: 1rem !important;
}

.icon-w18-h18 {
  height: 1.2rem;
  width: 1.2rem;
}

.icon-w18px-h18px {
  height: 18px;
  width: 18px;
}

.icon-w20-h20 {
  height: 20px;
  width: 20px;
}

.icon-w22-h22 {
  height: 22px;
  width: 22px;
}

.icon-w24-h24 {
  height: 1.75rem;
  width: 1.75rem;
}

.icon-w32-h32 {
  height: 2rem;
  width: 2rem;
}

.icon-w48-h48 {
  height: 3rem;
  width: 3rem;
}

.icon-w56-h56 {
  height: 3.5rem;
  width: 3.5rem;
}

.scale-m {
  transform: scale(1.5);
}

.scale-2x {
  transform: scale(2.5);
}

.rotate-move-icon {
  transform: rotate(45deg);
}

.btn-preview svg.eye-icon {
  stroke: #318CE7;
}

.template-list-tabs .mat-tab-body .hasheight-scroll.template-settings-tab {
  height: calc(100vh - 120px);
}
.template-list-tabs .mat-tab-header {
  border: none;
}
.template-list-tabs .mat-tab-label-container {
  background-color: rgba(49, 140, 231, 0.1);
}
.template-list-tabs .mat-tab-labels {
  justify-content: center;
}
.template-list-tabs .mat-ink-bar {
  display: none;
}
.template-list-tabs .mat-tab-label {
  border-bottom: 2px solid transparent;
  font-family: "open_sansregular", sans-serif;
  color: #263238;
}
.template-list-tabs .mat-tab-label-active {
  border-bottom: 2px solid #318CE7;
  font-family: "open_sanssemibold", sans-serif;
}
.template-list-tabs .mat-tab-label-active .mat-tab-label-content {
  color: #318CE7;
}
.template-list-tabs .form-control {
  background-color: #fff !important;
}

.template-properties {
  width: 760px;
  margin: 0 auto;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.031372549);
}
.template-properties .btn-group .btn {
  background-color: #F9F9F9;
  font-family: "open_sansregular", sans-serif !important;
}
.template-properties .btn-group .btn svg {
  display: none;
}
.template-properties .btn-group .btn.active {
  background-color: rgba(49, 140, 231, 0.2);
  color: #263238;
}
.template-properties .btn-group .btn.active svg {
  display: inline-block;
}
.template-properties .btn-group.scoring-btn .btn {
  min-width: 90px;
}
.template-properties .btn-group.scoring-display-btn .btn {
  width: 49%;
}
.template-properties .score-preview {
  background-color: rgba(49, 140, 231, 0.2);
}

.expansion-detail .mat-expansion-panel-body {
  padding: 0 !important;
  cursor: move;
}

.template-authoring input[type=text], .template-authoring textarea, .form-control {
  background: transparent;
  box-shadow: none !important;
  font-size: 14px;
  color: #263238;
  padding: 7px 10px;
  font-family: "open_sansregular", sans-serif;
}
.template-authoring input[type=text]:focus, .template-authoring textarea:focus, .form-control:focus {
  box-shadow: none;
  background: #fff;
  color: #263238;
}
.template-authoring input[type=text]::placeholder, .template-authoring textarea::placeholder, .form-control::placeholder {
  color: #000;
  opacity: 0.54;
}

.form-control.is-invalid {
  border-color: #E01E53;
}

.max-width300 {
  max-width: 300px;
}

.line-30x {
  line-height: 30px;
}

.start-arrow {
  position: absolute;
}
.start-arrow span {
  font-size: 20px;
}

.add-note-media input {
  border: 0;
  border-radius: 0;
}
.add-note-media .has-media {
  color: #263238;
  float: right;
}

.copy-delete {
  position: absolute;
  right: -37px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 999;
  visibility: hidden;
}
.copy-delete span {
  box-shadow: 0 0 4px -2px #000;
  padding: 8px;
  z-index: 9999;
  border-radius: 2px;
  cursor: pointer;
  width: 34px;
  height: 34px;
  background-color: #fff;
}

.parent-scroll {
  overflow-y: auto;
  max-height: calc(100vh - 270px);
}
.parent-scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: none;
}
.parent-scroll::-webkit-scrollbar {
  width: 5px;
  background-color: none;
}
.parent-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #dad6d6;
}

.has-shaddow {
  box-shadow: 0 0 4px -2px #000;
}

.header-input {
  padding: 1px 2px 1px 0 !important;
  opacity: 1 !important;
  font-size: 18px !important;
}

.header-input-description {
  padding: 0 0 0 34px !important;
}

.header-input-accordian {
  padding: 5px 0 !important;
}

.custom-checkbox .mat-checkbox {
  padding: 5px;
}
.custom-checkbox .mat-checkbox-layout {
  margin-bottom: 0;
}
.custom-checkbox .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.custom-checkbox .mat-checkbox-frame {
  border-width: 1px !important;
}

.media-button {
  padding: 10px 20px;
  background: transparent;
  border: 1px solid #318CE7;
  color: #318CE7;
  border-radius: 5px;
}
.media-button.has-location {
  padding: 7px 15px;
}

.signature-design {
  padding: 20px;
  height: 100px;
  background: white;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  margin-bottom: 7px;
}

.pr50 {
  padding-right: 50px !important;
}

.has-icn-barcode {
  position: absolute;
  right: 20px;
  top: 7px;
}

/********************************* Style for accordian to header ********************************/
.expansion-header {
  overflow: inherit;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-sizing: content-box;
  transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.expansion-header .expansion-panel-header {
  min-height: 64px;
  height: auto;
  -moz-flex-direction: row;
  flex-direction: row;
  -moz-align-items: center;
  align-items: center;
  border-radius: inherit;
  padding: 10px 0;
  transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
  border-bottom: 1px solid #EBEBEB;
}
.expansion-header .expansion-panel-header .start-arrow {
  transition: transform 0.2s ease-out;
}
.expansion-header .expansion-panel-header .arrow-transform {
  transform: rotate(-90deg);
}
.expansion-header .expansion-panel-header .expansion-panel-title {
  flex-grow: 1;
  font-size: 14px !important;
}
.expansion-header .expansion-panel-content {
  -moz-flex-direction: column;
  flex-direction: column;
  overflow: visible;
  letter-spacing: normal;
}

/********************************* Style for form fields side panel ********************************/
.template-authoring-side-panel {
  top: 16px;
  box-shadow: none;
  width: 302px !important;
  height: calc(100vh - 95px);
  overflow-x: hidden;
  /* marked important to override css */
}
.template-authoring-side-panel .form-control {
  background: transparent !important;
}
.template-authoring-side-panel .form-control.gray-bg {
  background-color: #F9F9F9 !important;
}
.template-authoring-side-panel .radio-toolbar input[type=radio] {
  width: 0;
}
.template-authoring-side-panel .radio-toolbar input[type=radio]:checked + label {
  background: #318CE7;
  border: 1px solid #318CE7;
  color: #fff;
}
.template-authoring-side-panel .radio-toolbar label {
  border: 1px solid #EBEBEB;
  line-height: 18px;
}
.template-authoring-side-panel .radio-toolbar label.br-short-text {
  border-radius: 5px 0 0 5px;
}
.template-authoring-side-panel .radio-toolbar label.br-paragraph {
  border-radius: 0 5px 5px 0;
}
.template-authoring-side-panel .card-view {
  height: 130px;
}
.template-authoring-side-panel .table-card-view th, .template-authoring-side-panel .table-card-view td {
  border-top: 2px solid #EBEBEB;
  border-collapse: collapse;
}
.template-authoring-side-panel .table-card-view td {
  padding: 10px 30px 10px 10px;
}
.template-authoring-side-panel .table-card-view td.border-right-none {
  border-right: 1px solid transparent;
}
.template-authoring-side-panel table.f12.table-card-view tr:first-child td {
  border-top: 0 !important;
}
.template-authoring-side-panel .table-view-height {
  height: 145px;
}
.template-authoring-side-panel .table-view tr:nth-child(odd) {
  background-color: rgba(38, 50, 56, 0.2509803922);
}
.template-authoring-side-panel .table-view tr:nth-child(odd) td {
  border-right: 1px solid #c9cccd !important;
}
.template-authoring-side-panel .table-view td {
  padding: 15px 10px;
}
.template-authoring-side-panel .table-view td.border-right {
  border-right: 1px solid #EBEBEB;
}
.template-authoring-side-panel table.f10.table-card-view.table-view tr:first-child td {
  border-top: 0 !important;
}
.template-authoring-side-panel .drag-overlay {
  left: 0;
  top: 0;
  bottom: 0;
  top: 2px;
  height: calc(100vh - 116px);
}

/********************************* Style for version history side panel ********************************/
.content-bg:hover, .content-bg:active, .content-bg.active {
  background: #f4f9fe;
  border-radius: 2px;
}

/********************************* Style for report email popup ********************************/
/* to override css */
.ng2-tag-input__text-input[_ngcontent-visualogyx-server-c12], textarea {
  font-family: "open_sansregular", sans-serif !important;
}

/** preview template is imported from ionic libraries so all the library componenent needs to be separate of all the variables and mixins so it will be of pure css/scss without varibales as required */
ion-toolbar .mat-select-value {
  font-size: 18px !important;
  line-height: 22px;
}

.has-39-line-height .mat-form-field-infix {
  line-height: 39px;
  border-top: 0 !important;
}

.fix-header-web {
  box-shadow: none !important;
  border-bottom: none !important;
}

.preview-template-popup {
  position: absolute !important;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  max-width: 100% !important;
}
.preview-template-popup .mat-dialog-container, .preview-template-popup .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .preview-template-popup .common-dialog-container {
  max-width: 100% !important;
  width: 100% !important;
  background: #F4F4F6;
  padding: 0 !important;
  border-radius: 0;
}
.preview-template-popup .mat-body {
  padding: 0 !important;
  max-height: calc(100vh - 70px) !important;
}
.preview-template-popup .mat-dialog-title {
  padding: 0 !important;
}
.preview-template-popup .mat-dialog-title a {
  width: 130px;
  display: inline-block;
  border-bottom: 2px solid transparent;
  height: 70px;
  padding: 11px 35px;
}
.preview-template-popup .mat-dialog-title a.has-active-device {
  border-bottom: 2px solid #318CE7;
}
.preview-template-popup .preview-template-title {
  max-width: 100%;
  line-height: 19px;
}
.preview-template-popup .if-mobile .template-header, .preview-template-popup .if-tablet .template-header {
  border-bottom: 1px solid #C5CCD9;
}
.preview-template-popup .if-mobile .template-header ion-label, .preview-template-popup .if-tablet .template-header ion-label {
  line-height: normal;
}
.preview-template-popup .if-mobile .template-header .toolbar-title-default .sc-ion-buttons-md-h, .preview-template-popup .if-tablet .template-header .toolbar-title-default .sc-ion-buttons-md-h {
  margin-top: 4px;
}
.preview-template-popup .if-mobile lib-date-and-time .date-selector, .preview-template-popup .if-tablet lib-date-and-time .date-selector {
  width: 100%;
  max-width: 100%;
}
.preview-template-popup .if-mobile lib-mark-as-complete .ion-button-format, .preview-template-popup .if-tablet lib-mark-as-complete .ion-button-format {
  margin-right: 10px;
}
.preview-template-popup .if-mobile .btn-page-select:focus,
.preview-template-popup .if-mobile .template-header,
.preview-template-popup .if-mobile .parent-controls, .preview-template-popup .if-tablet .btn-page-select:focus,
.preview-template-popup .if-tablet .template-header,
.preview-template-popup .if-tablet .parent-controls {
  box-shadow: none;
}
.preview-template-popup .if-mobile .parent-controls, .preview-template-popup .if-tablet .parent-controls {
  border-radius: 0;
  border: 0;
}
.preview-template-popup .if-mobile lib-expansion-panel .mat-expansion-panel-header, .preview-template-popup .if-tablet lib-expansion-panel .mat-expansion-panel-header {
  padding: 0 20px !important;
}
.preview-template-popup .if-mobile lib-controls .control-section, .preview-template-popup .if-tablet lib-controls .control-section {
  border-radius: 0;
}
.preview-template-popup .if-mobile .page-locked > lib-controls:last-of-type, .preview-template-popup .if-tablet .page-locked > lib-controls:last-of-type {
  margin-bottom: 10px !important;
}
.preview-template-popup .if-mobile .button-section, .preview-template-popup .if-tablet .button-section {
  padding: 0 15px 10px;
  margin-top: -10px;
}
.preview-template-popup .if-mobile .fix-footer, .preview-template-popup .if-tablet .fix-footer {
  width: 100%;
  position: absolute !important;
  margin: 0 auto;
  bottom: 0;
  z-index: 10;
}
.preview-template-popup .if-mobile .location.ion-input-id, .preview-template-popup .if-tablet .location.ion-input-id {
  max-width: calc(100% - 60px) !important;
}
.preview-template-popup .if-mobile ion-input.w50,
.preview-template-popup .if-mobile lib-instacount .w50,
.preview-template-popup .if-mobile lib-barcode .w50,
.preview-template-popup .if-mobile .web-form-control.w50, .preview-template-popup .if-tablet ion-input.w50,
.preview-template-popup .if-tablet lib-instacount .w50,
.preview-template-popup .if-tablet lib-barcode .w50,
.preview-template-popup .if-tablet .web-form-control.w50 {
  width: 100% !important;
}
.preview-template-popup .if-mobile lib-number ion-input.has-flag, .preview-template-popup .if-mobile lib-calculated-field ion-input.has-flag, .preview-template-popup .if-mobile lib-text ion-input.has-flag, .preview-template-popup .if-tablet lib-number ion-input.has-flag, .preview-template-popup .if-tablet lib-calculated-field ion-input.has-flag, .preview-template-popup .if-tablet lib-text ion-input.has-flag {
  width: 93% !important;
}
.preview-template-popup .fix-header-web {
  top: 57px !important;
}
.preview-template-popup .if-desktop .fix-header-web {
  top: 70px !important;
}
.preview-template-popup .if-desktop .main-body {
  background: transparent !important;
}
.preview-template-popup .if-desktop lib-date-and-time .desktop-width, .preview-template-popup .if-desktop lib-checkin .desktop-width {
  width: 60% !important;
}
.preview-template-popup .if-desktop lib-date-and-time .mat-datepicker-input {
  font-size: 14px !important;
}
.preview-template-popup .if-desktop lib-date-and-time .icon-click {
  padding: 4px !important;
}
.preview-template-popup .if-desktop lib-date-and-time .mat-form-field-flex {
  padding: 3px 2px 5px 10px !important;
}
.preview-template-popup .if-desktop lib-date-and-time .mat-form-field-infix {
  line-height: 10px !important;
  padding: 0 !important;
  font-size: 14px !important;
}
.preview-template-popup .if-desktop lib-date-and-time .div-time .mat-form-field-infix {
  line-height: 13px !important;
  padding: 5px 0 !important;
}
.preview-template-popup .if-desktop lib-date-and-time .div-time .mat-form-field-infix .svg-icon {
  margin-right: -5px;
}
.preview-template-popup .if-desktop lib-date-and-time .div-time .mat-form-field-flex {
  padding: 0 !important;
}
.preview-template-popup .if-desktop lib-date-and-time .web-time-picker .mat-select {
  padding: 3px 0 !important;
}
.preview-template-popup .if-desktop lib-date-and-time .web-date-data {
  display: none;
}
.preview-template-popup .if-mobile {
  background-repeat: no-repeat;
  text-align: center;
  background-position: top center;
  background-size: contain;
}
.preview-template-popup .if-mobile .parent-controls,
.preview-template-popup .if-mobile .template-header {
  max-width: 440px !important;
  margin: 0 auto;
}
.preview-template-popup .if-mobile .parent-controls {
  margin-top: 0;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.preview-template-popup .if-mobile .more-1-pages .parent-controls {
  max-height: 435px !important;
}
.preview-template-popup .if-mobile .more-1-pages .template-header {
  left: 0;
}
.preview-template-popup .if-mobile .one-page {
  height: 900px !important;
  margin-top: 180px;
  overflow-y: hidden !important; /*.parent-controls { max-height: 465px !important; margin-left: 3px; }*/
}
.preview-template-popup .if-mobile .fix-footer {
  max-width: 435px !important;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  left: 2px;
}
.preview-template-popup .if-mobile .main-body {
  background: transparent !important;
}
.preview-template-popup .if-mobile .main-body.more-1-pages {
  overflow: hidden;
  height: 900px !important;
  margin-top: 180px;
}
.preview-template-popup .if-mobile .has-responsive-width {
  position: relative;
  height: 890px;
  background: rgba(235, 235, 235, 0.48);
  max-width: 440px !important;
  left: 0px;
}
.preview-template-popup .if-mobile .ion-item-bg .camera-icon.w-5 {
  width: 9% !important;
  padding-right: 10px !important;
}
.preview-template-popup .if-mobile lib-instacount .ion-input-number.desktop-width, .preview-template-popup .if-mobile lib-instacount .ion-input-id.desktop-width, .preview-template-popup .if-mobile lib-barcode .ion-input-number.desktop-width, .preview-template-popup .if-mobile lib-barcode .ion-input-id.desktop-width {
  width: 83% !important;
}
.preview-template-popup .if-mobile .custom-dropdown .mat-form-field-flex {
  width: 100% !important;
}
.preview-template-popup .if-mobile lib-signature .has-bg {
  width: 100% !important;
}
.preview-template-popup .if-mobile lib-date-and-time .icon-click {
  padding: 4px !important;
}
.preview-template-popup .if-mobile lib-date-and-time .mat-form-field-infix {
  line-height: 6px !important;
  padding: 0 !important;
}
.preview-template-popup .if-mobile lib-date-and-time .div-date {
  width: 100%;
}
.preview-template-popup .if-mobile lib-date-and-time .mat-form-field-flex {
  padding: 5px 2px 5px 10px !important;
}
.preview-template-popup .if-mobile lib-date-and-time .div-time {
  width: 100%;
  margin: 0;
  margin-top: 10px;
}
.preview-template-popup .if-mobile lib-date-and-time .div-time .mat-form-field-infix {
  line-height: 13px !important;
  padding: 5px 0 !important;
}
.preview-template-popup .if-mobile lib-date-and-time .div-time .mat-form-field-infix .svg-icon {
  margin-right: -5px;
}
.preview-template-popup .if-mobile lib-date-and-time .div-time .mat-form-field-flex {
  padding: 0 !important;
}
.preview-template-popup .if-mobile lib-date-and-time .div-time .mat-form-field-wrapper {
  padding: 1px 5px !important;
}
.preview-template-popup .if-mobile lib-date-and-time .web-time-picker .mat-select {
  padding: 3px 0 !important;
}
.preview-template-popup .if-mobile lib-date-and-time .material-date-picker, .preview-template-popup .if-mobile lib-date-and-time .material-date-picker .mat-form-field-wrapper {
  width: 100% !important;
}
.preview-template-popup .if-tablet {
  background-repeat: no-repeat;
  text-align: center;
  background-position: top center;
  background-size: contain;
  margin-top: 30px;
}
.preview-template-popup .if-tablet .parent-controls,
.preview-template-popup .if-tablet .template-header {
  max-width: 735px !important;
  margin: 0 auto;
  left: 0;
}
.preview-template-popup .if-tablet .parent-controls {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.preview-template-popup .if-tablet .has-responsive-width {
  position: relative;
  height: 1024px;
  background: rgba(235, 235, 235, 0.48);
  max-width: 735px !important;
  overflow: hidden;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  left: -2px;
}
.preview-template-popup .if-tablet .more-1-pages {
  overflow: hidden;
  height: 1024px !important;
  margin-top: 175px;
}
.preview-template-popup .if-tablet .more-1-pages .parent-controls {
  max-height: 475px !important;
}
.preview-template-popup .if-tablet .one-page {
  height: 1024px !important;
  overflow-y: hidden !important;
  margin-top: 175px;
}
.preview-template-popup .if-tablet .fix-footer {
  max-width: 735px !important;
  left: 0;
}
.preview-template-popup .if-tablet .main-body {
  background: transparent !important;
}
.preview-template-popup .if-tablet .ion-item-bg .camera-icon.w-5 {
  width: 9% !important;
  padding-right: 10px !important;
}
.preview-template-popup .if-tablet lib-instacount .ion-input-number.desktop-width, .preview-template-popup .if-tablet lib-instacount .ion-input-id.desktop-width, .preview-template-popup .if-tablet lib-barcode .ion-input-number.desktop-width, .preview-template-popup .if-tablet lib-barcode .ion-input-id.desktop-width, .preview-template-popup .if-tablet lib-date-and-time .ion-input-number.desktop-width, .preview-template-popup .if-tablet lib-date-and-time .ion-input-id.desktop-width {
  width: 91% !important;
}
.preview-template-popup .if-tablet lib-date-and-time .icon-click {
  padding: 4px !important;
}
.preview-template-popup .if-tablet lib-date-and-time .mat-form-field-flex {
  padding: 5px 2px 5px 10px !important;
}
.preview-template-popup .if-tablet lib-date-and-time .mat-form-field-infix {
  line-height: 6px !important;
  padding: 0 !important;
}
.preview-template-popup .if-tablet lib-date-and-time .div-time {
  margin-left: 3%;
}
.preview-template-popup .if-tablet lib-date-and-time .div-time .mat-form-field-infix {
  line-height: 13px !important;
  padding: 5px 0 !important;
}
.preview-template-popup .if-tablet lib-date-and-time .div-time .mat-form-field-infix .svg-icon {
  margin-right: -5px;
}
.preview-template-popup .if-tablet lib-date-and-time .div-time .mat-form-field-flex {
  padding: 0 !important;
}
.preview-template-popup .if-tablet lib-date-and-time .div-time .mat-form-field-wrapper {
  padding: 1px 5px !important;
}
.preview-template-popup .if-tablet lib-date-and-time .web-time-picker .mat-select {
  padding: 3px 0 !important;
}
.preview-template-popup .if-tablet lib-date-and-time .material-date-picker, .preview-template-popup .if-tablet lib-date-and-time .material-date-picker .mat-form-field-wrapper {
  width: 240px;
}
.preview-template-popup .if-tablet .custom-dropdown .mat-form-field-flex {
  width: 100% !important;
}
.preview-template-popup .if-tablet lib-signature .has-bg {
  width: 100% !important;
}
.preview-template-popup .template-details {
  padding: 10px 15px 0;
}
.preview-template-popup .template-details:empty {
  padding: 0;
}

ngx-mat-timepicker-dialog .clock-face {
  margin: 5px auto !important;
}
ngx-mat-timepicker-dialog .clock-face .mat-mini-fab.mat-primary {
  background-color: #318CE7;
}
ngx-mat-timepicker-dialog .mat-toolbar.mat-primary {
  background: #318CE7;
}
ngx-mat-timepicker-dialog .mat-dialog-actions .mat-button {
  color: #318CE7;
}

lib-date-and-time .mat-form-field-infix {
  line-height: 6px !important;
  padding: 0 !important;
}
lib-date-and-time .div-time {
  vertical-align: bottom !important;
}
lib-date-and-time .div-time .mat-form-field-infix .mat-input-element {
  width: 87%;
}
lib-date-and-time .div-time .mat-form-field-infix .svg-icon {
  margin: 0;
  transform: scale(0.75);
  opacity: 0.75;
}

.eye-icon {
  stroke: #263238;
}

.allow-gallery-media-div {
  background: #F9F9F9;
  border: 1px solid #EBEBEB;
}

.drag-hint {
  border: 1px dashed #318CE7;
  background: rgba(49, 140, 231, 0.05);
  border-radius: 5px;
  padding: 20px;
  font-size: 14px;
  max-width: 95%;
  margin: 9px 40px;
  text-align: center;
}

.template-info-section {
  z-index: 1000;
}

/* Set location dialog*/
.location-dialog-container {
  padding: 20px 25px;
}
.location-dialog-container .mat-dialog-title {
  background: #fff;
  color: #263238;
}
.location-dialog-container .mat-dialog-title .close-btn {
  margin-right: -4px;
}
.location-dialog-container .mat-divider {
  margin: 15px 0;
}
.location-dialog-container .mat-body {
  padding: 0 !important;
}
.location-dialog-container .form-control, .location-dialog-container .mat-divider {
  border-color: #C5CCD9;
}
.location-dialog-container input[type=text]::placeholder {
  opacity: 0.5;
}
.location-dialog-container .btn-search {
  background: transparent;
}
.location-dialog-container .btn-search:focus {
  box-shadow: none;
}
.location-dialog-container .search-actions {
  z-index: 9;
  text-align: right;
  position: absolute;
  right: 10px;
  padding: 0 5px;
  background-color: #fff;
}
.location-dialog-container .btn-locate {
  flex: 0 0 115px;
  padding: 0;
  border-width: 1px;
}

.mat-select-status .mat-select-value {
  overflow: visible;
}

.svg-close {
  width: 8px !important;
  height: 8px !important;
}

.app-color-picker .circle.colornull {
  background: none !important;
}

.no-color .circle, .no-color .circle.colornull {
  background-image: url('no-color-bg.svg') !important;
  background-size: cover !important;
}

.has-gray-border .circle, .has-gray-border.custom-set-color {
  border: 1px solid #ddd;
}

.choice-data .option-text {
  width: 110px;
  word-wrap: break-word;
  white-space: break-spaces;
  line-height: 18px;
  height: auto;
}
.choice-data .score-text {
  min-width: 20px;
  max-width: 31px;
  overflow: hidden;
  height: 20px;
}
.choice-data .score-input {
  display: none;
}
.choice-data .flag-scoring-text, .choice-data .value-text {
  display: inline-block;
}
.choice-data .value-textbox {
  display: none;
}
.choice-data.border-blue .flag-scoring-text, .choice-data.border-blue .value-text {
  display: none;
}
.choice-data.border-blue .score-input {
  display: block;
}
.choice-data.border-blue .value-textbox {
  display: inline-block;
}

.two-btns .btn {
  width: 50%;
}

.btn-group .btn {
  padding: 3px 5px;
  background: #fff;
  box-shadow: none !important;
  border-radius: 5px !important;
}
.btn-group .btn.active {
  background: #318CE7;
  color: #fff;
}

.template-authoring-side-panel .btn:nth-of-type(1).active + .btn:nth-of-type(2), .template-authoring-side-panel .btn:nth-of-type(2).active {
  margin-left: 5px;
}
.template-authoring-side-panel .custom-placeholder {
  max-width: 100%;
  min-height: 40px;
  border-radius: 5px;
}

.option-with-search {
  height: 60px !important;
  line-height: 25px !important;
}
.option-with-search:nth-of-type(1) {
  margin-top: 50px;
}

.common-select.form-control:not(textarea) {
  padding: 5px 17px;
  height: 40px;
  opacity: 1;
  border-radius: 5px;
  /*&.border-less { border: 0; height: auto; } &.hide-arrow { .mat-form-field-suffix { display: none; }*/
}
.common-select.form-control:not(textarea).mat-form-field-disabled {
  opacity: 0.5;
}
.common-select.form-control:not(textarea) .mat-select-value {
  line-height: 20px;
}
.common-select.form-control:not(textarea).sm-size {
  padding: 5px 8px;
  height: 30px;
}
.common-select.form-control:not(textarea).sm-size .mat-form-field-infix {
  padding: 2px 0 0;
  min-width: 68px;
  width: auto;
}
.common-select.form-control:not(textarea).sm-size .mat-form-field-suffix {
  top: 1px;
  right: 5px;
}
.common-select.form-control:not(textarea).sm-size .mat-form-field-label {
  top: 11px;
}
.common-select.form-control:not(textarea).no-border {
  width: auto;
  padding: 0;
  height: auto;
  border: 0;
}
.common-select.form-control:not(textarea).no-border .mat-form-field-infix {
  min-width: 63px;
  width: auto;
}
.common-select.form-control:not(textarea).no-border .mat-form-field-suffix {
  right: 3px;
}
.common-select.form-control:not(textarea).no-border.w-100px {
  width: 100px;
}
.common-select.form-control:not(textarea).no-border.w-100px .mat-select-value {
  padding-right: 16px;
}
.common-select.form-control:not(textarea).mat-focused {
  border-color: #318CE7;
}
.common-select.form-control:not(textarea).mat-focused .mat-form-field-label {
  color: #318CE7;
}

.mat-form-field-label {
  font-family: "open_sansregular", sans-serif !important;
}

/* Template authoring styles as per workflow*/
.toggle-lbl-space-0 .mat-slide-toggle-label {
  padding: 0;
  margin: 0;
}

.left-border-grey {
  border-left: 1px solid #C5CCD9;
  margin-bottom: 0;
  padding-bottom: 10px;
  margin-left: 4px;
  padding-left: 16px;
}

.outline-block {
  border: 1px solid #C5CCD9;
  border-radius: 5px;
}
.outline-block .line-after {
  height: 27px;
  display: flex;
  align-items: center;
  position: relative;
}
.outline-block .line-after::after {
  position: absolute;
  height: 17px;
  top: 5px;
  padding: 0;
  right: 15px;
}

.style-settings-container .type-selector,
.style-settings-container .separator-selector,
.style-settings-container .fontsize-selector {
  padding-right: 30px;
}
.style-settings-container .color-selector {
  padding-right: 27px;
}
.style-settings-container .bgclr-selector {
  padding-right: 12px;
}
.style-settings-container .fontstyle-selector:after,
.style-settings-container .bgclr-selector:after {
  visibility: hidden;
}

.alignment-setting {
  padding: 10px;
}
.alignment-setting .mat-button-toggle-group {
  border: 0;
  border-radius: 0px;
  justify-content: space-between;
  width: 100%;
}
.alignment-setting .mat-button-toggle-label-content {
  line-height: normal !important;
}
.alignment-setting .mat-button-toggle {
  font-size: 14px;
  border-radius: 5px;
  font-family: "open_sansregular", sans-serif;
  width: 64px;
  height: 50px;
}
.alignment-setting .mat-button-toggle + .mat-button-toggle {
  border: 0 !important;
}
.alignment-setting .mat-button-toggle.mat-button-toggle-checked {
  background-color: #318CE7;
  color: #fff !important;
}
.alignment-setting .mat-button-toggle.mat-button-toggle-checked svg path {
  fill: #fff;
}
.alignment-setting .mat-button-toggle .mat-button-toggle-button {
  height: 100%;
}

.textarea-resize-none {
  resize: none;
}

.mat-slide-toggle.sm-size {
  height: 17px;
  line-height: 17px;
}
.mat-slide-toggle.sm-size .mat-slide-toggle-bar {
  width: 32px;
  height: 18px;
  background-color: #C5CCD9;
}
.mat-slide-toggle.sm-size .mat-slide-toggle-bar .mat-slide-toggle-thumb-container {
  top: 2px;
  left: 2px;
}
.mat-slide-toggle.sm-size .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  box-shadow: none;
}
.mat-slide-toggle.sm-size .mat-slide-toggle-bar .mat-slide-toggle-thumb-container,
.mat-slide-toggle.sm-size .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  width: 14px;
  height: 14px;
}
.mat-slide-toggle.sm-size .mat-slide-toggle-ripple {
  display: none;
}
.mat-slide-toggle.sm-size.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(14px, 0, 0);
}
.mat-slide-toggle.align-reverse {
  width: 100%;
}
.mat-slide-toggle.align-reverse .mat-slide-toggle-label {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.mat-slide-toggle.align-reverse .mat-slide-toggle-bar {
  margin: 0;
}
.mat-slide-toggle.align-reverse {
  width: 100%;
}
.mat-slide-toggle.align-reverse .mat-slide-toggle-label {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.mat-slide-toggle.align-reverse .mat-slide-toggle-bar {
  margin: 0;
}

/*Shortcut drag/drop control*/
.shortcut-card {
  position: relative;
  padding: 10px 6px;
  border-radius: 3px;
  display: inline-block;
}
.shortcut-card .copy-delete,
.shortcut-card .copy-delete span {
  background-color: #fff;
}
.shortcut-card .copy-delete {
  right: -57px;
}

.shadow-block {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border: 1px solid #ebebeb;
  border-radius: 3px;
  background-color: #fff;
}
.shadow-block span {
  box-shadow: none;
  height: 37px;
  position: relative;
}
.shadow-block span:first-child::after {
  content: "";
  position: absolute;
  width: 21px;
  height: 1px;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  background-color: #ebebeb;
}

/*Shortcut button properties*/
.app-color-picker .preview {
  box-shadow: none !important;
  border: 0;
  padding: 0 !important;
  margin: 0 !important;
}
.app-color-picker .preview .preview-background {
  background-image: url('no-color-bg.svg') !important;
  background-size: cover !important;
}

.hollow .app-color-picker .preview {
  position: relative;
}
.hollow .app-color-picker .preview::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 50%;
  top: 3px;
  left: 3px;
}

.font-color {
  width: 17px;
}
.font-color .bg-color {
  margin-top: 2px;
  height: 3px;
  box-shadow: 0 0 1px;
}

app-custom-select.line-after::after {
  right: -15px;
  top: 6px;
}

.mat-form-field.font-style-select {
  width: 29px;
  border-radius: 5px;
}
.mat-form-field.font-style-select .mat-form-field-wrapper {
  padding-bottom: 0;
}
.mat-form-field.font-style-select .mat-form-field-infix {
  min-width: auto;
  width: auto;
  padding: 0 !important;
  border-top: 0;
  height: 27px;
}
.mat-form-field.font-style-select .mat-select {
  opacity: 0;
  position: absolute;
}
.mat-form-field.font-style-select .mat-form-field-label-wrapper,
.mat-form-field.font-style-select .mat-form-field-label {
  padding: 0;
  top: auto;
  display: flex;
  align-items: center;
  text-align: center;
}
.mat-form-field.font-style-select .mat-select-arrow-wrapper {
  display: none;
}
.mat-form-field.font-style-select .mat-form-field-label {
  margin: 0;
  width: 100%;
  display: block;
}
.mat-form-field.font-style-select.font-selected {
  background: rgba(49, 140, 231, 0.1);
}

.font-style-dropdown {
  top: 30px;
  position: absolute;
  width: 60px;
  min-width: auto !important;
  left: 100%;
  border-radius: 5px !important;
  padding: 0 10px;
}
.font-style-dropdown .mat-pseudo-checkbox {
  display: none;
}
.font-style-dropdown .mat-option {
  text-align: center;
  padding: 0;
}
.font-style-dropdown .mat-option:hover .mat-option-text, .font-style-dropdown .mat-option.selected .mat-option-text {
  background: rgba(49, 140, 231, 0.1);
}
.font-style-dropdown .mat-option .mat-option-text {
  flex-grow: 0;
  width: 20px;
  height: 20px;
  line-height: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  margin: 0 auto;
}

/*Button properties panel*/
.button-controls-container {
  gap: 20px 40px;
  padding: 20px 40px;
}

.button-appearance-tabs.zero-index {
  position: relative;
  z-index: 0; /*prevent overlap with ngx-colors*/
}
.button-appearance-tabs.zero-index .mat-tab-body {
  min-height: 450px; /*prevent auto jump scroll when switching tabs*/
}
.button-appearance-tabs .mat-tab-labels {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}
.button-appearance-tabs .mat-tab-label {
  background-color: #F9F9F9;
  padding: 0;
  min-width: auto;
  flex: 1;
  height: auto;
  font-family: "open_sansregular", sans-serif;
  opacity: 1;
  padding: 10px 24px;
  position: relative;
}
.button-appearance-tabs .mat-tab-label:first-child::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #C5CCD9;
  right: 0;
}
.button-appearance-tabs:not(.hide-advancedsettings) .mat-tab-label.mat-tab-label-active {
  color: #318CE7;
}
.button-appearance-tabs .mat-tab-body-content {
  overflow: hidden !important;
}

.color-picker .box {
  max-height: unset;
  background-color: transparent;
}

.mat-checkbox.checkbox-w20px {
  display: block;
}
.mat-checkbox.checkbox-w20px .mat-checkbox-inner-container {
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
}
.mat-checkbox.checkbox-w20px .mat-checkbox-label {
  font-family: "open_sansregular", sans-serif;
  font-size: 14px;
  white-space: break-spaces;
  line-height: 20px;
}
.mat-checkbox.checkbox-w20px label {
  margin-bottom: 0;
  padding-bottom: 0;
  align-items: flex-start;
}
.mat-checkbox.checkbox-w20px .mat-checkbox-frame {
  border-color: #C5CCD9;
}

.page-select .mat-form-field {
  margin-left: 30px;
  width: calc(100% - 30px);
}
.page-select .selected-item {
  background-color: #F9F9F9;
  padding: 10px 16px;
  font-size: 14px;
  color: #263238;
  font-family: "open_sansregular", sans-serif;
}
.page-select .selected-item button {
  background-color: transparent;
  line-height: 1;
}
.page-select .selected-item button .mat-icon {
  height: auto;
  width: 16px;
}

.disabled-block {
  pointer-events: none;
  opacity: 0.5;
}

/*Custom style to make only the checkbox (not the label) appear disabled in Angular Material*/
.disabled-mat-checkbox-only {
  pointer-events: none;
}
.disabled-mat-checkbox-only .mat-checkbox-inner-container {
  opacity: 0.5;
}

/*Customize ngx-colors design*/
ngx-colors.solid .preview-background {
  border: 1px solid #ebebeb;
}

ngx-colors-panel .opened {
  width: auto !important;
  left: 100px;
  font-family: "open_sansregular", sans-serif;
}
ngx-colors-panel .opened .colors {
  margin: 15px 5px !important;
  justify-content: center;
}
ngx-colors-panel .opened .colors .circle,
ngx-colors-panel .opened .colors .circle-border {
  width: 28px !important;
  height: 28px !important;
}
ngx-colors-panel .opened .colors .wrapper {
  flex: 28px 0 0 !important;
}
ngx-colors-panel .opened .colors .selected {
  width: 34px !important;
  height: 34px !important;
  margin: -4px !important;
  border-color: #318CE7 !important;
  border-width: 1px !important;
}
ngx-colors-panel .opened .manual-input-wrapper {
  align-items: center;
  border-top: 1px solid #ebebeb;
  padding: 12px 20px !important;
  margin: 0 !important;
}
ngx-colors-panel .opened .manual-input-wrapper p {
  margin-right: 11px !important;
}
ngx-colors-panel .opened .manual-input-wrapper p, ngx-colors-panel .opened .manual-input-wrapper input {
  font-size: 14px !important;
  color: #263238 !important;
}
ngx-colors-panel .opened .manual-input-wrapper .g-input {
  border-color: #C5CCD9 !important;
  flex: 0 0 106px;
}

.nav-wrapper {
  display: flex;
  align-items: center;
}
.nav-wrapper .round-button {
  margin-right: auto;
}
.nav-wrapper button {
  height: 30px;
  padding: 5px 10px !important;
  letter-spacing: unset !important;
  font-size: 14px !important;
}
.nav-wrapper button:nth-child(2) {
  color: #263238;
}
.nav-wrapper button:last-child {
  color: #318CE7;
}
.nav-wrapper button:hover {
  background-color: transparent !important;
}

.button-color-palette .wrapper:nth-child(6) .circle-border {
  border-color: #C5CCD9 !important;
}

.hover-theme:hover {
  color: #318CE7 !important;
}
.hover-theme:hover .new-svg-icon {
  fill: #318CE7 !important;
}

.mat-tooltip-trigger:hover {
  color: #318CE7;
}

.radio-choices {
  width: 100%;
}
.radio-choices .radio-button {
  margin: 0 !important;
}
.radio-choices .radio-button:not(:first-child) {
  margin-top: 5px !important;
}
.radio-choices .mat-radio-label {
  white-space: normal;
  margin: 0;
  padding: 10px 20px;
  border-color: inherit !important;
}
.radio-choices .choices-has-color .mat-radio-container {
  background-color: inherit !important;
  border-color: inherit !important;
}
.radio-choices .choices-has-color .mat-radio-container .mat-radio-inner-circle {
  background-color: inherit !important;
  border-color: inherit !important;
  border-width: 10px;
  border-style: solid;
}
.radio-choices .choices-has-color.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: inherit !important;
}

.checkbox-choices {
  width: 100%;
}
.checkbox-choices .mat-checkbox {
  padding: 8px 20px;
}
.checkbox-choices .mat-checkbox-layout {
  padding-bottom: 0;
}
.checkbox-choices .mat-checkbox-label {
  white-space: normal;
}
.checkbox-choices .mat-checkbox-checked {
  border-radius: 5px;
}
.checkbox-choices .mat-checkbox-checked .mat-checkbox-layout {
  padding: 0 !important;
  border-color: inherit !important;
}
.checkbox-choices .mat-checkbox-checked .mat-checkbox-background {
  background-color: #318CE7 !important;
}
.checkbox-choices .mat-checkbox-checked .mat-checkbox-frame {
  border-color: #318CE7 !important;
  border-width: 10px !important;
}
.checkbox-choices .mat-checkbox-checked .mat-checkbox-inner-container {
  border-color: #318CE7 !important;
}
.checkbox-choices .mat-checkbox-checked.choices-has-color .mat-checkbox-background {
  background-color: inherit !important;
}
.checkbox-choices .mat-checkbox-checked.choices-has-color .mat-checkbox-frame {
  border-color: inherit !important;
  border-width: 10px !important;
}
.checkbox-choices .mat-checkbox-checked.choices-has-color .mat-checkbox-inner-container {
  border-color: inherit !important;
}
.checkbox-choices .mat-checkbox-checked.has-white-color .mat-checkbox-background {
  background-color: transparent !important;
}
.checkbox-choices .mat-checkbox-checked.has-white-color .mat-checkbox-frame {
  border-color: #000 !important;
  border-width: 1px !important;
}
.checkbox-choices .mat-checkbox-checked.has-white-color .mat-checkbox-checkmark-path {
  stroke: #000 !important;
}
.checkbox-choices ul {
  margin-top: 0;
}
.checkbox-choices ul li:not(:first-child) {
  margin-top: 5px;
}

.option-color-palette ngx-colors-panel .opened .colors,
.option-color-palette-custom-set ngx-colors-panel .opened .colors,
.report-colors ngx-colors-panel .opened .colors {
  margin: 15px 0 !important;
}
.option-color-palette .colors .circle.wrapper.color, .option-color-palette .colors .circle.colornull,
.option-color-palette-custom-set .colors .circle.wrapper.color,
.option-color-palette-custom-set .colors .circle.colornull,
.report-colors .colors .circle.wrapper.color,
.report-colors .colors .circle.colornull {
  background-image: url('no-color-bg.svg') !important;
  background-size: cover !important;
}

.option-color-palette-custom-set ngx-colors-panel .opened,
.report-colors ngx-colors-panel .opened {
  left: 0 !important;
}

.report-colors ngx-colors-panel .opened {
  width: 250px !important;
}

.dragged-select .mat-select-min-line {
  font-size: 0 !important;
}
.dragged-select.no-value .mat-select-min-line {
  font-size: 14px !important;
}

.selected-dropdown-choice-gragged {
  position: absolute;
  top: 6px;
  left: 10px;
  font-size: 14px;
  width: 88%;
}
.selected-dropdown-choice-gragged span {
  padding: 3px 5px;
  border-radius: 5px;
  max-width: 95%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}

.input-logic-tabs {
  font-size: 14px;
}
.input-logic-tabs .tab-content {
  display: none;
  padding: 20px 20px 0;
}
.input-logic-tabs .tab-content.active {
  display: block;
}
.input-logic-tabs .warning-message-area {
  padding: 3px 10px;
}
.input-logic-tabs .logic-action-div {
  padding: 4px 8px;
  background: rgba(49, 140, 231, 0.1);
}
.input-logic-tabs .logic-action-div .mat-checkbox-inner-container {
  display: none;
}
.input-logic-tabs .logic-action-div .mat-checkbox-layout {
  margin: 0 !important;
}

.custom-tab-header {
  font-size: 14px;
  display: inline-block;
  display: flex;
  padding: 0;
}
.custom-tab-header li {
  flex: 1;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  border-bottom: none;
  background-color: #F6F7F9;
  transition: background-color 0.3s;
}
.custom-tab-header li.active {
  border-bottom: 2px solid #318CE7;
  color: #318CE7;
}
.custom-tab-header li.line-after:after {
  position: relative;
  right: -42px;
}

.only-blue-text.mat-select {
  width: auto !important;
  position: absolute;
  top: 10px;
  left: 55px;
}
.only-blue-text.mat-select .mat-select-value {
  color: #318CE7;
}
.only-blue-text.mat-select .mat-select-arrow-wrapper {
  display: none;
}

.select-pos-relative {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}

input.no-arrows::-webkit-outer-spin-button,
input.no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number].no-arrows {
  -moz-appearance: textfield;
}

/*Static image style*/
.no-image {
  border: 1px dashed #C5CCD9;
  border-radius: 5px;
  padding: 15px;
}

.image-drop-section {
  border: 1px dashed #C5CCD9;
  border-radius: 10px;
  padding: 17px 0 10px;
}

.upload-label {
  text-decoration: underline;
  color: #318CE7;
  cursor: pointer;
}

.show-on-active {
  display: none;
}

.layout-settings {
  width: 110px;
}
.layout-settings .mat-button-toggle {
  width: 40px;
  height: 40px;
}
.layout-settings .mat-button-toggle .mat-button-toggle-label-content {
  padding: 0;
  vertical-align: middle;
}
.layout-settings .mat-button-toggle.mat-button-toggle-checked .show-on-active {
  display: block;
}
.layout-settings .mat-button-toggle.mat-button-toggle-checked .hide-on-active {
  display: none;
}

.slide-animated .carousel-item,
.slide-animated .item {
  width: 100%;
}
.slide-animated .item {
  height: 500px;
}
.slide-animated .item.active {
  display: flex;
  align-items: center;
}

.image-left .carousel-item,
.image-left .img-block {
  text-align: left;
}
.image-left .img-block {
  margin-right: auto;
}

.image-center .carousel-item,
.image-center .img-block {
  text-align: center;
}
.image-center .img-block {
  margin: 0 auto;
}
.image-center .carousel-item.active,
.image-center .carousel-item .item {
  justify-content: center;
}

.image-right .carousel-item,
.image-right .img-block {
  text-align: right;
}
.image-right .img-block {
  margin-left: auto;
}
.image-right .carousel-item.active,
.image-right .carousel-item .item {
  justify-content: flex-end;
}

.carousel-item img {
  max-height: 100%;
}

.medium-size .slide-animated .item {
  height: 275px;
}

.small-size .slide-animated .item {
  height: 150px;
}

.carousel .carousel-control-next,
.carousel .carousel-control-prev {
  display: none;
}

.carousel-nav-btn {
  background-color: #fff;
  position: absolute;
  z-index: 9;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  display: flex;
  align-items: center;
}
.carousel-nav-btn.prev {
  left: 0;
}
.carousel-nav-btn.next {
  right: 0;
}

.carousel-indicators li {
  width: 8px;
  height: 8px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #C5CCD9;
  border-radius: 50%;
}
.carousel-indicators li.active {
  border-color: #318CE7;
  background-color: #318CE7;
}

.stack-image {
  width: 100%;
}
.stack-image .img-block:not(:first-child) {
  margin-top: 15px;
}

.grid-image {
  float: none;
}
.grid-image:not(.only-pdf-report) {
  gap: 10px;
}
.grid-image:not(.d-none) {
  display: grid !important;
}
.grid-image:not(.img-col-1) .img-block {
  max-width: 100%;
  aspect-ratio: 1/1 auto;
}
.grid-image:not(.img-col-1) img {
  height: 100%;
  object-fit: cover;
}
.grid-image:not(.img-col-1) .img-block,
.grid-image:not(.img-col-1) img {
  width: 100%;
}
.grid-image.img-col-1 {
  grid-template-columns: repeat(1, 1fr);
  text-align: left;
}
.grid-image.img-col-1:not(.only-pdf-report) {
  gap: 15px;
}
.grid-image.img-col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-image.img-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-image.img-col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-image.img-col-5 {
  grid-template-columns: repeat(5, 1fr);
}

/*Css for static image in report preview only*/
.only-image-preview {
  padding: 10px;
}
.only-image-preview.grid-image:not(.img-col-1) {
  display: grid !important;
  gap: 10px;
}
.only-image-preview.grid-image:not(.img-col-1) .img-block {
  width: 100%;
  max-width: 100%;
  padding: 0 !important;
  height: 100%;
}
.only-image-preview.stack-image img {
  max-height: 100% !important;
}

.drag-section h1 {
  margin: 20px 40px;
}

.date-icon {
  right: 9px;
  top: 6px;
}

/*Barcode enhancement*/
.delimiter-grid {
  display: grid;
  grid-template-columns: repeat(6, auto);
  gap: 10px;
}
.delimiter-grid mat-option {
  padding: 0;
  min-height: unset;
  width: 30px;
  height: 30px !important;
  border: 1px solid #C5CCD9;
  border-radius: 5px;
  background-color: #fff;
  line-height: normal !important;
}
.delimiter-grid mat-option .mat-option-text {
  display: flex;
  line-height: 14px;
  justify-content: center;
}
.delimiter-grid mat-option.space-char {
  grid-column: span 2;
  width: auto;
}
.delimiter-grid mat-option.space-char .mat-option-text span {
  font-size: 24px;
  line-height: 0;
  height: 23px;
  margin-right: 8px;
}
.delimiter-grid mat-option.mat-active, .delimiter-grid mat-option:focus:not(.mat-option-disabled), .delimiter-grid mat-option:hover:not(.mat-option-disabled) {
  border-color: #318CE7;
  background-color: rgba(49, 140, 231, 0.1) !important;
}

.delimiter-trigger .position-absolute {
  left: 0;
  bottom: 5px;
}

.target-dropdown {
  min-height: 250px;
}
.target-dropdown .search-field {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 1;
}
.target-dropdown .search-field input {
  padding: 9px 10px 9px 45px;
  border-width: 0 0 1px 0px;
  border-radius: 0;
}
.target-dropdown .search-field .search-icon {
  left: 20px;
}
.target-dropdown .mat-option {
  height: auto !important;
  line-height: normal !important;
}
.target-dropdown .mat-option .mat-option-text {
  align-items: flex-start;
}
.target-dropdown .mat-expansion-panel-header,
.target-dropdown .mat-expansion-panel-body,
.target-dropdown .mat-option {
  padding: 0;
}
.target-dropdown .mat-expansion-panel {
  box-shadow: none !important;
}
.target-dropdown .mat-expansion-panel .mat-expansion-panel-header {
  height: auto !important;
  padding: 9px 25px;
}
.target-dropdown .mat-expansion-panel .mat-expansion-indicator {
  display: none;
}
.target-dropdown .mat-expansion-panel .chevron-icon {
  position: relative;
  left: -5px;
  transform: rotate(-90deg);
  transition: transform 0.2s ease-in-out;
}
.target-dropdown .mat-expansion-panel .mat-expanded .chevron-icon {
  transform: rotate(0deg);
}
.target-dropdown .mat-expansion-panel .mat-expanded + .mat-expansion-panel-content {
  height: auto !important;
  visibility: visible !important;
}
.target-dropdown .mat-expansion-panel .mat-expanded + .mat-expansion-panel-content[style*="visibility: hidden"] * {
  visibility: visible !important;
}
.target-dropdown .mat-expansion-panel .page-padding {
  padding: 9px 25px;
}
.target-dropdown .mat-expansion-panel .page-child-padding, .target-dropdown .mat-expansion-panel .section-padding, .target-dropdown .mat-expansion-panel .section-child-padding {
  padding: 10px 15px;
}
.target-dropdown .mat-expansion-panel .page-child-padding,
.target-dropdown .mat-expansion-panel .section-padding {
  padding-left: 45px;
}
.target-dropdown .mat-expansion-panel .section-child-padding {
  padding-left: 65px;
}
.target-dropdown .mat-expansion-panel .type-label {
  border: 1px solid rgba(38, 50, 56, 0.5);
  border-radius: 2px;
  line-height: 12px;
  display: inline-block;
  padding: 1px 4px 2px;
  background-color: #F9F9F9;
}
.target-dropdown .icn {
  height: 26px;
  width: 26px;
  padding-top: 4px;
  margin-right: 8px;
}
.target-dropdown .icn .new-svg-icon {
  width: 18px;
  height: 18px;
}

.control-wrapper:not(.parse-layout) {
  width: 80.1%;
  margin: 0 5px;
}
.control-wrapper.parse-layout {
  border: 1px solid #C5CCD9;
  border-radius: 5px;
  padding: 12px 16px;
  cursor: pointer;
}
.control-wrapper.parse-layout app-custom-select {
  width: 81.6%;
}
.control-wrapper.parse-layout .form-control.common-select {
  border-width: 0;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}
.control-wrapper.parse-layout:not(.active) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 16px;
  margin: 0 5px;
  max-width: 79.7%;
}
.control-wrapper.parse-layout:not(.active) .character-count span {
  display: none;
}
.control-wrapper.parse-layout:not(.active) .form-control.common-select {
  flex: 1;
  padding-right: 10px;
}
.control-wrapper.parse-layout:not(.active) .form-control.common-select .mat-select {
  width: 85%;
}
.control-wrapper.parse-layout:not(.active) .form-control[type=number] {
  width: 28px;
  height: 20px;
  padding: 0 0 0 10px;
  border-width: 0 0 0 1px;
  border-radius: 0;
  text-align: right;
}
.control-wrapper.parse-layout:not(.active) .form-control[type=number]::-webkit-outer-spin-button, .control-wrapper.parse-layout:not(.active) .form-control[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.control-wrapper.parse-layout.active {
  border-color: #318CE7;
  width: 80.2%;
  margin: 0 5px;
}
.control-wrapper.parse-layout.active .character-count {
  margin-top: 8px;
}
.control-wrapper.parse-layout.active .form-control.common-select {
  border-width: 0 0 1px 0;
}
.control-wrapper.parse-layout.active .form-control[type=number] {
  width: 55px;
  height: 30px;
  padding: 0px 6px;
}
.control-wrapper.parse-layout.active .form-control[type=number]:focus {
  border-color: #318CE7;
}

.barcode-parsing .left-border-grey {
  padding-left: 10px;
}
.barcode-parsing .btn-delete {
  line-height: 0;
}
.barcode-parsing .btn-delete .new-svg-icon {
  width: 17px;
  height: 17px;
}

.barcode-example {
  width: 222px;
}
.barcode-example .example-bg {
  background-color: #F6F7F9;
}
.barcode-example ul {
  padding-left: 20px;
}
.barcode-example ul li {
  list-style: disc;
}
.barcode-example .btn {
  padding: 3px 14px;
  height: 29px;
  width: 60px;
}

.barcode-popover {
  border-radius: 5px;
}
.barcode-popover .popover-body {
  padding: 0;
}

.btn.btn-link {
  color: #318CE7 !important;
}
.btn.btn-link.text-decoration-none {
  text-decoration: none !important;
}
.btn svg {
  outline: none;
}
.btn.barcode-btn {
  padding: 5px 7px;
  height: auto;
  line-height: 0;
  top: -21px;
  right: 6px;
  border-radius: 5px 5px 0 0;
  background: white;
  border: 1px solid #ddd;
  box-shadow: none !important;
  transition: none;
}

.parsing-dropdown .mat-option .mat-option-text,
.target-dropdown .mat-option .mat-option-text {
  display: flex;
}
.parsing-dropdown .mat-option .target-control,
.target-dropdown .mat-option .target-control {
  max-width: 80%;
  white-space: break-spaces;
}
.parsing-dropdown .custom-symbol.active .check-icon,
.parsing-dropdown .mat-option.mat-selected .check-icon,
.target-dropdown .custom-symbol.active .check-icon,
.target-dropdown .mat-option.mat-selected .check-icon {
  display: block !important;
}

.show-check-icon .mat-option.mat-selected .check-icon {
  display: block !important;
}
.show-check-icon .mat-option.mat-selected .mat-option-text {
  display: flex;
  align-items: center;
}
.show-check-icon .mat-option.mat-selected .text-block {
  margin-right: 15px;
}

.parsing-dropdown {
  max-height: 300px !important;
}
.parsing-dropdown .mat-option .mat-option-text {
  align-items: center;
}

.warning-alert {
  position: absolute;
  top: 0;
  right: 0;
  outline: none;
}

.sticky-element {
  position: sticky;
  z-index: 9;
}
.sticky-element.control-title {
  padding-top: 19px;
  margin-top: -19px;
  padding-bottom: 20px;
  background-color: #fff;
  top: -19px;
}
.sticky-element.custom-tab-header {
  top: 34px;
}

.drag-field .common-select .mat-select-value {
  width: 90%;
}
.drag-field .mat-option.mat-selected .check-icon {
  display: block !important;
}

.parsing-dropdown {
  max-height: 300px !important;
}
.parsing-dropdown .mat-option .mat-option-text {
  align-items: center;
}

/*calculated field*/
.formula-container {
  position: relative;
  border: 1px solid #ccc;
  padding: 4px 5px;
  min-height: 40px;
  width: 100%;
  border-radius: 5px;
  cursor: text;
  background: white;
  transition: border 0.3s ease;
}
.formula-container div[contentEditable] {
  min-height: 30px;
  padding: 5px;
  outline: none;
  width: 100%;
  white-space: pre-wrap;
}
.formula-container.border-blue {
  border-color: #318CE7 !important;
}
.formula-container.focused {
  outline: none !important;
}
.formula-container .options-container {
  display: flex;
  gap: 10px;
  margin-top: 5px;
}
.formula-container .calculator-toggle {
  height: 36px;
  width: 36px;
  background: rgba(49, 140, 231, 0.1);
}
.formula-container .field-select {
  width: calc(100% - 46px);
  background: rgba(49, 140, 231, 0.1);
  border-radius: 5px;
}
.formula-container .field-select .form-control {
  border: none !important;
  height: 36px;
}
.formula-container .warning-message-area {
  caret-color: transparent !important;
}
.formula-container .formula-field-chip {
  margin: 3px;
  background-color: #F9F9F9;
  white-space: normal;
  caret-color: transparent !important;
  padding: 6px 10px 8px;
  pointer-events: none;
  cursor: none;
  height: 36px;
  display: inline-block;
}
.formula-container .formula-field-chip .new-svg-icon {
  height: 20px;
  width: 20px;
  background-color: #EBEBEB;
  padding-left: 3px;
  padding-top: 3px;
}
.formula-container .formula-field-chip .new-svg-icon use {
  transform: scale(0.8);
}

.editable-div {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.editable-div span {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.editable-div .warning-message-area {
  padding: 8px 10px 6px;
  white-space: normal;
}

.calculated-field .target-dropdown .hover-bg.mat-active.mat-selected {
  background: transparent !important;
}

.form-list-padding .disabled-input {
  background-color: #ebebeb !important;
}

.cross-bg {
  background: rgba(38, 50, 56, 0.1);
}

.drag-handle {
  cursor: grabbing;
}

.pointer-events-none {
  pointer-events: none;
}

.editable-div:empty:before {
  content: attr(data-placeholder);
  color: rgba(38, 50, 56, 0.5019607843);
  position: absolute;
  top: 5px;
  left: 5px;
  pointer-events: none;
}

/*Media queries*/
@media (min-width: 1600px) {
  .form-control-font-size, .cdk-drag-preview {
    font-size: 14px;
  }
  .cdk-drag-preview {
    padding: 11px 5px 10px;
  }
  .cdk-drag-preview .icn {
    margin-right: 10px;
  }
}
@media (max-width: 1600px) { /*Template preview styles*/
  .preview-template-popup .mat-body {
    overflow-y: auto;
  }
  .preview-template-popup .mat-body .if-mobile {
    height: 920px;
    margin: 20px 0;
  }
  .preview-template-popup .mat-body .if-tablet {
    height: 1024px;
    margin: 20px 0;
  }
}
@media (max-width: 1024px) {
  .preview-template-popup .mat-dialog-title a {
    width: 90px !important;
    padding: 11px 15px !important;
  }
}
.report-options {
  padding: 3px;
  border-radius: 5px;
}

.svg-flex-container {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-right: 5px;
}

.custom-set-overflow {
  background-color: #F6F7F9;
  max-height: 210px;
  max-width: 250px;
  overflow: auto;
}
.custom-set-overflow::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: none;
}
.custom-set-overflow::-webkit-scrollbar {
  width: 5px;
  background-color: none;
}
.custom-set-overflow::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #EBEBEB;
}

.custom-set-color.no-color {
  background-image: url('no-color-bg.svg') !important;
  background-size: cover !important;
}

.flex-align-center {
  display: flex;
  align-items: center;
}

.flex-align-center:first-child {
  justify-content: flex-start;
  margin-right: auto;
}

.light-grey {
  color: rgba(38, 50, 56, 0.5019607843);
}

.position-right-10px {
  right: -10px;
}

.hide-scrollbar {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@font-face {
  font-family: "Material Icons";
  src: url('MaterialIcons-Regular.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
.material-icon {
  font-family: "Material Icons";
  font-size: 24px;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

/*Re-usable styles*/
.rules-dialog .common-select .mat-select-value, .analytics-container .common-select .mat-select-value {
  width: 85%;
}

.rules-dialog .common-select .mat-select-value-text, .summary-dialog .analytics-container .common-select .mat-select-value-text {
  font-size: 12px;
}

.analytics-component {
  height: calc(100vh - 62px);
  padding: 30px 0;
  overflow-y: auto;
}
.analytics-component .w50 {
  width: 50% !important;
}
.analytics-component:not(.custom-kypit-style) {
  background: #f9f9f9;
}

.detail-component h3 {
  font-size: 20px;
  line-height: 24px;
  color: #263238;
}
.detail-component span {
  color: #263238;
}
.detail-component span.has-40-opacity {
  opacity: 0.4;
}
.detail-component .in-prog {
  background: rgba(237, 114, 51, 0.2);
  border-radius: 1px;
  color: #263238;
  font-size: 14px;
  padding: 2px 8px;
  opacity: 1;
}

.summary-component:not(.custom-style) .count-detail {
  font-family: "open_sanssemibold", sans-serif;
  color: #263238;
}

.icon-report {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}

.passsed-fail-analytics a:first-child {
  padding-right: 10px;
  border-right: 1px solid #EBEBEB;
}
.passsed-fail-analytics:not(.custom-clr) a {
  font-family: "open_sansregular", sans-serif;
  color: #318CE7 !important;
}

.has-no-kypit-data {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 530px);
  flex-direction: column;
  color: rgba(38, 50, 56, 0.5);
}

.user-analytics:not(.custom-style) h3, .domain-analytics:not(.custom-style) h3 {
  color: #263238;
}

.text {
  color: #263238;
}

.has-bg-img {
  background: #f9f9f9;
  border-radius: 5px;
}

.text-with-opacity-70 {
  color: #263238;
  opacity: 0.7;
}

.text-with-opacity-50 {
  color: #263238;
  opacity: 0.5;
}

.has-outer-border {
  border: 1px solid #EBEBEB;
  border-radius: 5px;
}

.set-parent-margin {
  margin: 0 -15px 0 0px;
}

.link-for {
  color: #318CE7 !important;
  font-family: "open_sansregular", sans-serif;
}
.link-for.bottom-3px {
  border-bottom: 3px solid #318CE7;
}

.passed-legend,
.failed-legend,
.passed-legend:not(.custom-clr) {
  background: #202A5D;
}

.failed-legend:not(.custom-clr) {
  background: #F3D865;
}

.border-radius-2 {
  border-radius: 2px;
}

.min-h36px {
  min-height: 36px;
}

.min-h45px {
  min-height: 45px;
}

.min-h54px {
  min-height: 54px;
}

.top-border {
  border-top: 3px solid rgba(0, 0, 0, 0.0705882353);
}

.max-w100px {
  max-width: 100px;
}

.bg-f9 {
  background: #f9f9f9;
}

.analytic-table table th {
  font-weight: normal;
}
.analytic-table:not(.custom-style) table th, .analytic-table:not(.custom-style) table td {
  border: 1px solid #EBEBEB;
}

.w98 {
  width: 98%;
}

.kypit-dialog .mat-dialog-container, .kypit-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .kypit-dialog .common-dialog-container {
  width: 830px !important;
  max-width: 100% !important;
}
.kypit-dialog .bg-success-popup {
  background: rgba(41, 175, 98, 0.1);
}
.kypit-dialog .bg-failed-popup {
  background: rgba(224, 30, 83, 0.05);
}
.kypit-dialog .block-container {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px;
}
.kypit-dialog .block-container img {
  width: 100%;
}
.kypit-dialog .block-container .user-name-width {
  width: calc(100% - 15px);
}
.kypit-dialog .block-container > .img-analytics img {
  width: 185px;
  height: 220px;
  object-fit: contain;
  background: rgba(221, 221, 221, 0.4588235294);
}
.kypit-dialog .block-container > .user-analytics img {
  object-fit: contain;
  border: 1px solid #ddd;
}
.kypit-dialog .auto-width {
  width: 10px !important;
}
.kypit-dialog .failed {
  color: #E01E53;
  position: relative;
  padding-left: 10px;
  line-height: 18px;
  font-size: 11px !important;
  margin-bottom: 5px;
}
.kypit-dialog .failed:after {
  position: absolute;
  content: "-";
  left: 0;
  top: 0;
}
.kypit-dialog .has-dialog-scroll {
  min-height: 57vh;
  max-height: 57vh;
  overflow-y: auto;
  padding: 0 20px 20px;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.kypit-dialog .has-dialog-scroll::-webkit-scrollbar {
  width: 2px;
}
.kypit-dialog .has-dialog-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey;
  border-radius: 3px;
}
.kypit-dialog .has-dialog-scroll::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 3px;
}
.kypit-dialog .has-dialog-scroll::-webkit-scrollbar-thumb:hover {
  background: #ddd;
}
.kypit-dialog .h550px {
  height: 520px;
}
.kypit-dialog.activity-analytics-dialog .mat-dialog-container, .kypit-dialog.activity-analytics-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .kypit-dialog.activity-analytics-dialog .common-dialog-container {
  width: 900px !important;
  max-width: 100% !important;
}
.kypit-dialog.activity-analytics-dialog .has-dialog-scroll {
  padding-left: 0;
  padding-right: 0;
}

.domain-ip-isp-table table th {
  background: #f9f9f9;
}
.domain-ip-isp-table table tr th, .domain-ip-isp-table table tr td {
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  vertical-align: top;
}
.domain-ip-isp-table table tr th:first-child, .domain-ip-isp-table table tr th:last-child, .domain-ip-isp-table table tr td:first-child, .domain-ip-isp-table table tr td:last-child {
  border-left: 0;
  border-right: 0;
}
.domain-ip-isp-table .failed-rule {
  color: #E01E53;
}
.domain-ip-isp-table.only-bottom-border tr th, .domain-ip-isp-table.only-bottom-border tr td {
  border: 0;
  border-bottom: 1px solid #ddd;
}
.domain-ip-isp-table.only-bottom-border tr:last-child td {
  border-bottom: 0 !important;
}
.domain-ip-isp-table.with-lst-child tr:last-child td {
  border-bottom: 1px solid #ddd !important;
}

.has-no-td-border td {
  border-bottom: 0 !important;
}

.red-bg-opacity {
  background: rgba(224, 30, 83, 0.05);
}

.blue-bg-opacity {
  background: rgba(41, 175, 98, 0.05);
}

.main-border {
  border: 1px solid #ddd !important;
}

.basic-kypit-details-table td div {
  min-height: 24px;
  margin-top: 2px;
  vertical-align: middle;
}
.basic-kypit-details-table td {
  padding: 5px;
  border: 1px solid #EBEBEB;
  word-break: break-word;
  min-height: 35px;
  vertical-align: middle;
}

.activity-analytics-table th {
  padding: 10px;
  font-weight: 400;
  border: 0 !important;
}
.activity-analytics-table td {
  padding: 10px;
}
.activity-analytics-table:not(.border-radius-table) td {
  border: none !important;
}
.activity-analytics-table.border-all {
  border-color: #ebebeb;
}

.failed-chip {
  background: rgba(243, 216, 101, 0.2);
}
.failed-chip svg {
  fill: #F3D865;
}

.passed-chip {
  background: rgba(32, 42, 93, 0.2);
}
.passed-chip svg {
  fill: #202A5D;
}

.na-chip {
  background: rgb(249, 249, 249);
}

.no-tab-data {
  margin: 0 auto;
  width: 190px;
  text-align: center;
  padding: 55px 0;
}

.analytic-dialog-tab .mat-tab-label {
  min-width: 90px;
  padding: 0 12px;
  font-family: "open_sansregular", sans-serif;
}
.analytic-dialog-tab .mat-tab-label-active {
  color: #318CE7;
  background: #fff;
  font-family: "open_sansregular", sans-serif;
}
.analytic-dialog-tab .cdk-focus, .analytic-dialog-tab .cdk-focus-indocator {
  background: #fff !important;
}

/*Kypit re-design styles*/
.fill-white {
  fill: #fff;
}

.analytics-grid-2,
.analytics-grid-3 {
  gap: 10px;
}
.analytics-grid-2 .has-outer-border,
.analytics-grid-3 .has-outer-border {
  width: 100%;
  position: relative;
  padding: 16px 10px 5px;
}

.analytics-grid-2 .has-outer-border {
  max-width: 49.32%;
}

.analytics-grid-3 .has-outer-border {
  max-width: 32.55%;
}

.analytics-grid-4 {
  gap: 10px;
}
.analytics-grid-4 .border-all {
  width: 24.12%;
}

.rule-tag {
  border: 1px solid #EBEBEB;
  border-radius: 5px;
  display: inline-block;
  padding: 0 6px;
  line-height: normal;
  position: absolute;
  left: 10px;
  top: -10px;
  background: #fff;
}

/*Kypit summary styles*/
.kypit-summary-table {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #C5CCD9;
  font-size: 12px;
}
.kypit-summary-table table {
  width: 100%;
  border-collapse: collapse;
}
.kypit-summary-table table th, .kypit-summary-table table td {
  padding: 10px 0;
}
.kypit-summary-table table th:first-child, .kypit-summary-table table td:first-child {
  padding-left: 20px;
}
.kypit-summary-table table th:nth-child(5), .kypit-summary-table table td:nth-child(5) {
  border-left: 1px solid #C5CCD9;
}
.kypit-summary-table table th:nth-child(7), .kypit-summary-table table td:nth-child(7) {
  border-right: 1px solid #C5CCD9;
}
.kypit-summary-table table th:not(:first-child):not(:last-child), .kypit-summary-table table td:not(:first-child):not(:last-child) {
  width: 11.7%;
  text-align: center;
}
.kypit-summary-table table th:last-child, .kypit-summary-table table td:last-child {
  width: 1%;
  padding-right: 20px;
}
.kypit-summary-table th {
  background-color: #ebebeb;
  text-align: left;
  font-weight: 400;
  border-bottom: 1px solid #C5CCD9;
}
.kypit-summary-table td {
  border-bottom: 1px solid #C5CCD9;
  vertical-align: middle;
}
.kypit-summary-table .summary-footer {
  background-color: #ebebeb;
  padding: 15px 38px 15px 15px;
  text-align: right;
}

/*Kypit dialogs*/
.analytics-container {
  border: 1px solid #C5CCD9;
  border-radius: 5px;
  overflow: hidden;
}
.analytics-container .header-container {
  padding: 10px 20px;
  background-color: #ebebeb;
  border-bottom: 1px solid #C5CCD9;
}
.analytics-container .analytics-card {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(38, 50, 56, 0.1);
}
.analytics-container .analytics-card.active .details-btn svg {
  transform: rotate(-90deg);
}
.analytics-container .analytics-card:not(.active) .card-items {
  align-items: center;
  flex-direction: row;
}
.analytics-container .analytics-card .heading-item,
.analytics-container .analytics-card .card-items {
  padding-right: 10px;
}
.analytics-container .analytics-card .card-items {
  word-break: break-word;
}
.analytics-container .body-content {
  min-height: 60vh;
  max-height: 60vh;
  overflow-y: auto;
  background-color: #F9F9F9;
}

/*Kypit analytics dialog*/
.summary-dialog .analytics-container.card-grid-6 .header-container .heading-item:first-child,
.summary-dialog .analytics-container.card-grid-6 .analytics-card .card-items:first-child {
  width: 16%;
}
.summary-dialog .analytics-container.card-grid-6 .header-container .heading-item:not(:first-child):not(:last-child),
.summary-dialog .analytics-container.card-grid-6 .analytics-card .card-items:not(:first-child):not(:last-child) {
  width: 16.3%;
}
.summary-dialog .analytics-container.card-grid-6 .header-container .heading-item:last-child,
.summary-dialog .analytics-container.card-grid-6 .analytics-card .card-items:last-child {
  width: 18.8%;
}
.summary-dialog .analytics-container.card-grid-4 .header-container .heading-item:first-child,
.summary-dialog .analytics-container.card-grid-4 .analytics-card .card-items:first-child {
  width: 17.1%;
}
.summary-dialog .analytics-container.card-grid-4 .header-container .heading-item:not(:first-child),
.summary-dialog .analytics-container.card-grid-4 .analytics-card .card-items:not(:first-child) {
  width: 27.63%;
}
.summary-dialog .analytics-container.card-grid-4.image-grid .header-container .heading-item:first-child,
.summary-dialog .analytics-container.card-grid-4.image-grid .analytics-card .card-items:first-child {
  width: 18.34%;
}
.summary-dialog .analytics-container.card-grid-4.image-grid .header-container .heading-item:not(:first-child),
.summary-dialog .analytics-container.card-grid-4.image-grid .analytics-card .card-items:not(:first-child) {
  width: 34.9%;
}
.summary-dialog .analytics-container.card-grid-4.image-grid .header-container .heading-item:last-child,
.summary-dialog .analytics-container.card-grid-4.image-grid .analytics-card .card-items:last-child {
  width: 11.8%;
}
.summary-dialog .analytics-container.card-grid-3 .header-container .heading-item,
.summary-dialog .analytics-container.card-grid-3 .analytics-card .card-items {
  width: 33.3%;
}
.summary-dialog .analytics-container .card-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.summary-dialog .analytics-container .card-items .rule-block {
  margin-top: 33px;
  width: 100%;
}
.summary-dialog .analytics-container .card-items,
.summary-dialog .analytics-container .heading-item {
  padding-right: 10px;
}
.summary-dialog .analytics-container .common-select {
  width: 140px;
}

.addedby-info {
  padding-right: 15px;
}
.addedby-info > span:not(:last-child) {
  margin-right: 10px;
}
.addedby-info > span:not(:first-child) {
  border-left: 1px solid #C5CCD9;
  padding-left: 10px;
}

.rule-block {
  background-color: #F6F7F9;
  height: 100%;
}
.rule-block .expected-block ul:not(.list-unstyled) {
  padding-left: 15px;
}
.rule-block .expected-block ul:not(.list-unstyled) li {
  list-style: disc;
}
.rule-block .expected-block ul:not(.list-unstyled) li:not(:first-child) {
  margin-top: 4px;
}

.mat-select-panel.image-filter-options {
  top: 30px;
  min-width: max-content !important;
}
.mat-select-panel.image-filter-options.rules-options .mat-option-text {
  min-width: 138px;
}

/*Activity analytics dialog styles*/
.activity-analytics-dialog .analytics-container.card-grid-4 .header-container .heading-item:first-child {
  width: 22.1%;
}
.activity-analytics-dialog .analytics-container.card-grid-4 .header-container .heading-item:nth-child(2) {
  width: 46.5%;
}
.activity-analytics-dialog .analytics-container.card-grid-4 .header-container .heading-item:nth-child(3), .activity-analytics-dialog .analytics-container.card-grid-4 .header-container .heading-item:nth-child(4) {
  width: 15.7%;
}
.activity-analytics-dialog .analytics-container.card-grid-4 .analytics-card .card-items:first-child {
  width: 22.1%;
}
.activity-analytics-dialog .analytics-container.card-grid-4 .analytics-card .card-items:last-child {
  width: 77.9%;
}
.activity-analytics-dialog .analytics-container.card-grid-4 .card-items .child-items {
  padding-right: 5px;
}
.activity-analytics-dialog .analytics-container.card-grid-4 .card-items .child-items:first-child {
  width: 59.64%;
}
.activity-analytics-dialog .analytics-container.card-grid-4 .card-items .child-items:nth-child(2) {
  width: 20.15%;
}
.activity-analytics-dialog .analytics-container.card-grid-4 .card-items .child-items:last-child {
  width: 20.21%;
}

.ip-analytics-dialog .analytics-container.card-grid-4 .header-container .heading-item,
.ip-analytics-dialog .analytics-container.card-grid-4 .analytics-card .card-items {
  width: 25%;
}

/*Image analytics source*/
.rules-dialog .common-select {
  width: 170px;
}
.rules-dialog .analytics-container {
  border-color: #ebebeb;
}
.rules-dialog .analytics-container .header-container {
  border-bottom: 0;
}
.rules-dialog .analytics-container .heading-item:last-child,
.rules-dialog .analytics-container .card-items:last-child {
  width: 10%;
}
.rules-dialog .card-grid-3 .heading-item,
.rules-dialog .card-grid-3 .card-items {
  width: 45%;
}
.rules-dialog .card-grid-4 .heading-item,
.rules-dialog .card-grid-4 .card-items {
  width: 30%;
}
.rules-dialog .card-grid-5 .heading-item,
.rules-dialog .card-grid-5 .card-items {
  width: 22.5%;
}
.rules-dialog .card-grid-6 .heading-item,
.rules-dialog .card-grid-6 .card-items {
  width: 18%;
}
.rules-dialog .card-grid-6.image-modification .heading-item,
.rules-dialog .card-grid-6.image-modification .card-items {
  width: 16.8%;
}
.rules-dialog .card-grid-6.image-modification .heading-item:last-child,
.rules-dialog .card-grid-6.image-modification .card-items:last-child {
  width: 7%;
}
.rules-dialog .card-grid-6.image-modification .heading-item:nth-child(2), .rules-dialog .card-grid-6.image-modification .heading-item:nth-child(4), .rules-dialog .card-grid-6.image-modification .heading-item:nth-child(5),
.rules-dialog .card-grid-6.image-modification .card-items:nth-child(2),
.rules-dialog .card-grid-6.image-modification .card-items:nth-child(4),
.rules-dialog .card-grid-6.image-modification .card-items:nth-child(5) {
  width: 19.9%;
}
.rules-dialog .custom-tab-parent .tab-header {
  border-bottom: 1px solid #ebebeb;
}
.rules-dialog .custom-tab-parent .tab-header a {
  border-bottom: 3px solid transparent;
  min-width: 75px;
  text-align: center;
}
.rules-dialog .custom-tab-parent .tab-header .link-for {
  border-color: #318CE7;
}
.rules-dialog .custom-tab-parent .analytics-container.card-grid-4 .heading-item,
.rules-dialog .custom-tab-parent .analytics-container.card-grid-4 .card-items {
  width: 25%;
}
.rules-dialog .custom-tab-parent .analytics-container.card-grid-5 .heading-item,
.rules-dialog .custom-tab-parent .analytics-container.card-grid-5 .card-items {
  width: 20%;
}
.rules-dialog .custom-tab-parent .card-grid-4 .card-items.w75 {
  width: 75%;
}
.rules-dialog .custom-tab-parent .card-grid-3 .child-card-items {
  width: 33.33%;
}
.rules-dialog .custom-tab-parent .body-content {
  max-height: 45vh;
  min-height: 45vh;
}
.rules-dialog .dialog-body {
  max-height: 80vh;
  overflow-y: auto;
}

/*IP Analytics dialog*/
.ip-analytics-details .analytics-container.files-tab .heading-item,
.ip-analytics-details .analytics-container.files-tab .card-items {
  width: 16.66%;
}

/*Ananlytics table style*/
.no-activity.border-all {
  border-color: #ebebeb;
}

.domain-analytics-table td:not(:last-child),
.ip-analytics-table td:not(:last-child) {
  border-right: 0 !important;
}
.domain-analytics-table td:not(:first-child),
.ip-analytics-table td:not(:first-child) {
  border-left: 0 !important;
}
.domain-analytics-table tr:not(:last-child) td,
.ip-analytics-table tr:not(:last-child) td {
  border-bottom: 0 !important;
}
.domain-analytics-table td, .domain-analytics-table th,
.ip-analytics-table td,
.ip-analytics-table th {
  padding: 10px 20px;
}

.user-summary .active .status-tag {
  margin-top: 18px;
}

.image-summary .active .status-tag {
  margin-top: 23px;
}

.sticky-filter {
  position: sticky;
  top: 0;
  background: #fff;
  padding-bottom: 10px;
}

/*Media queries*/
@media (max-width: 991px) {
  .analytics-grid-3 .has-outer-border {
    max-width: 31.3%;
  }
  .analytics-grid-2 .has-outer-border {
    max-width: 48.5%;
  }
  .analytics-grid-4 .border-all {
    width: 23.9%;
  }
}
@media (max-width: 768px) {
  .analytics-component {
    padding: 20px;
  }
  .passsed-fail-analytics .f14 {
    font-size: 12px;
  }
  .summary-component .p15 {
    padding: 10px !important;
  }
  .count-detail .f30 {
    font-size: 25px;
  }
  .min-h36px {
    min-height: 56px;
  }
  .min-h54px {
    min-height: 74px;
  }
  .has-bg-img img {
    max-height: 18px;
  }
  a.f14 {
    font-size: 11px;
  }
}
/* common classes*/
.text-ellipsis-multiline {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.text-ellipsis-singleline {
  text-overflow: ellipsis;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
}

.error-message {
  color: #E01E53;
  font-size: 14px;
}

.pointer-none {
  pointer-events: none;
}

.gray-bg {
  background: #F9F9F9;
}

.skip-step-text {
  font-size: 14px;
  font-family: "open_sanssemibold", sans-serif;
}

.btn {
  padding: 8px 20px;
}

.btn-outline {
  background: #fff;
  border: 1px solid #318CE7;
  color: #318CE7;
}
.btn-outline.outline-light {
  border-color: #C5CCD9;
}
.btn-outline.black-outline {
  border-color: #263238;
  color: #263238;
}
.btn-outline.black-outline:focus {
  box-shadow: 0 0 0 3px rgba(38, 50, 56, 0.25);
}

.scrollable-table-body tbody {
  display: block;
  max-height: 410px;
  overflow-y: auto;
}
.scrollable-table-body tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.scrollable-table-body tr td:first-child, .scrollable-table-body tr th:first-child {
  width: 60%;
}
.scrollable-table-body tr td:last-child, .scrollable-table-body tr th:last-child {
  width: 40%;
}

/* Organization Setup*/
.section-header {
  font-family: "open_sanssemibold", sans-serif;
  font-size: 30px;
  line-height: 41px;
}

.section-description {
  font-size: 14px;
  line-height: 22px;
  opacity: 0.5;
  font-family: "open_sansregular", sans-serif;
}

.form-label {
  font-size: 14px;
  font-family: "open_sanssemibold", sans-serif;
}

.visual-representation {
  height: calc(100vh - 111px);
}
.visual-representation .org-shared-side-panel {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.visual-representation .parent-team-div {
  position: absolute;
}
.visual-representation .parent-team-div ul {
  max-height: 320px;
  overflow: hidden;
}
.visual-representation .setup-view {
  width: 200px;
}
.visual-representation .setup-view-right {
  width: calc(100% - 200px);
}
.visual-representation .visual-header {
  padding: 10px 10px 7px;
  background: #ebebeb;
}
.visual-representation .visual-header label {
  background: #263238;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin: 0 5px;
}

.org-display-logo {
  font-size: 0;
  width: 40px;
  height: 40px;
  background-color: #172B4E;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  text-transform: uppercase;
}
.org-display-logo:first-letter {
  font-size: 18px;
  font-family: inherit;
}

.org-detail {
  white-space: nowrap;
}
.org-detail .org-display-logo {
  padding: 7px 0;
}
.org-detail .org-display-name {
  vertical-align: top;
  margin-left: 10px;
  font-size: 16px;
  font-family: "open_sansbold", sans-serif;
  white-space: normal;
  width: 115px;
}
.org-detail .material-icons {
  vertical-align: middle;
}

.team-detail .team-title {
  font-family: "open_sanssemibold", sans-serif;
  font-size: 14px;
}
.team-detail .team-display-name {
  font-size: 14px;
  white-space: nowrap;
  margin-left: 5px;
}
.team-detail .team-display-name .name {
  white-space: normal;
}

.search-section {
  white-space: nowrap;
  vertical-align: top;
}
.search-section .input-group {
  cursor: none;
}
.search-section .input-group .input-group-text {
  background: #fff;
  border-right: 0;
}
.search-section .input-group .form-control {
  border-left: 0;
  margin-left: -5px;
}

.side-section {
  margin-left: 250px;
  padding-top: 20px;
}

.team-breadcrumb {
  font-size: 14px;
}
.team-breadcrumb .material-icons {
  vertical-align: super;
}

.blank-section {
  height: 60vh;
  margin-top: 10px;
}

.disable-button {
  pointer-events: none;
  opacity: 0.5;
}

/* Invite user*/
.setup-organization, .merge-organization, .trial-plan {
  padding: 110px 0 0 100px;
}

.confirm-plan {
  padding-left: 100px;
}

.setup-organization .org-detail, .invite-user-dialog .org-detail {
  min-height: 80px;
}
.setup-organization .team-detail, .invite-user-dialog .team-detail {
  margin-top: 0;
  padding-left: 20px;
}
.setup-organization .mat-form-field-label, .invite-user-dialog .mat-form-field-label {
  display: none !important;
}
.setup-organization .mat-form-field-empty.mat-form-field-label, .invite-user-dialog .mat-form-field-empty.mat-form-field-label {
  display: block !important;
  font-size: 14px;
  color: #ccc !important;
}
.setup-organization .input.mat-chip-input, .invite-user-dialog .input.mat-chip-input {
  padding: 10px;
  font-size: 14px;
}
.setup-organization .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary, .invite-user-dialog .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #F8F9FC;
  border-radius: 3px;
  color: inherit;
}
.setup-organization .mat-standard-chip .mat-chip-remove.mat-icon, .invite-user-dialog .mat-standard-chip .mat-chip-remove.mat-icon {
  color: #000 !important;
}
.setup-organization .mat-chip-list-wrapper input.mat-input-element, .invite-user-dialog .mat-chip-list-wrapper input.mat-input-element {
  padding: 10px 5px;
  font-size: 14px;
  border-radius: 0;
}
.setup-organization .mat-chip.error, .invite-user-dialog .mat-chip.error {
  background-color: rgba(224, 31, 82, 0.05) !important;
  color: #E01E53 !important;
}
.setup-organization .mat-form-field-appearance-fill .mat-form-field-flex, .invite-user-dialog .mat-form-field-appearance-fill .mat-form-field-flex {
  min-height: 120px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #fff;
}
.setup-organization .mat-focused .mat-form-field-flex, .invite-user-dialog .mat-focused .mat-form-field-flex {
  border: 1px solid #318CE7;
}
.setup-organization .user-chip .mat-chip.mat-standard-chip, .invite-user-dialog .user-chip .mat-chip.mat-standard-chip {
  background-clip: #ebebeb;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 14px;
}

.visual-display-text {
  font-size: 18px;
  font-family: "open_sansbold", sans-serif;
}

.default-user-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
}

.table-container {
  background: #F8F9FC;
  padding: 15px 20px;
}
.table-container th {
  font-size: 14px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.table-container td {
  padding: 10px 0;
  font-size: 14px;
}
.table-container tfoot {
  border-top: 1px solid #ddd;
}
.table-container .user-details {
  width: 82%;
  white-space: normal;
}

.first-inspection {
  padding: 110px 0 0 100px;
}
.first-inspection [type=radio]:checked,
.first-inspection [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  visibility: hidden;
}
.first-inspection .inner-div {
  width: calc(100% - 25px);
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  padding-left: 20px;
  letter-spacing: 0;
}
.first-inspection .first-temp-icon {
  position: absolute;
  right: -35px;
  top: 35px;
  font-size: 18px;
  color: #318CE7;
}
.first-inspection .custom-radio:checked + label,
.first-inspection .custom-radio:not(:checked) + label {
  background: #fff;
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 15px 20px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  margin: 0 auto;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.first-inspection .custom-radio:checked + label {
  border: 1px solid #318CE7 !important;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.09);
}
.first-inspection .custom-radio:checked + label::before,
.first-inspection .custom-radio:not(:checked) + label::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  z-index: -1;
}
.first-inspection .visual-representation-inspection {
  height: calc(100vh - 111px);
}
.first-inspection .visual-representation-inspection img {
  position: absolute;
  right: 15px;
  bottom: 0;
  height: 100%;
  width: auto;
}

.org-setting-section {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.org-setting-section .org-list {
  width: 260px;
  margin-right: 20px;
}
.org-setting-section .org-tab-details {
  max-width: 1000px;
  z-index: 0;
  width: calc(100vw - 450px);
  min-height: 83vh;
}
.org-setting-section .plan-section .plan-detail {
  background-color: #F6F7F9;
  padding: 10px 20px;
}
.org-setting-section .org-display-name {
  width: calc(100% - 70px);
}
.org-setting-section .general-section {
  padding: 30px;
}
.org-setting-section .general-section .org-display-logo {
  margin: 0 auto;
  padding: 7px 0;
}
.org-setting-section .general-section .org-profile {
  border: 1px dashed #318CE7;
  background: rgba(49, 140, 231, 0.05);
  padding: 15px;
  position: relative;
}
.org-setting-section .general-section .org-profile .change-profile {
  background-color: rgba(0, 0, 0, 0.4);
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 28px;
}
.org-setting-section .general-section .org-profile .upload-file {
  opacity: 0;
  transition: 0.5s ease;
  top: 9%;
  left: 30%;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  color: #fff;
  padding: 10px;
  width: 250px;
  height: 50px;
  border-radius: 6px;
}
.org-setting-section .general-section .org-profile:hover .change-profile {
  opacity: 1;
}
.org-setting-section .general-section .org-profile:hover .upload-file {
  opacity: 1;
}
.org-setting-section .change-profile {
  background-color: rgba(0, 0, 0, 0.7);
  top: 52%;
  left: 50%;
  height: 40px !important;
  width: 40px;
  padding: 5px 2px;
  border-radius: 6px;
}
.org-setting-section .change-profile .sprite-icon-camera-white {
  transform: scale(0.7);
}
.org-setting-section .users-section {
  padding: 20px;
}
.org-setting-section .users-section .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding-right: 5px;
}
.org-setting-section ul li label {
  color: #7C7C7C;
}
.org-setting-section ul li a {
  font-size: 14px;
  color: #263238;
}
.org-setting-section ul li a.active {
  color: #318CE7 !important;
}
.org-setting-section ul li a:hover {
  color: #318CE7 !important;
}
.org-setting-section ul li ul li a {
  padding: 7px 5px;
}
.org-setting-section ul li .material-icons, .org-setting-section ul li .material-icons-outlined {
  vertical-align: sub;
}
.org-setting-section ul li:not(:first-child) {
  padding-top: 15px;
}
.org-setting-section .team-list-settings li {
  list-style: none;
  word-break: break-all;
}
.org-setting-section .team-list-settings li a {
  position: relative;
  padding-left: 26px;
}
.org-setting-section .team-list-settings li a:before {
  content: "\2022";
  color: #888F92;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.org-setting-section .table thead th {
  border: none !important;
}
.org-setting-section .user-pagination .current {
  padding: 3px 10px;
}

.transfer-user-list {
  height: 60px !important;
  padding: 0 !important;
  line-height: 40px !important;
}
.transfer-user-list img {
  width: 35px;
  height: 35px;
  margin-top: 15px;
}
.transfer-user-list .mat-option-text {
  padding: 0 10px !important;
}
.transfer-user-list .mat-option-text:hover {
  background: rgba(238, 243, 248, 0.51);
}
.transfer-user-list .user-detail-option {
  width: calc(100% - 35px);
  padding-left: 5px;
}
.transfer-user-list .user-detail-option .email {
  margin-top: -20px;
}
.transfer-user-list .user-detail-option .email.no-name {
  margin-top: 0;
}

.transfer-ownership .mat-form-field {
  width: 300px;
}

.custom-owner-select .mat-form-field-appearance-fill .mat-form-field-flex {
  padding: 3px 5px 0px;
  height: 40px;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #e6e5e5;
}
.custom-owner-select .mat-form-field-appearance-fill.mat-focused .mat-form-field-flex {
  border: 1px solid #318CE7;
}

.org-logo-text {
  font-family: "Montserrat-Bold";
  font-size: 22px;
  width: 250px;
  margin: 0 auto;
}

.delete-account-button {
  padding: 0;
  color: #E01E53 !important;
  padding-bottom: 2px;
  font-size: 14px;
  border-bottom: 1px dashed #E01E53;
}

.invite-section {
  width: 550px;
  color: #484848;
}
.invite-section .invite-org-list {
  padding: 14px 20px;
  border-radius: 3px;
  background-color: #fff;
  margin-top: -1px;
}
.invite-section .invite-org-list:first-child {
  margin-top: 0;
}
.invite-section .invite-org-list .org-display-logo {
  margin-left: 5px;
  height: 50px;
  width: 50px;
  padding: 15px 9px;
}
.invite-section .invite-org-list .org-details {
  width: calc(100% - 60px);
}
.invite-section .invite-org-list .mat-checkbox-layout {
  margin: 0;
}
.invite-section .invite-div-width {
  width: 300px;
}
.invite-section .align-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.invite-scroll-height {
  max-height: calc(100vh - 545px);
}

.divider-text {
  width: 80px;
  text-align: center;
  border-bottom: 1px solid #EBEBEB;
  line-height: 0.1em;
  margin: 23px auto 23px;
  color: rgba(38, 50, 56, 0.5019607843);
  font-size: 12px;
}
.divider-text span {
  background: #F9F9F9;
  padding: 0 6px;
}

.pending-invites .section-description {
  opacity: 1;
}
.pending-invites .main-header {
  background-color: #F9F9F9;
  z-index: 1;
}
.pending-invites .visual-representation {
  position: fixed;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.pending-invites .parent-team-div ul li a {
  white-space: nowrap;
}
.pending-invites .parent-team-div ul li label {
  white-space: normal;
}

.merge-organization .mat-form-field-infix {
  width: 100%;
  border-top: none;
  padding: 10px;
  border: 1px solid #ddd;
}

.transfer-text {
  padding: 15px 25px 25px;
  background-color: #F9F9F9;
}

.transfer-ownership-menu img.blue-icon {
  display: none;
}
.transfer-ownership-menu:hover img.blue-icon {
  display: inline-block;
}
.transfer-ownership-menu:hover img.gray-icon {
  display: none;
}

.material-icons-outlined.align-sub {
  vertical-align: sub !important;
}

.team-select-drp .mat-select-placeholder {
  color: rgba(0, 0, 0, 0.72);
}

.btn-add-team {
  line-height: normal;
  background-color: #fff;
  box-shadow: none !important;
}

/*responsive*/
@media (max-width: 1024px) {
  .visual-representation {
    padding-left: 30px;
    padding-top: 50px;
  }
  .blank-section {
    height: 58vh;
  }
  .table-container .user-details {
    width: 72%;
  }
  .first-icon {
    margin-top: 30px;
  }
  .org-setting-section .org-list {
    width: 20%;
  }
  .org-setting-section .org-tab-details {
    width: 76%;
  }
}
@media (min-width: 800px) and (max-width: 1210px) {
  .first-inspection .visual-representation-inspection img {
    height: auto;
    width: 100%;
  }
  .invite-section {
    width: 100%;
  }
  .visual-representation .side-section {
    white-space: nowrap;
  }
  .scrollable-table-body tbody {
    max-height: 470px;
  }
  .scrollable-table-body tr td:first-child, .scrollable-table-body tr th:first-child {
    width: 50%;
  }
  .scrollable-table-body tr td:last-child, .scrollable-table-body tr th:last-child {
    width: 50%;
    padding-left: 20px;
  }
}
@media (max-width: 768px) {
  .first-inspection .visual-representation-inspection {
    display: none;
  }
  .first-inspection .col-md-6.col-lg-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .visual-representation table td {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 1950px) {
  .invite-section {
    width: 900px;
  }
  .invite-section .invite-div-width {
    width: 600px;
  }
}
@media (max-width: 1000px) {
  .setup-organization, .pending-invites {
    padding: 0 15px 20px;
    margin-top: 85px;
    overflow-y: auto;
    height: calc(100vh - 60px);
  }
  .setup-organization .visual-representation, .pending-invites .visual-representation {
    display: none;
  }
  .confirm-plan {
    padding-left: 20px;
    padding-right: 20px;
  }
  .billing-summary {
    flex-direction: column !important;
  }
  .billing-summary .bill-info .group-element {
    flex-direction: column;
  }
  .billing-summary .bill-info .form-group.w45 {
    width: 100%;
  }
  .billing-summary .bill-info .form-group.w45 .mat-form-field {
    display: block !important;
  }
  .billing-summary .bill-amount {
    margin-left: 0 !important;
    margin-top: 50px;
    width: 100% !important;
  }
  .web-responsive .billing-summary {
    height: calc(100vh - 400px) !important;
  }
  .pending-invites .invite-section {
    width: 100%;
  }
  .pending-invites .invite-section .align-content {
    flex-direction: column;
  }
  .pending-invites .invite-section .align-content a {
    margin-top: 20px;
  }
  .pending-invites .invite-section .invite-div-width {
    width: calc(100% - 50px) !important;
  }
  .section-header {
    font-size: 25px;
    line-height: 30px;
  }
  .trial-plan {
    height: 80vh;
    padding: 0 10px 0 10px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 90px;
  }
}
@media (min-width: 500px) and (max-width: 1000px) {
  .setup-organization .col-md-6, .pending-invites .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .trial-plan .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (orientation: landscape) and (min-width: 600px) and (max-width: 1000px) {
  .web-responsive {
    margin-top: -15px;
  }
  .web-responsive .billing-summary {
    height: calc(100vh - 260px) !important;
  }
  .web-responsive .section-header {
    padding: 10px 20px 0 !important;
  }
  .web-responsive .bill-amount-section {
    padding: 15px !important;
  }
  .web-responsive .bill-amount-section .mt15 {
    margin-top: 5px !important;
  }
  .trial-plan {
    height: 70vh;
  }
}
/* Custom style to make only the slide toggle (not the label) appear disabled */
.disabled-mat-slide-toggle-only .mat-slide-toggle-bar {
  opacity: 0.5;
}
.disabled-mat-slide-toggle-only .mat-slide-toggle-label {
  pointer-events: none;
}

.plan-page {
  width: 970px;
  margin: 0 auto;
  font-size: 14px;
}
.plan-page .plan-options {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.plan-page .plan-options .plan-option-details {
  width: 315px;
  padding: 25px 30px;
  text-align: left;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
}
.plan-page .plan-options .plan-option-details .btn {
  position: absolute;
  bottom: 0;
  left: 0;
}
.plan-page .plan-options .plan-detail-header {
  min-height: 240px;
  position: relative;
}
.plan-page .plan-options li {
  margin-top: 3px;
}
.plan-page .table-list tr td {
  border: 1px solid #ddd;
}
.plan-page .mat-expansion-panel-header-description {
  justify-content: end;
}
.plan-page .mat-expansion-panel-header-description span {
  color: #318CE7;
}
.plan-page .mat-expansion-panel {
  text-align: left;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid #ddd;
}
.plan-page .mat-expansion-panel.mat-expanded {
  background: #fff !important;
  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) !important;
  border-bottom: none;
}
.plan-page .recommended-plan-header {
  background: #318CE7;
  text-align: center;
  position: absolute;
  top: -24px;
  width: 80%;
  color: #fff;
  padding: 2px 0;
}
.plan-page .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #fff;
}
.plan-page .mat-slide-toggle-content {
  margin-top: 20px;
}
.plan-page .offer-section {
  background: #29AF62;
  text-align: center;
  position: absolute;
  top: -14px;
  width: 80%;
  color: #fff;
  padding: 5px 0;
  border-radius: 5px;
}
.plan-page [type=radio] {
  display: none;
}

.downgrade-dialog .mat-dialog-container, .downgrade-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .downgrade-dialog .common-dialog-container {
  max-width: 690px !important;
  width: 690px !important;
}
.downgrade-dialog .plan-row {
  display: flex;
  justify-content: space-between;
}
.downgrade-dialog .plan-detail {
  width: calc(100% - 50px);
}

.plan-end-text {
  width: 630px;
}

.plan-end-text-member {
  width: 430px;
  margin: 0 auto;
}

.billing-setting-page {
  padding: 25px;
  font-size: 14px;
  color: #263238;
}
.billing-setting-page .mat-tab-label {
  min-width: 80px;
  padding: 0 10px;
  margin-right: 15px;
}
.billing-setting-page .billing-plan-info {
  background-color: #F9F9F9;
  padding: 15px 30px;
}
.billing-setting-page .billing-plan-info ul li {
  display: inline-block;
  width: 30%;
  margin: 5px 0;
}
.billing-setting-page .mat-tab-body {
  font-family: "open_sansregular", sans-serif !important;
}
.billing-setting-page .img-position {
  height: calc(100vh - 215px);
}

.country-select {
  padding: 0 5px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  height: 37px;
}
.country-select .mat-form-field-infix {
  padding: 0 !important;
}
.country-select .mat-select-value {
  opacity: 0.7;
}
.country-select .mat-form-field-label-wrapper {
  height: 30px !important;
  margin-top: -7px;
}

.group-element {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.group-element-new {
  display: flex;
  flex-direction: row;
  justify-content: start;
}

.flex-gap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
}

.billing-summary {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.billing-summary .bill-info {
  width: 480px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.billing-summary .bill-info .form-control {
  color: #000;
}
.billing-summary .bill-info .billing-address {
  padding: 10px;
}
.billing-summary .bill-amount {
  width: 320px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  max-height: 70vh;
  height: 300px;
}
.billing-summary .bill-amount.has-discount {
  height: 330px;
}
.billing-summary .bill-amount.has-no-savings {
  height: 220px;
}
.billing-summary .iti {
  width: 100%;
}
.billing-summary .discount-text {
  background-color: rgba(41, 174, 98, 0.0705882353);
  padding: 3px 0;
  color: #29AF62;
}
.billing-summary .card-error-text {
  width: calc(100% - 40px);
}
.billing-summary .downgrade-radio-options .mat-radio-button {
  display: block !important;
}
.billing-summary .downgrade-radio-options .mat-radio-button .mat-radio-label-content {
  border: 1px solid #ccc;
  padding: 12px;
  margin-left: 10px;
  border-radius: 5px;
  width: 100%;
}
.billing-summary .org-display-name {
  width: calc(100% - 50px);
}

.org-payment-card {
  border: 1px solid #ced4da;
  padding: 9px 5px;
  border-radius: 0.25rem;
}

.downgrade-plan .bill-amount {
  height: 300px;
}

.billing-contact-details {
  background-color: #F6F7F9;
  padding: 5px 0;
}

.billing-table tr td {
  padding: 5px;
}
.billing-table tr td img {
  width: 20px;
  height: 20px;
}

.billing-address {
  background-color: #F6F7F9;
  font-size: 14px;
  padding: 11px 20px;
  font-family: "open_sansregular", sans-serif !important;
}

.edit-billing-address-dialog .mat-dialog-container, .edit-billing-address-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .edit-billing-address-dialog .common-dialog-container {
  max-width: 600px !important;
  width: 600px !important;
}

.contact-us-dialog .mat-dialog-container, .contact-us-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .contact-us-dialog .common-dialog-container {
  max-width: 645px !important;
  width: 645px !important;
}

.trial-dialog .mat-dialog-container, .trial-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .trial-dialog .common-dialog-container {
  max-width: 550px !important;
  width: 550px !important;
}

.icon.is-responsive {
  display: none;
}

.confirm-plan .billing-summary, .mobile-order-summary-page .billing-summary {
  justify-content: start;
  margin-top: 30px;
}
.confirm-plan .bill-info, .mobile-order-summary-page .bill-info {
  padding: 0 !important;
  border: none;
  background: none;
}
.confirm-plan .bill-amount, .mobile-order-summary-page .bill-amount {
  margin-left: 70px;
}

.save-btn {
  background-color: rgba(41, 175, 98, 0.14);
  padding: 8px 0;
}

.mobile-order-summary-page .cancel-btn {
  outline: none !important;
  margin: 20px 20px 15px 20px;
}
.mobile-order-summary-page .cancel-btn .sprite-icon-cancel-grey {
  transform: scale(0.8);
}
.mobile-order-summary-page .section-header {
  font-size: 25px;
  padding: 20px;
  line-height: 30px;
}
.mobile-order-summary-page .group-element {
  flex-direction: column;
}
.mobile-order-summary-page .group-element .w45 {
  width: 100%;
}
.mobile-order-summary-page .group-element .mat-form-field {
  display: block;
}
.mobile-order-summary-page .bill-amount-section {
  position: fixed;
  bottom: 0;
  background: white;
  padding: 5%;
  border-top: 1px solid #eaeaea;
  left: 0;
  right: 0;
  box-shadow: 9px 9px 16px #ccc;
  z-index: 1;
  padding-top: 15px;
}
.mobile-order-summary-page .bill-amount-section .group-element {
  flex-direction: row;
}
.mobile-order-summary-page .billing-summary {
  flex-direction: column;
  height: calc(100vh - 240px);
  overflow-y: auto;
  margin-top: 0;
}
.mobile-order-summary-page .billing-summary .bill-info {
  width: 90%;
  margin: 0 auto;
}
.mobile-order-summary-page .billing-summary .bill-amount {
  transition: 0.5s all ease;
  width: 100%;
  position: fixed;
  bottom: 0;
  background: white;
  padding: 5%;
  border-top: 1px solid #eaeaea;
  left: 0;
  right: 0;
  z-index: 1;
  margin: 0;
  padding-top: 15px !important;
}
.mobile-order-summary-page .billing-summary .bill-amount .group-element {
  flex-direction: row;
}
.mobile-order-summary-page .billing-select {
  width: 130px !important;
}

.mobile-resize .mobile-order-summary-page .bill-amount-section {
  display: none;
  transition: transform 0.4s ease;
}
.mobile-resize .mobile-order-summary-page .billing-summary {
  height: 100vh;
}

.plan-trial-color {
  color: #707070;
}

.trial-info ul li {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}

.trial-plan a {
  text-decoration: none !important;
}
.trial-plan.in-mobile {
  height: 80vh;
  padding: 0 10px 0 10px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 90px;
}

.order-summary-overlay {
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.green-bg {
  background-color: rgba(41, 175, 98, 0.2);
}

.app-main-scrollable.order-summary-page {
  height: calc(100vh - 80px);
}

.org-trial-expired .app-main-scrollable.order-summary-page {
  height: calc(100vh - 130px) !important;
}

@media (max-width: 1024px) {
  .plan-end-text {
    width: 80%;
  }
  .plan-page {
    width: 90%;
  }
  .plan-page .plan-options .plan-option-details .btn {
    width: 75%;
  }
  .order-summary-page .billing-summary .bill-amount, .mobile-order-summary-page .billing-summary .bill-amount {
    max-height: 100%;
    overflow-y: auto;
  }
}
@media (max-width: 750px) {
  .order-summary-page .billing-summary {
    flex-direction: column;
  }
  .order-summary-page .billing-summary .bill-amount, .order-summary-page .billing-summary .bill-info {
    width: 90%;
    margin: 0 auto;
  }
  .order-summary-page .billing-summary .bill-amount {
    margin-top: 20px;
  }
  .order-summary-page .p30 {
    padding: 20px;
  }
  .order-summary-page .group-element {
    flex-direction: column;
  }
  .order-summary-page .group-element .w45 {
    width: 100%;
  }
  .order-summary-page .group-element .mat-form-field {
    display: block;
  }
}
@media (max-width: 600px) {
  .plan-page .f30 {
    font-size: 27px;
  }
  .plan-page .table-list tr td {
    font-size: 12px;
    padding: 7px;
  }
  .plan-page .label.is-responsive {
    display: none;
  }
  .plan-page .icon.is-responsive {
    display: block;
  }
  .plan-page .mat-expansion-panel-header {
    height: 70px;
  }
  .plan-page .plan-options {
    height: 445px;
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d;
  }
  .plan-page .plan-options .plan-option-details {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    transition: transform 0.4s ease;
    min-height: 445px;
  }
  .plan-page #s1:checked ~ #slide2, .plan-page #s2:checked ~ #slide3,
  .plan-page #s3:checked ~ #slide1 {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
    transform: translate3d(30%, 0, -200px);
  }
  .plan-page #s1:checked ~ #slide3, .plan-page #s2:checked ~ #slide1,
  .plan-page #s3:checked ~ #slide2 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    transform: translate3d(-30%, 0, -160px);
  }
  .plan-page #s1:checked ~ #slide1, .plan-page #s2:checked ~ #slide2,
  .plan-page #s3:checked ~ #slide3 {
    box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3), 0 11px 7px 0 rgba(0, 0, 0, 0.19);
    transform: translate3d(0, 0, 0);
  }
}
.admin-panel .admin-text {
  position: absolute;
  bottom: -11px;
  left: 102px;
}
.admin-panel .transform-icon {
  transform: scale(0.8);
}
.admin-panel .navigation-details {
  padding-left: 25px;
}

.ml-24px {
  margin-left: -24px;
}

.admin-panel-menu {
  margin-left: -5px;
}
.admin-panel-menu li .f28 {
  font-size: 28px !important;
}
.admin-panel-menu li a {
  font-size: 14px;
  text-decoration: none !important;
  padding-left: 4px !important;
}
.admin-panel-menu li a:hover {
  color: #318CE7 !important;
}
.admin-panel-menu li a.active {
  color: #318CE7 !important;
  font-family: "open_sanssemibold", sans-serif;
}
.admin-panel-menu li .pb5 {
  padding-bottom: 5px !important;
}
.admin-panel-menu li .arrow-icn {
  margin-top: -3px;
}

.org-type-dropdown .mat-form-field-label-wrapper .mat-form-field-label {
  line-height: 12px !important;
}

.set-arrow-pos {
  margin-right: -8px;
}

.btn-sm {
  padding: 5px !important;
}

.team-selection-dropdown {
  position: absolute;
  margin-top: -3px;
}

.mat-dialog-container .mat-body.no-padding, .task-modal .fullscreen .common-dialog-container .mat-body.no-padding {
  padding: 0 !important;
}

.logo-admin {
  height: 36px;
}

.org-name-td div {
  width: calc(100% - 40px);
}

.team-template-select .mat-option {
  line-height: 17px !important;
  height: 60px !important;
}

.team-select .mat-optgroup-label {
  color: black !important;
  line-height: 40px;
  height: 40px;
  margin: 0 !important;
}
.team-select .mat-optgroup-label .mat-icon {
  margin: 0 !important;
  font-size: 20px;
  color: black;
}
.team-select .mat-option {
  line-height: 40px;
  height: 40px;
}
.team-select .mat-optgroup .mat-option:not(.mat-option-multiple) {
  padding-left: 40px !important;
}
.team-select .mat-option:hover:not(.mat-option-disabled), .team-select .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(49, 140, 231, 0.05) !important;
}
.team-select .mat-option:hover:not(.mat-option-disabled) .mat-option-text, .team-select .mat-option:focus:not(.mat-option-disabled) .mat-option-text {
  color: #318CE7;
}

.list-hide {
  display: none !important;
}

.list-show {
  display: block !important;
}

.team-select-drpdown .mat-form-field-wrapper {
  padding: 0 !important;
}
.team-select-drpdown .mat-form-field-infix {
  border-top: 1px solid transparent !important;
  padding: 0 !important;
}
.team-select-drpdown .mat-select-placeholder {
  opacity: 1;
  color: #263238;
}

.admin-org-list .status {
  padding: 2px 10px;
  border-radius: 3px;
}
.admin-org-list .status-active {
  background: rgba(49, 140, 231, 0.05);
  color: #318CE7;
}
.admin-org-list .status-locked {
  background: rgba(2, 2, 2, 0.23);
  color: #1c1a19;
}
.admin-org-list .status-deleted {
  background: rgba(224, 30, 83, 0.05);
  color: #E01E53;
}

.date-popover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  background: #fff;
  border: 1px solid #ddd;
  padding: 15px;
  font-size: 14px;
  width: 220px;
}
.date-popover .display-block, .date-popover article,
.date-popover aside,
.date-popover footer,
.date-popover header,
.date-popover nav,
.date-popover section,
.date-popover figcaption,
.date-popover figure,
.date-popover main,
.date-popover details {
  display: block !important;
}

.custom-label {
  padding: 8px 5px;
  opacity: 0.8;
}
.custom-label .material-icons {
  font-size: 24px;
}

.applied-filter-section {
  background: rgba(49, 140, 231, 0.1019607843);
  border: 1px solid #318CE7;
  border-radius: 5px;
  padding: 6px 5px;
}
.applied-filter-section .filter-count {
  background: rgba(49, 140, 231, 0.2);
  padding: 0 3px;
  border-radius: 3px;
}

.date-text {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.industry-function-dialog .mat-dialog-container, .industry-function-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .industry-function-dialog .common-dialog-container {
  max-width: 645px !important;
}

.admin-public-template-dialog .mat-dialog-container, .admin-public-template-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .admin-public-template-dialog .common-dialog-container {
  max-width: 715px !important;
}

.admin-public-template-table .text-ellipsis-singleline {
  display: inline-block;
  height: 20px;
  overflow: hidden;
}

.public-template-menu li {
  padding: 10px 0;
}

.template-file-upload-section {
  background: #F9F9F9;
  border: 1px dashed rgba(38, 50, 56, 0.2);
  border-radius: 3px;
  height: 70px;
}
.template-file-upload-section input[type=file] {
  opacity: 0;
  height: 70px;
  position: absolute;
  left: 0;
  top: 0;
}
.template-file-upload-section.file-upload-error {
  border-color: #E01E53;
  background-color: rgba(224, 30, 83, 0.031372549);
}

.dropdown-data {
  background-color: #F9F9F9;
  padding: 11px 15px;
}

.custom-chips input.mat-chip-input {
  border: none;
  background: transparent;
}
.custom-chips .mat-chip.mat-standard-chip {
  background: rgba(49, 140, 231, 0.0980392157);
  border: 1px solid rgba(38, 50, 56, 0.2);
  border-radius: 2px;
  min-height: 26px;
}

.tooltip-list .tooltip-arrow {
  display: none;
}
.tooltip-list ul {
  list-style-type: disc !important;
}
.tooltip-list .material-icons {
  font-size: 7px;
}
.tooltip-list li {
  line-height: 17px;
  margin: 10px 0px;
  list-style: disc !important;
  display: flex;
}
.tooltip-list li .tooltip-text {
  margin-top: -4px;
}

.table-org-list tr td {
  padding: 10px !important;
}
.table-org-list .display-table {
  width: 100% !important;
  table-layout: fixed !important;
}

.mat-menu-panel.backoffice-menu .mat-slide-toggle {
  display: block;
}
.mat-menu-panel.backoffice-menu .mat-menu-item,
.mat-menu-panel.backoffice-menu .mat-slide-toggle-content {
  font-family: "open_sansregular", sans-serif !important;
}
.mat-menu-panel.backoffice-menu .mat-slide-toggle-content {
  flex: 1;
}

@media (min-width: 1500px) {
  .date-text {
    max-width: 400px;
  }
}
@media (min-width: 1400px) {
  .date-text {
    max-width: 250px;
  }
}
.help-btn.theme-color {
  border-color: #318CE7 !important;
}
.help-btn.theme-color .svg-sprite-icon {
  fill: #318CE7 !important;
}

.notification-icon {
  vertical-align: middle;
}
.notification-icon img {
  transform: scale(0.95);
}

.help-notification-model {
  border-radius: 6px;
  right: 100px;
  width: 400px;
  padding: 25px 0;
  height: 465px;
}
.help-notification-model .notification-header {
  padding: 0 25px 10px;
}

.help-section {
  font-size: 14px;
}
.help-section a {
  color: #263238;
}
.help-section a:hover {
  color: #318CE7;
  text-decoration: none !important;
}
.help-section label:hover {
  color: #318CE7;
  text-decoration: none !important;
}
.help-section div {
  padding: 8px 25px;
}
.help-section div:hover {
  background-color: #F4F9FE;
  color: #318CE7;
}

.overflow-hidden {
  overflow: hidden;
}

.rotate-icon-up {
  transform: rotate(180deg);
  margin-top: -2px;
}

.template-confirmation-dialog .mat-dialog-container, .template-confirmation-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .template-confirmation-dialog .common-dialog-container {
  max-width: 555px !important;
}

.template-permission-dialog .mat-dialog-container, .template-permission-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .template-permission-dialog .common-dialog-container {
  max-width: 530px !important;
}

.template-details-dialog .selected-data {
  background-color: #F9F9F9;
  padding: 11px 15px;
}
.template-details-dialog .selected-data-border {
  border: 1px solid #EBEBEB;
}

.filter-category {
  width: 252px;
}

.mat-option .org-icon-img, .mat-select-value .org-icon-img {
  width: 26px;
  height: 26px;
}

.template-section {
  padding: 0 40px;
}
.template-section .template-search {
  background: rgba(49, 140, 231, 0.1);
  padding: 20px 25px;
}
.template-section .template-search .search-text {
  padding-left: 30px;
}
.template-section .template-search .custom-search .material-icons {
  font-size: 25px;
  line-height: 38px;
}
.template-section .template-search .custom-search .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 0;
}
.template-section .template-search .custom-search .mat-form-field-infix {
  border-top: 6px solid transparent;
  padding: 5px 0;
}
.template-section .template-search .search-area {
  width: calc(100% - 210px);
}
.template-section .library-table-section {
  width: calc(100% - 252px);
}
.template-section .library-table-section .mat-chip.mat-standard-chip {
  background-color: #fff;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 27px;
  border: 1px solid #ddd;
}
.template-section .library-table-section .mat-chip.mat-standard-chip:hover {
  background-color: #fff !important;
}
.template-section .library-table-section .mat-chip-remove {
  opacity: 1;
  background-color: #fff !important;
}
.template-section .library-table-section .table-row {
  display: flex;
  flex-direction: row;
  padding: 15px 20px;
  margin-bottom: 5px;
  background: #fff;
  justify-content: space-between;
}
.template-section .library-table-section .table-row .template-actions {
  align-self: center;
  margin-right: -10px;
}
.template-section .library-table-section .table-row .template-actions .material-icons-outlined {
  font-size: 20px;
  opacity: 0.7;
}
.template-section .library-table-section .table-row .template-actions label {
  padding: 0 8px;
}
.template-section .library-table-section .table-row .template-details {
  width: calc(100% - 280px);
}
.template-section .library-table-section .table-row .template-details p.text-ellipsis-singleline.display-text {
  max-width: 85%;
  display: inline-block;
  height: 20px;
  overflow: hidden;
}
.template-section .library-table-section .table-row .template-tags {
  width: 152px;
}
.template-section .library-table-section .table-row .template-tags .tag-chips {
  border-radius: 25px;
  padding: 2px 10px;
  background: #F9F9F9;
}
.template-section .library-table-section .table-row .temp-info li {
  display: inline-block;
  padding: 0 15px;
}
.template-section .library-table-section .table-row .temp-info li:not(:last-child) {
  border-right: 1px solid #ccc;
}
.template-section .side-menu .material-icons-outlined {
  margin-left: -5px;
}
.template-section .side-menu .text-ellipsis .mat-checkbox-label {
  text-overflow: ellipsis;
  max-width: 195px;
  white-space: nowrap;
  overflow: hidden;
}
.template-section .side-menu .filter-options .mat-checkbox-label {
  line-height: 20px;
  max-width: 195px;
}

.prevent-click {
  pointer-events: none;
}

.authorize-click {
  pointer-events: auto;
}

.new-template-button .mat-menu-item {
  color: #7c7c7c;
}
.new-template-button .mat-menu-item:hover, .new-template-button .mat-menu-item.active {
  color: #318CE7;
}
.new-template-button a {
  text-decoration: none;
}

.m0-auto {
  margin: 0 auto !important;
}

.line-divider {
  width: 92%;
  text-align: center;
  border-bottom: 1px solid rgba(38, 50, 56, 0.2);
  opacity: 0.5;
  line-height: 0.1em;
  margin: 20px auto 10px;
  color: #263238;
  font-size: 14px;
}

.line-divider span {
  background: #fff;
  padding: 0 10px;
}

.modal-close-icon {
  width: 13px;
  height: 13px;
  background: white;
}

/********************************* Account Settings css *********************************/
.user-settings, .permission-list { /* profile photo css */ }
.user-settings .profile, .permission-list .profile {
  max-width: 167px;
  max-height: 167px;
  border-radius: 6px;
}
.user-settings .profile:hover, .permission-list .profile:hover {
  background: #263238;
}
.user-settings .profile:hover .image, .permission-list .profile:hover .image {
  opacity: 0.68;
}
.user-settings .profile:hover .change-user-profile, .permission-list .profile:hover .change-user-profile {
  opacity: 1;
}
.user-settings .initial:hover, .permission-list .initial:hover {
  background: rgba(38, 50, 56, 0.6784313725);
}
.user-settings .initial:hover .change-user-profile, .permission-list .initial:hover .change-user-profile {
  opacity: 1;
}
.user-settings .change-user-profile, .permission-list .change-user-profile {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.position-panel {
  top: 27%;
  right: 10%;
  width: 160px;
  max-width: 160px;
}

.hasheight-scroll {
  overflow-y: auto;
}
.hasheight-scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: none;
}
.hasheight-scroll::-webkit-scrollbar {
  width: 5px;
  background-color: none;
}
.hasheight-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #dad6d6;
}

/*** mat dialog css ***/ /* !important is used to overide mat css */
.change-password-dialog .mat-dialog-container, .change-password-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .change-password-dialog .common-dialog-container {
  max-width: 437px !important;
  width: 437px !important;
}
.change-password-dialog .mat-dialog-container .mat-body, .change-password-dialog .task-modal .fullscreen .common-dialog-container .mat-body, .task-modal .fullscreen .change-password-dialog .common-dialog-container .mat-body {
  padding: 20px 25px 0 !important;
  height: auto !important;
}
.change-password-dialog .mat-dialog-container .mat-body .pwd-format, .change-password-dialog .task-modal .fullscreen .common-dialog-container .mat-body .pwd-format, .task-modal .fullscreen .change-password-dialog .common-dialog-container .mat-body .pwd-format {
  font-size: 14px !important;
  padding: 8px 15px;
  border: 1px solid #EBEBEB;
}
.change-password-dialog .mat-dialog-container .mat-body .current-pwd-button, .change-password-dialog .task-modal .fullscreen .common-dialog-container .mat-body .current-pwd-button, .task-modal .fullscreen .change-password-dialog .common-dialog-container .mat-body .current-pwd-button {
  position: absolute;
  right: 35px;
  margin-top: 8px;
}
.change-password-dialog .mat-dialog-container .mat-body .new-pwd-button, .change-password-dialog .task-modal .fullscreen .common-dialog-container .mat-body .new-pwd-button, .task-modal .fullscreen .change-password-dialog .common-dialog-container .mat-body .new-pwd-button {
  right: 10px;
  top: -29px;
}
.change-password-dialog .mat-dialog-container .mat-dialog-actions:last-child, .change-password-dialog .task-modal .fullscreen .common-dialog-container .mat-dialog-actions:last-child, .task-modal .fullscreen .change-password-dialog .common-dialog-container .mat-dialog-actions:last-child {
  margin-bottom: 0 !important;
}

.mat-body {
  font-family: open_sans, sans-serif !important;
  letter-spacing: normal;
}

.activity-section {
  padding: 20px 25px 30px;
}

.verify-phone-dialog .mat-dialog-container, .verify-phone-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .verify-phone-dialog .common-dialog-container {
  max-width: 437px !important;
  width: 437px !important;
}
.verify-phone-dialog .mat-dialog-container .mat-body, .verify-phone-dialog .task-modal .fullscreen .common-dialog-container .mat-body, .task-modal .fullscreen .verify-phone-dialog .common-dialog-container .mat-body {
  padding: 20px 25px 0 !important;
}
.verify-phone-dialog .mat-dialog-actions:last-child {
  margin-bottom: 0 !important;
}

/* marked important to override css */
.format-otp-box .ngx-otp-input {
  margin: 10px 0 35px;
  border: 1px solid #EBEBEB !important;
  width: 59px !important;
  height: 54px !important;
  font-size: 20px !important;
}

.delete-account .mat-dialog-container, .delete-account .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .delete-account .common-dialog-container {
  max-width: 674px !important;
  width: 674px !important;
}
.delete-account .mat-dialog-container .mat-body, .delete-account .task-modal .fullscreen .common-dialog-container .mat-body, .task-modal .fullscreen .delete-account .common-dialog-container .mat-body {
  padding: 20px 25px 0 !important;
  height: 437px !important;
  max-height: 437px !important;
}
.delete-account .mat-dialog-container .mat-dialog-actions:last-child, .delete-account .task-modal .fullscreen .common-dialog-container .mat-dialog-actions:last-child, .task-modal .fullscreen .delete-account .common-dialog-container .mat-dialog-actions:last-child {
  margin-bottom: 10px !important;
}

.user-settings .user-img-section {
  width: 160px;
  margin-right: 30px;
}
.user-settings .user-info-section {
  width: 720px;
  padding: 37px;
  height: calc(100vh - 111px);
}

.transfer-ownership-section .org-list {
  width: 700px;
  margin: 0 auto;
}
.transfer-ownership-section .org-display-logo {
  padding: 7px 0;
}
.transfer-ownership-section .mat-form-field {
  width: 270px;
  height: 40px;
}
.transfer-ownership-section .mat-form-field .mat-form-field-infix {
  border-top: 7px solid transparent;
}
.transfer-ownership-section .org-details {
  width: 520px;
}
.transfer-ownership-section .org-name {
  white-space: normal;
  max-width: 230px;
}
.transfer-ownership-section .mat-form-field-wrapper {
  padding-bottom: 0;
}
.transfer-ownership-section .custom-owner-select .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: #fff;
}
.transfer-ownership-section .org-name-list .org-data-list {
  background: #F9F9F9;
  padding: 10px 25px 15px;
}

.delete-org .org-name-list .mat-checkbox-label {
  background: #F9F9F9;
}
.delete-org .mat-checkbox-label {
  padding: 15px 20px;
}
.delete-org .org-name {
  max-width: 100%;
}
.delete-org .org-display-logo {
  padding: 10px 0;
}

.confirm-check .mat-checkbox-label {
  padding: 0;
}

.org-setting-menu a {
  color: #263238;
}
.org-setting-menu a.active {
  color: #318CE7;
}
.org-setting-menu .svg-sprite-icon .svg-icon {
  stroke: #263238;
}
.org-setting-menu .daily-activity-icon .svg-icon, .org-setting-menu .plan-billing-icon .svg-icon, .org-setting-menu .share-panel-icn .svg-icon, .org-setting-menu .fill-only .svg-icon {
  fill: #263238;
}

.api-key-path, .api-key-icon:hover path, .api-key:hover path, a.api-key-menu.active svg path, a.api-key-menu:hover svg path {
  stroke: #318CE7;
  fill: #318CE7;
}

.api-key-icon {
  opacity: 0.7;
}
.api-key-icon:hover {
  opacity: 1;
}

.svg-sprite-icon {
  width: 20px;
  height: 20px;
}
.svg-sprite-icon .svg-icon {
  stroke: #7c7c7c;
}
.svg-sprite-icon:hover .svg-icon {
  stroke: #318CE7;
}
.svg-sprite-icon.size-18 {
  width: 18px;
  height: 18px;
}

.user-svg-icon {
  width: 15px;
  height: 15px;
}

.right-header-menu .mat-menu-item:hover .svg-icon, .right-header-menu .mat-menu-item.active .svg-icon {
  fill: #318CE7;
}
.right-header-menu .admin-user-icon .svg-icon {
  fill: #7c7c7c;
  stroke: none !important;
}
.right-header-menu .admin-user-icon:hover .svg-icon {
  fill: #318CE7;
}

.daily-activity-icon {
  width: 16px;
  height: 17px;
}

.daily-activity-icon .svg-icon, .plan-billing-icon .svg-icon, .share-panel-icn .svg-icon, .fill-only .svg-icon {
  fill: #7c7c7c;
  stroke: none !important;
}
.daily-activity-icon:hover .svg-icon, .plan-billing-icon:hover .svg-icon, .share-panel-icn:hover .svg-icon, .fill-only:hover .svg-icon {
  fill: #318CE7;
}

a:hover, a.active {
  text-decoration: none;
}
a:hover .daily-activity-icon .svg-icon, a:hover .plan-billing-icon .svg-icon, a:hover .fill-only .svg-icon, a.active .daily-activity-icon .svg-icon, a.active .plan-billing-icon .svg-icon, a.active .fill-only .svg-icon {
  fill: #318CE7;
}

.org-setting-menu a:hover, .org-setting-menu a.active, .setting-menu a:hover, .setting-menu a.active, .right-header-menu a:hover, .right-header-menu a.active, .admin-panel-menu a:hover, .admin-panel-menu a.active {
  text-decoration: none;
}
.org-setting-menu a:hover .svg-icon, .org-setting-menu a.active .svg-icon, .setting-menu a:hover .svg-icon, .setting-menu a.active .svg-icon, .right-header-menu a:hover .svg-icon, .right-header-menu a.active .svg-icon, .admin-panel-menu a:hover .svg-icon, .admin-panel-menu a.active .svg-icon {
  stroke: #318CE7;
}

.setting-menu a:hover .daily-activity-icon .svg-icon {
  fill: #318CE7;
}

.settings-icon .svg-icon {
  stroke: #646d71;
}

.org-list-menu {
  width: 240px;
}
.org-list-menu .mat-menu-item {
  padding-right: 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.org-list-menu .mat-menu-item .org-display-name {
  width: calc(100% - 35px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.no-add-user-permission {
  background: #F9F9F9;
  border: 1px solid #EBEBEB;
  padding: 10px 25px 10px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.no-add-user-permission .user-svg-icon {
  width: 45px;
  height: 25px;
}

.permissions-list .no-add-user-permission .user-svg-icon {
  width: 22px;
}
.permissions-list .table.bordered-table {
  border: 1px solid #EBEBEB;
  border-radius: 5px;
  border-collapse: separate;
  border-spacing: 0;
}

.days-buttons, .watermark-placement-buttons {
  align-items: center;
  border: none !important;
  box-shadow: none;
}
.days-buttons .mat-button-toggle + .mat-button-toggle, .watermark-placement-buttons .mat-button-toggle + .mat-button-toggle {
  border-left: none !important;
}
.days-buttons .mat-button-toggle-button, .watermark-placement-buttons .mat-button-toggle-button {
  font-size: 14px;
  background: #fff;
}
.days-buttons .mat-button-toggle-label-content, .watermark-placement-buttons .mat-button-toggle-label-content {
  padding: 0;
  display: block;
}
.days-buttons .mat-button-toggle-checked, .watermark-placement-buttons .mat-button-toggle-checked {
  background: none !important;
}
.days-buttons .mat-button-toggle-checked .mat-button-toggle-button, .watermark-placement-buttons .mat-button-toggle-checked .mat-button-toggle-button {
  background: #E4F2FF;
  border: 1px solid #318CE7;
  color: #318CE7;
}

.days-buttons {
  height: 40px;
}
.days-buttons .mat-button-toggle-button {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #D1D1D1;
}
.days-buttons .mat-button-toggle-appearance-standard {
  background: transparent;
  margin: 0 5px;
}
.days-buttons .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 40px;
}

.report-format .mat-button-toggle-button {
  width: 80px;
}
.report-format .mat-button-toggle .material-icons {
  display: none;
}
.report-format .mat-button-toggle.mat-button-toggle-checked .material-icons {
  display: inline-block;
}

.watermark-placement-buttons {
  height: 60px;
  margin-left: -10px;
}
.watermark-placement-buttons .mat-button-toggle-appearance-standard {
  background: transparent;
  margin: 0 10px;
}
.watermark-placement-buttons .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 40px;
}
.watermark-placement-buttons .mat-button-toggle-button {
  padding: 10px 0;
  width: 80px;
  height: 60px;
  border-radius: 10px;
  background: #F9F9F9;
  border: 1px solid #F9F9F9;
}
.watermark-placement-buttons .mat-button-toggle-label-content span {
  display: block;
  margin-top: -5px;
  font-size: 12px;
}
.watermark-placement-buttons .mat-button-toggle .svg-icon {
  fill: #666f73;
  stroke: none !important;
}
.watermark-placement-buttons .mat-button-toggle .svg-sprite-icon {
  width: 15px;
  height: 17px;
}
.watermark-placement-buttons .mat-button-toggle-checked .svg-icon {
  fill: #318CE7;
}

.disable-activity {
  opacity: 0.5;
  cursor: none;
  pointer-events: none;
}

.daily-activity-settings {
  padding: 35px 40px 50px;
}
.daily-activity-settings .mat-slide-toggle-content {
  font-family: "open_sanssemibold", sans-serif;
}
.daily-activity-settings .teams-drp {
  background: #fff;
  padding: 0 10px;
  height: 50px;
  border: 1px solid #EBEBEB;
  border-radius: 3px;
}
.daily-activity-settings .teams-select {
  padding: 8px 10px;
  height: 40px;
}

.attach-pdf-toggle .mat-slide-toggle-content {
  font-family: open_sans, sans-serif;
}

.chips-overlay {
  position: absolute;
  top: 0;
}

.team-list-chips .mat-chip-remove {
  opacity: 1 !important;
}
.team-list-chips .mat-chip {
  background: #F9F9F9;
  border-radius: 2px;
  min-height: 30px;
  color: #484848;
  margin: 2px 4px !important;
}
.team-list-chips .mat-chip-trailing-icon .material-icons {
  font-size: 19px;
  margin-right: -8px;
}
.team-list-chips .mat-chip.mr5 {
  margin-right: 5px !important;
}

.activity-team-select .mat-select-value-text {
  display: none;
}

.team-select.has-data .mat-select-arrow-wrapper {
  margin-top: -7px !important;
}

.web-time-picker .mat-form-field-appearance-legacy .mat-form-field-underline, .activity-report-time .mat-form-field-appearance-legacy .mat-form-field-underline {
  display: none;
}
.web-time-picker .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn, .activity-report-time .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: transparent;
}
.web-time-picker .mat-mdc-form-field-infix, .activity-report-time .mat-mdc-form-field-infix {
  padding: 5px 0;
  border: none;
}
.web-time-picker .mat-mdc-form-field-infix .mat-input-element, .activity-report-time .mat-mdc-form-field-infix .mat-input-element {
  height: 23px;
}
.web-time-picker .mat-select, .activity-report-time .mat-select {
  padding: 3px 0;
}
.web-time-picker .mat-form-field-appearance-legacy .mat-form-field-label, .activity-report-time .mat-form-field-appearance-legacy .mat-form-field-label {
  top: 24px;
}
.web-time-picker .mat-mdc-text-field-wrapper, .activity-report-time .mat-mdc-text-field-wrapper {
  border: 1px solid #EBEBEB;
  border-radius: 3px;
  padding: 0 5px;
}
.web-time-picker .mat-form-field-label-wrapper, .activity-report-time .mat-form-field-label-wrapper {
  top: -14px;
  padding-top: 15px;
}
.web-time-picker .ngx-mat-timepicker__toggle, .activity-report-time .ngx-mat-timepicker__toggle {
  display: none;
}

div.mat-mdc-select-panel {
  background: #fff !important;
}

.mdc-line-ripple::before, .mdc-line-ripple::after {
  border-bottom-style: none !important;
}

.mat-mdc-option.mdc-list-item {
  font-size: 14px;
}
.mat-mdc-option.mdc-list-item .mat-mdc-option-pseudo-checkbox {
  display: none !important;
}

.mat-option-multiple .mat-option-pseudo-checkbox {
  display: inline-block;
}

.activity-report-time .mat-form-field-suffix {
  margin-left: 20px;
}
.activity-report-time .mat-mdc-text-field-wrapper {
  background-color: #fff !important;
  padding: 3px 7px;
}
.activity-report-time .web-time-picker .ngx-mat-timepicker-control .arrows-wrap {
  bottom: -4px !important;
}
.activity-report-time .separator-colon {
  margin-top: -24px;
}

.sc-ion-input-md-h:not(.legacy-input) {
  min-height: 36px !important;
}

.time-zone-select .mat-selected.mat-active {
  background: rgba(49, 140, 231, 0.05) !important;
  color: #318CE7;
}

.svg-custom-icon {
  stroke: #646d71;
}
.svg-custom-icon:hover {
  stroke: #318CE7;
}

.semi-bold .mat-slide-toggle-content {
  font-family: open_sanssemibold, sans-serif;
}

.bg-blue {
  background: rgba(49, 140, 231, 0.1);
}

.copy-key-div {
  padding: 8px 10px 9px;
  width: calc(100% - 50px);
}

.api-key-setting-page .card-error-text {
  width: calc(100% - 40px);
}
.api-key-setting-page .api-listing .table tr th, .api-key-setting-page .api-listing .table tr td {
  background: #F9F9F9 !important;
}

.timepicker-container {
  width: 90px;
}
.timepicker-container .increase-day,
.timepicker-container .decrease-day {
  position: absolute;
  right: 13px;
  line-height: 0;
  background: transparent;
}
.timepicker-container .increase-day:hover,
.timepicker-container .decrease-day:hover {
  opacity: 1;
}
.timepicker-container .increase-day {
  top: 7px;
}
.timepicker-container .decrease-day {
  bottom: 7px;
}

.custom-number-input .number-input {
  display: flex;
  align-items: center;
}
.custom-number-input input {
  padding-left: 15px;
  -moz-appearance: textfield; /* Firefox */
}
.custom-number-input input::-webkit-inner-spin-button,
.custom-number-input input::-webkit-outer-spin-button {
  -webkit-appearance: none; /* Webkit browsers like Chrome and Safari */
  margin: 0; /* Removes default margin */
}
.custom-number-input button {
  cursor: pointer;
  background: transparent;
  line-height: 0;
  position: absolute;
  right: 13px;
  z-index: 9;
}
.custom-number-input button.increase-btn {
  top: 7px;
}
.custom-number-input button.decrease-btn {
  bottom: 7px;
}

.increase-day svg,
.increase-btn svg {
  transform: rotate(180deg);
}

.disabled-input {
  opacity: 0.6 !important;
}
.disabled-input input {
  border-color: transparent;
}
.disabled-input button {
  pointer-events: none;
}
.disabled-input button svg {
  opacity: 0.5;
}

.general-section .custom-number-input {
  width: 70px;
  margin: 0 10px;
}
.general-section .custom-number-input .form-control:disabled {
  background-color: #ebebeb;
}

.reminders-settings .form-control, .reminders-settings .mat-select {
  border-color: #ebebeb;
  border-radius: 5px;
}
.reminders-settings .timeperiod-select .mat-form-field-wrapper,
.reminders-settings .timeperiod-select .mat-form-field-infix {
  padding: 0;
}
.reminders-settings .timeperiod-select .mat-form-field-infix {
  border-top: 0;
  width: 90px;
}
.reminders-settings .timeperiod-select .mat-form-field-suffix {
  position: absolute;
  right: 5px;
  top: 13px;
}
.reminders-settings .timeperiod-select .mat-select-arrow-wrapper {
  display: none;
}
.reminders-settings .mat-select {
  border: 1px solid #ebebeb;
  padding-top: 10px;
  padding-left: 15px !important;
}
.reminders-settings .mat-select .mat-select-value-text {
  font-family: "open_sansregular", sans-serif;
}
.reminders-settings .mat-checkbox-frame {
  border-color: #c9cfdb;
}
.reminders-settings .mat-checkbox-inner-container {
  width: 20px;
  height: 20px;
}
.reminders-settings .mat-checkbox-label {
  margin-left: 5px;
}
.reminders-settings .timepicker-input {
  padding-left: 15px;
}

.notifications-settings .mat-checkbox .mat-checkbox-frame {
  border-color: #C5CCD9;
}
.notifications-settings .mat-checkbox .mat-checkbox-inner-container {
  width: 20px;
  height: 20px;
}
.notifications-settings .mat-checkbox .mat-checkbox-label {
  font-family: "open_sansregular", sans-serif;
  font-size: 14px;
}
.notifications-settings .mat-checkbox label {
  margin-bottom: 0;
}
.notifications-settings .group-element {
  justify-content: space-evenly;
}
.notifications-settings .notification-setting-dropdown {
  height: 30px;
  min-height: 30px !important;
}
.notifications-settings .notification-setting-dropdown.default-style.select-arrow .mat-form-field-suffix {
  top: 12px;
}
.notifications-settings .notification-setting-dropdown .more-count {
  width: 23px;
  height: 21px;
  background-color: #ebebeb;
}
.notifications-settings .notification-setting-dropdown .mat-select-value-text .align-items-center .truncate-text {
  white-space: nowrap;
  max-width: 115px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.notifications-settings .notification-setting-dropdown .mat-select-value-text .align-items-center .truncate-text.md {
  max-width: 145px;
}
.notifications-settings .form-row {
  margin: 0 !important;
}

.workflow-settings .mat-checkbox-frame {
  border-color: #C5CCD9;
}
.workflow-settings .mat-checkbox .mat-checkbox-inner-container {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.workflow-settings .mat-checkbox .mat-checkbox-label {
  font-family: "open_sansregular", sans-serif;
  font-size: 14px;
}
.workflow-settings .mat-checkbox label {
  margin-bottom: 0;
}

.svg-container {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 10px;
}

.mat-tab-group.mat-primary .mat-ink-bar {
  background-color: #318CE7 !important;
}

.event-multi-select .mat-option {
  margin-left: 48px;
}
.event-multi-select .mat-pseudo-checkbox {
  top: -17px;
  opacity: 1;
}

.logs-tabs .mat-tab-label {
  min-width: 60px;
  padding: 0;
}
.logs-tabs .logs-accordian {
  min-height: 40px !important;
}
.logs-tabs .logs-accordian .mat-expanded {
  background: #fff;
  margin: 0 -20px;
  padding: 0 30px;
}
.logs-tabs .logs-accordian .mat-expansion-panel-body {
  padding: 0 !important;
  margin-right: -30px;
}
.logs-tabs .mat-expansion-panel {
  border-radius: 0 !important;
}
.logs-tabs .mat-expansion-panel .mat-expansion-panel-header {
  min-height: 40px !important;
  padding: 0;
  background-color: transparent !important;
}
.logs-tabs .mat-expansion-panel .mat-expansion-panel-header.mat-expanded {
  padding: 0 10px;
}
.logs-tabs .mat-expansion-panel-header-title {
  margin-right: 0;
  justify-content: space-between;
}

.request-response-tab-content {
  max-height: 200px;
}
.request-response-tab-content pre {
  margin: -30px 0 0 -40px;
}
.request-response-tab-content.response-tab pre {
  margin: -30px 0 0 -20px;
}

.border-left-gray {
  border-left: 1px solid #ebebeb;
}

.border-left-1 {
  border-left: 1px solid #C5CCD9;
}

.border-bottom-1 {
  border-bottom: 1px solid #ebebeb;
}

.request-response-right-tabs {
  position: absolute;
  right: 0;
  top: 10px;
  height: 30px;
  z-index: 10;
}
.request-response-right-tabs.in-dialog {
  right: 20px;
  top: 20px;
}

.request-response-tabs {
  z-index: 9;
}
.request-response-tabs .mat-tab-label {
  height: 35px;
}
.request-response-tabs .request-response-tab-content {
  min-height: 60vh;
}
.request-response-tabs .mat-tab-label {
  min-width: 70px;
  padding: 0;
}

.mat-tab-label.mat-focus-indicator.mat-tab-label-active {
  opacity: 1 !important;
}

.event-select .mat-form-field-label-wrapper {
  padding-top: 16px;
  top: -19px;
}
.event-select .mat-placeholder-required {
  display: none;
}

.event-selected-data {
  position: absolute;
  top: 6px;
}

.high-z-index {
  z-index: 10;
}

.low-z-index {
  z-index: 9;
}

.event-select-custom-padding {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 8px;
}

.customfilterClass.team-select, .team-select.customfilterClassDetails {
  width: 440px;
  max-width: 500px;
  left: 30px;
}

.webhook-fullscreen-dialog {
  max-height: 90vh;
  height: 90vh;
}

.no-webhook {
  min-height: 300px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.data-line {
  position: relative;
  height: 25px;
  display: block;
  font-family: "open_sansregular", sans-serif;
  font-size: 14px;
}

.line-number {
  display: inline-block;
  width: 30px;
  -webkit-user-select: none;
          user-select: none;
}

.org-usage-settings .svg-sprite-icon {
  width: 46px;
  height: 46px;
}
.org-usage-settings .svg-sprite-icon .svg-icon {
  stroke: #318CE7;
}
.org-usage-settings .svg-sprite-icon .svg-icon.no-stroke {
  stroke: none !important;
  fill: #318CE7;
}
.org-usage-settings .usage-details {
  padding: 0 30px;
  width: 50%;
}
.org-usage-settings .usage-block {
  height: 120px;
  min-width: 32%;
  border-radius: 3px;
}
.org-usage-settings .icon-bg {
  background-color: #F9F9F9;
  height: 35px;
  width: 35px;
  border-radius: 3px;
  margin-right: 10px;
  padding: 5px;
}
.org-usage-settings .icon-bg .svg-sprite-icon {
  height: 20px;
  width: 20px;
}
.org-usage-settings .border-right {
  border-right: 1px solid #EBEBEB;
}

.sso-container .sso-option {
  border: 1px solid #C5CCD9;
  width: 260px;
}
.sso-container .sso-option.selected {
  border: 1px solid #318CE7;
}
.sso-container .sso-option.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.sso-container .sso-option img {
  padding: 25px 80px;
}
.sso-container .sso-text {
  padding: 14px 40px;
}

.eye-group-btn {
  position: absolute;
  top: 12px;
  right: 10px;
}

.hide-tab .mat-tab-header {
  display: none;
}

/*Report branding settings*/
.report-settings {
  border-right: 1px solid #ebebeb;
  overflow: hidden;
}
.report-settings label:not(.upload-label) {
  color: #263238;
}
.report-settings .upload-label {
  text-decoration: none;
}
.report-settings .mat-tab-body {
  min-height: auto !important;
}
.report-settings .preset-settings {
  height: calc(100vh - 181px);
  overflow: auto;
}
.report-settings .mat-tab-label-active .active-bold {
  font-family: "open_sanssemibold", sans-serif;
}
.report-settings .mat-tab-label-active svg {
  fill: #318CE7;
}
.report-settings .button-appearance-tabs {
  position: relative;
  z-index: 3;
}
.report-settings ngx-colors .preview .preview-background {
  border: 1px solid #C5CCD9;
  background-image: none !important;
}
.report-settings .outline-block .mat-form-field-appearance-legacy .mat-form-field-label {
  left: 0;
}
.report-settings .separator-block {
  width: 163px;
}
.report-settings .separator-block .separator-selector {
  padding-right: 0;
}
.report-settings .style-settings-container {
  padding-top: 6px;
  padding-bottom: 6px;
}
.report-settings .style-settings-container .line-after::after {
  right: 15px;
}
.report-settings .style-settings-container .bgclr-selector:after {
  visibility: visible;
}
.report-settings .style-settings-container .color-selector,
.report-settings .style-settings-container .fontsize-selector,
.report-settings .style-settings-container .bgclr-selector {
  padding-right: 30px;
}
.report-settings .style-settings-container.watermark-settings .line-after::after {
  right: 10px;
}
.report-settings .style-settings-container.watermark-settings .fontsize-selector,
.report-settings .style-settings-container.watermark-settings .fonts-selector {
  padding-right: 15px;
}
.report-settings .style-settings-container.watermark-settings .color-selector {
  padding-right: 20px;
}
.report-settings .style-settings-container.watermark-settings .common-select.form-control.w-100px {
  width: 85px;
}
.report-settings .style-settings-container.watermark-settings .fontsize-selector .common-select .mat-form-field-infix {
  min-width: 50px;
}
.report-settings .image-drop-section {
  border-radius: 5px;
}
.report-settings .advance-settings {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.report-settings .advance-settings:not(:last-child) {
  border-bottom: 1px solid #C5CCD9;
}
.report-settings .settings-locked .mat-expansion-panel {
  opacity: 0.5;
  pointer-events: none;
}
.report-settings .drag-overlay {
  width: 100%;
  top: 0;
  height: 100%;
}

.hide-advancedsettings .mat-tab-header {
  border-bottom: 0;
}
.hide-advancedsettings .mat-ink-bar {
  height: 0;
}
.hide-advancedsettings .mat-tab-labels {
  pointer-events: none;
}
.hide-advancedsettings .mat-tab-labels .mat-tab-label {
  justify-content: flex-start;
}
.hide-advancedsettings .mat-tab-labels .mat-tab-label::after {
  content: none;
}
.hide-advancedsettings .mat-tab-labels .mat-tab-label.mat-tab-label:nth-child(2) {
  display: none;
}
.hide-advancedsettings .mat-tab-labels .active-bold {
  font-family: "open_sansregular", sans-serif;
}

/*Creates class using for loop for separator icon*/
.separator-1 {
  width: 30px;
  border-top: 1pt solid #263238;
  display: inline-block;
}

.separator-2 {
  width: 30px;
  border-top: 2pt solid #263238;
  display: inline-block;
}

.separator-3 {
  width: 30px;
  border-top: 3pt solid #263238;
  display: inline-block;
}

.separator-4 {
  width: 30px;
  border-top: 4pt solid #263238;
  display: inline-block;
}

.separator-5 {
  width: 30px;
  border-top: 5pt solid #263238;
  display: inline-block;
}

.mat-expansion-panel.custom-settings-panel {
  box-shadow: none !important;
  padding: 0 10px 10px 15px;
}
.mat-expansion-panel.custom-settings-panel:not(.mat-expanded) .mat-expansion-panel-header-description {
  display: none;
}
.mat-expansion-panel.custom-settings-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background: none !important;
}
.mat-expansion-panel.custom-settings-panel .mat-expansion-panel-header,
.mat-expansion-panel.custom-settings-panel .mat-expansion-panel-body {
  font-family: "open_sansregular", sans-serif;
}
.mat-expansion-panel.custom-settings-panel .mat-expansion-panel-header {
  height: auto !important;
  padding: 10px 0 0 2px;
}
.mat-expansion-panel.custom-settings-panel .mat-expansion-panel-header-title {
  color: #263238;
}
.mat-expansion-panel.custom-settings-panel .mat-expansion-panel-body {
  padding: 0;
}
.mat-expansion-panel.custom-settings-panel .mat-expansion-indicator {
  display: none;
}
.mat-expansion-panel.custom-settings-panel .mat-expansion-panel-header-description {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
.mat-expansion-panel.custom-settings-panel .chevron-icon {
  position: relative;
  left: -5px;
  transform: rotate(-90deg);
  transition: transform 0.2s ease-in-out;
}
.mat-expansion-panel.custom-settings-panel .mat-expanded .chevron-icon {
  transform: rotate(0deg);
}
.mat-expansion-panel.custom-settings-panel .mat-expansion-panel-header-title {
  display: flex;
  align-items: center;
  margin: 0;
}
.mat-expansion-panel.custom-settings-panel .search-field .search-text {
  padding-right: 35px;
}
.mat-expansion-panel.custom-settings-panel .search-field svg {
  right: 14px;
}

/*Report Header footer style settings*/
.header-footer-tabs {
  border: 1px solid #C5CCD9;
  border-radius: 5px;
}
.header-footer-tabs .mat-tab-label {
  padding: 10px 5px;
  color: #263238;
}
.header-footer-tabs .mat-tab-body {
  padding: 10px 20px 20px;
  font-family: "open_sansregular", sans-serif;
}
.header-footer-tabs .mat-tab-body-content,
.header-footer-tabs .mat-tab-body {
  overflow-y: hidden !important;
}
.header-footer-tabs .mat-tab-label-active svg {
  fill: #318CE7;
}

.separator-icon {
  width: 16px !important;
  height: 16px !important;
  margin-right: 5px;
}

.no-hover-bg:hover .mat-button-focus-overlay {
  opacity: 0 !important;
}

.bottom-container {
  box-shadow: 0px -1px 4px 0px rgba(38, 50, 56, 0.1);
  min-height: 60px;
  z-index: 9;
  position: relative;
}
.bottom-container .mat-button.mat-button-disabled {
  opacity: 0.5;
}

/*Watermark transparency & scale slider*/
.custom-slider.mat-mdc-slider {
  min-width: 74%;
  margin: 0;
  height: 20px;
}
.custom-slider.mat-mdc-slider .mdc-slider__track--inactive {
  opacity: 1;
  background: #ebebeb;
  height: 2px;
}
.custom-slider.mat-mdc-slider .mdc-slider__track--active_fill {
  border-color: transparent;
}
.custom-slider.mat-mdc-slider .mdc-slider__thumb {
  width: 20px;
  left: 0;
  top: -1px;
}
.custom-slider.mat-mdc-slider .mdc-slider__input,
.custom-slider.mat-mdc-slider .mdc-slider__thumb {
  height: 20px;
}
.custom-slider.mat-mdc-slider .mdc-slider__thumb-knob {
  background-color: #C5CCD9 !important;
  border-color: #C5CCD9 !important;
  box-shadow: none !important;
}

.fonts-list {
  width: 200px !important;
}

.custom-image-options button {
  position: absolute;
  top: 5px;
  right: 0;
}
.custom-image-options img {
  max-height: 60px;
  width: auto;
}

.white-clr-1 .wrapper:nth-child(1) .circle-border {
  border-color: #C5CCD9 !important;
}

/*Styles required for report preview only*/
.preview-only #pdfHeaderWeb {
  margin-top: -20px !important;
}
.preview-only #pdfFooterWeb,
.preview-only #pdfHeaderWeb {
  width: auto !important;
  padding: 15px !important;
  margin-left: -20px !important;
  margin-right: -20px !important;
}
.preview-only .watermark {
  width: 752px;
  position: fixed;
  pointer-events: none;
  text-align: center;
  top: 70px;
  line-height: normal;
  left: 62%;
  transform: translate(-50%, 0);
  overflow: hidden;
  height: calc(100vh - 80px);
}
.preview-only .watermark .watermark-image,
.preview-only .watermark .horizontal-text {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.preview-only .watermark .watermark-image, .preview-only .watermark .horizontal-text {
  top: 50%;
}
.preview-only .watermark .watermark-image {
  transform-origin: 50% 0;
}
.preview-only .watermark .horizontal-text {
  transform: translate(0%, -50%);
}
.preview-only .watermark .watermark-text {
  width: 100%;
}
.preview-only .watermark .watermark-text.diagonal-text {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-35deg);
}

app-report-project-details,
app-report-basic-additional-details,
app-media-details,
app-report-inspection-details,
app-document-appendix,
app-kypit-analytics-report {
  position: relative;
  z-index: 2;
}

/*Trash Inspection*/
.trash-container .has-unchecked-bg {
  width: 100% !important;
  right: 0;
  left: 0;
  top: 8px;
}

#TrashBin ul li {
  padding-top: 0;
}

.mat-select-panel.setting-filter .custom-role-select.mat-option {
  height: auto !important;
  min-height: 36px !important;
  padding: 6px 16px;
}

.settings-filters .select-arrow .mat-form-field-suffix {
  top: 13px !important;
}

.plan-days-progress-bar {
  height: 5px !important;
}
.plan-days-progress-bar .mat-progress-bar-buffer {
  background-color: #c5ccd9;
}
.plan-days-progress-bar .mat-progress-bar-fill::after {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.plan-days-progress-bar.orange-bar .mat-progress-bar-fill::after {
  background-color: #ef6022;
}
.plan-days-progress-bar.red-bar .mat-progress-bar-fill::after {
  background-color: #E01E53;
}

.on-hover:hover {
  color: #318CE7;
}

.dashed-border {
  border: 1px dashed #C5CCD9;
  border-radius: 5px;
}

.team-text-length {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
  white-space: nowrap;
}

/* media query for account settings */
@media only screen and (min-width: 320px) and (max-width: 767px) { /* !important is used to overide mat css */
  .user-settings .image, .user-settings .responsive-width-initial, .user-settings .responsive-button {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1045px) { /* !important is used to overide mat css */
  .user-settings .image, .user-settings .responsive-width-initial, .user-settings .responsive-button {
    width: 100%;
  }
  .user-settings .responsive-initials {
    font-size: 44px;
  }
  .user-settings .responsive-icon-size {
    font-size: 20px;
  }
  .user-settings .responsive-font-size {
    font-size: 9px !important;
  }
  .user-settings .responsive-margin {
    margin-bottom: 10px !important;
  }
  .user-settings .responsive-left {
    float: left;
    margin-top: 10px;
  }
  .position-panel {
    top: 5%;
    right: 18%;
    width: 100%;
    min-width: 100% !important;
    max-width: 100% !important;
  }
  .responsive-button {
    font-size: 9px;
    line-height: 24px !important;
    height: 23px !important;
  }
}
@media (max-width: 1024px) {
  .user-settings .user-img-section {
    width: 20%;
  }
  .user-settings .user-info-section {
    width: 76%;
  }
}
@media only screen and (min-width: 1046px) and (max-width: 1365px) { /* !important is used to overide mat css */
  .user-settings .image, .user-settings .responsive-width-initial, .user-settings .responsive-button {
    width: 100%;
  }
  .user-settings .responsive-left {
    float: left;
    margin-top: 10px;
  }
  .position-panel {
    top: 13%;
    right: 18%;
  }
}
@media (max-width: 1200px) {
  .org-setting-section {
    margin: 0 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .user-settings .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media only screen and (min-width: 1920px) { /* !important is used to overide mat css */
  .user-settings .profile, .user-settings .initial {
    width: 160px;
    max-width: 160px;
    max-height: 160px;
    margin: 0;
  }
  .user-settings .image, .user-settings .responsive-width-initial {
    width: 160px;
    max-width: 160px;
    height: 160px;
    max-height: 160px;
  }
  .user-settings .responsive-initials {
    font-size: 140px;
  }
  .position-panel {
    top: 77%;
    right: 19%;
    width: 260px;
    max-width: 260px;
  }
}
@media only screen and (min-width: 2160px) { /* !important is used to overide mat css */
  .user-settings .responsive-width-image {
    width: 15%;
  }
  .user-settings .responsive-width-details {
    width: 85%;
  }
}
@media only screen and (min-width: 3200px) { /* !important is used to overide mat css */
  .user-settings .responsive-width-image {
    width: 10%;
  }
  .user-settings .responsive-width-details {
    width: 90%;
  }
}
.emoji-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  overflow-y: auto;
}

.emoji-item {
  font-size: 24px;
  cursor: pointer;
  padding: 5px;
  border-radius: 5px;
  transition: background 0.3s;
}

.emoji-item:hover {
  background: #f0f0f0;
}

.emoji-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.emoji-container .emoji-item {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.emoji-container .emoji-item div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}

.blue-border {
  border: 1px solid #318CE7;
  border-radius: 5px;
}

.logo-container {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.logo-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.navigation-path {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.navigation-path .navigation-item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.navigation-path .navigation-item .nav-logo {
  width: 16px;
  height: 16px;
  border-radius: 5px;
  object-fit: cover;
}
.navigation-path .navigation-item .nav-name {
  font-size: 14px;
  color: #333;
}
.navigation-path .navigation-item .nav-separator {
  color: #263238;
}

@media (min-width: 1200px) {
  .report-layout {
    display: flex;
  }
  .report-layout .flex-div.w25 {
    flex: 0 0 360px;
    max-width: 360px;
  }
  .report-layout .flex-div.w75 {
    flex: 1;
  }
  .preview-only .watermark {
    width: 793px;
    left: auto;
    transform: translate(-15px, 0);
    right: auto;
  }
}
.team-name-cell {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
}

.team-logo {
  width: 32px;
  height: 32px;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.logo-content {
  font-size: 20px;
  line-height: 32px;
  text-align: center;
}

.custom-logo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wrap-text {
  text-wrap: wrap;
}

.settings-org-list-tooltip {
  margin-left: -15px !important;
}

/* Style which can be extended */
.custom-form-field .mat-form-field-infix, .user-select .mat-form-field-infix, .due-timezone .mat-form-field-infix, .create-task .mat-form-field-infix, .common-select.form-control .mat-form-field-infix {
  border: 0;
}
.custom-form-field .mat-form-field-wrapper, .user-select .mat-form-field-wrapper, .due-timezone .mat-form-field-wrapper, .create-task .mat-form-field-wrapper, .common-select.form-control .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}

.input-sizing, .datepicker .mat-form-field-flex, .create-task .form-control:not(textarea) {
  padding: 5px 17px;
  height: 40px;
}

.mat-form-field.auto-size .mat-form-field-flex, .mat-form-field.auto-size {
  padding: 0 !important;
  height: auto !important;
}

.mat-auto-width .mat-form-field-infix {
  width: auto;
  padding-right: 5px;
}

.adjust-position, .customfilterClass.assignee-options, .assignee-options.customfilterClassDetails {
  width: 100%;
  max-width: 100%;
  min-width: calc(100% + 34px) !important;
}

.create-task .btn-primary {
  padding: 6px 12px;
  min-width: 72px;
  min-height: 36px;
}

.view-task-modal .instruction ol, .task-modal .common-dialog-container .dialog-body .instruction-section ol, .view-task-modal .instruction ul, .task-modal .common-dialog-container .dialog-body .instruction-section ul {
  padding-left: 40px;
}
.view-task-modal .instruction ol li, .task-modal .common-dialog-container .dialog-body .instruction-section ol li {
  list-style-type: decimal;
}
.view-task-modal .instruction ul li, .task-modal .common-dialog-container .dialog-body .instruction-section ul li {
  list-style-type: disc;
}

/*Task Modal*/
.task-modal .mat-dialog-container, .task-modal .fullscreen .common-dialog-container {
  max-width: 726px !important;
  width: 726px !important;
}
.task-modal .common-dialog-container {
  background-color: #fff;
}
.task-modal .common-dialog-container .dialog-body {
  max-height: calc(100vh - 160px);
}
.task-modal .common-dialog-container .dialog-body .NgxEditor {
  border: none;
}
.task-modal .common-dialog-container .dialog-body .NgxEditor__MenuBar {
  background-color: #F9F9F9;
}
.task-modal .common-dialog-container .dialog-body .NgxEditor__Content {
  padding: 20px 15px;
  color: #263238;
}
.task-modal .common-dialog-container .dialog-body .NgxEditor__MenuItem--IconContainer svg {
  height: 15px;
  opacity: 0.7;
}
.task-modal .icon-exitscreen {
  display: none;
}
.task-modal .fullscreen {
  background-color: #F9F9F9;
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  max-width: 100% !important;
  height: 100vh;
  overflow: hidden;
}
.task-modal .fullscreen .common-dialog-container {
  margin: 0 auto;
  height: 100vh;
  box-shadow: none;
}
.task-modal .fullscreen .dialog-header {
  padding: 25px 8px 0;
}
.task-modal .fullscreen .icon-fullscreen {
  display: none;
}
.task-modal .fullscreen .icon-exitscreen {
  display: block;
}
.task-modal .fullscreen .mat-dialog-content {
  max-height: calc(100vh - 120px);
}

.common-dialog-container {
  padding: 25px 0;
}
.common-dialog-container .mat-dialog-content {
  margin: 0;
}

.dialog-header {
  padding: 0 8px;
}
.dialog-header button {
  background-color: transparent;
}

.mat-dialog-actions.task-actions {
  min-height: auto;
  margin: 0 !important;
  padding: 0;
}

.mat-dialog-actions.pr24 {
  padding-right: 24px !important;
}

.task-modal .mat-dialog-actions.task-actions,
.assignment-dialog .mat-dialog-actions.task-actions,
.recurrence-dialog .mat-dialog-actions.task-actions {
  padding-right: 24px;
}

.border-radius-5 .mat-dialog-container, .border-radius-5 .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .border-radius-5 .common-dialog-container {
  border-radius: 5px;
}

.border-top {
  border-top: 1px solid #ebebeb !important;
}

/*Mat form field*/
.mat-form-field.select-arrow .mat-form-field-suffix {
  position: absolute;
  top: 6px;
  right: 0;
}
.mat-form-field.select-arrow svg:not(.control-type-icon) {
  width: 10px;
  height: 6px;
}
.mat-form-field.mat-form-field-disabled .mat-form-field-suffix {
  opacity: 0.5;
}
.select-control .mat-option {
  font-family: "open_sansregular", sans-serif;
}

/*Radio buttons*/
.customize-radio .mat-radio-button {
  display: block;
  font-family: "open_sansregular", sans-serif;
  font-size: 14px;
}
.customize-radio .mat-radio-outer-circle {
  border-color: #ebebeb;
}
.customize-radio .mat-radio-container,
.customize-radio .mat-radio-outer-circle,
.customize-radio .mat-radio-inner-circle {
  width: 18px;
  height: 18px;
}
.customize-radio .mat-radio-label-content {
  padding-left: 12px;
  line-height: 0;
}
.customize-radio .mat-radio-label {
  margin-bottom: 19px;
}

.select-arrow .mat-select-arrow {
  display: none;
}

.common-select.form-control .text-height .mat-select-value {
  height: 19px;
}

/*Create task form*/
.create-task .restricted-access {
  opacity: 0.5;
}
.create-task .form-control:not(textarea) {
  opacity: 1;
  border-radius: 5px;
}
.create-task .mat-select:not(.semi-bold),
.create-task .mat-form-field:not(.semi-bold) {
  font-family: "open_sansregular", sans-serif;
}
.create-task .mat-focused {
  border-color: #318CE7;
}
.create-task input[type=search] {
  box-sizing: border-box;
  padding-left: 30px;
}
.create-task .search-field {
  margin-bottom: 17px;
}
.create-task .text-height .mat-select-value {
  height: 19px;
}

/*Assignee*/
.user-avatar img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.customfilterClass.assignee-options, .assignee-options.customfilterClassDetails {
  top: 4px;
  margin-left: 3px;
}
.customfilterClass.assignee-options .mat-option, .assignee-options.customfilterClassDetails .mat-option {
  height: auto;
  min-height: 42px;
  line-height: normal;
  white-space: pre-wrap;
}
.customfilterClass.assignee-options .user-avatar, .assignee-options.customfilterClassDetails .user-avatar {
  flex: 0 0 9%;
}
.customfilterClass.assignee-options .user-title, .assignee-options.customfilterClassDetails .user-title {
  flex: 0 0 68%;
  word-break: break-all;
}
.customfilterClass.assignee-options .user-role, .assignee-options.customfilterClassDetails .user-role {
  flex: 0 0 32%;
  text-align: right;
  word-break: break-all;
}
.customfilterClass.assignment-teams, .assignment-teams.customfilterClassDetails {
  left: 0;
  margin-left: 0;
}

.select-arrow .mat-form-field-required-marker {
  display: none;
}

.user-info {
  flex: 1;
}

.label-absolute {
  position: absolute;
  top: 6px;
  left: 0;
}

.search-with-select .mat-option:first-child {
  margin-top: 50px;
}

/*Priority*/
.select-priority mat-select-trigger {
  min-height: 20px;
}

.hover-bg:hover:not(.mat-option-disabled), .hover-bg:focus:not(.mat-option-disabled), .hover-bg.mat-active.mat-selected {
  background: rgba(49, 140, 231, 0.1) !important;
}

.custom-symbol.active, .custom-symbol:hover {
  background: rgba(49, 140, 231, 0.1);
}
.custom-symbol.active input, .custom-symbol:hover input {
  background-color: #fff;
}

.adjust-position {
  position: absolute;
  top: 42px;
  left: -1px;
}
.adjust-position.relative-position {
  position: relative;
  top: 0;
}
.adjust-position.barcode-dropdown {
  min-width: auto !important;
  width: 350px !important;
  max-width: 400px;
  left: 7px;
}

.svg-image {
  width: 15px;
  height: 15px;
}

/*Datepicker*/
.datepicker.form-control {
  padding: 0 !important;
}
.datepicker .date-btn-lable {
  display: none;
}
.datepicker .mat-form-field-infix {
  display: flex;
  align-items: center;
}
.datepicker .mat-form-field-label {
  padding-left: 26px;
  color: #000 !important;
  margin-top: 2px;
}
.datepicker .mat-datepicker-toggle-active {
  color: rgba(0, 0, 0, 0.5);
}
.datepicker .mat-datepicker-toggle .svg-image {
  width: 15px;
  height: 15px;
}
.datepicker .mat-datepicker-toggle .mat-mdc-icon-button {
  width: 16px;
  height: 18px;
  padding: 0;
}
.datepicker .mat-datepicker-toggle .svg-image, .datepicker .mat-datepicker-toggle .mat-mdc-icon-button {
  line-height: 0;
}
.datepicker .mat-input-element {
  padding-left: 23px;
  margin-top: -2px;
}
.datepicker.custom-format .custom-duedate {
  position: absolute;
  left: 26px;
  display: inline-block;
  max-width: 88%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
}
.datepicker.custom-format .mat-input-element {
  opacity: 0;
  visibility: hidden;
}
.datepicker.custom-format .mat-form-field-label {
  display: none;
}
.datepicker.theme-label .custom-duedate {
  color: #318CE7;
}
.datepicker .mat-icon-button {
  margin-right: -11px;
}
.datepicker .mat-button-focus-overlay {
  display: none;
}
.datepicker.mat-form-field-disabled {
  opacity: 0.5 !important;
}

.mat-divider.date-divider {
  margin: 25px 0 15px;
}

.due-datepicker {
  height: auto !important;
  width: 310px !important;
  padding: 25px 15px 0;
  /*  background color of date*/
}
.due-datepicker .mat-calendar-body-selected {
  background-color: transparent;
  color: #318CE7;
  border: 0;
  box-shadow: none;
}
.due-datepicker .mat-calendar-body-today,
.due-datepicker .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border: 0;
  color: #fff;
  background-color: #318CE7 !important;
}
.due-datepicker .mat-calendar-table {
  font-family: "open_sansregular", sans-serif;
}
.due-datepicker .mat-calendar-body-label {
  visibility: hidden;
  padding: 0 !important;
}
.due-datepicker .mat-calendar-body-label[colspan="7"] {
  height: 1px;
}
.due-datepicker .mat-calendar-content {
  padding: 0;
  min-height: 290px;
  background-color: #F9F9F9;
}
.due-datepicker .mat-calendar-table-header-divider {
  display: none;
}
.due-datepicker .mat-calendar-body-cell {
  font-family: "open_sanssemibold", sans-serif;
  position: relative;
  width: 33px;
  height: 33px;
}
.due-datepicker .mat-calendar-table-header th {
  padding: 5px 0;
  background-color: #ddd;
  font-family: "open_sanssemibold", sans-serif;
  font-size: 14px;
}
.due-datepicker .svg-calendar {
  left: 15px;
  top: 10px;
}
.due-datepicker .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-today):not(.mat-calendar-body-comparison-identical) {
  background-color: transparent;
}
.due-datepicker .mat-calendar-body-cell-content:not(.mat-calendar-body-today):hover {
  background-color: transparent !important;
  color: #318CE7;
}
.due-datepicker .mat-calendar-body {
  font-size: 14px;
}
.due-datepicker.recurrence-calendar {
  width: 354px !important;
  padding: 15px;
}
.due-datepicker.recurrence-calendar .custom-date-header .input-field {
  display: none;
}
.due-datepicker .mat-calendar-body-cell-container {
  padding: 5px 0 !important;
  text-align: center;
}
.due-datepicker .mat-calendar-body-cell-content {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.due-datepicker .mat-calendar-body-cell-content.mat-focus-indicator {
  position: relative;
}

.custom-date-header .form-control {
  padding-left: 38px;
}
.custom-date-header .btn-clear {
  right: 15px;
  top: 13px;
}
.custom-date-header .btn-clear svg {
  width: 12px;
  height: 12px;
}

.svg-calendar {
  width: 16px !important;
  height: 16px !important;
}

/*Datepicker actions*/
.btn-reset-all {
  background-color: transparent;
  color: #318CE7;
  font-family: "open_sanssemibold", sans-serif;
}

.mat-datepicker-actions {
  display: block !important;
  padding: 15px !important;
}

/*Assigment menu*/
.mat-menu-panel .mat-menu-item {
  padding: 0 15px;
  font-family: "open_sansregular", sans-serif !important;
}
.mat-menu-panel.assignment-menu {
  width: 210px;
}
.mat-menu-panel.assignment-menu .mat-menu-submenu-icon {
  display: none;
}
.mat-menu-panel.assignment-menu .mat-menu-item {
  height: 44px !important;
}
.mat-menu-panel.assignment-menu .mat-menu-content:not(:empty) {
  padding: 0;
}
.mat-menu-panel.assignment-menu .more-menu {
  position: absolute;
  right: 6px;
  top: 9px;
}

.inspection-submenu {
  width: 295px;
}
.inspection-submenu .mat-menu-content:not(:empty) {
  padding: 0;
}
.inspection-submenu button.mat-menu-item {
  height: auto !important;
  line-height: normal !important;
  padding: 10px 20px;
  text-wrap: wrap;
}
.inspection-submenu button.mat-menu-item span {
  display: block;
  line-height: normal;
  opacity: 0.5;
}
.inspection-submenu button.mat-menu-item:first-child {
  padding-top: 20px;
}
.inspection-submenu button.mat-menu-item:last-child {
  padding-bottom: 24px;
}

.mat-button.btn-assignment {
  display: block;
  border-radius: 4px;
  background: #fff;
  color: #318CE7;
  border: 1px solid #318CE7;
  line-height: normal;
  min-height: 40px;
}

.assignment-actions .svg-edit, .assignment-actions .svg-trash {
  margin-right: 15px;
  position: relative;
  top: 2px;
}
.assignment-actions .svg-edit {
  width: 14px;
  height: 14px;
}
.assignment-actions .svg-trash {
  width: 14px;
  height: 16px;
}

/*Draggable assignment list*/
.assignment-list {
  overflow: hidden;
}
.assignment-list .custom-placeholder {
  max-width: 100%;
  min-height: 70px;
  border-radius: 3px;
}

.assignment-box {
  padding: 10px;
  border: solid 1px #ebebeb;
  box-sizing: border-box;
  cursor: move;
  background: #fff;
  font-size: 14px;
  border-radius: 3px;
}
.assignment-box .mat-menu-trigger {
  margin-right: -10px !important;
}

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.assignment-list.cdk-drop-list-dragging .assignment-box:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

/*Attachments*/
.attachment-section .sprite-icon-delete-grey {
  transform: scale(0.85);
  margin-top: 3px;
}

/*Instruction*/
.instructions {
  background-color: #F9F9F9;
  padding: 10px 18px;
}

.instructions-content p:empty {
  display: none;
}

/*File upload*/
.file-upload {
  border: 1px dashed #318CE7;
  border-radius: 2px;
  padding: 9px;
}
.file-upload label {
  text-decoration: underline;
  color: #318CE7;
  cursor: pointer;
}
.file-upload input[type=file] {
  position: absolute;
  visibility: hidden;
}

/*Due time and Timezone*/
.due-timezone:not(.has-value) .mat-form-field {
  width: 134px;
}
.due-timezone .mat-form-field {
  font-size: 14px;
}
.due-timezone .mat-form-field .mat-select-arrow-wrapper {
  display: none;
}
.due-timezone .mat-form-field span.mat-form-field-label-wrapper label {
  color: rgba(0, 0, 0, 0.8) !important;
  font-family: "open_sanssemibold", sans-serif;
}
.due-timezone .mat-form-field .mat-form-field-flex:hover span.mat-form-field-label-wrapper label {
  color: #318CE7 !important;
}
.due-timezone .mat-form-field .mat-form-field-flex:hover .calendar-icon {
  stroke: #318CE7;
}
.due-timezone .mat-form-field-flex {
  align-items: center;
}
.due-timezone .mat-select-value {
  height: 16px;
}
.due-timezone .btn-clear {
  background-color: transparent;
  line-height: 0 !important;
  margin-left: 9px;
}
.due-timezone .calendar-icon {
  width: 15px;
  height: 15px;
  stroke: #484848;
  margin-top: -1px;
}
.due-timezone .mat-form-field-prefix {
  height: 15px;
}
.due-timezone .mat-form-field-suffix {
  height: 9px;
  line-height: 0;
  margin-top: -1px;
}

.btn-clear {
  background-color: transparent;
  line-height: normal;
}
.btn-clear .mat-icon {
  font-size: 16px !important;
  line-height: 1.5;
  color: #263238;
}
.btn-clear svg {
  width: 9px;
  height: 9px;
}

.has-value .mat-form-field {
  display: block !important;
}
.has-value .mat-select-value-text {
  color: #318CE7;
  font-family: "open_sanssemibold", sans-serif;
}
.has-value .default-text {
  color: rgba(0, 0, 0, 0.87) !important;
}
.has-value .due-time-select::after {
  display: none;
}
.has-value .due-time-select .mat-form-field-infix {
  flex: 0 0 40%;
}
.has-value .timezone-select .mat-form-field-flex {
  width: auto !important;
}
.has-value .timezone-select .mat-form-field-infix {
  flex: 0 0 auto;
  width: auto;
  min-width: 120px;
  max-width: 236px;
}

.due-time-select::after {
  content: "";
  position: absolute;
  width: 1px;
  background-color: #707070;
  height: 19px;
  top: 3px;
  right: 22px;
}

/*Conduct inspection*/
.assignment-dialog .mat-dialog-container, .assignment-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .assignment-dialog .common-dialog-container {
  width: 570px !important;
  max-width: 570px;
}
.assignment-dialog .customize-radio {
  max-height: 220px;
  padding: 0 15px;
  margin: 0 -15px;
  display: block;
  min-height: 50px;
}
.assignment-dialog .dialog-body:not(.generic-assignment) {
  min-height: 400px;
}
.assignment-dialog .customize-radio .mat-radio-button:last-child .mat-radio-label {
  margin-bottom: 0;
}

/*Recurrence Dialog*/
.recurrence-dialog .mat-dialog-container, .recurrence-dialog .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .recurrence-dialog .common-dialog-container {
  width: 399px !important;
  max-width: 399px;
}
.recurrence-dialog .dialog-body {
  min-height: 420px;
}

.assignment-dialog .mat-divider,
.recurrence-dialog .mat-divider {
  margin: 0 24px;
}

.days-buttons.custom-spacing .mat-button-toggle-appearance-standard {
  margin: 0;
}
.days-buttons.custom-spacing .mat-button-toggle-appearance-standard:not(:first-child) {
  margin-left: 12px;
}

.recurrence-form .customize-radio .mat-radio-button {
  padding-left: 15px;
}
.recurrence-form .customize-radio .mat-radio-label {
  margin-bottom: 15px;
}
.recurrence-form .divider-1 {
  margin-top: 8px;
  margin-bottom: 15px;
}
.recurrence-form .has-value .due-time-select .mat-form-field-infix {
  flex: 0 0 112px;
}
.recurrence-form .has-value .timezone-select .mat-form-field-infix {
  max-width: 308px;
}
.recurrence-form .days-buttons .mat-button-toggle {
  flex: 0 0 11.3%;
  height: 40px;
}
.recurrence-form .days-buttons .mat-button-toggle-button {
  width: 100%;
  height: 100%;
}

.occurrences-tag input {
  width: 125px;
  background: transparent;
}
.occurrences-tag span {
  left: 30px;
  top: 9px;
}

.fixed-w-30 {
  width: 30px;
}

.fixed-w-45 {
  width: 45px;
}

.border-clr-light {
  border-color: #E8E8E8;
}

.recurrence-end input[type=number]:disabled,
.recurrence-end input[type=number]:disabled + span {
  opacity: 0.5;
}

.select-value-blue .mat-select-value {
  color: #318CE7;
}

.recurrence-info {
  background-color: #F9F9F9;
  min-height: 40px;
  padding: 11px 13px;
}

.search-control {
  padding: 15px 15px 0;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 9;
}
.search-control .svg-search-icon {
  left: 28px;
  z-index: 9;
}
.search-control .form-control {
  height: 40px;
  padding-left: 38px;
  border-radius: 5px;
}

.svg-search-icon {
  width: 16px;
  height: 16px;
}

.timezone-dropdown {
  min-width: 312px !important;
  min-height: 360px;
}
.timezone-dropdown .mat-option:hover, .timezone-dropdown .mat-selected.mat-active {
  color: #318CE7 !important;
  font-family: "open_sanssemibold", sans-serif;
}

.tasks-list .btn {
  padding: 8px 20px !important;
}
.tasks-list .task-list-header {
  background: #fff;
  border-bottom: 1px solid #ebebeb;
}
.tasks-list .task-list-tab {
  height: 59px;
  width: calc(100% - 227px);
}
.tasks-list .task-list-tab li a {
  padding: 17px 20px;
}
.tasks-list .task-list-tab li a.active {
  font-family: "open_sanssemibold", sans-serif;
  border-bottom: 3px solid #318CE7;
  color: #318CE7;
}
.tasks-list .task-view-buttons {
  font-family: "open_sansregular", sans-serif !important;
  height: 40px;
  background-color: #F9F9F9;
  padding: 5px;
}
.tasks-list .task-view-buttons .mat-button-toggle-group {
  border: none;
  border-radius: 0 !important;
}
.tasks-list .task-view-buttons .mat-button-toggle-appearance-standard {
  background-color: #F9F9F9;
  height: 30px;
}
.tasks-list .task-view-buttons .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  background-color: rgba(49, 140, 231, 0.05);
}
.tasks-list .task-view-buttons .mat-button-toggle-appearance-standard.mat-button-toggle-checked .task-view-icon use.calendar-icon {
  stroke: #318CE7;
}
.tasks-list .task-view-buttons .mat-button-toggle-appearance-standard.mat-button-toggle-checked .task-view-icon use.list-icon {
  fill: #318CE7;
}
.tasks-list .task-view-buttons .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 30px;
  padding: 0 10px;
}
.tasks-list .task-view-buttons .mat-button-toggle + .mat-button-toggle {
  border: none;
}
.tasks-list .task-view-buttons .task-view-icon {
  width: 13px;
  height: 15px;
}
.tasks-list .task-view-buttons .task-view-icon use.calendar-icon {
  stroke: #263238;
}
.tasks-list .task-view-buttons .task-view-icon use.list-icon {
  fill: #263238;
}
.tasks-list .task-list-button {
  height: 59px;
  padding: 10px 10px 10px 0;
  white-space: nowrap;
}

.pending-tasks-list {
  background-color: #F9F9F9;
}
.pending-tasks-list .inline-block, .pending-tasks-list audio,
.pending-tasks-list video, .pending-tasks-list img {
  display: inline-block !important;
}
.pending-tasks-list .search-control {
  background-color: #F9F9F9;
}
.pending-tasks-list .search-control .form-control {
  border-color: #ebebeb;
}
.pending-tasks-list .search-control .svg-search-icon {
  left: 10px;
  top: 12px;
}

.table-section {
  padding: 15px 30px;
  background-color: #fff;
}
.table-section td, .table-section th {
  color: #000;
  vertical-align: top;
}
.table-section td .td-title:hover, .table-section th .td-title:hover {
  color: #318CE7;
}
.table-section .first-row-td-padding tr:first-child td:not(:last-child) {
  padding-top: 20px;
}
.table-section .first-row-td-padding tr:first-child td:last-child {
  padding-top: 10px;
}

.status-list-dropdown {
  padding: 4px 5px;
  border-radius: 3px;
  font-family: "open_sansregular", sans-serif;
  width: auto !important;
}
.status-list-dropdown .mat-select-arrow-wrapper {
  margin-top: -2px;
  margin-left: 2px;
  opacity: 0.8;
}
.status-list-dropdown .mat-select-arrow {
  width: 8px;
  height: 8px;
  border-left: 0;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-top: 0;
  margin: 0px 4px;
  transform: rotate(45deg);
  border-radius: 1px;
}

.reccurence-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: sub;
}

.no-data-td {
  font-style: italic;
  color: rgba(69, 69, 69, 0.5) !important;
}

/*Manage task*/
.groupby-control {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 4px 4px 4px 15px;
}
.groupby-control .mat-form-field-wrapper {
  padding-bottom: 0;
}
.groupby-control .mat-form-field-infix {
  border-top: 0;
  width: auto;
}

.load-more-task-data .load-more-icon {
  width: 32px;
  height: 16px;
  color: #318CE7;
  line-height: 5px;
}

.task-paginator {
  margin-top: -17px;
}

/*View task instance*/
.view-task-modal .container {
  padding: 24px 23px;
}
.view-task-modal .mat-dialog-container, .view-task-modal .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .view-task-modal .common-dialog-container {
  max-width: 916px !important;
  width: 916px !important;
  min-height: calc(100vh - 80px);
}
.view-task-modal .dialog-header {
  margin-bottom: 14px;
}
.view-task-modal .mat-dialog-content {
  max-height: calc(100vh - 200px);
}
.view-task-modal .mat-dialog-content .col-md-8 {
  flex: 0 0 64.599%;
  max-width: 64.599%;
}
.view-task-modal .mat-dialog-content .col-md-4 {
  flex: 0 0 35.401%;
  max-width: 35.401%;
}
.view-task-modal .mat-divider {
  border-top-color: #E8E8E8;
}
.view-task-modal.task-series .mat-dialog-container, .view-task-modal.task-series .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .view-task-modal.task-series .common-dialog-container {
  max-width: 937px !important;
  width: 937px !important;
}
.view-task-modal.task-series .mat-dialog-content .col-md-8 {
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.view-task-modal.task-series .mat-dialog-content .col-md-4 {
  flex: 0 0 37.5%;
  max-width: 37.5%;
}

.default-arrow .mat-select-arrow {
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-top: 5px solid;
  border-bottom: 0;
  transform: none;
  -webkit-transform: none;
  padding: 0;
}

.acceptance-stripe {
  background-color: #ebebeb;
  padding: 9px 24px;
  align-items: center;
}

.a-text {
  border-left: 1px solid #ddd;
  text-align: center;
}

.reject-dialog-options {
  padding: 14px 20px;
  min-width: 268px;
}
.reject-dialog-options .mat-radio-label {
  margin-bottom: 0;
}
.reject-dialog-options .mat-radio-group {
  margin-bottom: 34px;
}
.reject-dialog-options textarea {
  min-height: 93px;
}
.reject-dialog-options .btn {
  min-width: 89px;
  height: 40px;
}

.time-zone-select .mat-select-trigger:hover .default-text, .time-zone-select .mat-select-trigger:hover .actual-text {
  color: #318CE7 !important;
}

.acceptance-status {
  width: 13px;
  height: 13px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  bottom: -1px;
  right: 6px;
}
.acceptance-status .mat-icon {
  width: auto;
  height: auto;
}
.acceptance-status .mat-icon.error-red {
  font-size: 9px;
  position: relative;
  left: 0.5px;
}
.acceptance-status .mat-icon.green-validate {
  font-size: 8px;
}

.reject-reason {
  background-color: rgba(235, 235, 235, 0.5);
  padding: 10px 8px;
  border-radius: 5px;
}

.custom-panel {
  box-shadow: none !important;
  border: 1px solid #EBEBEB;
  border-radius: 5px;
}
.custom-panel .mat-expansion-panel-header {
  flex-direction: row-reverse;
  padding: 0 10px !important;
  min-height: 46px;
  height: auto;
}
.custom-panel .mat-expansion-panel-header.mat-expanded {
  height: auto;
}
.custom-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  margin-right: 0;
  margin-left: 5px;
  font-size: 14px;
  font-family: "open_sansregular", sans-serif;
}
.custom-panel .mat-expansion-panel-header, .custom-panel .mat-expansion-panel-header:hover {
  background-color: #F9F9F9 !important;
}
.custom-panel .mat-expansion-indicator::after {
  border-width: 0 1px 1px 0;
  margin-top: -4px;
}
.custom-panel .mat-expansion-panel-body {
  font-family: "open_sansregular", sans-serif;
  padding: 15px 20px;
}
.custom-panel .mat-expansion-indicator {
  transform: rotate(-90deg) !important;
}
.custom-panel.mat-expanded .mat-expansion-indicator {
  transform: rotate(0deg) !important;
}

.task-assignee .user-avatar {
  flex: 0 0 auto;
}
.task-assignee .user-avatar img {
  width: 20px;
  height: 20px;
  margin-right: 9px;
}
.task-assignee .status {
  font-family: "open_sansitalic", sans-serif;
}

.task-info tr:not(:first-child) td {
  padding-top: 20px;
}
.task-info td:first-child {
  font-family: "open_sanssemibold", sans-serif;
}
.task-info td:last-child {
  padding-left: 13px;
}

.text-center .mat-simple-snackbar {
  justify-content: center;
}

.edit-response-form .mat-radio-label {
  margin-bottom: 0;
}

/*Assignments progressbar*/
.assignment-progress.mat-progress-bar {
  height: 7px;
  border-radius: 10px;
}
.assignment-progress.mat-progress-bar .mat-progress-bar-buffer {
  background-color: #E8E8E8;
}
.assignment-progress.mat-progress-bar .mat-progress-bar-fill::after {
  background-color: #29AF62;
}

/*Assignment checkboxes*/
.assignment-checkbox .mat-checkbox-inner-container {
  height: 24px;
  width: 24px;
}
.assignment-checkbox .mat-checkbox-inner-container:hover .mat-checkbox-checkmark-path {
  stroke: #318CE7 !important;
  stroke-dashoffset: 0;
}
.assignment-checkbox .mat-checkbox-inner-container .mat-checkbox-checkmark {
  width: 13px;
  height: 13px;
  top: 5px;
  margin: 0 auto;
  stroke-width: 3px;
}
.assignment-checkbox.mat-checkbox-checked .mat-checkbox-inner-container .mat-checkbox-checkmark-path {
  stroke: #fff !important;
}
.assignment-checkbox .mat-checkbox-frame {
  border-color: #318CE7;
  border-width: 1px;
}
.assignment-checkbox .mat-checkbox-frame, .assignment-checkbox .mat-checkbox-background {
  border-radius: 50%;
}

/*Task assignments*/
.assignment-block .assignment-info {
  border: 1px solid #ebebeb;
  border-radius: 3px;
}

/*style for bulk rename dialog*/
.custom-tooltip.tooltip-bg-dark {
  padding: 10px 16px !important;
  width: 180px;
  font-family: "open_sansregular", sans-serif;
  font-size: 14px;
}

.tooltip-bg-dark {
  background: #263238;
}

/*Assignee response dialog*/
.assignee-response .mat-dialog-container, .assignee-response .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .assignee-response .common-dialog-container {
  max-width: 378px;
  border-radius: 5px;
}
.assignee-response .mat-radio-group {
  margin-top: 19px;
}
.assignee-response button.bg-inverse {
  padding: 8px 28px;
}

/*Task add comment*/
.comment-block .not-active {
  border: 0;
  padding: 0;
  margin-top: 7px;
}
.comment-block .btn:focus {
  box-shadow: none;
}

.addTeam-dialog .middle-divider {
  width: calc(100% - 48px);
}

/*Task attachments*/
.attachment-container {
  display: grid;
  grid-template-columns: repeat(3, 32.7%);
  gap: 5px;
}
.attachment-container .attachment-block {
  background-color: #F9F9F9;
  border-radius: 5px;
}
.attachment-container .attachment-block img {
  width: 16px;
}
.attachment-container .attachment-block a {
  padding: 10px;
  color: inherit;
}

.more-count-badge {
  background-color: #ebebeb;
  padding: 2px 3px;
  border-radius: 3px;
}

.task-header-section {
  background: #F9F9F9;
  padding: 10px 20px;
}

.mat-menu-item:hover .svg-sprite-icon.task-icon {
  fill: #318CE7;
  opacity: 1 !important;
}

.table-list-tr-hover tbody.table-accordian tr:hover {
  background-color: #fff !important;
}

.multi-line-tooltip {
  white-space: pre-line;
}

/*All task*/
.grid-container-1,
.grid-container-2 {
  display: grid;
}

.grid-container-1 {
  grid-template-columns: 10% 90%;
}

.grid-container-2 {
  grid-template-columns: 10% 19% 10% 18% 18% 10% 10% 5%;
}

.cdk-virtual-scroll-content-wrapper .divider:before {
  content: "";
  width: 90%;
  height: 1px;
  background-color: rgba(38, 50, 56, 0.1);
  position: absolute;
  top: 0;
  right: 0;
}
.cdk-virtual-scroll-content-wrapper .same-year + div:before,
.cdk-virtual-scroll-content-wrapper .only-year + div:before {
  content: none;
}
.cdk-virtual-scroll-content-wrapper .grid-container-2 {
  position: relative;
}
.cdk-virtual-scroll-content-wrapper .active .dot,
.cdk-virtual-scroll-content-wrapper .active .date-block {
  background-color: #318CE7;
}
.cdk-virtual-scroll-content-wrapper .active .due-date {
  color: #318CE7;
}
.cdk-virtual-scroll-content-wrapper .active .date-block {
  color: #fff;
}
.cdk-virtual-scroll-content-wrapper .active .f12 {
  opacity: 1;
}

.heading-container {
  padding-right: 34px;
}
.heading-container .grid-container-2 div {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 10px;
}

.no-scheduled {
  min-height: 57px;
}
.no-scheduled .sticky-year {
  flex: 0 0 100%;
}
.no-scheduled .due-date {
  flex: 0 0 10%;
}
.no-scheduled .noscheduled-text {
  flex: 0 0 90%;
}

.only-year {
  min-height: 22px;
}

.min-height-0 {
  min-height: 0;
}

.due-date {
  position: relative;
}
.due-date .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: rgba(38, 50, 56, 0.3);
  position: absolute;
  left: -4px;
  top: 20px;
}
.due-date .date-block {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.due-date .f12 {
  opacity: 0.7;
}

.virtual-scroll-container {
  overflow: auto;
}
.virtual-scroll-container .cdk-virtual-scroll-content-wrapper {
  padding-left: 4px;
  padding-right: 29px;
}
.virtual-scroll-container .grid-container-1,
.virtual-scroll-container .grid-container-2 {
  min-height: 57px;
}
.virtual-scroll-container .sticky-year {
  min-height: 22px;
}

.sticky-date,
.sticky-year {
  background-color: #F9F9F9;
  padding: 1px 10px;
  height: 22px;
}

.sticky-date {
  margin: 0 34px 0 4px;
}

.no-duedate-table tbody tr:hover,
.grid-container-1:hover,
.grid-container-2:not(.table-header):hover {
  background-color: #eaf3fd;
}

.panel-body-0:not(.no-tasks):before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgba(38, 50, 56, 0.3);
  position: absolute;
  top: 106px;
  margin-left: 3px;
}

.all-task-accordian .mat-expansion-panel, .logs-accordian .mat-expansion-panel, .media-details-tab .mat-expansion-panel {
  box-shadow: none !important;
}
.all-task-accordian .mat-expansion-panel .mat-expansion-panel-header, .logs-accordian .mat-expansion-panel .mat-expansion-panel-header, .media-details-tab .mat-expansion-panel .mat-expansion-panel-header {
  height: auto;
  min-height: 55px;
}
.all-task-accordian .mat-expansion-panel .mat-stroked-button, .logs-accordian .mat-expansion-panel .mat-stroked-button, .media-details-tab .mat-expansion-panel .mat-stroked-button {
  color: #263238;
}
.all-task-accordian .mat-expansion-panel .arrow-down,
.all-task-accordian .mat-expansion-panel .mat-expansion-indicator, .logs-accordian .mat-expansion-panel .arrow-down,
.logs-accordian .mat-expansion-panel .mat-expansion-indicator, .media-details-tab .mat-expansion-panel .arrow-down,
.media-details-tab .mat-expansion-panel .mat-expansion-indicator {
  display: none;
}
.all-task-accordian .mat-expansion-panel.mat-expanded .arrow-down, .logs-accordian .mat-expansion-panel.mat-expanded .arrow-down, .media-details-tab .mat-expansion-panel.mat-expanded .arrow-down {
  display: inline-block;
}
.all-task-accordian .mat-expansion-panel.mat-expanded .arrow-right, .logs-accordian .mat-expansion-panel.mat-expanded .arrow-right, .media-details-tab .mat-expansion-panel.mat-expanded .arrow-right {
  display: none;
}

.all-task-accordian .mat-expansion-panel .mat-expansion-panel-header {
  background-color: #fff !important;
}
.all-task-accordian .mat-expansion-panel.mat-expanded .arrow-down {
  display: block;
}

.btn-basic {
  height: 30px;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  padding: 0 8px;
  color: #263238;
}

.btn-datepicker.mat-form-field {
  height: 30px;
  display: flex;
  cursor: pointer;
  margin-bottom: 0 !important;
  margin-left: 10px;
  opacity: 1;
  width: 123px;
  border-color: #ebebeb;
}
.btn-datepicker.mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
  flex: 0 0 100%;
}
.btn-datepicker.mat-form-field .mat-form-field-flex {
  height: auto;
  padding: 0;
}
.btn-datepicker.mat-form-field .mat-form-field-infix {
  border: 0;
  width: 100%;
}
.btn-datepicker.mat-form-field .custom-duedate,
.btn-datepicker.mat-form-field .mat-datepicker-toggle,
.btn-datepicker.mat-form-field .mat-input-element {
  display: none;
}
.btn-datepicker.mat-form-field .date-btn-lable {
  display: flex;
  flex: 0 0 100%;
  align-items: center;
  justify-content: center;
  color: #263238;
}
.btn-datepicker.mat-form-field svg use {
  stroke: #263238;
}

.marker-container,
.virtual-scroll-container {
  height: calc(100vh - 330px);
}
.marker-container.no-task-data,
.virtual-scroll-container.no-task-data {
  position: absolute;
  visibility: hidden;
}

.marker-container {
  position: absolute;
  background: #fff;
  z-index: 9;
  right: 40px;
  transition: 0.2s ease-in-out;
  opacity: 0;
  width: 0;
}
.marker-container.active {
  opacity: 1;
}
.marker-container .year-label {
  cursor: pointer;
  width: 50px;
  background-color: #fff;
}
.marker-container .year-label::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 1px;
  background-color: rgba(38, 50, 56, 0.5);
  top: 10px;
  right: 0;
}

.panel-body-0 {
  padding-right: 0;
}

.expansion-panle-0 .mat-expansion-panel-body {
  padding-right: 0;
}

/*Empty task screens*/
.empty-tasks {
  padding: 100px 0;
}

/*Assignment link inspection*/
.inspection-link-menu .mat-menu-item {
  display: flex;
  align-items: center;
}
.inspection-link-menu .mat-menu-item .icon-link {
  stroke: #263238;
}
.inspection-link-menu .mat-menu-item .icon-unlink {
  fill: #263238;
}
.inspection-link-menu .mat-menu-item:hover .icon-unlink {
  fill: #318CE7;
}
.inspection-link-menu .mat-menu-item:hover .icon-link {
  stroke: #318CE7;
}

.inspection-link .mat-dialog-container, .inspection-link .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .inspection-link .common-dialog-container {
  max-width: 570px;
}
.inspection-link.unlink .mat-dialog-container, .inspection-link.unlink .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .inspection-link.unlink .common-dialog-container {
  max-width: 437px;
}
.inspection-link:not(.unlink) .mat-dialog-content {
  min-height: 410px;
}
.inspection-link input[type=search] {
  box-sizing: border-box;
}
.inspection-link .customize-radio .mat-radio-container {
  margin-top: 2px;
}
.inspection-link .customize-radio .mat-radio-label {
  align-items: flex-start;
  margin-bottom: 12px;
}
.inspection-link .customize-radio .mat-radio-label-content {
  line-height: normal;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1;
}
.inspection-link .customize-radio .status-label {
  min-width: 84px;
}
.inspection-link .no-results {
  margin-top: 100px;
}

.assignment-card {
  background-color: #F9F9F9;
  padding: 10px 20px;
  border-radius: 3px;
}

.auto-height {
  min-height: auto !important;
}

/*Task filters*/
.theme-checkbox {
  font-family: "open_sansregular", sans-serif;
}
.theme-checkbox .mat-checkbox-frame {
  border-color: rgba(38, 50, 56, 0.5);
  border-width: 1px;
}
.theme-checkbox .status-lbl {
  padding: 4px 7px;
}
.theme-checkbox.status:nth-child(2) {
  margin-right: 29px;
}
.theme-checkbox.status:nth-child(4) {
  margin-left: 22px;
  margin-right: 35px;
}

.red-arrow {
  fill: #E01E53;
}

.blue-arrow {
  fill: #318CE7;
}

.green-arrow {
  fill: #29AF62;
}

.arrow-svg {
  position: relative;
  top: 1px;
}
.arrow-svg.down {
  transform: rotate(180deg);
}

.margin-postion {
  margin: 38px 0 0 40px;
}

.highlight-date {
  color: #318CE7 !important;
}

.label-position .mat-form-field-label {
  top: 14px;
}
.label-position .d-flex label {
  line-height: 18px;
}

.no-style-btn {
  padding: 0;
  background-color: transparent;
  font-size: 14px;
  font-family: "open_sansregular", sans-serif;
  line-height: normal;
}

.input-control {
  padding: 0 16px;
  color: #263238;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #C5CCD9;
  display: block;
  width: 100%;
  font-size: 14px;
}
.input-control:focus {
  border-color: #318CE7;
}
.input-control.is-invalid {
  border-color: #E01E53;
}

.svg-dark-stroke {
  stroke: #263238;
}

.theme-hover-btn:hover {
  color: #318CE7;
}
.theme-hover-btn.theme-color .svg-theme-hover, .theme-hover-btn:hover .svg-theme-hover {
  stroke: #318CE7;
}

.coming-soon-lbl {
  background-color: rgba(49, 140, 231, 0.1);
  color: #318CE7;
  padding: 3px 6px;
  border-radius: 2px;
  line-height: normal;
}

.new-feature-lbl {
  background-color: rgba(49, 140, 231, 0.1);
  color: #318CE7;
  padding: 3px 6px;
  border-radius: 5px;
  line-height: normal;
  font-size: 12px;
  margin-top: 10px;
}

.line-after:after {
  content: "";
  border-right: 1px solid #C5CCD9;
  padding-left: 10px;
  height: 22px;
}

.mat-form-field.default-style {
  border-radius: 5px;
  font-family: "open_sansregular", sans-serif;
  font-size: 14px;
  opacity: 1;
  border: 1px solid #C5CCD9;
  min-height: 40px;
  display: flex;
}
.mat-form-field.default-style .mat-form-field-wrapper {
  padding-bottom: 0;
  width: 100%;
}
.mat-form-field.default-style .mat-form-field-infix {
  border-top: 0;
  padding: 0;
}
.mat-form-field.default-style .mat-select-value {
  padding-right: 16px;
}
.mat-form-field.default-style .mat-form-field-flex {
  align-items: center;
  height: 100%;
  padding: 5px 16px;
}
.mat-form-field.default-style .mat-form-field-label-wrapper {
  display: flex;
  align-items: center;
}
.mat-form-field.default-style .mat-form-field-label {
  margin-bottom: 0;
  top: auto;
  padding-bottom: 0;
}
.mat-form-field.default-style.selected-chips .mat-select-trigger {
  height: auto;
}
.mat-form-field.default-style.selected-chips .mat-select-min-line {
  line-height: 19px;
}
.mat-form-field.default-style.selected-chips mat-select-trigger,
.mat-form-field.default-style.selected-chips .mat-select-min-line {
  white-space: normal;
}
.mat-form-field.default-style.selected-chips mat-select-trigger {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  line-height: 16px;
}
.mat-form-field.default-style.selected-chips .template-label {
  margin: 0;
}
.mat-form-field.default-style.select-arrow svg {
  margin-right: 0;
}
.mat-form-field.default-style.select-arrow .mat-form-field-suffix {
  top: 18px;
  display: flex;
  right: 16px;
}
.mat-form-field.default-style.mat-focused {
  border-color: #318CE7;
}
.mat-form-field.default-style.auto-width .mat-form-field-infix {
  min-width: 60px;
  width: auto;
}
.mat-form-field.default-style.auto-width .mat-form-field-infix .mat-select-placeholder {
  min-width: 47px;
}
.mat-form-field.default-style.filter-select.active-filter, .mat-form-field.default-style.filter-select:hover {
  border-color: rgba(49, 140, 231, 0.1) !important;
  background-color: rgba(49, 140, 231, 0.1);
}

.multi-select-dropdown {
  min-width: calc(100% + 33px) !important;
  transform: translate(23px, 30px) !important;
}
.multi-select-dropdown.preset-teams {
  transform: translate(11px, 30px) !important;
}

.mt-40px {
  margin-top: 40px;
}

.mt-80px {
  margin-top: 80px;
}

.focus-shadow-none:focus {
  box-shadow: none !important;
}

.search-input-common .form-control {
  box-sizing: border-box;
  padding-left: 41px;
}
.search-input-common .form-control:focus {
  background-color: transparent;
}
.search-input-common .sprite-icon-search-grey {
  top: 12px;
  height: 17px;
  left: 16px;
}

.table.align-middle td {
  vertical-align: middle;
}

.theme-divider {
  border-top-color: #ebebeb;
}

.custom-set-items {
  min-height: 54px;
}

.close-icon-modal {
  width: 14px !important;
  height: 14px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.sidepanel-container {
  height: 100vh;
  /*Draggable assignment list*/
}
.sidepanel-container .mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.1);
}
.sidepanel-container .mat-drawer-inner-container {
  width: 400px;
  padding: 20px 25px;
  display: flex;
  flex-direction: column;
}
.sidepanel-container .custom-placeholder {
  max-width: 100%;
  min-height: 40px;
  border-radius: 5px;
}

.badge-md {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.custom-set-table th, .custom-set-table td {
  padding: 7px;
}
.custom-set-table th:first-child, .custom-set-table td:first-child {
  padding-left: 30px;
}
.custom-set-table th {
  border-top: 0;
  padding-top: 23px;
  padding-bottom: 12px;
  border-bottom: 1px solid #E8E8E8 !important;
}
.custom-set-table th:first-child, .custom-set-table th:nth-child(2) {
  width: 20%;
}
.custom-set-table th:nth-child(3) {
  width: 45%;
}
.custom-set-table th:nth-child(4) {
  width: 10%;
}
.custom-set-table th svg {
  display: none;
}
.custom-set-table th.active svg, .custom-set-table th:hover svg {
  display: inline-block;
}
.custom-set-table tbody td {
  font-size: 14px;
  border-color: #E8E8E8;
}

.hover-light-blue tbody tr:hover {
  background-color: #eaf3fd;
}
.hover-light-blue tbody tr:hover td:first-child {
  color: #318CE7;
}

.no-custom-set {
  min-height: calc(100vh - 220px);
  background-color: #fff;
}

.direction-up {
  transform: rotate(180deg);
}

.items-container {
  max-height: calc(100vh - 400px);
}

.view-items-container {
  max-height: calc(100vh - 180px);
}

.tools-menu {
  min-width: 222px !important;
  top: 5px;
}
.tools-menu .mat-menu-content:not(:empty) {
  padding: 0;
}
.tools-menu .mat-menu-item {
  display: flex;
  align-items: center;
  height: auto !important;
  min-height: 45px;
}
.tools-menu .mat-menu-item[disabled] {
  background-color: #F9F9F9;
  color: rgba(38, 50, 56, 0.5);
}
.tools-menu .mat-menu-item.active, .tools-menu .mat-menu-item:hover {
  background: rgba(49, 140, 231, 0.05) !important;
}

.img-hover:hover img {
  display: none;
}
.img-hover:hover img.d-none {
  display: inline-block !important;
}

.dark-tooltip {
  min-width: 122px;
}
.dark-tooltip.show {
  opacity: 1;
}
.dark-tooltip .tooltip-inner {
  background-color: #6F6F6F !important;
  border-radius: 8px;
  padding: 12px;
}
.dark-tooltip .tooltip-inner .border-bottom {
  border-color: #888888 !important;
}

.max-width-405 .mat-dialog-container, .max-width-405 .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .max-width-405 .common-dialog-container {
  max-width: 405px;
}

.custom-set-delete .mat-dialog-container, .custom-set-delete .task-modal .fullscreen .common-dialog-container, .task-modal .fullscreen .custom-set-delete .common-dialog-container {
  max-width: 405px;
}
.custom-set-delete .hasheight-scroll {
  max-height: 156px;
}

.custom-set-form .choice-data {
  flex: 1;
  margin-left: 10px;
}
.custom-set-form .btn-delete {
  margin-left: 15px !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/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/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./Visualogyx-admin/app/report-preview/report-sections/report.scss?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*color variables*/
/*common reusable styles*/
.no-data.pie-chart, .no-data.set-chart {
  transform: rotate(-90deg);
  pointer-events: none;
}

/* for pdf preview */
.pdf-preview {
  height: calc(100vh - 1px);
  background: #F9F9F9;
}

table.pdf-header-web td, table.pdf-footer-web td {
  border: 0 !important;
}

.border-all {
  border: 1px solid #ebebeb;
}

/* In pdf system font won't work. so used open sans */
.report-body {
  font-family: "open_sansregular", sans-serif;
  -webkit-text-size-adjust: auto;
  -moz-text-size-adjust: auto;
  text-size-adjust: auto;
  /* table scss */
}
.report-body.generated-pdf .bg-light-grey {
  font-weight: normal !important;
}
.report-body.has-calc-height {
  height: calc(100vh - 60px);
  overflow-y: auto;
}
.report-body .pdf-details {
  background: #fff;
  color: #263238;
  font-family: "open_sansregular", sans-serif;
}
.report-body .pdf-details.not-pdf {
  padding: 20px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.0901960784);
  width: 793px;
  margin: 10px auto;
}
.report-body table {
  border-collapse: collapse;
  width: 100%;
}
.report-body table td {
  padding: 5px;
  word-break: break-word;
  min-height: 32px;
  vertical-align: middle;
}
.report-body table.open-table tr td {
  border: 0;
  border-bottom: 1px solid #EBEBEB;
}
.report-body .activity-analytics-table:not(.border-radius-table) td {
  border: none !important;
}
.report-body .activity-analytics-table td {
  vertical-align: top;
}
.report-body .activity-analytics-table td, .report-body .activity-analytics-table th {
  text-align: left;
}
.report-body .activity-analytics-table.custom-kypit-style th {
  border: 0;
}
.report-body .has-tr > td, .report-body .has-full-media > td {
  border-bottom: 0 !important;
}
.report-body * {
  -webkit-text-size-adjust: auto;
  -moz-text-size-adjust: auto;
  text-size-adjust: auto;
  font-size-adjust: initial;
  zoom: 1;
}

/* Ends general style for pdf and preview */
/* pdf design & common classes used in html */
.mb5 {
  margin-bottom: 5px;
}

.ptb5lr16px {
  padding: 4px 16px !important;
}

.p0 {
  padding: 0 !important;
}

.w20 {
  width: 20%;
}
.w20.is-pdf {
  width: 19% !important;
}

.checked {
  color: #fff;
  display: inline-block;
  transform: rotate(45deg);
  height: 7px;
  width: 2px;
  margin-left: 35%;
  border-bottom: 2px solid #fdfdfd;
  border-right: 2px solid #ffffff;
}

.checkboxes {
  padding-bottom: 2px;
}

.f24 {
  font-size: 24px;
}

.f8 {
  font-size: 8px;
}

.f9 {
  font-size: 9px;
}

.f10 {
  font-size: 10px;
}

.f12 {
  font-size: 12px;
}

.f14 {
  font-size: 14px !important;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.m0 {
  margin: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.mb3 {
  margin-bottom: 3px;
}

.ml-auto {
  margin-left: auto;
}

.margin-auto {
  margin: 0 auto;
}

.mt0 {
  margin-top: 0;
}

.mt5 {
  margin-top: 5px;
}

.mt3 {
  margin-top: 3px;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.mr5 {
  margin-right: 5px;
}

.mr-4px {
  margin-right: -4px;
}

.mr3 {
  margin-right: 3px;
}

.mr0imp {
  margin-right: 0 !important;
}

.mr10 {
  margin-right: 10px;
}

.mt8 {
  margin-top: 8px;
}

.ml5 {
  margin-left: 5px;
}

.ml5imp {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.mt2 {
  margin-top: 2px;
}

.mt11 {
  margin-top: 11px;
}

.mt20 {
  margin-top: 20px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb15 {
  margin-bottom: 15px;
}

.mt-4px {
  margin-top: -4px;
}

.margin-inherit {
  margin: inherit !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pr5 {
  padding-right: 5px;
}

.font-w600 {
  font-weight: 600;
}

.p5 {
  padding: 5px;
}

.p5imp {
  padding: 5px !important;
}

.p2 {
  padding: 2px;
}

.p10 {
  padding: 10px;
}

.wh20 {
  width: 20px;
  height: 20px;
}

.border-radius-50 {
  border-radius: 50%;
}

.border-radius {
  border-radius: 5px;
}

.ptb10 {
  padding: 10px 0;
}

.ptb5 {
  padding: 5px 0 !important;
}

.pb10 {
  padding-bottom: 10px;
}

.text-color {
  color: #263238;
}

.max-200px {
  max-width: 200px;
}

.light-border {
  border: 1px solid #EBEBEB;
}

.border-top-bottom {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.border-bottom {
  border-bottom: 1px solid #EBEBEB;
}

.border-top {
  border-top: 1px solid #EBEBEB;
}

.max-width600px {
  max-width: 600px;
}

.min-width-67px {
  min-width: 67px;
}

.min-width-80px {
  min-width: 80px;
}

.min-width-90px {
  min-width: 90px;
}

.width-100px {
  width: 100px;
}

.width-115px {
  width: 115px;
}

.width-135px {
  width: 135px;
}

.regular, .quote {
  font-family: "Open Sans", sans-serif;
}

.semibold {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}

.inline-block {
  display: inline-block;
}

.align-top {
  vertical-align: top;
}

.align-top-imp {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle;
}

.calc90px {
  width: calc(100% - 90px);
}

.display-contents {
  display: contents;
}

.cursor {
  cursor: pointer;
}

.inprogress-status {
  padding: 3px 5px;
  background: rgba(237, 111, 49, 0.21);
  border-radius: 1px;
}

.w100 {
  width: 100%;
}

.w20 {
  width: 20%;
}

.w50 {
  width: 49%;
}

.w40 {
  width: 40%;
}

.w60 {
  width: 60%;
}

.w93 {
  width: 93%;
}

.w100px {
  width: 100px;
}

.m0 {
  margin: 0;
}

.p5 {
  padding: 5px;
}

.pl2 {
  padding-left: 2px;
}

.pl8 {
  padding-left: 8px;
}

.pt2 {
  padding-top: 2px;
}

.h10px {
  height: 10px !important;
}

.h300px {
  height: 300px !important;
}

.white {
  color: #fff !important;
}

.black {
  color: #000000 !important;
}

.margin-auto {
  margin: 0 auto;
}

.border-bt-0 {
  border-bottom: none !important;
}

.border-0 {
  border: none !important;
}

.bg-light-grey {
  font-weight: 600;
}

.bg-light-grey,
.default-annotation {
  background: #F9F9F9;
}

.default-annotation pre {
  font-style: italic;
}

.d-block {
  display: block;
}

.font-italic {
  font-style: italic;
}

.link {
  color: #318ce7;
  text-decoration: underline !important;
  margin: 0 2px;
  font-size: 12px;
}

.notes {
  background: #F9F9F9;
  padding: 3px;
}

.no-right-border {
  border-right: 0 !important;
}

.no-left-border {
  border-left: 0 !important;
}

.has-left-border {
  border-left: 1px solid #EBEBEB !important;
}

.check-box-border, .radio-box-border {
  border: 1px solid #707070;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  box-sizing: border-box;
}
.check-box-border.active, .radio-box-border.active {
  background: #318CE7;
  border: 1px solid #318CE7;
}
.check-box-border.active-border, .radio-box-border.active-border {
  border: 1px solid #318CE7;
}

.pt2b0prl5 {
  padding: 2px 5px 0;
}

.white-space-pre {
  white-space: pre;
}

.white-space-break {
  white-space: break-spaces;
}

.radio-box-border .active {
  margin: 1px 1px 4px 1px;
  width: 6px;
  height: 6px;
  background: #318CE7;
}
.radio-box-border.ispdf .active {
  padding: 2px 2px 4px;
}
.radio-box-border.ispdf .active.if-pdf {
  padding: 1px !important;
}
.radio-box-border .if-pdf.active {
  margin: 2px 2px 4px !important;
}

.opacity-5 {
  opacity: 0.5;
}

.border-radius-50 {
  border-radius: 50%;
}

.signature {
  border: 1px solid #EBEBEB;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.signature-width {
  width: calc(100% - 30px);
}

.light-text {
  color: #263238;
  opacity: 0.5;
}

.red-validate {
  color: #E01E53;
}

.green-validate {
  color: #29AF62;
}

.list {
  margin: 0 !important;
  padding: 0;
  font-size: 12px;
}
.list li {
  list-style-type: none;
  position: relative;
  margin-left: 10px;
  padding-right: 3px;
  line-height: 1.2;
}
.list li.w50 {
  width: 46% !important;
}
.list li:after {
  display: none !important;
}
.list li:not(:first-child) {
  margin-top: 10px;
}
.list.inline-list li {
  display: inline-block;
  width: 46%;
}

.fail-list,
.na-rules-list {
  color: #263238;
}
.fail-list li:before,
.na-rules-list li:before {
  content: none !important;
}

.fail-list .rule-title {
  color: #E01E53;
}

.dot-icon {
  width: 4px;
  height: 4px;
  display: block;
  background-color: #E01E53;
  border-radius: 10px;
}

.na-rules-list .dot-icon {
  background-color: #263238;
}

.image-div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-div.if-small-img {
  max-width: 100%;
  height: 140px;
  margin: 0 auto;
  background: #f9f9f9;
}
.image-div.if-small-img.is-pdf {
  padding: 0 5px;
}
.image-div.if-small-img img {
  height: auto;
}
.image-div.if-small-img > div {
  height: 140px;
}
.image-div.if-medium-img {
  width: 100%;
  height: 250px;
  margin: 0 auto;
  background: #f9f9f9 !important;
}
.image-div.if-medium-img img {
  height: auto;
}
.image-div.if-medium-img > div {
  height: 250px;
}
.image-div.if-large-img {
  width: 730px;
  height: 730px;
  margin: 0 auto;
  background: #f9f9f9;
}
.image-div.if-large-img img {
  height: auto;
}
.image-div.if-large-img > div {
  height: 730px;
}
.image-div img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.image-div.blankinspection-img {
  width: 100% !important;
  margin-bottom: 5px;
}
.image-div.blankinspection-img.is-video {
  position: relative;
  width: auto !important;
  text-align: center;
}
.image-div.blankinspection-img.is-video span {
  position: absolute;
  right: 0px;
  left: 0;
  top: 39%;
  bottom: 0;
  margin: 0 auto;
  z-index: 99;
  background: #ffffff;
  padding: 5px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  display: inline-block;
}
.image-div.blankinspection-img.is-video img {
  width: auto !important;
}
.image-div.blankinspection-img.is-video > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.w175px {
  width: 175px;
}

.wh14 {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  vertical-align: middle;
}

.wh15 {
  width: 15px;
  height: 15px;
}

.attachment-filepreview {
  width: 700px;
  height: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.attachment-filepreview img {
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.author-img {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  vertical-align: middle;
}

.bg-status {
  background: #f8e0d3;
  padding: 3px 5px;
}
.bg-status.completed-highlight {
  background: #ddfae8;
}
.bg-status.cancelled-color {
  background: rgba(224, 30, 83, 0.2);
}
.bg-status.todo-color {
  background: rgba(49, 140, 231, 0.1);
}

.f8-pdf.is-pdf {
  font-size: 7px !important;
}

.details pre {
  white-space: pre-line;
}
.details pre.text-pre {
  white-space: break-spaces;
  margin: 0;
  padding: 0;
  line-height: 1.3;
  overflow-y: hidden;
}

.pdf-blank-inspection .details-inspection {
  width: 95% !important;
}
.pdf-blank-inspection ul {
  list-style-type: none;
  padding-left: 0;
}
.pdf-blank-inspection li {
  position: relative;
  list-style-type: none;
}
.pdf-blank-inspection li:before {
  content: "";
  position: absolute;
  left: 0;
  border-left: 1px solid #263238;
  height: 100%;
  width: 1px;
  opacity: 0.37;
  top: 5px;
}
.pdf-blank-inspection li:after {
  content: "";
  position: absolute;
  left: -4px;
  top: 5px;
  width: 10px;
  height: 10px;
  background: #318ce7;
  border-radius: 50%;
}

.if-barcode-img img {
  max-height: 40px;
}

.kypit-fail {
  background-color: rgba(224, 30, 83, 0.2);
  border-radius: 3px;
  padding: 3px 5px !important;
}
.kypit-fail img {
  width: 9px;
  height: 9px;
  vertical-align: middle;
}

.kypit-pass {
  border: 1px solid #EBEBEB;
  border-radius: 10px;
  padding: 3px 5px !important;
  color: #263238;
  font-weight: 600;
}
.kypit-pass img {
  width: 9px;
  height: 9px;
  vertical-align: middle;
}

.quote {
  padding: 0 7px;
  position: relative;
}
.quote:before, .quote:after {
  position: absolute;
  content: '"';
}
.quote:before {
  left: 0;
}
.quote:after {
  right: 3px;
}

.Inactive {
  color: #E01E53 !important;
}

.pr3 {
  padding-right: 3px;
}

.pt10 {
  padding-top: 10px !important;
}

.display-block {
  display: block;
}

/* Kypit design */
.analytics-component {
  height: calc(100vh - 62px);
  padding: 30px 0;
  overflow-y: auto;
}
.analytics-component.custom-kypit-style {
  padding: 0 0 10px;
}
.analytics-component.noscroll {
  height: auto;
  overflow: hidden;
}
.analytics-component.noscroll .display-block {
  display: block;
}
.analytics-component.noscroll .w33 {
  width: 33.33%;
  display: inline-block;
}
.analytics-component.noscroll .pr15 {
  padding-right: 10px;
}
.analytics-component.noscroll .mb10 {
  margin-bottom: 10px;
}
.analytics-component.noscroll .f14 {
  font-size: 14px;
}
.analytics-component.noscroll .f12 {
  font-size: 12px;
}
.analytics-component.noscroll .f13 {
  font-size: 13px;
}
.analytics-component.noscroll .f11 {
  font-size: 11px;
}
.analytics-component.noscroll .user-analytics-header img {
  width: 16px;
  height: 14px;
}
.analytics-component.noscroll .p10 {
  padding: 10px;
}
.analytics-component.noscroll .min-h36px {
  min-height: 36px;
}
.analytics-component.noscroll .min-h40px {
  min-height: 40px;
}
.analytics-component.noscroll .line-height-15px {
  line-height: 15px;
}
.analytics-component.noscroll .w98 {
  width: 97% !important;
}
.analytics-component.noscroll .w20px {
  width: 20px;
}
.analytics-component.noscroll .h20px {
  height: 20px;
}
.analytics-component.noscroll .p15 {
  padding: 12px !important;
}
.analytics-component.noscroll .pull-right {
  float: right;
}
.analytics-component.noscroll .pull-left {
  float: left;
}
.analytics-component.noscroll .align-bottom {
  vertical-align: bottom;
}
.analytics-component.noscroll .pl5 {
  padding-left: 5px;
}
.analytics-component.noscroll .p5 {
  padding: 5px !important;
}
.analytics-component.noscroll .mb30 {
  margin-bottom: 20px;
}
.analytics-component.noscroll .mb40 {
  margin-bottom: 40px;
}
.analytics-component.noscroll .has-outer-border h3, .analytics-component.noscroll .has-outer-border p {
  margin: 0;
}
.analytics-component.noscroll .failed-chip,
.analytics-component.noscroll .passed-chip {
  padding: 5px 10px;
}
.analytics-component.noscroll .na-chip {
  background: rgb(249, 249, 249);
  padding: 5px 10px;
}
.analytics-component.noscroll .detail-component .in-prog {
  background: rgba(237, 114, 51, 0.2);
  border-radius: 1px;
  color: #263238;
  font-size: 14px;
  padding: 8px;
}
.analytics-component.noscroll .box-shadow {
  box-shadow: none !important;
}
.analytics-component.noscroll .ptb15rl30px {
  padding: 10px 0;
}
.analytics-component.noscroll .mt10 {
  margin-top: 10px;
}
.analytics-component.noscroll .mb20 {
  margin-bottom: 20px;
}
.analytics-component.noscroll .p0 {
  padding: 0;
}
.analytics-component.noscroll .f18 {
  font-size: 18px;
}
.analytics-component.noscroll .mb5 {
  margin-bottom: 5px;
}
.analytics-component.noscroll .max-h10px {
  max-height: 10px;
}
.analytics-component.noscroll .f10 {
  font-size: 10px;
}
.analytics-component.noscroll .w25 {
  width: 25%;
}
.analytics-component.noscroll .w20 {
  width: 20%;
}
.analytics-component.noscroll .w100 {
  width: 100%;
}
.analytics-component.noscroll .h-60 {
  height: 60px;
}
.analytics-component.noscroll .new-grey-bg {
  background: #EBEBEB;
}
.analytics-component.noscroll .ml7 {
  margin-left: 7px;
}
.analytics-component.noscroll .Inactive {
  color: #E01E53 !important;
}
.analytics-component.noscroll .w50 {
  width: 50%;
}
.analytics-component.noscroll .has-bg-img {
  background: #f9f9f9;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 2px !important;
}
.analytics-component.noscroll .min-h54px {
  min-height: 74px;
}
.analytics-component.noscroll .legend-details {
  text-align: left;
}
.analytics-component.noscroll.pdf .activity-analytics-table th {
  text-align: left;
}
.analytics-component.noscroll.pdf .activity-analytics-table td {
  text-align: left;
}
.analytics-component.noscroll.pdf .activity-analytics-table td p {
  margin: 0;
}
.analytics-component.noscroll.pdf.page-break {
  page-break-before: always;
}
.analytics-component.noscroll.pdf .analytics-component.noscroll.pdf * {
  font-weight: normal !important;
}
.analytics-component.noscroll.pdf .w33 {
  width: 31.9%;
  display: inline-block;
}
.analytics-component.noscroll.pdf .w60 {
  width: 60%;
  display: inline-block;
}
.analytics-component.noscroll.pdf .mb20 {
  margin-bottom: 20px !important;
}
.analytics-component.noscroll.pdf .set-parent-margin {
  margin: 0 !important;
}
.analytics-component.noscroll.pdf .ml10 {
  margin-left: 10px;
}
.analytics-component.noscroll.pdf .pl10 {
  padding-left: 10px;
}
.analytics-component.noscroll.pdf .mt15 {
  margin-top: 15px;
}
.analytics-component.noscroll.pdf .mb25 {
  margin-bottom: 10px;
}
.analytics-component.noscroll.pdf .mb10 {
  margin-bottom: 10px;
}
.analytics-component.noscroll.pdf .w98 {
  width: 98% !important;
}
.analytics-component.noscroll.pdf .w25 {
  width: 23.5%;
}
.analytics-component.noscroll.pdf .pl15 {
  padding-left: 15px !important;
}
.analytics-component.noscroll.pdf .align-top {
  vertical-align: top;
}
.analytics-component.noscroll.pdf .pb15 {
  padding-bottom: 15px;
}
.analytics-component.noscroll.pdf .pt15 {
  padding-top: 15px;
}
.analytics-component.noscroll.pdf .w50 {
  width: 48.5%;
}
.analytics-component.noscroll.pdf .p10 {
  padding: 8px;
}
.analytics-component.noscroll.pdf .w20 {
  width: 18.8%;
}
.analytics-component.noscroll.pdf .w220px {
  width: 220px;
}
.analytics-component.noscroll.pdf .w300px {
  width: 300px;
}
.analytics-component.noscroll.pdf .w148px {
  width: 148px;
}
.analytics-component.noscroll.pdf .w175px {
  width: 175px;
}
.analytics-component.noscroll.pdf .h50px {
  height: 40px;
}
.analytics-component.noscroll.pdf .activity-analytics p {
  margin: 0;
}
.analytics-component.noscroll.pdf .activity-analytics p.mb5 {
  margin-bottom: 5px;
}
.analytics-component.noscroll.pdf .activity-analytics p.mb40 {
  margin-bottom: 40px !important;
}

.w55 {
  width: 55%;
}

.w30 {
  width: 30%;
}

.detail-component h3 {
  font-family: "open_sanssemibold", sans-serif;
  font-size: 20px;
  line-height: 27px;
  color: #263238;
}

.detail-component span {
  color: #263238;
}

.detail-component span.has-40-opacity {
  opacity: 0.4;
}

.summary-component:not(.custom-style) .count-detail {
  font-family: "open_sanssemibold", sans-serif;
  color: #263238;
}

.passsed-fail-analytics a:first-child {
  padding-right: 10px;
  border-right: 1px solid #ebebeb;
}

.summary-component .passsed-fail-analytics span:first-child {
  padding-right: 10px;
  border-right: 1px solid #ebebeb;
}

.text {
  color: #263238;
}

.text-with-opacity-70 {
  color: #263238;
  opacity: 0.7;
}

.text-with-opacity-50 {
  color: #263238;
  opacity: 0.5;
}

.has-outer-border {
  border: 1px solid #ebebeb;
  border-radius: 5px;
}

.set-parent-margin {
  margin: 0 -15px 0 0px;
}

.set-chart {
  width: 150px !important;
  height: 150px !important;
}

.link-for {
  color: #318ce7 !important;
  font-family: "open_sansregular", sans-serif;
}

.link-for.bottom-3px {
  border-bottom: 3px solid #318ce7;
}

.passed-legend,
.failed-legend,
.na-legend {
  width: 12px;
  height: 11px;
}

.na-legend {
  background: #EAEAE8;
}

.border-radius-2 {
  border-radius: 2px;
}

.min-h36px {
  min-height: 36px;
}

.min-h54px {
  min-height: 54px;
}

.top-border {
  border-top: 3px solid #000 12;
}

.max-w100px {
  max-width: 100px;
}

.bg-f9 {
  background: #f9f9f9;
}

.analytic-table table th {
  font-weight: normal;
}

.kypit-dialog .mat-dialog-container {
  width: 830px !important;
  max-width: 100% !important;
}

.kypit-dialog .block-container {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px;
}

.kypit-dialog .block-container img {
  width: 100%;
}

.kypit-dialog .auto-width {
  width: 10px !important;
}

.kypit-dialog .failed {
  color: #e01e53;
  position: relative;
  padding-left: 10px;
}

.kypit-dialog .failed:after {
  position: absolute;
  content: "-";
  left: 0;
  top: 0;
}

.kypit-dialog .has-dialog-scroll {
  min-height: 57vh;
  max-height: 57vh;
  overflow-y: auto;
  padding: 0 20px 20px; /* Track */ /* Handle */ /* Handle on hover */
}

.kypit-dialog .has-dialog-scroll::-webkit-scrollbar {
  width: 2px;
}

.kypit-dialog .has-dialog-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey;
  border-radius: 3px;
}

.kypit-dialog .has-dialog-scroll::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 3px;
}

.kypit-dialog .has-dialog-scroll::-webkit-scrollbar-thumb:hover {
  background: #ddd;
}

.domain-ip-isp-table table th {
  background: #f9f9f9;
}

.domain-ip-isp-table table tr th, .domain-ip-isp-table table tr td {
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  vertical-align: top;
}

.domain-ip-isp-table table tr th:first-child, .domain-ip-isp-table table tr td:first-child, .domain-ip-isp-table table tr th:last-child, .domain-ip-isp-table table tr td:last-child {
  border-left: 0;
  border-right: 0;
}

.domain-ip-isp-table .failed-rule {
  color: #e01e53;
}

.domain-ip-isp-table.only-bottom-border tr th, .domain-ip-isp-table.only-bottom-border tr td {
  border: 0;
  border-bottom: 1px solid #ddd;
}

.domain-ip-isp-table.only-bottom-border tr:last-child td {
  border-bottom: 0 !important;
}

.domain-ip-isp-table.with-lst-child tr:last-child td {
  border-bottom: 1px solid #ddd !important;
}

.has-no-td-border td {
  border-bottom: 0 !important;
}

.main-border {
  border: 1px solid #ddd !important;
}

.no-tab-data {
  margin: 0 auto;
  width: 190px;
  text-align: center;
  padding: 55px 0;
}

@media (max-width: 768px) {
  .analytics-component {
    padding: 20px;
  }
  .analytics-component.noscroll {
    padding: 0 !important;
  }
  .passsed-fail-analytics .f14 {
    font-size: 12px;
  }
  .summary-component .p15 {
    padding: 10px !important;
  }
  .count-detail .f30 {
    font-size: 25px;
  }
  .min-h36px {
    min-height: 56px;
  }
  .min-h54px {
    min-height: 74px;
  }
  .has-bg-img img {
    max-height: 18px;
  }
  a.f14 {
    font-size: 11px;
  }
}
.report-dialog-email-field .mat-form-field-wrapper {
  padding: 0 10px;
}
.report-dialog-email-field .mat-form-field-wrapper .mat-standard-chip {
  padding: 10px 5px;
  font-size: 14px;
  border-radius: 0;
}
.report-dialog-email-field .mat-form-field-wrapper .mat-chip.error, .report-dialog-email-field .mat-form-field-wrapper .mat-chip.error {
  background-color: rgba(224, 31, 82, 0.05) !important;
  color: #E01E53 !important;
}
.report-dialog-email-field .mat-form-field-flex {
  min-height: 90px !important;
}

/*CSS Flex*/
.d-flex {
  display: flex !important;
}

.justify-space-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

.align-items-start {
  align-items: start;
}

.flex-column {
  flex-direction: column;
}

.flex-grow-auto {
  flex: 1 1 auto;
}

.flex-1 {
  flex: 1;
}

.flex-wrap {
  flex-wrap: wrap;
}

/*CSS Grid*/
.d-grid {
  display: grid;
}

.column-2 {
  grid-template-columns: repeat(2, 1fr);
}

.column-3 {
  grid-template-columns: repeat(3, 1fr);
}

.column-4 {
  grid-template-columns: repeat(4, 1fr);
}

.column-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gap-10 {
  gap: 10px;
}

.grid-auto-fit {
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

.font-weight-normal {
  font-weight: normal !important;
}

.report-options {
  padding: 3px 5px;
  border-radius: 5px;
  margin-right: 5px;
  min-width: 20px;
  min-height: 20px;
}

.has-color .active-border, .has-color .check-box-border, .has-color .radio-box-border {
  border-color: inherit !important;
}

.w-17px {
  width: 17px;
}

.pos-relative {
  position: relative;
}

.report-flag-icon {
  top: 5px;
  position: relative;
  margin-right: 10px;
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.w85 {
  width: 85%;
}

.w15 {
  width: 15%;
}

.align-middle {
  vertical-align: middle !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.no-wrap {
  white-space: nowrap;
}

.h50px {
  height: 50px;
}

.if-pdf .report-options {
  padding: 5px;
  box-sizing: border-box;
}
.if-pdf .w85 {
  width: 82.1%;
}

.radioboxes, .checkboxes {
  white-space: nowrap;
  max-width: 91%;
}
.radioboxes .option-text, .checkboxes .option-text {
  white-space: normal;
}
.radioboxes.report-options, .checkboxes.report-options {
  margin-top: 0 !important;
}

.report-body table.transpose-results-table td .report-options {
  margin: 2px 5px 0 0 !important;
}

/*START: Static image css for pdf*/
.only-pdf-report {
  width: 100%;
}
.only-pdf-report.grid-image:not(.img-col-1) .img-block {
  display: inline-block;
  padding: 5px;
}
.only-pdf-report.grid-image:not(.img-col-1) .gray-bg-dark {
  background-color: #ebebeb;
  text-align: center;
}
.only-pdf-report.grid-image:not(.img-col-1) .gray-bg-dark, .only-pdf-report.grid-image:not(.img-col-1) img {
  height: 100%;
  width: 100%;
}
.only-pdf-report.grid-image:not(.img-col-1) img {
  object-fit: contain;
}
.only-pdf-report.img-col-1 .img-block {
  width: 100%;
}
.only-pdf-report.img-col-1 .img-block:not(:first-child) {
  margin-top: 10px;
}
.only-pdf-report.img-col-2 .img-block {
  width: 345px;
  height: 345px;
}
.only-pdf-report.img-col-3 .img-block {
  width: 226px;
  height: 226px;
}
.only-pdf-report.img-col-4 .img-block {
  width: 167px;
  height: 167px;
}
.only-pdf-report.img-col-5 .img-block {
  width: 132px;
  height: 132px;
}
.only-pdf-report .gray-bg-dark {
  overflow: hidden;
  background-color: transparent;
}
.only-pdf-report img,
.only-pdf-report .gray-bg-dark {
  border-radius: 5px;
}
.only-pdf-report img {
  cursor: pointer;
}
.only-pdf-report.stack-image img, .only-pdf-report.img-col-1 img {
  max-width: 100%;
}
.only-pdf-report.stack-image img {
  display: block;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  max-width: 100%;
  max-height: 99vh;
}

/*END: Static image css for pdf*/
.medium-size .carousel-item img,
.medium-size .img-block img {
  max-width: 50%;
}

.small-size .carousel-item img,
.small-size .img-block img {
  max-width: 25%;
}

.stack-image {
  width: 100%;
}
.stack-image .img-block:not(:first-child) {
  margin-top: 10px;
}

.image-center .img-block {
  text-align: center;
}
.image-center .gray-bg-dark img {
  margin: 0 auto;
}

.image-right .img-block {
  text-align: right;
}
.image-right .gray-bg-dark img {
  margin-left: auto;
}

.no-static-img {
  padding: 20px 0px;
  text-align: center;
}

.org-log,
.logo-width {
  display: inline-block;
  vertical-align: middle;
  max-width: 150px;
}

table.default-border th, table.default-border td {
  border: 1px solid #ebebeb;
}

.default-settings .font-w600 {
  font-weight: normal;
}

/*To allow advanced settings*/
.inherit-fontsize .f12 {
  font-size: inherit !important;
}
.inherit-fontsize .text, .inherit-fontsize .text-with-opacity-50 {
  color: inherit !important;
}

/*Analytics summary report*/
.content-wrap {
  width: 75%;
  white-space: pre-wrap;
}

/*Image analytics report*/
.border-radius-table {
  border-collapse: separate !important;
  overflow: hidden;
  border-spacing: 0;
}
.border-radius-table .nested-table td {
  border: 0;
}
.border-radius-table tr {
  position: relative;
}
.border-radius-table .td-border-top {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.bottom-radius-5 {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.top-radius {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.barcode-img {
  max-height: 76px;
}

/*Kypit re-design styles*/
.header-bg {
  border-radius: 10px;
  display: inline-block;
  padding: 9px;
}

.header-bg, .icon-bg-circle {
  background: rgba(38, 50, 56, 0.1);
}

.icon-bg-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rule-tag {
  border-radius: 5px;
  display: inline-block;
  padding: 0 6px;
  line-height: normal;
  position: absolute;
  left: 10px;
  top: -10px;
  background: #fff;
}

/*Kypit summary styles*/
.kypit-summary-report {
  width: 99.7%;
  border-radius: 5px;
  overflow: hidden;
  background-color: transparent;
  border: 1px solid #c5ccd9;
  font-size: 12px;
}
.kypit-summary-report table {
  width: 100%;
  border-collapse: collapse;
}
.kypit-summary-report table thead,
.kypit-summary-report table tbody {
  font-size: 12px;
}
.kypit-summary-report table th, .kypit-summary-report table td {
  padding: 8px 0 8px 5px;
}
.kypit-summary-report table th:nth-child(5), .kypit-summary-report table td:nth-child(5) {
  border-left: 1px solid #c5ccd9;
}
.kypit-summary-report table th:nth-child(7), .kypit-summary-report table td:nth-child(7) {
  border-right: 1px solid #c5ccd9;
}
.kypit-summary-report table th .icon-bg-circle, .kypit-summary-report table td .icon-bg-circle {
  width: 30px;
  height: 30px;
}
.kypit-summary-report table th .icon-bg-circle svg, .kypit-summary-report table td .icon-bg-circle svg {
  width: 18px;
  height: 18px;
}
.kypit-summary-report table th:first-child, .kypit-summary-report table td:first-child {
  width: 15% !important;
  padding-left: 15px;
}
.kypit-summary-report table th:not(:first-child), .kypit-summary-report table td:not(:first-child) {
  width: 12.14% !important;
  text-align: center;
}
.kypit-summary-report table th:last-child, .kypit-summary-report table td:last-child {
  text-align: center;
}
.kypit-summary-report table th:nth-child(6), .kypit-summary-report table th:nth-child(7), .kypit-summary-report table td:nth-child(6), .kypit-summary-report table td:nth-child(7) {
  width: 10% !important;
}
.kypit-summary-report table th:nth-child(2), .kypit-summary-report table th:nth-child(4), .kypit-summary-report table td:nth-child(2), .kypit-summary-report table td:nth-child(4) {
  width: 14.28% !important;
}
.kypit-summary-report th {
  text-align: left;
  font-weight: 400;
  border-bottom: 1px solid #c5ccd9;
}
.kypit-summary-report th .status-tag {
  font-size: inherit;
}
.kypit-summary-report td {
  border-bottom: 1px solid #c5ccd9;
  vertical-align: middle;
}
.kypit-summary-report .summary-footer {
  padding: 15px 0;
  text-align: right;
  font-size: 12px;
}
.kypit-summary-report .summary-footer,
.kypit-summary-report thead {
  background-color: #ebebeb;
}

/*Kypit pass/fail/na label style*/
.status-tag {
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  font-size: 12px;
  display: inline-flex;
  overflow: hidden;
  flex: 0 0 auto;
  min-height: 24px;
}
.status-tag .inner-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
}
.status-tag.pass-tag {
  border-color: #202A5D;
}
.status-tag.pass-tag .inner-container {
  background-color: rgba(32, 42, 93, 0.1);
}
.status-tag.pass-tag .inner-container svg {
  fill: #202A5D;
}
.status-tag.fail-tag {
  background-color: #fff;
  border-color: #F3D865;
}
.status-tag.fail-tag .inner-container {
  background-color: rgba(243, 216, 101, 0.2);
}
.status-tag.fail-tag .inner-container svg {
  fill: #F3D865;
}
.status-tag.na-tag {
  background-color: #fff;
  border-color: #C5CCD9;
}
.status-tag.na-tag .inner-container {
  background-color: rgba(197, 204, 217, 0.2);
}

.pie-chart {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.kypit-block {
  padding: 24px 10px 10px;
}
.kypit-block .verification-tag {
  font-family: "open_sanssemibold", sans-serif;
  color: #202A5D;
  background-color: #e8e9ee;
  position: absolute;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 15px;
  top: -12px;
}

.min-h24px {
  min-height: 24px;
}

.chip-position {
  position: relative;
  bottom: 0;
  max-width: max-content;
  right: 0;
  margin-left: auto;
}

.line-height-16px {
  line-height: 16px;
}

.passed-clr {
  color: #202A5D;
}

.na-bg-clr {
  background-color: #EAEAE8;
  padding: 3px 5px;
  border-radius: 3px;
}

.kypit-text {
  padding-left: 12px;
  line-height: 1.5;
  margin-top: 0;
}

.artifact-container {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  overflow-x: unset;
}

.artifact-item {
  flex: 0 0 50px;
  margin: 0 !important;
  border-radius: 5px;
  height: 50px !important;
}

.avoid-page-break-inside {
  page-break-inside: avoid;
}


/*# sourceMappingURL=styles.c0a7a98a2d1428d50566.css.map*/