/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/prebuilt-themes/deeppurple-amber.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography .mat-h1,.mat-typography .mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography .mat-h2,.mat-typography .mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography .mat-h3,.mat-typography .mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography .mat-h4,.mat-typography .mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2,.mat-typography .mat-body-strong,.mat-typography .mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography .mat-body p,.mat-typography .mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid rgba(0,0,0,0)}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-0.0625em}.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option{color:rgba(0,0,0,.87)}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#673ab7}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ffd740}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox::after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#673ab7}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ffd740}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-badge-content{color:#fff;background:#673ab7}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ffd740;color:rgba(0,0,0,.87)}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:rgba(0,0,0,0)}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#673ab7}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ffd740}.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:#673ab7}.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:#ffd740}.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:rgba(0,0,0,.87)}.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:#673ab7}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ffd740}.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(0,0,0,.1)}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]){box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px #e0e0e0}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px #e0e0e0}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px #e0e0e0}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px #e0e0e0}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-card-subtitle{color:rgba(0,0,0,.54)}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa !important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#673ab7}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ffd740}.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:#673ab7}.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:#ffd740}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip::after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#673ab7;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:#ffd740;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-calendar-arrow{fill:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-table-header,.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:rgba(0,0,0,0)}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(103,58,183,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(103, 58, 183, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(103, 58, 183, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#673ab7;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(103,58,183,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(103,58,183,.3)}@media(hover: hover){.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(103,58,183,.3)}}.mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,215,64,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 215, 64, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 215, 64, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ffd740;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,215,64,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,215,64,.3)}@media(hover: hover){.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,215,64,.3)}}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}@media(hover: hover){.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}}.mat-datepicker-content-touch{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-datepicker-toggle-active{color:#673ab7}.mat-datepicker-toggle-active.mat-accent{color:#ffd740}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-dialog-container{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label{color:rgba(0,0,0,.6)}.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#673ab7}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ffd740}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ffd740}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#673ab7}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ffd740}.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:#673ab7}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ffd740}.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:#673ab7}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ffd740}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-icon.mat-primary{color:#673ab7}.mat-icon.mat-accent{color:#ffd740}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#673ab7}.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:#ffd740}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-base .mat-list-item-disabled{background-color:#eee;color:rgba(0,0,0,.38)}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-menu-item{background:rgba(0,0,0,0);color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#d5cae9}.mat-progress-bar-buffer{background-color:#d5cae9}.mat-progress-bar-fill::after{background-color:#673ab7}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbf1cc}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbf1cc}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ffd740}.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:#673ab7}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ffd740}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#673ab7}.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:#673ab7}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ffd740}.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:#ffd740}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#673ab7}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ffd740}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ffd740}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,215,64,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ffd740}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#673ab7}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(103,58,183,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#673ab7}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label{background-color:#673ab7}.mat-slider.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-primary .mat-slider-focus-ring{background-color:rgba(103,58,183,.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:#ffd740}.mat-slider.mat-accent .mat-slider-thumb-label-text{color:rgba(0,0,0,.87)}.mat-slider.mat-accent .mat-slider-focus-ring{background-color:rgba(255,215,64,.2)}.mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-slider.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:rgba(0,0,0,0)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)}.mat-step-header:hover[aria-disabled=true]{cursor:default}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#673ab7;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:rgba(0,0,0,.87)}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ffd740;color:rgba(0,0,0,.87)}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:rgba(0,0,0,0);color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-]>.mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(209,196,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#673ab7}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,229,127,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ffd740}.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:rgba(0,0,0,.87)}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(209,196,233,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#673ab7}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,229,127,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ffd740}.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:rgba(0,0,0,.87)}.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(0,0,0,.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:rgba(0,0,0,.87)}.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:#000;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:#000;opacity:.12}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#673ab7;color:#fff}.mat-toolbar.mat-accent{background:#ffd740;color:rgba(0,0,0,.87)}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-simple-snackbar-action{color:#ffd740}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/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]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
.rtl body {
  font-family: "Poppins", sans-serif !important;
}
.rtl .mat-form-field {
  font-family: "Poppins", sans-serif !important;
}
.rtl a:hover {
  cursor: pointer;
}
.rtl .btn {
  border-radius: 6px !important;
}
.rtl .customBtn .btn {
  font-size: 14px !important;
  padding: 8px 15px;
}
.rtl .table .custom-thead th {
  font-weight: 400 !important;
}
.rtl .btn:disabled {
  opacity: 0.5;
}
.rtl .btn-lite-dark {
  background-color: #C4C4C4 !important;
  border-color: #C4C4C4 !important;
  color: #fff;
}
.rtl .btn-lite-dark:hover {
  background-color: #fff !important;
  color: #C4C4C4 !important;
}
.rtl .btn-lite-dark:focus {
  background-color: #fff !important;
  color: #C4C4C4 !important;
}
.rtl h3 {
  font-size: 30px;
}
.rtl .CustomStyleTheme {
  box-shadow: none !important;
}
.rtl .CustomStyleTheme .customTabs {
  position: absolute;
  right: 0px;
  top: -48px;
}
.rtl .CustomStyleTheme .customTabs li {
  position: relative;
  z-index: 1;
}
.rtl .CustomStyleTheme .customTabs li a {
  font-size: 14px;
  border: none;
  color: var(--main-color);
  background: #dadada;
  border-radius: 0;
  padding: 7px 8px !important;
  line-height: 11px;
}
.rtl .CustomStyleTheme .customTabs li a.active {
  color: #FFFFFF !important;
  border: none !important;
  background-color: var(--main-color) !important;
}
.rtl .CustomStyleTheme .titleBox {
  background-color: #ffffff;
  padding: 5px 7px 5px 7px;
  border-radius: 2px;
  margin-top: 10px;
  border: 1px solid #ddd;
  position: relative;
}
.rtl .CustomStyleTheme .titleBox:hover {
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.rtl .CustomStyleTheme .titleBox .badge {
  position: absolute;
  top: 5px;
  right: 5px;
  transition: all 150ms linear;
}
.rtl .CustomStyleTheme .titleBox .badge:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.31);
  cursor: pointer;
  border: 1px solid #ddd;
}
.rtl .CustomStyleTheme .titleBox .delete-title {
  position: absolute;
  right: 8px;
  top: 2px;
}
.rtl .CustomStyleTheme .titleBox .checkbox-fade {
  position: absolute;
  right: -15px;
  top: 4px;
}
.rtl .CustomStyleTheme .titleBox .checkbox-fade .cr {
  width: 16px;
  height: 17px;
}
.rtl .CustomStyleTheme .titleBox h6 {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: normal;
}
.rtl .CustomStyleTheme .titleBox p {
  font-size: 13px;
  margin-bottom: 0;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  line-height: 18px;
  padding: 1px 0;
}
.rtl .CustomStyleTheme .titleBox p:last-child {
  border-bottom: none;
  display: none;
}
.rtl .CustomStyleTheme .titleBox p b {
  font-weight: 500;
  color: #8ac541;
}
.rtl .CustomStyleTheme .paginationBottom {
  text-align: right;
  float: right;
}
.rtl .CustomStyleTheme .paginationBottom li.active a {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.rtl .CustomStyleTheme .paginationBottom li a {
  height: 22px;
  min-width: 24px;
  line-height: 24px;
  padding: 0 6px;
  border-radius: 3px;
  margin: 6px 3px;
  border: none;
  text-align: center;
  vertical-align: top;
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  vertical-align: bottom;
}
.rtl .CustomStyleTheme .paginationBottom li a i {
  position: relative;
  top: 2px;
}
.rtl .CustomStyleTheme .badge {
  border-radius: 3px;
  font-weight: normal;
  font-size: 12px !important;
}
.rtl .CustomStyleTheme .ngx-datatable .datatable-header .datatable-header-cell {
  font-size: 14px !important;
}
.rtl .CustomStyleTheme .ngx-datatable .datatable-header .datatable-header-cell .ng-star-inserted {
  font-size: inherit !important;
}
.rtl .CustomStyleTheme .dropdown-list ul li {
  padding: 5px 15px 0 15px;
  min-height: 30px;
}
.rtl .CustomStyleTheme .dropdown-list ul li label {
  top: inherit;
}
.rtl .CustomStyleTheme .dropdown-list ul li:last-child {
  text-align: right;
  padding: 0 11px 0px 15px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.rtl .CustomStyleTheme .dropdown-list ul li:last-child:hover {
  background: transparent !important;
}
.rtl .CustomStyleTheme .status-list ul li:last-child {
  text-align: left;
  padding: 0 11px 0px 15px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.rtl .CustomStyleTheme .status-list ul li:last-child:hover {
  background: transparent !important;
}
.rtl .CustomStyleTheme .btn {
  padding: 5px 25px;
  margin: 0;
  text-transform: capitalize;
}
.rtl .CustomStyleTheme .row {
  margin-right: -5px !important;
  margin-left: -5px !important;
}
.rtl .CustomStyleTheme .row .col-md-2,
.rtl .CustomStyleTheme .row .col-md-4,
.rtl .CustomStyleTheme .row .col-md-8 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.rtl .CustomStyleTheme .row .col-md-2 {
  flex: 0 0 20.666667%;
  max-width: 20%;
}
.rtl .CustomStyleTheme .c-btn {
  margin-bottom: 10px;
}
.rtl .CustomStyleTheme .mat-form-field-wrapper {
  margin-bottom: -10px;
}
.rtl .CustomStyleTheme .mat-input-element,
.rtl .CustomStyleTheme .ng-star-inserted {
  font-size: 14px !important;
}
.rtl .CustomStyleTheme textarea.mat-input-element {
  height: 21px;
  padding: 0;
}
.rtl .CustomStyleTheme .customLabel {
  font-size: 14px !important;
  top: 14px;
}
.rtl .CustomStyleTheme .multi-select-margin {
  height: 28px;
}
.rtl .CustomStyleTheme .datatable-header .datatable-header-cell .sort-btn {
  top: 5px !important;
}
.rtl .CustomStyleTheme .ngx-datatable .datatable-body .datatable-body-row {
  outline: 0;
  height: 26px !important;
}
.rtl .CustomStyleTheme .datatable-header {
  height: inherit !important;
}
.rtl .CustomStyleTheme .datatable-checkbox {
  margin-top: -1px !important;
}
.rtl .CustomStyleTheme .datatable-header-cell,
.rtl .CustomStyleTheme .datatable-body-cell {
  padding: 2px 1.2rem !important;
  font-size: 13px !important;
}
.rtl .CustomStyleTheme .ngx-datatable .mat-input-element,
.rtl .CustomStyleTheme .ngx-datatable .ng-star-inserted {
  font-size: 14px !important;
}
.rtl .CustomStyleTheme .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  font-size: 13px !important;
}
.rtl .CustomStyleTheme .card-block {
  padding: 7px 10px 0 10px;
}
.rtl .CustomStyleTheme .datatable-footer-inner {
  height: 35px !important;
}
.rtl .CustomStyleTheme .datatable-footer .page-count {
  height: 35px;
  line-height: 35px;
}
.rtl .CustomStyleTheme .search-top {
  margin-bottom: 0px;
}
.rtl .CustomStyleTheme .search-top .mat-form-field-infix {
  border-top: 4px solid transparent;
}
.rtl .CustomStyleTheme .search-top .mat-form-field-label-wrapper {
  top: -9px;
}
.rtl .CustomStyleTheme .search-top .mat-form-field-wrapper {
  margin-bottom: 0px;
}
.rtl .CustomStyleTheme .search-top .btn {
  margin-top: 5px;
}
.rtl #pills-profile {
  margin: 0 -10px;
  padding: 0px 0 15px 0;
  background: #e9e9e9;
}
.rtl .filter-box {
  padding: 8px 15px 7px 15px !important;
}
.rtl .filter-box .sub-title {
  margin: 0;
  border: none;
  padding: 0;
}
.rtl .showCompany {
  max-height: 400px;
  overflow-y: scroll;
}
.rtl .showCompany::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.rtl .showCompany::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.rtl .showCompany::-webkit-scrollbar-thumb {
  background-color: #202020;
}
.rtl #un-balanced-jvs .ngx-datatable .datatable-body-cell,
.rtl #un-balanced-jvs .ngx-datatable .datatable-header-cell {
  overflow-x: inherit !important;
  padding: 8px;
}
.rtl .customerpopup .datatable-header-cell {
  width: 22% !important;
}
.rtl .customerpopup .datatable-header-cell:first-child {
  width: 10% !important;
}
.rtl .customerpopup .datatable-body-cell {
  width: 22% !important;
}
.rtl .customerpopup .datatable-body-cell:first-child {
  width: 10% !important;
}
.rtl #item-filter {
  max-width: 1920px;
  margin: auto;
}
.rtl .footerlink {
  font-size: 14px;
  margin-top: 4%;
  color: #000;
}
.rtl .footerlink a {
  font-size: 14px;
  color: #000;
  margin-right: 40px;
}
.rtl .login-content-inner .mat-form-field-appearance-legacy .mat-form-field-label {
  font-size: 11px !important;
  margin-bottom: 0 !important;
  top: 21px;
}
.rtl .login-content-inner .remember-me {
  margin-top: -5px;
  width: 100%;
}
.rtl .login-content-inner label {
  font-size: 12px;
}
.rtl .login-content-inner a {
  font-size: 12px;
}
.rtl .login-content-inner .error-msg {
  top: -38px;
}
.rtl .login-bg {
  background: url(/../../assets/images/bg-algo.svg) no-repeat 25% 51%;
  background-color: #F9F5EC;
  background-size: 86%;
  width: 100%;
  height: inherit !important;
  min-height: 100vh;
  padding-bottom: 2%;
  padding-top: 5%;
}
.rtl .login-bg .login-form {
  max-width: 360px !important;
}
.rtl .login-bg .login-form .mat-form-field-wrapper {
  margin-bottom: 18px !important;
}
.rtl .login-bg .login-form .mat-icon {
  width: 36px;
}
.rtl .login-bg .login-form .mat-icon img {
  left: 5px;
  margin-left: 10px;
}
.rtl .login-bg .login-form .mat-form-field-infix {
  left: 15px;
  padding: 0.5em 0 0.9em 0;
}
.rtl .login-bg .login-form h1 {
  font-size: 30px !important;
}
.rtl .login-bg .login-form p {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 40px;
  width: 102%;
}
.rtl .login-bg .login-form .mat-form-field-prefix .mat-icon {
  height: inherit;
}
.rtl .labelstyle {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.rtl .logo-algp {
  margin-bottom: 50px;
}
.rtl .logo-algp img {
  max-width: 183px;
}
.rtl .SPS-theme {
  height: 100vh;
  position: relative;
}
.rtl .SPS-theme .selected-list .c-btn {
  color: #7A7A7A !important;
}
.rtl .SPS-theme .mat-form-field-wrapper {
  margin-top: 0 !important;
}
.rtl .SPS-theme .internationalization {
  width: 97%;
  top: 0;
  position: absolute;
}
.rtl .SPS-theme .internationalization #dropdownMenuButton {
  color: #ffffff !important;
  background: #FE6D52;
  width: 32px;
  padding: 0;
  height: 38px;
  text-align: center;
  line-height: 38px;
}
.rtl .SPS-theme .internationalization .dropdown-content {
  left: -111px !important;
}
.rtl .SPS-theme .login-wrap {
  width: 100%;
  box-shadow: 0px 1px 13px rgba(0, 0, 0, 0.1607843137);
  max-width: 600px;
  border: 1px solid #ffc4a9;
  padding-top: 75px;
  padding-bottom: 20px;
  background-color: #fff;
  position: relative;
  /* left: 50%; */
  /* position: absolute; */
  border-radius: 20px;
  /* top: 50%; */
  /* transform: translate(-50%, -50%); */
  margin: auto;
}
.rtl .SPS-theme .login-wrap .login-content {
  text-align: left;
  padding-bottom: 30px;
}
.rtl .SPS-theme .login-wrap .btn-dark {
  font-weight: 500;
  background-color: #000;
  border-radius: 30px !important;
}
.rtl .SPS-theme .login-wrap .btn-dark i {
  position: relative;
  right: -15px;
}
.rtl .SPS-theme .login-wrap .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.rtl .SPS-theme .login-wrap .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-0.95em) scale(1) perspective(100px) translateZ(4.001px);
  top: 16px;
}
.rtl .SPS-theme .login-wrap .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label span,
.rtl .SPS-theme .login-wrap .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label span {
  font-size: 13px !important;
  color: #000 !important;
  text-shadow: 0 0 BLACK;
  font-weight: 300;
}
.rtl .SPS-theme .login-wrap .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label label,
.rtl .SPS-theme .login-wrap .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label label {
  font-size: 13px !important;
  color: #000 !important;
  text-shadow: 0 0 BLACK;
  font-weight: 300;
}
.rtl .SPS-theme .logoWhite {
  position: relative;
  top: -120px;
  max-width: 183px;
  left: 33%;
}
.rtl .sideBar .pcoded-inner-navbar.main-menu {
  background-color: #f6f0e1 !important;
  border-right: 1px solid #fff;
}
.rtl .sideBar .menu-top-menu-container ul li.active ul li {
  background-color: #f6f0e1 !important;
}
.rtl .sideBar .menu-top-menu-container ul li.active ul li.active a {
  color: var(--main-color-hover) !important;
  background: #303030;
  width: auto;
}
.rtl .sideBar .menu-top-menu-container ul li.active ul li:hover a {
  background-color: #f6f0e1 !important;
  color: #000;
}
.rtl .sideBar .menu-top-menu-container ul li:hover a {
  color: var(--main-color-hover) !important;
}
.rtl .sideBar .menu-top-menu-container ul li a {
  color: #303030;
  font-weight: 500;
  margin: 0 10px;
  font-size: 14px;
  padding: 10px 15px;
  display: flex;
  margin-bottom: 5px;
  align-items: center;
  text-shadow: 0 0 #303030;
  border-radius: 5px;
}
.rtl .sideBar .menu-top-menu-container ul ul {
  margin-left: 25px;
  margin-top: 5px;
}
.rtl .sideBar .menu-top-menu-container ul ul li:hover a {
  color: #000 !important;
}
.rtl .sideBar .menu-top-menu-container i {
  color: var(--main-color-hover);
  width: 25px;
  font-size: 20px;
  display: inline-block;
  margin-right: 15px;
  text-align: left;
}
.rtl .profileBox {
  background-color: #f6eee2;
  margin: 0px;
  padding: 88px 0px 140px 50px;
}
.rtl .profileBox.userProfile {
  padding-bottom: 0px;
  padding-top: 60px;
  border-radius: 5px;
}
.rtl .profileBox.userProfile .profile-img {
  top: -110px;
  max-width: auto;
}
.rtl .profileBox h2 {
  font-size: 32px;
}
.rtl .profileBox .btn {
  border-radius: 5px;
  text-transform: capitalize;
  width: 100%;
  padding: 8px 0;
  margin-right: 10px;
  font-size: 14px;
  max-width: 140px;
  text-shadow: 0 0 #000;
}
.rtl .profileBox .btn.btn-danger {
  background-color: var(--main-color-hover);
}
.rtl .profileBox .btn:hover {
  color: #000 !important;
}
.rtl .profileBox .btn:hover i {
  color: #fff;
}
.rtl .profileBox .btn i {
  color: var(--main-color-hover);
  margin-right: 0;
  position: relative;
  left: -5px;
  font-size: 18px;
}
.rtl .profileBox .btn-outline-danger {
  background-color: #fff !important;
  color: #000;
  border: 1px solid var(--main-color-hover);
  text-transform: capitalize;
}
.rtl .profileBox .btn-outline-danger:hover {
  background-color: var(--main-color-hover) !important;
}
.rtl .pcoded-inner-content {
  background-color: #fff;
}
.rtl .profileDetails span.badge {
  font-size: 12px;
  background-color: #626362;
  font-weight: 500;
  padding: 4px 10px;
}
.rtl .profileDetails .company-name h4 span {
  font-weight: 400;
}
.rtl .compnay-details {
  border: 1px solid #CACACA;
  border-radius: 10px;
}
.rtl .compnay-details .page-header {
  background-color: #14191A;
  padding: 20px 20px;
  margin-bottom: 0;
  border-radius: 10px 10px 0 0;
  color: #fff;
}
.rtl .compnay-details .page-header h6 {
  font-weight: 500 !important;
}
.rtl .compnay-details .page-header h6 i {
  color: var(--main-color-hover);
}
.rtl .compnay-details .page-header .btn-lite {
  background-color: #fff;
  color: #000000;
  padding: 7px 50px;
}
.rtl .compnay-details .card {
  border: none;
}
.rtl .compnay-details .footer-profile {
  border: none;
  background-color: #FAFAFA;
  border-radius: 0 0 10px 10px;
  border-top: 1px solid #CACACA !important;
}
.rtl .user_profile {
  position: relative;
  margin-bottom: 100px !important;
}
.rtl .user_profile .profile-img {
  border-left-color: #EBEEF2 !important;
  width: 190px;
  position: absolute;
  top: -142px;
  height: 190px;
  padding: 15px;
  border-radius: 100%;
}
.rtl .user_profile .profile-img img {
  width: 180px;
  border-radius: 40px;
  height: 180px;
  position: relative;
  top: -2px;
  left: -3px;
}
.rtl .user_profile .profileDetails {
  position: relative;
  top: 75px;
}
.rtl .mat-form-field-infix {
  border-top: 0.64375em solid transparent;
  padding: 0.9em 0 0.9em 0;
}
.rtl .mat-form-field-infix.mat-form-field-appearance-outline {
  padding: 0.5em 0 0.7em 0;
}
.rtl .mat-ink-bar {
  background-color: #fe6d52 !important;
}
.rtl #mobile-collapse {
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 10px;
}
.rtl .multi-select-margin {
  border: 1px solid #ddd;
  padding: 1px 8px;
  top: 0px;
  border-radius: 5px;
  min-height: 49px;
}
.rtl .multi-select-margin.selectDisable {
  background-color: #f8f8f8;
}
.rtl .multi-select-margin.selectDisable label {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.56);
}
.rtl .multi-select-margin.selectDisable .selected-list .c-btn {
  color: rgba(0, 0, 0, 0.56) !important;
}
.rtl .multi-select-margin .selected-list .c-btn {
  border-bottom: 0 !important;
  color: #7A7A7A !important;
}
.rtl .searchBox .mat-form-field-infix i {
  position: absolute;
  right: 0;
}
.rtl .header-navbar .navbar-wrapper .navbar-container .header-notification:hover .show-notification,
.rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top:hover .show-notification,
.rtl .header-navbar .navbar-wrapper .navbar-container .header-notification:hover .profile-notification,
.rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top:hover .profile-notification {
  border-top: 13px solid #14191a;
}
.rtl .mat-calendar-body-cell-container button:focus {
  outline: none;
}
.rtl .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CACACA;
}
.rtl .mat-form-field.mat-focused {
  color: #000;
}
.rtl .mat-form-field-appearance-outline .mat-form-field-outline-thick.mat-focused {
  color: #000;
}
.rtl .SPS-Theme {
  /* Font color */
  background-color: #fff;
}
.rtl .SPS-Theme .quickShop {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  flex: 98%;
  max-width: 98%;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.rtl .SPS-Theme .quickShop::-webkit-scrollbar {
  width: 10px;
}
.rtl .SPS-Theme .quickShop::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.rtl .SPS-Theme .quickShop::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 10px;
}
.rtl .SPS-Theme .quickShop::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.rtl .SPS-Theme .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CACACA;
}
.rtl .SPS-Theme h1 {
  font-size: 36px !important;
}
.rtl .SPS-Theme .mat-form-field.mat-focused {
  color: #000;
}
.rtl .SPS-Theme .mat-form-field-appearance-outline .mat-form-field-outline-thick.mat-focused {
  color: #000;
}
.rtl .SPS-Theme .customSelect .mat-form-field-infix {
  padding-top: 5px !important;
}
.rtl .SPS-Theme .customSelect .mat-form-field-infix .material-symbols-outlined {
  position: relative;
  top: 5px;
}
.rtl .SPS-Theme.Quotation-page .pageheader {
  margin: -39px -50px -150px -37px;
  padding: 48px 50px 75px 50px;
}
.rtl .SPS-Theme.Quotation-page h1 {
  margin-bottom: 0;
}
.rtl .SPS-Theme .mat-form-field-label {
  color: #000;
}
.rtl .SPS-Theme .mat-form-field {
  text-transform: capitalize;
  color: #7A7A7A;
}
.rtl .SPS-Theme .right-side {
  border-radius: 15px;
  padding: 0px 15px 10px 15px;
  position: relative;
}
.rtl .SPS-Theme .right-side .panel-overlay {
  position: absolute;
  height: 102%;
  min-height: 600px;
  z-index: 1000;
}
.rtl .SPS-Theme .right-side .panel-overlay::after {
  width: 102% !important;
  height: 115% !important;
}
.rtl .SPS-Theme .right-side .show-list {
  overflow-y: auto;
  height: 600px;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow-x: hidden;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.rtl .SPS-Theme .right-side .show-list::-webkit-scrollbar {
  width: 10px;
}
.rtl .SPS-Theme .right-side .show-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.rtl .SPS-Theme .right-side .show-list::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 10px;
}
.rtl .SPS-Theme .right-side .show-list::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.rtl .SPS-Theme .filterBar {
  border: 1px solid #CACACA;
  border-radius: 10px;
}
.rtl .SPS-Theme .filterBar .filter-Header {
  background-color: #000000;
  border-radius: 5px 5px 0 0;
  padding: 12px 15px 12px 15px;
}
.rtl .SPS-Theme .filterBar .filter-Header h5 {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px !important;
  font-weight: 500 !important;
}
.rtl .SPS-Theme .filterBar .filter-Header h5 i {
  color: var(--main-color-hover);
  margin-right: 10px;
}
.rtl .SPS-Theme .filterBar .filter-search {
  padding: 8px 15px 8px 15px;
  background-color: #F2F2F2;
}
.rtl .SPS-Theme .filterBar .filter-search .mat-form-field-wrapper {
  margin-bottom: 0;
  padding-bottom: 0;
}
.rtl .SPS-Theme .filterBar .searchBox .mat-form-field-subscript-wrapper {
  display: none;
}
.rtl .SPS-Theme .filterBar .searchBox .mat-form-field-outline {
  background-color: #fff;
  border-radius: 5px;
}
.rtl .SPS-Theme .filterBar .searchBox mat-label {
  text-transform: capitalize;
}
.rtl .SPS-Theme .filterBar .searchBox .mat-form-field-prefix {
  background: #F9FAFB;
  margin: 0px;
  padding: 11px 7px;
  position: relative;
  left: -10px;
  border-radius: 5px 0px 0px 5px;
}
.rtl .SPS-Theme .filterBar .searchBox .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CED4DA;
}
.rtl .SPS-Theme .filterBar .searchBox input.mat-input-element {
  color: #64748B;
}
.rtl .SPS-Theme .filterBar .accordion .card {
  border: none;
  margin-bottom: 5px;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-header .collapsed .fa {
  transform: rotate(180deg);
}
.rtl .SPS-Theme .filterBar .accordion .card .card-header {
  color: #000;
  padding: 0px 0;
  border: none;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-header .btn-link {
  color: #000000;
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 15px;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-header .btn-link i {
  float: right;
  font-size: 16px;
  margin-top: 3px;
  font-weight: 500;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-body {
  padding-top: 0;
  max-height: 300px;
  overflow-y: auto;
  width: 95%;
  margin-bottom: 0px;
  overflow-x: hidden;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.rtl .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox-layout {
  white-space: inherit;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox-layout .mat-checkbox-inner-container {
  margin-top: 4px;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar {
  width: 5px;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 5px;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 5px;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.rtl .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox.mat-accent .mdc-checkbox--selected ~ .mdc-checkbox__ripple {
  background-color: #000;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.rtl .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.rtl .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  background-color: #000;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-body .mdc-checkbox__background {
  background-color: #000000;
  border-color: #000;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-body .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #fff;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox label {
  color: #000;
  margin-bottom: 0;
  font-size: 14px;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox-layout {
  color: #000;
  font-size: 17px;
  margin-top: 10px;
}
.rtl .SPS-Theme .filterBar .accordion .ngx-slider .ngx-slider-pointer {
  background-color: #505050;
  width: 26px;
  height: 26px;
}
.rtl .SPS-Theme .filterBar .accordion .ngx-slider .ngx-slider-selection {
  background-color: #505050;
}
.rtl .SPS-Theme .filterBar .accordion .ngx-slider .ngx-slider-bubble {
  color: #000;
  font-weight: 600;
  font-size: 13px;
}
.rtl .SPS-Theme .filterBar .accordion .ngx-slider .ngx-slider-pointer:after {
  background-color: #505050;
}
.rtl .SPS-Theme .shippingBar {
  margin: 20px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px 15px;
  width: 100%;
  border-radius: 5px;
  text-align: center;
}
.rtl .SPS-Theme .shippingBar .card-header {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.rtl .SPS-Theme .shippingBar .card-header:after {
  font-family: "FontAwesome";
  content: "\f077";
  margin-right: 15px;
}
.rtl .SPS-Theme .shippingBar .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f078";
}
.rtl .SPS-Theme .shippingBar i {
  color: var(--main-color-hover);
}
.rtl .SPS-Theme .card-bg {
  background-color: #fff;
  border: 1px solid #ccc !important;
  border-radius: 5px;
}
.rtl .SPS-Theme .dataPicker .mat-icon-button {
  position: absolute;
  top: 0;
  right: 0px;
}
.rtl .SPS-Theme .btnStatus {
  justify-content: space-between;
  display: inline-flex;
}
.rtl .SPS-Theme .text-success {
  color: #52C93F !important;
  font-size: 12px;
}
.rtl .SPS-Theme .text-danger {
  color: #FF0000 !important;
  font-size: 12px;
}
.rtl .SPS-Theme .pageheader {
  background-color: #f6eee2;
  margin: -111px -50px -132px -59px;
  padding: 89px 45px 141px 44px;
}
.rtl .SPS-Theme .pageheader h1 {
  font-size: 40px;
  margin-top: 13px;
  padding-left: 15px;
  font-weight: 500;
}
.rtl .SPS-Theme .pageheader .searchBox .mat--mdc-form-field-outline {
  background-color: #fff;
  border-radius: 5px;
}
.rtl .SPS-Theme .pageheader .searchBox mat-label {
  text-transform: capitalize;
}
.rtl .SPS-Theme .pageheader .searchBox .mat-form-field-prefix {
  background: #F9FAFB;
  margin: 0px;
  padding: 11px 7px;
  position: relative;
  left: -10px;
  border-radius: 5px 0px 0px 5px;
}
.rtl .SPS-Theme .pageheader .searchBox .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CED4DA;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.rtl .SPS-Theme .pageheader .searchBox input.mat-input-element {
  color: #64748B;
}
.rtl .SPS-Theme .row-equalHeight {
  display: flex;
  flex-wrap: wrap;
}
.rtl .SPS-Theme .hideTableFooter .datatable-footer {
  display: none;
}
.rtl .SPS-Theme .hideTableFooter .page-count {
  display: none !important;
}
.rtl .SPS-Theme .statusBox {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  height: 100%;
  box-shadow: 0px 4px 5px 1px #ededed;
  padding: 9px 4% 7px 4%;
  cursor: pointer;
  overflow: hidden;
  transition: 0.4s ease;
}
.rtl .SPS-Theme .statusBox.dueDate {
  background: #f7cfcf;
}
.rtl .SPS-Theme .statusBox .apexcharts-canvas {
  margin-top: -15px;
}
.rtl .SPS-Theme .statusBox.active {
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  color: var(--main-color-hover);
  transform: scale(1.06);
}
.rtl .SPS-Theme .statusBox.chart-status {
  padding: 0;
  padding-bottom: 20px;
}
.rtl .SPS-Theme .statusBox.chart-status h5 {
  background-color: #303030;
  padding: 11px 15px;
  margin-bottom: 20px;
  color: #fff;
  border-radius: 5px 5px 0 0;
}
.rtl .SPS-Theme .statusBox.reportstatus {
  padding: 15px 2% 20px 2%;
  height: 100%;
}
.rtl .SPS-Theme .statusBox.reportstatus h3 {
  font-size: 40px;
  margin-top: 10px;
}
.rtl .SPS-Theme .statusBox.reportstatus p {
  margin-top: 20px;
}
.rtl .SPS-Theme .statusBox mat-label {
  text-transform: capitalize;
  color: #000;
}
.rtl .SPS-Theme .statusBox .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CED4DA;
}
.rtl .SPS-Theme .statusBox input.mat-input-element {
  color: #64748B;
}
.rtl .SPS-Theme .statusBox h2 {
  position: relative;
  font-size: 14px;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
}
.rtl .SPS-Theme .statusBox h2 a {
  font-size: 9px;
  color: #292D32;
  opacity: 0.5;
  float: right;
  margin-top: 10px;
}
.rtl .SPS-Theme .statusBox h3 {
  font-size: 32px;
  font-weight: 700 !important;
  color: var(--main-color-hover);
  margin: 3px 0 7px 0;
}
.rtl .SPS-Theme .statusBox p {
  margin-bottom: 0;
  border-top: 1px solid #d6d6d6;
  padding-top: 8px;
  color: #292D32;
  margin-top: -30px;
  font-size: 12px;
  font-weight: 500;
  position: relative;
  background: #fff;
  z-index: 1;
  width: 98%;
}
.rtl .SPS-Theme .statusBox p span {
  font-weight: 600;
}
.rtl .SPS-Theme .statusBox p .text-success {
  color: #00AC4F !important;
}
.rtl .SPS-Theme .statusBox p .text-danger {
  color: #EC0202 !important;
}
.rtl .SPS-Theme .statusBox .chartStatus {
  min-height: 50px;
}
.rtl .SPS-Theme .statusBox .chartStatus img {
  min-height: 50px;
}
.rtl .SPS-Theme .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  font-size: 14px !important;
  display: inline-flex;
  align-items: center;
  padding: 8px;
  white-space: break-spaces;
  color: #000;
  text-shadow: 0 0 #000;
  letter-spacing: 1px;
}
.rtl .SPS-Theme .ngx-datatable .datatable-header .datatable-header-cell {
  padding: 8px;
}
.rtl .SPS-Theme .datatable-checkbox {
  margin-top: 17px !important;
}
.rtl .SPS-Theme .ngx-datatable.material {
  border-radius: 5px;
  border-color: #CACACA;
}
.rtl .SPS-Theme .ngx-datatable .datatable-header {
  height: inherit !important;
}
.rtl .SPS-Theme .ngx-datatable .datatable-header .datatable-checkbox {
  margin-top: 7px !important;
}
.rtl .SPS-Theme .ngx-datatable .datatable-body .datatable-body-row > div {
  border-top: 1px solid #CACACA;
}
.rtl .SPS-Theme .ngx-datatable .datatable-header {
  padding: 2px 0;
}
.rtl .SPS-Theme .datatable-checkbox input[type=checkbox]:checked:before {
  content: "\f00c";
  font-family: "FontAwesome";
  transform: inherit;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
  text-align: center;
  line-height: 18px;
}
.rtl .SPS-Theme .datatable-checkbox input[type=checkbox]:before {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  right: 0;
  border-radius: 4px;
  z-index: 1;
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #BBBBBB;
}
.rtl .SPS-Theme .datatable-checkbox input[type=checkbox]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2rem;
  border-radius: 4px;
  height: 1.2rem;
  cursor: pointer;
  border: 1px solid transparent !important;
}
.rtl .SPS-Theme .ngx-datatable .datatable-footer .datatable-pager {
  text-align: left;
}
.rtl .SPS-Theme .ngx-datatable .datatable-footer .datatable-pager a {
  height: 30px;
  width: 30px;
  line-height: 28px;
}
.rtl .SPS-Theme .ngx-datatable .datatable-footer .datatable-pager a i {
  line-height: 35px;
}
.rtl .SPS-Theme .ngx-datatable .datatable-footer .datatable-pager li.active a {
  font-weight: normal;
  border: 1px solid #ddd;
  background-color: #fff;
}
.rtl .SPS-Theme .ngx-datatable.material .datatable-footer {
  background-color: #FAFAFA;
  padding: 0;
  font-size: 14px;
}
.rtl .SPS-Theme .ngx-datatable.material .datatable-footer .page-count {
  color: #1E293B;
}
.rtl .SPS-Theme .sortBy .mat-form-field {
  width: auto;
  margin: 0 5px;
}
.rtl .SPS-Theme .productList {
  border: 1px solid #CACACA;
  border-radius: 5px;
  transition: 0.4s ease;
  margin-top: 10px;
  margin-bottom: 10px;
}
.rtl .SPS-Theme .productList:hover {
  box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.16);
  transform: scale(1.02);
  cursor: pointer;
}
.rtl .SPS-Theme .productList .product-img {
  height: 175px;
  position: relative;
  text-align: center;
  transition: transform 0.2s;
}
.rtl .SPS-Theme .productList .product-img .badge {
  position: absolute;
  bottom: 0px;
  left: 0;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  background-color: #fcbfb3;
  color: #780909;
  border-radius: 0;
  padding: 6px 0;
}
.rtl .SPS-Theme .productList .product-img .icon-top {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  font-size: 18px;
}
.rtl .SPS-Theme .productList .product-img .icon-bottom {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 18px;
}
.rtl .SPS-Theme .productList .product-img img {
  width: auto;
  max-width: 100%;
  height: 100%;
  margin: auto;
}
.rtl .SPS-Theme .productList .productDetails {
  border-top: 1px solid #CACACA;
  padding: 10px;
  min-height: 110px;
  position: relative;
}
.rtl .SPS-Theme .productList .productDetails h6 {
  font-size: 14px !important;
  width: 98%;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.rtl .SPS-Theme .productList .productDetails .bottom-list {
  bottom: 10px;
  width: 100%;
}
.rtl .SPS-Theme .productList .productDetails .bottom-list .btn {
  background-color: var(--side-bar);
  width: 28px;
  color: #fff;
  height: 28px;
  padding: 0 !important;
  font-size: 18px;
}
.rtl .SPS-Theme .productList .productDetails .bottom-list .btn:hover {
  background-color: var(--main-color-hover);
}
.rtl .SPS-Theme .productList .productDetails .bottom-list .btn:focus {
  border-color: var(--side-bar);
  box-shadow: none;
}
.rtl .SPS-Theme .productList .productDetails .bottom-list .btn-sm {
  border-radius: 5px !important;
}
.rtl .SPS-Theme .productList .productDetails .number .minus,
.rtl .SPS-Theme .productList .productDetails .number .plus {
  width: 28px;
  height: 28px;
  background: var(--side-bar);
  border-radius: 25px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 21px;
  outline: none;
  line-height: 28px;
  cursor: pointer;
}
.rtl .SPS-Theme .productList .productDetails .number .minus:focus,
.rtl .SPS-Theme .productList .productDetails .number .plus:focus {
  outline: none;
}
.rtl .SPS-Theme .productList .productDetails .number .minus:disabled,
.rtl .SPS-Theme .productList .productDetails .number .plus:disabled {
  opacity: 0.2;
}
.rtl .SPS-Theme .productList .productDetails .number input {
  height: 32px;
  width: 50px;
  text-align: center;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  border: none;
  display: inline-block;
  vertical-align: middle;
}
.rtl .SPS-Theme .listView .productList {
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
}
.rtl .SPS-Theme .listView .productList:hover {
  transform: scale(1.012);
}
.rtl .SPS-Theme .listView .productList .product-img {
  width: 10%;
  float: left;
  border: 1px solid #ddd;
  margin: 10px;
  min-height: 120px;
  height: 120px;
}
.rtl .SPS-Theme .listView .productList .productDetails {
  width: 88%;
  float: left;
  margin-top: 15px;
  border-top: none;
  min-height: 110px;
}
.rtl .SPS-Theme .listView .productList .productDetails .col-md-8 {
  flex: 0 0 99.333333%;
  max-width: 99.333333%;
}
.rtl .SPS-Theme .listView .productList .productDetails .col-md-8 h6 {
  font-size: 24px !important;
  min-height: inherit;
  line-height: 0;
}
.rtl .SPS-Theme .listView .productList .productDetails .col-md-8 span {
  display: inline-block;
  width: 100%;
  right: 0px;
  top: -12px;
  position: relative;
  font-weight: 600;
  font-size: 18px;
  text-align: right;
}
.rtl .SPS-Theme .listView .productList .productDetails .col-md-4.text-right {
  flex: 0 0 99.333333%;
  max-width: 99.333333%;
  text-align: left !important;
  font-size: 14px;
  position: relative;
  left: -5px;
  top: -19px;
}
.rtl .SPS-Theme .listView .productList .productDetails .bottom-list {
  border-top: 1px solid #CACACA;
  padding-top: 5px;
  bottom: -8px;
}
.rtl .SPS-Theme .RowsView {
  border: none;
  margin: 0;
}
.rtl .SPS-Theme .RowsView:hover {
  box-shadow: none;
  transform: none;
}
.rtl .SPS-Theme .RowsView .productDetails {
  min-height: inherit;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.rtl .SPS-Theme .RowsView .productDetails tr td {
  word-break: break-all;
  width: 15%;
}
.rtl .SPS-Theme .RowsView .productDetails tr td:first-child {
  width: 200px;
}
.rtl .SPS-Theme .RowsView .productDetails tr td:nth-child(2) {
  width: 400px;
}
.rtl .SPS-Theme .RowsView .productDetails .number {
  width: 120px;
  display: inline-block;
}
.rtl .SPS-Theme .RowsView .productDetails .btn-sm {
  background-color: var(--main-color-hover);
  width: 28px;
  color: #fff;
  height: 28px;
  margin-right: 10px;
  padding: 0 !important;
  font-size: 18px;
}
.rtl .SPS-Theme .tabelBox {
  border: 1px solid #ddd;
  border-radius: 5px;
}
.rtl .SPS-Theme .tabelBox tbody {
  border-left: 0px;
  border-right: 0px;
}
.rtl table tr td .btn-sm {
  border-radius: 6px !important;
  padding: 2px 5px;
}
.rtl .custom-table tr td {
  vertical-align: middle;
}
.rtl .custom-table tbody {
  border: 1px solid #CACACA;
  border-radius: 10px;
  position: relative;
  top: -3px;
}
.rtl .custom-thead th {
  border: none;
  padding: 10px !important;
}
.rtl .custom-thead th:first-child {
  border-radius: 5px 0px 0px 5px;
}
.rtl .custom-thead th:last-child {
  border-radius: 0px 5px 5px 0px;
}
.rtl .user-profile img.rounded-circle {
  margin-top: -7px;
}
.rtl .header-navbar {
  padding-top: 0px;
  background-color: #14191A !important;
  border-bottom: 2px solid var(--main-color-hover);
}
.rtl .pcoded-main-container {
  margin-top: 18px !important;
}
.rtl .header-navbar .navbar-wrapper .navbar-logo a {
  position: relative;
  left: 0px;
}
.rtl .mobile-menu i.ti-menu {
  font-size: 30px;
  position: relative;
  top: -6px;
  color: var(--main-color-hover);
}
.rtl .iconBrd {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.rtl .iconColor {
  color: var(--main-color-hover);
}
.rtl .btn-outline-dark {
  border-color: #CACACA;
}
.rtl label.w-120 {
  margin-top: 7px !important;
  height: 44px;
}
.rtl .w-120 {
  min-width: 125px;
  margin-left: 5px;
}
.rtl .w-120 img {
  position: relative;
  left: -10px;
}
.rtl .btn-orange {
  background-color: var(--main-color-hover);
  color: #fff;
  border: 1px solid var(--main-color-hover);
}
.rtl .btn-orange.btn-active {
  background-color: #fff;
  color: var(--main-color-hover);
}
.rtl .btn-orange.btn-active:focus {
  background-color: #fff;
  color: var(--main-color-hover);
}
.rtl .btn-orange:hover {
  background-color: #fff;
  color: var(--main-color-hover);
}
.rtl .btn-orange:focus {
  background-color: #fff;
  color: var(--main-color-hover);
}
.rtl .featur-Modal h1 {
  font-size: 28px !important;
}
.rtl .featur-Modal .badge {
  border-radius: 5px !important;
}
.rtl .featur-Modal .carousel-inner {
  position: relative;
  width: 80%;
  overflow: hidden;
  left: 40px;
}
.rtl .featur-Modal .carousel-control-prev-icon {
  left: 75px;
  position: relative;
}
.rtl .featur-Modal .carousel-control-next-icon,
.rtl .featur-Modal .carousel-control-prev-icon {
  background-color: #000000;
}
.rtl .featur-Modal .carousel-indicators {
  width: 90px;
  margin-left: 0;
  background: #fff;
  top: 0px;
}
.rtl .featur-Modal .carousel-indicators li {
  width: 70px !important;
  height: 70px;
  border: 1px solid #b3b3b3;
  margin: 0;
  border-radius: 5px;
  text-indent: inherit !important;
}
.rtl .featur-Modal .card-header .title {
  font-size: 14px;
  color: #000;
  margin: 0;
}
.rtl .featur-Modal .card-header .accicon {
  float: right;
  font-size: 20px;
  width: 1.2em;
  position: absolute;
  right: 0;
  top: 11px;
}
.rtl .featur-Modal .card-header {
  cursor: pointer;
  border-bottom: none;
  border-top: none;
  padding: 6px 0 !important;
  font-weight: 500;
  border-radius: 0;
}
.rtl .featur-Modal .card {
  margin-bottom: 0;
  background: #f9f9f9;
  padding: 8px 10px;
  margin-bottom: 5px;
  border: 1px solid #ddd !important;
  border-radius: 5px !important;
  box-shadow: none;
}
.rtl .featur-Modal .card-body {
  border-top: 1px solid #ddd;
  border: none;
  padding: 0;
}
.rtl .featur-Modal .card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}
.rtl .featur-Modal .number .minus,
.rtl .featur-Modal .number .plus {
  width: 28px;
  height: 28px;
  background: var(--main-color-hover);
  border-radius: 4px 0px 0px 4px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 21px;
  line-height: 28px;
  cursor: pointer;
}
.rtl .featur-Modal .number .plus {
  border-radius: 0px 4px 4px 0px;
}
.rtl .featur-Modal .number input {
  height: 28px;
  width: 30px;
  border-color: #1E293B;
  text-align: center;
  font-size: 16px;
  border: 1px solid #ddd;
  color: #000;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
}
.rtl .featur-Modal .categorylist li {
  display: inline-block;
}
.rtl .featur-Modal .categorylist li::before {
  content: "\f105";
  font-family: "FontAwesome";
  float: right;
  margin: 0px 8px;
}
.rtl .featur-Modal .categorylist li:last-child::before {
  display: none;
}
.rtl .featur-Modal .categorylist li:last-child a {
  font-weight: 600;
}
.rtl .featur-Modal .categorylist li a {
  font-size: 14px;
  color: #000;
}
.rtl .featur-Modal .close {
  position: absolute;
  right: 28px;
  top: 28px;
  background-color: #76716e;
  /* background: #000; */
  width: 40px;
  height: 40px;
  border-radius: 100%;
  color: #ffffff;
  padding: 0;
  text-shadow: 0 0 #000;
  font-size: 34px;
  font-weight: 200;
}
.rtl .mat-tab-label-active {
  background: #000;
  color: #fff;
  opacity: 1;
  border-radius: 5px;
}
.rtl .mat-tab-body-content {
  overflow: hidden;
}
.rtl .btn-sm {
  font-size: 14px;
  border-radius: 5px !important;
}
@media (min-width: 1500px) and (max-width: 3000px) {
  .rtl .right-side .show-list .col-xl-3 {
    flex: 0 0 20%;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 20%;
  }
}
@media screen and (max-width: 1630px) {
  .rtl .SPS-Theme .ngx-datatable.material {
    width: 1500px;
  }
  .rtl .SPS-Theme .statusBox.reportstatus h3 {
    font-size: 2.5vw;
    margin-top: 10px;
  }
  .rtl .SPS-Theme .statusBox.reportstatus h2 {
    font-size: 1.2vw;
  }
  .rtl .login-bg {
    position: relative;
    height: 100%;
    padding-bottom: 0%;
  }
  .rtl .login-bg .login-wrap {
    margin: auto;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 4%;
    margin: auto;
    width: 92%;
    transform: inherit;
    top: 0;
  }
  .rtl .login-bg .login-wrap .login-content {
    padding: 25px;
  }
}
.rtl .pcoded-content,
.rtl .pcoded-wrapper {
  transition: all 0.55s;
}
.rtl .right-col {
  color: #000 !important;
  background: #edeaea !important;
}
.rtl .filter-section {
  overflow-y: auto;
  max-height: 700px;
  padding-top: 10px;
  padding-bottom: 40px;
  height: 70vh;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.rtl .filter-section::-webkit-scrollbar {
  width: 10px;
}
.rtl .filter-section::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.rtl .filter-section::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 10px;
}
.rtl .filter-section::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.rtl .filter-section .mat-form-field-wrapper {
  padding-bottom: 0;
}
.rtl .filter-section .mat-form-field-infix {
  height: 44px;
  border-top: 4px solid transparent;
}
.rtl .c-btn > span {
  font-weight: 400;
  color: #7a7a7a;
}
.rtl .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  background: #f8f8f8;
}
.rtl .mat-input-element:disabled,
.rtl .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.56);
}
.rtl .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.56);
}
.rtl .dropdown-list .arrow-down + .list-area .lazyContainer {
  min-height: 300px;
}
.rtl .swal2-styled {
  border-radius: 6px !important;
  min-width: 120px;
  font-size: 15px;
  text-transform: capitalize;
}
.rtl table td {
  vertical-align: middle;
}
.rtl .swal2-confirm {
  background-color: var(--btnInfo) !important;
  border: 1px solid var(--btnInfo) !important;
}
.rtl .swal2-confirm:hover {
  background-color: #fff !important;
  color: var(--btnInfo) !important;
  background-image: none !important;
  border-color: var(--btnInfo) !important;
}
.rtl .swal2-cancel {
  background-color: var(--btnDanger) !important;
  border: 1px solid var(--btnDanger) !important;
}
.rtl .swal2-cancel:hover {
  background-color: #fff !important;
  color: var(--btnDanger) !important;
  background-image: none !important;
  border-color: var(--btnDanger) !important;
}
.rtl #item-filter .col-lg-3 {
  flex: 0 0 20%;
  max-width: 20%;
}
.rtl #item-filter .col-lg-9 {
  flex: 1 0 75%;
  max-width: 79%;
}
.rtl #item-filter .multi-select-margin {
  min-height: 42px;
  margin-bottom: 10px;
}
.rtl #item-filter .mat-form-field-infix {
  height: 45px;
  border-top: 3px solid transparent;
}
.rtl #item-filter .c-btn {
  min-height: 37px !important;
}
.rtl #item-filter .filter-search .mat-form-field-wrapper {
  padding-bottom: 0;
}
.rtl .wishListMenu span.badge-primary {
  left: 7px !important;
  top: -5px !important;
  background: #fe6d52 !important;
}
.rtl #filterSlider .slick-initialized .slick-slide {
  width: auto !important;
}
.rtl .slick-prev:before,
.rtl .slick-next:before {
  color: #000;
}
.rtl .slick-track {
  margin-left: inherit;
}
.rtl table.custom-table th {
  padding-top: 5px;
  padding-bottom: 5px;
}
.rtl table.custom-table td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.rtl .theme-report-table table th {
  padding: 8px 0.75rem !important;
}
.rtl .theme-report-table table td {
  padding: 8px 0.75rem !important;
}
@media screen and (max-width: 1200px) {
  .rtl .pcoded-main-container {
    margin-top: 66px !important;
  }
  .rtl .logo-algp {
    margin-bottom: 20px;
  }
  .rtl .footerlink {
    text-align: center !important;
  }
  .rtl .footerlink a {
    margin-right: 7px;
    margin-left: 7px;
  }
  .rtl .footerlink .text-right,
  .rtl .footerlink .text-left {
    text-align: center !important;
  }
}
@media screen and (max-width: 1024px) {
  .rtl .pcoded-main-container {
    margin-top: 75px !important;
  }
  .rtl #item-filter .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .rtl label.w-120 {
    height: inherit;
  }
  .rtl .filterBar.show {
    display: block !important;
  }
  .rtl .SPS-theme .internationalization {
    width: 100% !important;
  }
  .rtl .SPS-Theme .internationalization {
    width: 95% !important;
  }
  .rtl .SPS-Theme .listView .productList .product-img {
    height: 100px;
    width: 18%;
    overflow: hidden;
  }
  .rtl .SPS-Theme .listView .productList .product-img img {
    height: 100%;
  }
  .rtl .SPS-Theme .listView .productList .productDetails {
    width: 78%;
    margin-left: 0%;
    min-height: 120px;
  }
  .rtl .SPS-Theme .listView .productList .productDetails .col-md-8 h6 {
    min-height: inherit;
  }
  .rtl .SPS-Theme .listView .productList .productDetails .bottom-list {
    position: inherit;
    bottom: 0;
    top: 10px;
  }
  .rtl .SPS-Theme .productList .product-img {
    height: 250px;
    overflow: hidden;
  }
  .rtl .SPS-Theme .productList .product-img img {
    height: 100%;
  }
  .rtl .SPS-Theme .shippingBar {
    border-radius: 10px;
  }
  .rtl .SPS-Theme .shippingBar .col-md-4 {
    text-align: left !important;
    margin: 10px 0;
  }
  .rtl .SPS-Theme .right-side .show-list {
    overflow-y: inherit;
    height: inherit;
    max-height: inherit;
  }
  .rtl .SPS-Theme .login-content {
    padding-top: 0;
  }
  .rtl .ngx-datatable.material {
    width: 1300px !important;
  }
  .rtl #un-balanced-jvs .ngx-datatable .datatable-body-cell,
  .rtl #un-balanced-jvs .ngx-datatable .datatable-header-cell {
    overflow-x: hidden !important;
  }
}
.rtl .icon-List {
  position: relative;
}
.rtl .icon-List .mat-form-field-wrapper {
  padding-bottom: 0;
}
.rtl .icon-List .iconShow {
  position: absolute;
  left: 25px;
  top: 12px;
}
.rtl .icon-List .iconShow i {
  font-size: 21px;
}
.rtl .icon-List .selected-list {
  padding-left: 30px;
}
.rtl .main-body .page-wrapper {
  padding: 1.8rem 1rem;
}
.rtl .brdRound {
  border-radius: 10px !important;
}
.rtl .popover__content .dropdown-list {
  position: absolute !important;
  top: 50px !important;
  left: 0 !important;
}
.rtl .selected-item {
  background: rgb(245, 245, 245) !important;
}
.rtl .Filters-list .dropdown-list {
  left: 0px !important;
  top: 50px !important;
  width: 257px !important;
  position: absolute !important;
}
.rtl .payment-message {
  text-align: center;
  margin-top: 20%;
}
.rtl .payment-message h1 {
  font-size: 50px !important;
  font-weight: 700 !important;
  margin: 18px 0 15px 0;
}
.rtl .payment-message .custom-btn {
  border-radius: 100% !important;
  width: 80px;
  height: 80px;
  font-size: 34px;
  margin-bottom: 21px;
}
.rtl .statusBox .mat-checkbox-layout {
  margin-bottom: 0;
}
.rtl .statusBox .mat-checkbox-frame {
  background-color: #fff;
  border: 1px transparent;
}
.rtl .lng-dropdown .iconBrd {
  display: inline-block;
}
.rtl .lng-dropdown .iconBrd a.active {
  color: var(--main-color-hover) !important;
}
.rtl .lng-dropdown .iconBrd:first-child {
  border-right: none;
}
.rtl .customSelectAll .mat-checkbox-frame {
  background-color: white;
}
.rtl .scrollBar {
  max-height: 400px;
  overflow-x: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.rtl .scrollBar::-webkit-scrollbar {
  width: 10px;
}
.rtl .scrollBar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.rtl .scrollBar::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 10px;
}
.rtl .scrollBar::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.rtl .listViewR .productList {
  display: inline-block;
  width: 100%;
  background: #f7f7f7;
  margin-bottom: 0px;
  border-radius: 5px;
}
.rtl .listViewR .productList .deleteCartBtn {
  position: absolute;
  right: 15px;
  top: 1px;
}
.rtl .listViewR .productList .product-img {
  width: 6%;
  float: left;
  border: 1px solid #ddd;
  margin: 5px;
}
.rtl .listViewR .productList .product-img img {
  max-width: 100%;
}
.rtl .listViewR .productList .productDetails {
  width: 85%;
  float: left;
  margin-left: 8px;
  margin-top: 7px;
  border-top: none;
}
.rtl .listViewR .productList .productDetails .number .minus,
.rtl .listViewR .productList .productDetails .number .plus {
  width: 22px;
  height: 22px;
  background: #fe6d52;
  border-radius: 25px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 18px;
  outline: none;
  line-height: 21px;
  cursor: pointer;
}
.rtl .listViewR .productList .productDetails .number .minus:focus,
.rtl .listViewR .productList .productDetails .number .plus:focus {
  outline: none;
}
.rtl .listViewR .productList .productDetails .number .minus:disabled,
.rtl .listViewR .productList .productDetails .number .plus:disabled {
  opacity: 0.2;
}
.rtl .listViewR .productList .productDetails .number input {
  height: 21px;
  width: 50px;
  text-align: center;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  border: none;
  display: inline-block;
  vertical-align: middle;
}
.rtl .listViewR .productList .productDetails .col-md-8 {
  flex: 0 0 99.333333%;
  max-width: 99.333333%;
}
.rtl .listViewR .productList .productDetails .col-md-8 h6 {
  font-size: 24px !important;
  min-height: inherit;
  line-height: 0;
}
.rtl .listViewR .productList .productDetails .col-md-8 span {
  display: inline-block;
  width: 100%;
  right: 0px;
  top: -12px;
  position: relative;
  font-weight: 600;
  font-size: 18px;
  text-align: right;
}
.rtl .listViewR .productList .productDetails .col-md-4.text-right {
  flex: 0 0 99.333333%;
  max-width: 99.333333%;
  text-align: left !important;
  font-size: 14px;
  position: relative;
  left: -5px;
  top: -19px;
}
.rtl .listViewR .productList .productDetails .bottom-list {
  border-top: 1px solid #CACACA;
  padding-top: 5px;
  bottom: -8px;
}
.rtl .listViewR .productList .productDetails .badge {
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  top: -4px;
  padding: 3px 10px;
  font-weight: 600;
  color: #780909;
  background-color: #ffded7 !important;
  border: 1px solid #e95c7b;
}
.rtl .cartstatus {
  top: -6px;
  padding: 4px 6px;
  position: absolute;
  background: #fe6d52;
}
.rtl .paymentbox {
  background-color: #f7f7f7;
  margin: 1px 0;
  text-align: right;
  padding: 5px 10px;
}
.rtl .paymentbox.col-first {
  border-radius: 5px 5px 0px 0px;
}
.rtl .paymentbox.total {
  background-color: black;
  color: white;
  padding: 10px;
  font-size: 16px;
  border-radius: 0px 0px 5px 5px;
}
.rtl .paymentbox b {
  float: left;
  text-align: left;
}
.rtl .offerText {
  font-size: 12px;
  font-weight: 500;
  border-radius: 0;
  padding: 6px 10px;
  background: #f06666;
}
.rtl .percentgeDiscount {
  background-color: #ff375f;
}
.rtl .fixedAmountDis {
  background-color: #ff375f;
}
.rtl .buyOneGetOne {
  background-color: #ff375f;
}
.rtl #bundleOffers .modal-dialog {
  max-width: 500px;
}
.rtl #bundleOffers .modal-body {
  padding: 30px 25px;
}
.rtl #bundleOffers .modal-footer {
  display: none;
}
.rtl #bundleOffers .alert {
  padding: 0;
  border: none;
  margin: 0 0 10px 0;
}
.rtl #bundleOffers .badge {
  border-radius: 5px;
  width: 100%;
  font-weight: 600;
  padding: 10px 0;
  color: #780909;
  background-color: #ffded7 !important;
  border: 1px solid #e95c7b;
}
.rtl #bundleOffersForm .modal-dialog {
  max-width: 500px;
}
.rtl #bundleOffersForm .modal-body {
  padding: 30px 25px;
}
.rtl #bundleOffersForm .modal-footer {
  display: none;
}
.rtl #bundleOffersForm .alert {
  padding: 0;
  border: none;
  margin: 0 0 10px 0;
}
.rtl #bundleOffersForm .badge {
  border-radius: 5px;
  width: 100%;
  font-weight: 600;
  padding: 10px 0;
  color: #780909;
  background-color: #ffded7 !important;
  border: 1px solid #e95c7b;
}
.rtl #cartDetails .modal-dialog {
  height: 70%;
}
.rtl #cartDetails .modal-dialog .modal-content {
  height: 90%;
}
.rtl .detailDiscountNot {
  font-weight: 600;
  padding: 5px 10px;
  color: #780909;
  background-color: #ffded7 !important;
  border: 1px solid #e95c7b;
  cursor: pointer;
}
.rtl .orderBtn {
  margin-top: 10px;
}
.rtl .orderBtn .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 36px;
}
.rtl .orderBtn .mat-button-toggle-checked {
  background-color: #000;
  color: #fff;
}
.rtl .autofill-off:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.rtl .freeItem {
  top: -1px !important;
  padding: 4px 7px 3px 7px !important;
  border: none !important;
  font-weight: 800;
  color: #780909 !important;
}
.rtl .navbar-logo a#openBawadarWebsite {
  display: inline-block;
  height: 50px;
}
.rtl .navbar-logo a#openBawadarWebsite img {
  height: 100%;
  width: auto;
}
.rtl .modal-header {
  background: #e5e5e5;
}
.rtl .sideBar {
  transition: all 0.5s ease;
}
@media screen and (max-width: 780px) {
  .rtl .internationalization {
    width: 50% !important;
  }
  .rtl .login-content-inner {
    margin-top: 80px;
  }
  .rtl .SelectCompany {
    height: auto !important;
  }
  .rtl .hideMobile {
    display: none;
  }
  .rtl .navbar-logo a#openBawadarWebsite {
    position: absolute;
    left: 30px;
    height: 40px;
  }
  .rtl .navbar-logo a#openBawadarWebsite img {
    height: 100%;
    width: auto !important;
  }
  .rtl .UserName {
    position: absolute !important;
    top: 15px;
    right: 15px;
  }
  .rtl #mobile-collapse {
    left: 10px !important;
    top: 10px !important;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-left a,
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-right a {
    padding: 0.5rem 0.2rem !important;
    font-size: 13px !important;
  }
  .rtl .profileBox.userProfile {
    padding: 20px;
  }
  .rtl .profileBox.userProfile h1 {
    font-size: 30px !important;
  }
  .rtl .profileBox.userProfile button {
    margin-bottom: 15px;
  }
  .rtl .profileBox.userProfile .user_profile {
    margin-bottom: 20px !important;
  }
  .rtl .profileBox.userProfile .profile-img {
    position: relative;
    top: 0;
  }
  .rtl .SPS-Theme .pageheader {
    margin: -111px -47px -132px -42px;
  }
  .rtl .SPS-Theme .pageheader h1 {
    padding-left: 0;
    font-size: 35px !important;
  }
  .rtl .SPS-Theme .statusBox.active {
    transform: inherit;
  }
  .rtl .SPS-Theme .statusBox.reportstatus .btn {
    min-width: auto;
  }
  .rtl .SPS-Theme .statusBox.reportstatus h2 {
    font-size: 24px !important;
  }
  .rtl .SPS-Theme .statusBox.reportstatus h3 {
    font-size: 18px !important;
  }
  .rtl .SPS-Theme .listView .productList .product-img {
    width: 94%;
    height: 150px;
  }
  .rtl .SPS-Theme .listView .productList .productDetails {
    width: 100%;
  }
  .rtl .SPS-Theme .RowsView .productDetails tr td {
    width: 49% !important;
    display: inline-block;
    border: none;
  }
  .rtl .SPS-Theme .RowsView .productDetails tr td:first-child {
    width: 100% !important;
  }
  .rtl .SPS-Theme .shippingBar .col-md-4 {
    text-align: right !important;
  }
  .rtl .listViewR {
    padding: 5px 0;
  }
  .rtl .listViewR .productList .col-md-6 {
    margin-bottom: 8px;
  }
  .rtl .listViewR .productList .product-img {
    width: 20%;
  }
  .rtl #cartDetails .modal-dialog {
    height: 93%;
  }
  .rtl #cartDetails .show-list .scrollBar {
    order: 2;
  }
  .rtl .w-120 {
    min-width: auto;
    margin-top: 8px;
  }
  .rtl .spceBtom {
    margin-bottom: 15px;
  }
  .rtl .pcoded-main-container {
    margin-top: 64px !important;
  }
  .rtl .Filters-list {
    width: 250px !important;
    right: 50px !important;
  }
  .rtl .cartstatus {
    top: -14px;
  }
  .rtl .featur-Modal .number input {
    width: 50px;
  }
  .rtl .featur-Modal .carousel-inner {
    left: 0;
    width: 100%;
  }
  .rtl .featur-Modal .carousel-control-prev {
    z-index: 100;
  }
  .rtl .featur-Modal .carousel-control-prev .carousel-control-prev-icon {
    left: 0;
  }
  .rtl .featur-Modal .carousel-control-next .carousel-control-next-icon {
    right: 0;
  }
  .rtl .small-btn {
    min-width: auto;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification,
  .rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification,
  .rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
  .rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
    border-color: none;
  }
  .rtl .iconBrd {
    border-right: none;
  }
  .rtl .profileDetails .btn {
    display: inline-block;
    width: 100%;
    max-width: 117px;
    margin: 8px 0;
  }
  .rtl .pcoded-inner-content {
    padding-bottom: 50px !important;
  }
}
.rtl #usersListToUpdate .modal-header {
  background-color: #000;
  color: #fff;
}
.rtl #usersListToUpdate .modal-header .modal-title {
  color: #fff !important;
}
.rtl #usersListToUpdate .datatable-header-inner {
  background-color: #000000 !important;
}
.rtl #usersListToUpdate .datatable-header-cell {
  background-color: #000000 !important;
  width: 20% !important;
}
.rtl #usersListToUpdate .datatable-header-cell:first-child {
  width: 10% !important;
}
.rtl #usersListToUpdate .datatable-body-cell {
  width: 20% !important;
}
.rtl #usersListToUpdate .datatable-body-cell:first-child {
  width: 10% !important;
}
.rtl .showListDraft {
  position: relative;
}
.rtl .showListDraft span.badge-primary {
  top: -3px !important;
  left: 6px !important;
  background: #fe6d52 !important;
}
.rtl #un-balancedModal .ngx-datatable .datatable-body-cell,
.rtl #un-balancedModal .ngx-datatable .datatable-header-cell {
  width: 18% !important;
}
.rtl login page css for arabic start body {
  text-align: right;
}
.rtl .btn.disabled,
.rtl .btn:disabled {
  pointer-events: none;
}
.rtl .internationalization {
  position: fixed;
  width: 50%;
  z-index: 1;
  justify-content: flex-end !important;
  padding-left: 30px;
}
.rtl .internationalization .dropdown-menu {
  right: 15px;
  text-align: right;
}
.rtl input.remembermecheckbox[type=checkbox]:before {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 14px;
  top: 2px;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  border: 2px solid #f2f2f2;
}
.rtl .custom-accordion-header {
  background: var(--main-color);
  margin-bottom: 15px;
  border-radius: 5px;
  color: white;
}
.rtl .sideBar .pcoded-inner-navbar.main-menu {
  border-left: 1px solid #fff;
}
.rtl .pcoded-main-container {
  margin-top: 24px !important;
}
.rtl .header-navbar a.selected-company {
  font-weight: bold;
}
.rtl input.remembermecheckbox[type=checkbox]:checked:before {
  transform: rotate(-45deg);
  height: 0.5rem;
  border-color: #009688;
  border-top-style: none;
  border-right-style: none;
}
.rtl input.remembermecheckbox[type=checkbox]:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 14px;
  width: 1rem;
  height: 1rem;
  background: #FFFFFF;
  cursor: pointer;
}
.rtl .user-bs-reset {
  position: relative;
  min-height: 100vh;
  z-index: 2;
}
.rtl .video-player {
  position: absolute;
  width: 100%;
  height: 50%;
}
.rtl .video-player video {
  outline: none;
  box-shadow: none;
  object-fit: cover;
}
.rtl .overlay-bg {
  background-color: rgba(138, 197, 65, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rtl .login-content-right {
  position: absolute;
  top: 50%;
  width: 100%;
  color: #FFFFFF;
  background: linear-gradient(rgba(69, 72, 84, 0.27), rgba(254, 109, 82, 0.68)), url(/../../assets/images/loginBg-1.jpg);
  color: #FFFFFF !important;
  padding: 55px 100px;
  padding-top: 15%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 50vh;
}
.rtl .login-content-right h1 {
  font-size: 24px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  color: #FFFFFF !important;
}
.rtl .heading {
  font-size: 24px;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
  color: #000000 !important;
}
.rtl .login-content-right ul {
  margin: 0 0 0 20px;
  padding: 0;
  list-style-type: circle;
}
.rtl .login-content-right ul li {
  font-size: 18px;
  margin-top: 25px;
  position: relative;
  font-family: "Open Sans", sans-serif;
}
.rtl .login-content-right ul li::before {
  content: "";
  width: 1px;
  height: 45px;
  background-color: #FFFFFF;
  position: absolute;
  left: -15px;
  top: 19px;
}
.rtl .login-content-right ul li:last-child::before {
  content: "";
  width: 0;
  height: 0;
  background-color: unset;
  position: absolute;
  left: 0;
  top: 0;
}
.rtl .SelectCompany {
  width: 98%;
}
.rtl .login-container {
  background-size: 100%;
  order: 1;
}
.rtl .login-heading {
  display: none;
}
.rtl .dropbtn {
  background-color: white;
  color: black;
  padding: 9px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.rtl .dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.rtl .login-content {
  text-align: center;
}
.rtl .login-container > .login-content {
  margin-top: 0;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 80px;
}
.rtl .login-container > .login-content .login-content-inner {
  padding: 0 70px;
}
.rtl .login-logo {
  position: inherit;
  top: 0;
  left: 0;
  margin-bottom: 30px;
}
.rtl .login-logo.login-6 {
  top: 80px;
  left: 80px;
  width: 300px;
}
.rtl .login-content .login-form {
  margin-top: 20px;
}
.rtl .login-content .login-form .mat-input-element {
  float: right;
}
.rtl .login-content .login-form .mat-form-field-infix {
  left: -31px;
}
.rtl .login-content .mat-form-field {
  display: block;
}
.rtl .error-msg {
  color: #FFFFFF;
  margin-top: 0;
  position: relative;
  right: 0;
  background: #f44121;
  width: max-content;
  padding: 0px 5px;
  font-size: 12px !important;
  top: -20px;
}
.rtl .mat-input-element {
  font-size: 15.5px !important;
}
.rtl .login-heading {
  font-size: 36px;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
  color: #000000 !important;
}
.rtl .alert-danger {
  background-color: #fbe1e3;
  border-color: #fbe1e3;
  color: #e73d4a;
  border-radius: 2px;
  border-width: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
  padding: 15px;
  border: 1px solid transparent;
  margin-bottom: 20px;
  font-size: 15px;
}
.rtl .floating-label {
  position: relative;
}
.rtl .floating-input,
.rtl .floating-select {
  font-size: 14px;
  padding: 4px 4px;
  display: block;
  width: 100%;
  height: 30px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #757575;
}
.rtl .highlight {
  position: absolute;
  height: 50%;
  width: 100%;
  top: 15%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
.rtl label {
  transition: 0.2s ease all;
}
.rtl .floating-input:focus ~ label, .rtl .floating-input:not(:placeholder-shown) ~ label {
  font-size: 14px;
  color: #5264ae;
  font-weight: bold;
}
.rtl .floating-input:focus {
  outline: none;
  border-bottom: 2px solid #5264ae;
}
.rtl .floating-select:focus,
.rtl .selected-list:focus {
  outline: none;
  border-bottom: 2px solid #5264ae;
}
.rtl .distributionPOPUP .dropdown-list {
  position: absolute !important;
}
.rtl .SPS-Theme .datatable-checkbox {
  margin-top: -8px !important;
}
.rtl .datatable-checkbox {
  margin: 0;
  margin-top: 0 !important;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  padding: 10px 0;
  padding: 0px !important;
}
.rtl .datatable-checkbox input[type=checkbox] {
  position: relative;
  margin: 0 1.2rem 0 0;
  cursor: pointer;
  outline: none;
  padding: 0px !important;
  line-height: normal;
  display: block;
  font-size: 14px;
  transition: all 0.3s;
  left: 13px;
}
.rtl .datatable-checkbox input[type=checkbox]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: #FFFFFF;
  cursor: pointer;
}
.rtl .forgot-password {
  font-size: 13px;
  margin-right: 0;
}
.rtl .forgot-password > a {
  color: #1aa79c !important;
}
.rtl .forgot-password > a:hover {
  color: #0d1c3e !important;
  text-decoration: none;
}
.rtl .btn.green {
  background-color: #1aa79c !important;
  border-color: #1aa79c !important;
}
.rtl .btn.btn-rounded {
  border-radius: 50px !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  text-transform: inherit !important;
  height: 50px;
  padding: 9px 35px 10px !important;
  background-image: none;
  color: #FFFFFF;
  outline: 0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
}
.rtl .right-col-otp {
  color: #FFFFFF;
  background: linear-gradient(rgba(69, 72, 84, 0.74), rgba(254, 109, 82, 0.74)), url(/../../assets/images/otp-bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: cover;
}
.rtl .content-panel {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.rtl .login-container > .login-content p {
  color: #464954;
  font-size: 15px;
  line-height: 22px;
}
.rtl .btn.orange {
  background-color: #f15a29 !important;
  border-color: #f15a29 !important;
  color: #FFFFFF;
  margin: 0 10px;
}
.rtl .right-col {
  color: #FFFFFF;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: cover;
  background: linear-gradient(90deg, rgb(255, 107, 37) 0%, rgb(254, 108, 64) 35%, rgb(254, 109, 82) 100%);
}
.rtl #dropdownMenuButton,
.rtl #logoutdropdown {
  color: #000000 !important;
  background: transparent;
}
.rtl .custom-card {
  border-top: none !important;
}
.rtl .features-box {
  text-align: center;
  margin: auto;
  max-width: 200px;
  padding: 15px;
  display: block;
  color: #0d1c3e;
  border: solid 1px transparent;
  transition: transform 0.5s ease-out;
  margin-bottom: 30px;
  cursor: pointer;
}
.rtl .features-box:hover {
  border-radius: 4px;
  text-decoration: none;
  box-shadow: 0 0 12px 0 rgba(81, 81, 81, 0.4);
  transform: scale(1.09) rgba(26, 13, 13, 0.1);
}
.rtl .features-box .circle-icon {
  width: 85px;
  height: 85px;
  border: solid 1px #cccccc;
  border-radius: 85px;
  display: table;
  margin: 0 auto;
}
.rtl .features-box .circle-icon span {
  display: table-cell;
  vertical-align: middle;
}
.rtl .features-box h3 {
  font-size: 18px;
  margin-bottom: 0;
  color: #0d1c3e !important;
  margin-top: 10px;
}
.rtl .dropdown-item {
  color: #666 !important;
  padding: 6px 20px;
}
.rtl .custom-dropdown {
  position: relative;
}
.rtl .dropdown-content a:hover {
  background-color: #ddd;
}
.rtl .dropdown:hover .dropdown-content {
  display: block;
  top: 35px;
}
.rtl .dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
.rtl .iconEye .eye-icon {
  position: absolute;
  left: -350px;
}
.rtl .dropdown-item {
  cursor: pointer;
}
.rtl .alert-success-login {
  background-color: rgba(26, 167, 156, 0.2901960784);
  border-color: #1aa79c;
  color: #139c92;
  border-radius: 2px;
  border-width: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
  padding: 15px;
  border: 1px solid transparent;
  margin-bottom: 20px;
  font-size: 15px;
}
.rtl .selected-list .c-angle-down,
.rtl .selected-list .c-angle-up {
  left: 0 !important;
  right: unset !important;
  top: 50% !important;
  height: 16px !important;
}
.rtl .mat-form-field-label {
  text-align: right;
  text-transform: capitalize;
}
.rtl .mat-form-field {
  direction: ltr;
  width: 100%;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}
.rtl .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  float: right;
}
.rtl .c-btn {
  background: none !important;
  border: none !important;
  outline: none;
  border-bottom: 1px solid #949494 !important;
}
.rtl .c-btn:focus {
  background: none !important;
  border: none !important;
  outline: none;
  border-bottom: 1px solid #949494 !important;
}
.rtl .c-btn > span {
  max-width: 88%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rtl .selected-list .c-angle-down,
.rtl .selected-list .c-angle-up {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  right: unset !important;
}
.rtl .custom-multi-selector {
  position: relative;
}
.rtl .custom-multi-selector .error-msg {
  top: 0;
}
.rtl .customLabel {
  position: absolute;
  top: 13px;
  font-size: 15.5px !important;
  font-weight: 400;
  color: #000;
  right: 15px;
  transform: perspective(100px);
  -ms-transform: none;
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.rtl .custom-multi-selector > .mystyle {
  top: -10px !important;
  font-size: 10px !important;
  color: #000;
  background-color: #fff;
  padding: 1px 5px;
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.rtl .ngx-datatable.material.single-selection .datatable-body-row.active,
.rtl .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group,
.rtl .ngx-datatable.material.multi-selection .datatable-body-row.active,
.rtl .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group,
.rtl .ngx-datatable.material.multi-click-selection .datatable-body-row.active,
.rtl .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group {
  background-color: #d6d6d6 !important;
}
.rtl .show-modal {
  display: block !important;
  background: rgba(70, 55, 31, 0.5490196078);
  transition: all 0.3s linear;
}
.rtl .mat-datepicker-toggle-active {
  color: #0073aa !important;
}
.rtl .icon-pointer-achor {
  cursor: pointer;
}
.rtl .icon-pointer-achor i {
  color: #0073aa;
}
.rtl .pull-left-arabic {
  float: left;
}
.rtl .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #0073aa !important;
}
.rtl .mat-form-field.mat-focused .mat-form-field-label {
  color: #0073aa !important;
}
.rtl .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label, .rtl .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  color: #0073aa;
}
.rtl .mlty-lable label {
  text-transform: capitalize;
  font-weight: normal !important;
}
.rtl .mat-input-element {
  text-align: right !important;
}
.rtl .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.rtl .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-0.95em) scale(1) perspective(100px) translateZ(0.001px);
  top: 15px;
}
.rtl .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label span,
.rtl .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label span {
  font-size: 12px !important;
}
.rtl .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label label,
.rtl .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label label {
  font-size: 12px !important;
}
.rtl .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label, .rtl .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  color: #0073aa;
  width: 100%;
}
.rtl .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label mat-label, .rtl .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label mat-label {
  font-size: 12px !important;
}
.rtl .clear-all {
  left: 20px;
  right: unset !important;
}
.rtl .list-filter {
  padding-right: 35px;
  padding-left: 0;
}
.rtl .list-filter .c-search {
  right: 10px !important;
  left: unset !important;
  top: 5px !important;
}
.rtl .list-filter .c-clear {
  top: 5px !important;
  left: 10px !important;
  right: unset !important;
}
.rtl .header-navbar .navbar-wrapper {
  background-color: #c3b9aa;
}
.rtl .pcoded .pcoded-header .navbar-logo[data-navbar-theme=theme1] {
  background-color: transparent;
  margin-right: 0px;
}
.rtl .sidebar-toggler {
  color: white !important;
  cursor: pointer;
  display: none;
}
.rtl .header_1 {
  background-color: #c3b9aa !important;
  text-align: center;
  color: white !important;
}
.rtl .header_1 > h1 {
  font-weight: 500;
  color: black !important;
}
.rtl .main-body .page-wrapper .page-header {
  text-align: right;
}
.rtl .pcoded .pcoded-header[header-theme=theme1] {
  background: var(--side-bar);
  z-index: 1020;
}
.rtl body .pcoded[vertical-placement=right] .header-navbar .navbar-wrapper .navbar-container {
  margin-left: unset;
  margin-right: unset;
}
.rtl .header-navbar .navbar-wrapper .navbar-container .nav-left,
.rtl .header-navbar .navbar-wrapper .navbar-container .nav-right {
  float: right;
  margin-bottom: 0;
}
.rtl .header-navbar a {
  color: white !important;
}
.rtl .smtSearchOuter {
  display: block;
  position: relative;
  margin-left: 2px;
  margin-top: 19px;
  top: -9px;
  left: 0;
}
.rtl .smtSearchOuter > .form-control {
  position: relative;
  width: 204px;
  left: 0;
  top: 0;
}
.rtl .smtSearchOuter .smtIcon {
  position: absolute !important;
  top: 6px;
  right: 10px;
  color: #a7a7a7;
  font-size: 20px;
}
.rtl .pcoded-inner-navbar.main-menu {
  background: var(--side-bar) !important;
}
.rtl .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after {
  top: 3px;
  transform: rotate(360deg);
}
.rtl .pcoded[theme-layout=vertical][vertical-placement=right] .pcoded-navbar .pcoded-item > li > a .pcoded-micon i {
  float: none;
  position: relative;
  z-index: 1051;
  right: 0;
  top: 1px;
  left: 0;
}
.rtl .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item > li > a {
  text-align: right !important;
}
.rtl .pcoded .pcoded-navbar .pcoded-item > li > a > .pcoded-micon {
  padding-right: 0;
  padding-left: unset !important;
}
.rtl .pcoded .pcoded-navbar[data-navbar-theme=theme1] li:hover > a {
  background-color: #303030 !important;
}
.rtl .pcoded .pcoded-navbar[data-navbar-theme=theme1] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu {
  background-color: var(--side-bar) !important;
}
.rtl .pcoded .pcoded-navbar[active-item-theme=theme5] .pcoded-item li.pcoded-hasmenu.active > a {
  background: var(--main-color-hover) !important;
}
.rtl .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item > li.active > a > .pcoded-mcaret {
  float: left;
  right: unset !important;
  left: 0 !important;
  border-left: 8px solid #e9e9e9;
  border-right: unset !important;
}
.rtl .mCSB_container {
  position: fixed !important;
  width: 300px;
  left: auto !important;
  padding-top: 120px !important;
}
.rtl .mCSB_container,
.rtl .mCustomScrollBox {
  padding-top: 5px;
}
.rtl .button-row {
  text-align: right;
}
.rtl .btn {
  border-radius: 5px;
}
.rtl .btn-success {
  color: #FFFFFF;
  border-color: #1aa79c;
  background-color: #1aa79c;
  box-shadow: none;
  text-decoration: none;
}
.rtl .btn-success:hover {
  background-color: #1fc7ba;
}
.rtl .green-btn {
  background: #8ac541;
}
.rtl .green-btn:hover {
  background: #b5e080;
}
.rtl .btn-warning {
  background-color: #ea724b;
}
.rtl .btn-warning:hover {
  background-color: #d67d60;
}
.rtl .list-message {
  display: initial !important;
  margin-right: unset !important;
}
.rtl .header-navbar .navbar-wrapper .navbar-container .nav-left a,
.rtl .header-navbar .navbar-wrapper .navbar-container .nav-right a {
  color: #000000;
  padding: 1.5rem 0.6rem;
}
.rtl .navbar-wrapper .navbar-container .header-notification .profile-notification a {
  color: #666;
  transition: all 0.3s ease-in-out;
}
.rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a {
  color: #666;
  transition: all 0.3s ease-in-out;
}
.rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification a,
.rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification a,
.rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a,
.rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a {
  color: #666 !important;
}
.rtl .pcoded .pcoded-navbar[active-item-theme=theme5] .pcoded-item li .pcoded-submenu li.active > a {
  color: white !important;
  font-weight: 500;
  background-color: var(--main-color-hover) !important;
}
.rtl .pcoded .pcoded-navbar[data-navbar-theme=theme1] .pcoded-item > li.pcoded-trigger > a {
  background-color: var(--main-color) !important;
}
.rtl .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
  background: var(--main-color);
  color: #FFFFFF;
  font-weight: 400;
  font-size: 15.5px;
  text-align: right;
}
.rtl .ngx-datatable.material {
  border: 1px solid #e3e3e3;
  box-shadow: none !important;
}
.rtl .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  text-align: right !important;
}
.rtl a {
  font-size: 15px !important;
}
.rtl .mat-input-element,
.rtl .ng-star-inserted {
  font-size: 16px !important;
}
.rtl .ngx-datatable .datatable-footer .page-count {
  text-align: right;
}
.rtl .ngx-datatable.material .datatable-footer .datatable-pager {
  text-align: left;
}
.rtl .ngx-datatable .datatable-footer .selected-count .page-count {
  text-align: right;
}
.rtl .ngx-datatable .datatable-footer .selected-count .datatable-pager {
  text-align: revert;
}
.rtl .datatable-icon-prev:before {
  content: "q" !important;
}
.rtl .datatable-icon-skip:before {
  content: "r" !important;
}
.rtl .table-responsive {
  overflow-x: inherit !important;
}
.rtl .featur-Modal .card-header .title {
  font-weight: bold;
}
.rtl .datatable-header-inner,
.rtl .datatable-body-row,
.rtl .datatable-row-center,
.rtl .datatable-scroll {
  width: 100% !important;
}
.rtl .modal-header .close {
  margin: -1rem auto -1rem -1rem;
}
.rtl .datatable-footer-inner .datatable-icon-left:before {
  content: "p";
}
.rtl .datatable-footer-inner .datatable-icon-right:before {
  content: "o";
}
.rtl .modal-footer {
  justify-content: flex-end;
}
.rtl .modal table tr th,
.rtl .modal table tr td {
  text-align: right;
}
.rtl .card {
  border-radius: 2px;
  border-top: 4px solid rgba(0, 115, 170, 0.5);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin-bottom: 30px;
  border-color: var(--main-color) !important;
}
.rtl .card .card-block .sub-title {
  text-align: right;
}
.rtl .card-block {
  padding: 1.25rem;
}
.rtl .arabic-button-footer {
  text-align: right;
}
.rtl .bordered-box {
  border: 1.5px solid var(--main-color);
  padding: 20px;
  margin: 10px 0px 20px 0px;
}
.rtl .table .custom-thead th {
  background-color: var(--main-color) !important;
  border-color: var(--main-color) !important;
  font-weight: 300;
  color: #FFFFFF;
  font-size: 15.5px;
  font-weight: 300;
}
.rtl .border-checkbox-section {
  text-align: right;
}
.rtl .border-checkbox-section .border-checkbox-group {
  display: inline-block;
}
.rtl .border-checkbox-section .border-checkbox-group .border-checkbox-label {
  display: block;
  padding-right: 30px;
  text-align: right;
  margin: 0;
  padding-left: 0 !important;
}
.rtl .border-checkbox-section .border-checkbox-group .border-checkbox-label:before {
  right: 0;
  left: unset !important;
}
.rtl .border-checkbox-section .border-checkbox-group .border-checkbox-label:after {
  left: unset !important;
  right: 10px;
}
.rtl .login-content-inner .btn {
  width: 160px;
  letter-spacing: 1px;
  direction: rtl;
}
.rtl .login-content-inner .btn i {
  right: 8px !important;
  transform: rotate(180deg);
}
.rtl .login-content-inner .btn i img {
  transform: rotate(180deg);
}
.rtl .login-content-inner .btn:hover {
  opacity: 0.8;
}
.rtl .login-content-inner .btn.green {
  background: #464954 !important;
  font-size: 16px !important;
}
.rtl .login-content-inner .btn.orange {
  font-size: 16px !important;
  background: #f3f3f3 !important;
  border: 1px solid;
  color: #000000;
  margin-left: 10px;
}
.rtl .login-content-inner .btn.orange:hover {
  background: #464954 !important;
  color: #FFFFFF;
}
.rtl .login-content-inner .mat-form-field-appearance-legacy .mat-form-field-label {
  color: #000000;
}
.rtl .login-content-inner .mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.rtl .login-content-inner .remember-section label {
  color: #000000;
  position: relative;
  top: -3px;
}
.rtl .login-content-inner a.forget-password {
  color: #000000 !important;
}
.rtl .login-content-inner a.forget-password:hover {
  color: #0073aa !important;
}
.rtl .login-content-inner .remember-me {
  margin-bottom: 30px;
  width: inherit;
}
.rtl .login-content-inner input.remembermecheckbox[type=checkbox]:after {
  border: 1px solid #0d1c3e;
}
.rtl .login-content-inner .form-actions {
  margin-top: 30px;
}
.rtl .login-content-inner .login-form {
  max-width: 450px;
  margin: auto;
  text-align: right;
}
.rtl .radio .helper {
  left: unset !important;
  right: -0.25rem;
}
.rtl .form-radio {
  text-align: right;
}
.rtl .form-radio label {
  text-align: right;
}
.rtl .small-btn {
  padding: 5px 10px !important;
  border-radius: 3px !important;
  margin: 0 2px !important;
}
.rtl .kitchenSetup td .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 34px;
}
.rtl .c-btn {
  background: none !important;
  min-height: 43px !important;
  border-radius: 0;
  padding: 5px 10px 0px 0px !important;
}
.rtl .table-view-row-filter {
  text-align: left;
}
.rtl .header-notification a i {
  font-style: normal;
}
.rtl .textLogin {
  top: 0 !important;
  left: -110px !important;
}
.rtl .arabic-input {
  text-align: right !important;
}
.rtl .custom-pt-1 {
  padding-top: 1rem;
}
.rtl .mat-select-trigger {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.rtl .mat-select-value {
  min-width: 15px !important;
  text-align: right;
  max-width: unset;
  order: 2;
}
.rtl .white-color {
  color: white !important;
}
.rtl .rounded-card img {
  width: auto !important;
}
.rtl .card .card-header .card-header-right i {
  margin: 0 20px;
  cursor: pointer;
}
.rtl .user-content h4 {
  font-size: 16px;
  font-weight: 600;
  color: #212529 !important;
}
.rtl .card.user-card {
  border-top: none;
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05);
  transition: all 150ms linear;
  margin-bottom: 30px;
  cursor: pointer;
}
.rtl .user-content {
  text-align: center;
  margin-top: 20px;
}
.rtl .search-top .btn {
  float: left;
}
.rtl .content-alignment {
  float: right;
}
.rtl .nav-menu-list {
  position: relative;
}
.rtl .nav-menu-list ul {
  display: flex;
  height: 39px;
  overflow: hidden;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  width: 96%;
}
.rtl .nav-menu-list.open ul {
  height: auto;
  display: block;
}
.rtl .x {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  cursor: pointer;
}
.rtl .status-menu .icon-cutom {
  float: right;
  padding-left: 10px;
}
.rtl .custom-card-tab-block {
  padding: 1.25rem 1.25rem 0px 1.25rem;
}
.rtl .zero-margin {
  margin-bottom: 0px;
}
.rtl .nav-menu-list {
  position: relative;
}
.rtl .nav-menu-list ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  border-bottom: none;
}
.rtl .nav-menu-list ul li {
  position: relative;
  margin-bottom: 12px !important;
}
.rtl .nav-menu-list li a {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.rtl .nav-menu-list.ul li a.active:before {
  background: #FFFFFF;
  width: 96%;
  height: 3px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 2px;
}
.rtl .nav-menu-list.open ul {
  height: auto;
  display: flex;
}
.rtl #more-nav {
  display: block !important;
  padding-left: 0;
  text-align: left;
  width: 80px;
  position: absolute;
  left: 0;
  top: 10px;
}
.rtl .navtab-dropdown {
  padding: 15px;
}
.rtl .employeeDeatil {
  background: #202022;
  padding: 17px 0;
  margin: 0px -20px;
}
.rtl .employeeDeatil .content-alignment {
  color: #FFFFFF;
}
.rtl .subfilter {
  padding-left: 0;
  opacity: 0;
}
.rtl .subfilter > li {
  padding: 0 8px;
  list-style-type: none;
}
.rtl .subfilter > li > a {
  display: block;
  padding: 4px 8px;
}
.rtl #nav-bar-filter {
  padding-left: 0;
  display: inline-block;
}
.rtl #nav-bar-filter > li {
  display: inline-block;
}
.rtl #more-nav {
  display: inline-block;
}
.rtl .subfilter {
  display: block;
}
.rtl .navdropdwon-list {
  opacity: 0;
}
.rtl .tabsMenuList {
  opacity: 1;
  background-color: #FFFFFF;
  position: absolute;
  left: 0 !important;
  text-align: left;
  z-index: 10;
  left: inherit !important;
  margin-top: 14px;
  right: -5px !important;
}
.rtl .tabsMenuList ul {
  opacity: 1;
  padding: 0;
  text-align: right;
}
.rtl .dropdown-list {
  z-index: 1050 !important;
}
.rtl .dropdown-list ul li {
  text-align: right !important;
}
.rtl .pure-checkbox input[type=checkbox] + label {
  padding-right: 2em;
}
.rtl .pure-checkbox input[type=checkbox] + label:before {
  right: 0;
}
.rtl .pure-checkbox input[type=checkbox] + label:after {
  right: 3px;
}
.rtl .profile-notification a {
  text-align: right;
  float: right;
}
.rtl .profile-notification a i {
  float: right;
  margin-left: 5px !important;
  margin-right: 0 !important;
  position: relative;
  top: 4px;
}
.rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification.profile-notification {
  left: 0 !important;
}
.rtl .login-content-inner .mat-form-field-prefix,
.rtl .mat-form-field-suffix {
  position: absolute !important;
  right: 0;
  top: 10px;
}
.rtl .login-content-inner .mat-form-field-prefix .fa-eye,
.rtl .mat-form-field-suffix .fa-eye {
  position: absolute;
  left: -360px;
  top: 8px;
}
.rtl .remember-me .pull-left {
  float: right !important;
}
.rtl .remember-me .pull-right {
  float: left !important;
}
.rtl .remember-me input.remembermecheckbox[type=checkbox]:before {
  right: 14px;
  top: 0px;
  left: inherit;
}
.rtl .remember-me input.remembermecheckbox[type=checkbox]:after {
  right: 14px;
  left: inherit;
  top: -1px;
}
.rtl .remember-me input[type=checkbox] {
  float: right;
  margin-left: 10px;
}
.rtl .remember-me label {
  position: relative;
  top: -3px;
}
.rtl #noty_layout__topRight {
  left: 20px;
}
.rtl .report-filter-section {
  position: relative;
  padding-left: 0;
  background: var(--main-color);
}
.rtl .report-filter-section h4 {
  padding-right: 0;
}
.rtl .report-filters {
  padding-right: 15px;
  padding-top: 4px;
  color: #FFFFFF;
  font-size: 20px;
  margin-bottom: 0;
  cursor: pointer;
}
.rtl #filter-option {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 35px;
}
.rtl .show-report {
  width: 350px;
  margin: auto;
}
.rtl .btn-brown-small {
  padding: 3px 10px;
  background: var(--main-color);
  border-radius: 2px;
  border: none;
  color: #FFFFFF;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 0px !important;
  margin-left: 5px;
}
.rtl .btnshow {
  text-align: left;
}
.rtl .show-report .pull-left {
  float: right !important;
}
.rtl .show-report .pull-right {
  float: left !important;
}
.rtl .fa-exchange-right-custom {
  padding-top: 20px;
  cursor: pointer;
}
.rtl .select-all {
  text-align: right !important;
}
.rtl .selected-list .c-list .c-token {
  float: right !important;
}
.rtl .selected-list .c-btn {
  padding-right: 0 !important;
}
.rtl .selected-list .countplaceholder {
  left: 35px !important;
  right: inherit !important;
}
.rtl .btnRight {
  text-align: right;
}
.rtl .lds-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
  z-index: 1000;
}
.rtl .blockPage {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000000;
  background: rgba(252, 252, 252, 0.7607843137);
}
.rtl .blockPage .Lds-ring {
  position: relative !important;
  margin-left: calc(50% - 32px);
  top: calc(50% - 32px);
  z-index: 1000;
}
.rtl .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #81663b;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #81663b transparent transparent transparent;
}
.rtl .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.rtl .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.rtl .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rtl .panel-overlay-wrap {
  position: relative;
}
.rtl .panel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  text-align: center;
  z-index: 10000;
}
.rtl .panel-overlay::after {
  background-color: rgba(255, 255, 255, 0.83);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rtl .panel-overlay-title {
  margin: 10px 0 5px;
}
.rtl .panel-overlay-icon,
.rtl .panel-overlay-content {
  display: inline-block;
  vertical-align: middle;
}
.rtl .panel-overlay-icon i,
.rtl .text-success {
  color: #81663b !important;
}
.rtl .nav-tabs .slide {
  background: var(--main-color);
}
.rtl .md-tabs li a.active {
  color: var(--main-color);
}
.rtl .show-notification li {
  padding: 15px !important;
  border-bottom: 1px solid #e4e4e4;
}
.rtl .show-notification li:hover a {
  margin-left: 0 !important;
  cursor: pointer;
}
.rtl .show-notification li a {
  padding: 0 !important;
  word-break: break-all;
  display: inline-block;
  width: 100%;
  text-align: right;
}
.rtl .icon-pointer-achor {
  text-align: right;
}
.rtl .card-block {
  text-align: right;
}
.rtl .pcoded .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active > a:before {
  border-left-color: var(--main-color-hover) !important;
}
.rtl .reportTable .datatable-body-cell {
  padding: 8px 15px 2px 15px !important;
}
.rtl .button-row {
  text-align: left !important;
}
.rtl .dateReport {
  text-align: left;
}
.rtl .btn-primary {
  background-color: var(--btnPrimary);
}
.rtl .btn-primary:hover {
  background-color: var(--btnPrimaryHover);
}
.rtl .theme-report-table b {
  font-weight: 700;
}
.rtl .theme-report-table span b {
  font-weight: 500;
}
.rtl .theme-report-table .table tbody {
  border: 1px solid #c7c7c7;
}
.rtl .theme-report-table .table th {
  font-weight: 400;
  font-size: 15.5px;
}
.rtl .theme-report-table .table tr td {
  padding: 17px 0.75rem;
}
.rtl .theme-report-table .table tr:last-child td {
  background-color: #FAFAFA;
}
.rtl .theme-report-table table th {
  background: var(--main-color);
  color: #FFFFFF;
  font-size: 14px;
  font-weight: normal;
  text-align: right;
  padding: 17px 0.75rem !important;
  border-right: 1px solid #cfcfcf;
}
.rtl .theme-report-table table th:first-child {
  border-radius: 0px 8px 0 0px;
}
.rtl .theme-report-table table th:last-child {
  border-radius: 8px 0px 0px 0px;
}
.rtl .tabelBox {
  text-align: right;
}
.rtl .w-120 img {
  left: 5px;
}
.rtl .dl-horizontal .offset-sm-9 {
  margin-left: 0;
}
.rtl .dl-horizontal .offset-md-1 {
  margin-left: 0;
}
.rtl .space-30 {
  padding-right: 30px !important;
}
.rtl .space-60 {
  padding-right: 60px !important;
}
.rtl .space-90 {
  padding-right: 90px !important;
}
.rtl .space-120 {
  padding-right: 120px !important;
}
.rtl .treeIconPadding {
  padding-right: 25px !important;
  display: inline-block;
}
.rtl .selected-list .c-list {
  width: calc(100% - 66px);
  margin-top: 4px;
}
.rtl .empty-row {
  text-align: right !important;
}
.rtl .checkbox-fade {
  margin-right: 0;
}
.rtl .checkbox-fade .cr {
  float: right;
  margin-left: 5px;
}
.rtl .multi-select-margin {
  margin-bottom: 20px;
}
.rtl #noty_layout__topRight {
  right: initial !important;
  left: 20px !important;
}
.rtl .attendance-table tr:nth-child(even) th[scope=row] {
  background-color: #FFFFFF;
}
.rtl .attendance-table tr:nth-child(odd) th[scope=row] {
  background-color: #EAEBEC;
}
.rtl .attendance-table tr:nth-child(even) {
  background-color: #FFFFFF;
}
.rtl .attendance-table tr:nth-child(odd) {
  background-color: #EAEBEC;
}
.rtl .attendance-table td:nth-of-type(2) {
  font-style: italic;
}
.rtl .attendance-table th {
  position: sticky;
  top: 0;
  z-index: 2;
}
.rtl .attendance-table th[scope=row] {
  position: sticky;
  left: 0;
  z-index: 1;
  vertical-align: top;
  color: inherit;
  background-color: inherit;
}
.rtl .attendance-table th:not([scope=row]):first-child {
  left: 0;
  z-index: 3;
  background: #81663b;
  color: #FFFFFF;
}
.rtl .attendance-table div[tabindex="0"][aria-labelledby][role=region] {
  overflow: auto;
}
.rtl .attendance-table div[tabindex="0"][aria-labelledby][role=region]:focus {
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  outline: 0.1em solid rgba(0, 0, 0, 0.1);
}
.rtl .attendance-table div[tabindex="0"][aria-labelledby][role=region] table {
  margin: 0;
}
.rtl .attendance-table div[tabindex="0"][aria-labelledby][role=region].rowheaders {
  background: linear-gradient(to right, transparent 30%, rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  background-size: 4em 100%, 4em 100%, 1.4em 100%, 1.4em 100%;
  background-position: 0 0, 100%, 0 0, 100%;
  background-attachment: local, local, scroll, scroll;
}
.rtl .attendance-table div[tabindex="0"][aria-labelledby][role=region].colheaders {
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  background-size: 100% 4em, 100% 4em, 100% 1.4em, 100% 1.4em;
  background-attachment: local, local, scroll, scroll;
}
.rtl .attendance-table div[tabindex="0"][aria-labelledby][role=region]:nth-child(3) {
  max-height: 65vh;
}
.rtl .attendance-table div[tabindex="0"][aria-labelledby][role=region]:nth-child(7) {
  max-height: 15em;
  margin: 0 1em;
}
.rtl .attendance-table tr th {
  padding-right: 15px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px !important;
  border: none !important;
  font-weight: normal !important;
}
.rtl .attendance-table tr td {
  padding: 10px 20px !important;
}
.rtl .attendance-table th.w-70 {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.rtl .attendance-table .w-70 {
  width: 80px;
  font-weight: 500;
  text-align: center;
  border: none;
  border-left: 1px solid #D9D9D9;
  line-height: 18px;
}
.rtl .attendance-table .img-35 {
  width: 50px;
  margin-left: 10px;
  height: 50px;
  float: left;
  border-radius: 50%;
}
.rtl .attendance-table .cursor {
  width: 350px;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-flex;
  align-items: center;
}
.rtl .btnstatus button span {
  line-height: 34px;
}
.rtl .header-style {
  border: 1px solid var(--main-color-hover);
  padding: 18px 20px 14px 20px;
  background-color: #FFFFFF;
}
.rtl .custom-tabs {
  background-color: var(--main-color);
  display: inline-block;
  padding: 0px;
  padding-left: 5px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.rtl .custom-tabs .btn {
  border-radius: 20px;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  min-width: 140px;
}
.rtl .custom-tabs .btn.btn-default {
  background-color: transparent;
}
.rtl .custom-tabs .btn.btn-primary {
  background-color: var(--main-color-hover);
  border-radius: 15px;
}
.rtl .select-month {
  display: inline-flex;
  align-items: center;
  background: var(--main-color-hover);
  padding: 15px 20px;
  margin-left: 10px !important;
  margin-right: 0 !important;
  color: #FFFFFF;
}
.rtl .select-month i {
  color: #FFFFFF;
}
.rtl .border-none {
  border: none;
}
.rtl .searchTop {
  border-radius: 50px;
  border: 1px solid #fe6d52;
  padding: 0 25px;
}
.rtl .searchTop .mat-form-field-flex {
  position: relative;
}
.rtl .searchTop .mat-form-field-flex .mat-form-field-infix {
  position: relative;
  top: -5px;
}
.rtl .searchTop .mat-form-field-wrapper {
  margin-bottom: 0;
  padding-bottom: 3px;
}
.rtl .searchTop .mat-form-field-underline {
  background-color: transparent;
  display: none;
}
.rtl .back-btn {
  background: transparent;
  color: #000000;
  text-align: left;
  padding-left: 0;
  font-size: 20px;
  margin-top: -28px;
  text-transform: capitalize;
}
.rtl .back-btn:hover {
  background-color: transparent !important;
}
.rtl .back-btn:focus {
  background-color: transparent !important;
}
.rtl .selectdate {
  display: inline;
  margin-right: 25px;
  font-size: 28px;
  color: var(--main-color-hover);
  position: relative;
  top: 5px;
  margin-left: 10px;
}
.rtl .report-status table {
  background: #EAEBEC;
  border: 1px solid #ddd !important;
}
.rtl .report-status table tr td {
  border-right: 1px solid #D9D9D9;
  width: 50%;
}
.rtl .report-status table tr td b {
  font-weight: 500;
}
.rtl .report-status table tr:nth-child(even) {
  background-color: #FFFFFF;
}
.rtl .circle-round {
  width: 26px;
  height: 26px;
  border-radius: 0;
  box-shadow: -2px -2px #989898;
  display: inline-flex;
  align-items: center;
}
.rtl .circle-round::before {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  border-color: none;
  margin: auto;
  font-style: normal;
}
.rtl .circle-round.present {
  background-color: #52BC22;
}
.rtl .circle-round.present::before {
  content: "P";
}
.rtl .circle-round.absent {
  background-color: #FF1934;
}
.rtl .circle-round.absent::before {
  content: "A";
  font-size: 18px;
  line-height: 0;
}
.rtl .circle-round.weekend {
  background-color: #0475AB;
}
.rtl .circle-round.weekend::before {
  content: "W";
}
.rtl .circle-round.holiday {
  background-color: #454853;
}
.rtl .circle-round.holiday::before {
  content: "H";
}
.rtl .circle-round.annualLeave {
  background-color: #202020;
}
.rtl .circle-round.annualLeave::before {
  content: "A";
}
.rtl .attendance-table th:not([scope=row]):first-child {
  background: var(--main-color) !important;
}
.rtl .tdClass .mat-form-field-wrapper {
  margin-bottom: -10px !important;
  margin-top: -14px !important;
}
.rtl #duplicate-id .modal-body {
  overflow: inherit;
}
.rtl .Hidemodal-scroll .modal-body {
  min-height: inherit;
  overflow: inherit;
}
.rtl .scroll_bar {
  max-height: 300px;
  min-height: 300px;
  border: none !important;
  background: #e9e9e9;
  overflow-y: auto;
  padding-left: 15px;
  overflow-x: hidden;
}
.rtl .scroll_bar .c-btn.disabled {
  height: inherit !important;
  background: none !important;
  border-bottom: 1px solid var(--main-color) !important;
  padding-bottom: 3px !important;
}
.rtl .scroll_bar .c-btn.disabled .c-angle-down {
  display: none !important;
}
.rtl .scroll_bar .custom-multi-selector > .mystyle {
  top: 7px !important;
}
.rtl #tblFiscalPeriod .collapse {
  background: #f5f5f5;
  padding: 5px 10px;
}
.rtl #tblFiscalPeriod tbody tr:first-child td {
  border-top: 15px solid #FFFFFF;
}
.rtl #tblFiscalPeriod td {
  border: none;
}
.rtl #tblFiscalPeriod .selected-list .c-angle-down,
.rtl #tblFiscalPeriod .selected-list .c-angle-up {
  top: 35%;
}
.rtl #tblFiscalPeriod .mat-form-field-wrapper {
  margin-bottom: 0;
}
.rtl #tblFiscalPeriod .c-btn {
  min-height: 28px !important;
}
.rtl #tblFiscalPeriod .mat-form-field {
  margin-top: -23px;
}
.rtl #tblFiscalPeriod .selected-list {
  margin-top: -1px;
}
.rtl .isApproved {
  color: green;
}
.rtl .isReturn {
  color: red;
}
.rtl .isNew {
  color: #fe6d52;
}
.rtl .datatable-checkbox input[type=checkbox]:checked:before {
  transform: rotate(-45deg);
  height: 0.5rem;
  border-color: var(--main-color-hover);
  border-top-style: none;
  border-right-style: none;
}
.rtl .datatable-checkbox input[type=checkbox]:before {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  border: 2px solid var(--main-color);
}
.rtl .datatable-checkbox input[type=checkbox]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: #FFFFFF;
  cursor: pointer;
  border: 2px solid var(--main-color) !important;
}
.rtl .fa-info-circle {
  font-size: 18px;
}
.rtl .smtTableOuter .inner-table {
  height: auto !important;
  min-height: unset !important;
  display: block;
  overflow: auto;
}
.rtl .smtTableOuter tr {
  padding-bottom: 0 !important;
  border-bottom: 1px solid #a5a5a5;
}
.rtl .smtTableOuter thead,
.rtl .smtTableOuter tbody tr {
  width: 100%;
}
.rtl .smtTableOuter thead {
  width: 100%;
  background-color: var(--main-color);
  color: #FFFFFF;
}
.rtl .smtTableOuter thead th {
  vertical-align: middle;
  font-weight: 500 !important;
  border: none;
}
.rtl .smtTableOuter thead .btn-icon {
  width: 33px;
}
.rtl .smtTableOuter thead .selected-list .c-btn {
  color: #FFFFFF !important;
}
.rtl .smtTableOuter thead .selected-list .c-angle-down svg,
.rtl .smtTableOuter thead .selected-list .selected-list .c-angle-up svg {
  fill: #FFFFFF;
}
.rtl .smtTableOuter thead .selected-list .c-remove svg,
.rtl .smtTableOuter thead .selected-list .selected-list .c-remove svg {
  fill: #FFFFFF;
}
.rtl .smtTableOuter .w-70 {
  width: 68px;
  display: inline-block;
  font-weight: 500;
  text-align: center;
  border: none;
  border-right: 1px solid #a5a5a5;
  line-height: 18px;
  position: relative;
}
.rtl .smtTableOuter .w-70 .circle-round {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.rtl .smtTableOuter .img-35 {
  width: 35px;
  height: 35px;
  float: left;
  border-radius: 50%;
}
.rtl .smtTableOuter .img-100 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.rtl .smtTableOuter .cursor {
  width: 350px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.rtl .smtTableOuter .cursor .ml-2 {
  margin-left: 0 !important;
  margin-right: 5px;
}
.rtl .smtTableOuter .select-month {
  display: inline-flex;
  align-items: center;
}
.rtl .smtTableOuter .select-month i {
  transform: rotate(180deg);
  margin: -7px 3px 0 3px;
}
.rtl .smtTableOuter .select-month i:hover {
  color: var(--btnPrimary);
}
.rtl .smtTableOuter .status-bar {
  float: right;
  display: inline-flex;
  align-items: center;
}
.rtl .smtTableOuter .status-bar span {
  font-weight: 500;
  margin-left: 0 !important;
  margin-right: 5px;
}
.rtl .smtTableOuter .btn-top {
  text-align: left;
}
.rtl .card-header-text {
  float: right;
}
.rtl .jv-pop-up {
  height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
.rtl .flex-display {
  display: flex;
}
.rtl .selectMonth {
  text-align: left;
  color: #FFFFFF;
}
.rtl .selectMonth h4 i {
  transform: rotate(180deg);
  margin: -7px 3px 0 3px;
}
.rtl .attendancedetail table thead {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.rtl .attendancedetail table thead tr th {
  font-weight: 500;
}
.rtl .ngx-datatable .datatable-header {
  background-color: var(--main-color);
}
.rtl .customtbale {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.rtl .customtbale tr th {
  font-weight: 500 !important;
}
.rtl .innerScroll {
  height: 80vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.rtl .show-date b {
  float: right;
}
.rtl .text-alignRight {
  text-align: right;
}
.rtl span.smtprofileCancel {
  right: 18px;
}
.rtl .segment-table {
  min-height: 550px !important;
  display: block;
  overflow: auto;
  overflow-y: hidden;
}
.rtl .segment-table tr,
.rtl .segment-table td {
  display: inline-flex;
}
.rtl .segment-table tr:nth-child(1) td .dropdown-list .arrow-down,
.rtl .segment-table tr:nth-child(2) td .dropdown-list .arrow-down,
.rtl .segment-table tr:nth-child(3) td .dropdown-list .arrow-down,
.rtl .segment-table tr:nth-child(4) td .dropdown-list .arrow-down {
  bottom: -2px;
  top: unset;
  transform: rotate(360deg);
}
.rtl .segment-table tr:nth-child(1) td .dropdown-list .arrow-down.arrow-2,
.rtl .segment-table tr:nth-child(2) td .dropdown-list .arrow-down.arrow-2,
.rtl .segment-table tr:nth-child(3) td .dropdown-list .arrow-down.arrow-2,
.rtl .segment-table tr:nth-child(4) td .dropdown-list .arrow-down.arrow-2 {
  top: unset;
  bottom: -1px;
  transform: rotate(360deg);
}
.rtl .segment-table tbody tr td .c-list {
  height: 27px;
  overflow: hidden;
}
.rtl .segment-table tbody tr td .c-list .c-remove {
  top: 13px;
}
.rtl .segment-table .acc-badge {
  background-color: var(--main-color);
  display: inline-block;
  min-width: 10px;
  padding: 4px 10px;
  font-size: 12px !important;
  color: #FFFFFF;
  border-radius: 25px;
}
.rtl .segment-table .acc-badge-blank {
  background-color: #777 !important;
}
.rtl .segment-table li {
  margin: 3px !important;
}
.rtl .segment-table .btn-icon {
  width: 30px;
  line-height: 35px;
  height: 30px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  padding: 0;
}
.rtl .segment-table .btn-icon i {
  margin-right: 0;
  margin: auto;
  font-size: 13px !important;
}
.rtl .segment-table .dynamic-error {
  color: red;
  margin-top: 14px;
  white-space: pre;
}
.rtl .segment-table .dynamic-values {
  overflow-y: auto;
}
.rtl .segment-table .dynamic-values ul {
  padding: 0;
}
.rtl .segment-table .dimension-dropdown {
  width: 100%;
  margin-right: 3px;
}
.rtl .segment-table .table td,
.rtl .segment-table .table th {
  border-top: none;
}
.rtl .Tablepopup.popUPStatus .datatable-body-cell {
  overflow: hidden;
}
.rtl .Tablepopup .datatable-header-cell {
  width: 38.33% !important;
}
.rtl .Tablepopup .datatable-header-cell:first-child {
  width: 20.25% !important;
}
.rtl .Tablepopup .datatable-body-cell {
  height: 50px !important;
  width: 38.33% !important;
}
.rtl .Tablepopup .datatable-body-cell:first-child {
  width: 20.25% !important;
}
.rtl .Tablepopup .datatable-body-row {
  height: 50px !important;
}
.rtl .tableStyle tr {
  border-bottom: 1px solid #dee2e6;
}
.rtl .tableStyle tr td {
  border-top: none !important;
}
.rtl .tableStyle tr td.selectList .selected-list {
  width: 180px;
}
.rtl .date-ar .pull-left {
  float: right !important;
}
.rtl .date-ar .pull-right {
  float: left !important;
}
.rtl .table-style tr:hover {
  background-color: #e9e9e9;
  cursor: pointer;
}
.rtl .chartTable {
  overflow-x: scroll;
}
.rtl .chartTable table {
  width: 100%;
}
.rtl .chartTable table tr th {
  font-size: 15.5px;
}
.rtl .chartTable table tr th .border-checkbox-section {
  float: right;
}
.rtl .chartTable table tr th span.codeText {
  padding-left: 0 !important;
  position: relative;
  top: 1px;
}
.rtl .chartTable table tr:hover td {
  background-color: #e9e9e9;
  cursor: pointer;
}
.rtl .chartTable table tr.mat-row {
  height: 24px;
}
.rtl .chartTable table tr td {
  padding: 3px 15px 2px 15px;
  font-size: 15px;
}
.rtl .chartTable table tr td span.textcode {
  position: relative;
  top: -6px;
}
.rtl .chartTable table tr td button {
  background-color: transparent;
  border: none;
  height: 17px;
}
.rtl .chartTable table tr td button:focus {
  outline: none;
  border: none;
}
.rtl .navbar-logo img {
  width: 95px;
  margin-top: 5px;
}
.rtl .uploadLogo {
  width: 140px;
  height: 35px;
  text-align: center;
  overflow: hidden;
}
.rtl .uploadLogo img {
  width: auto;
  height: 100%;
}
.rtl .profile-notification {
  width: 13rem !important;
}
.rtl .note-text textarea.mat-input-element {
  line-height: 22px;
}
.rtl .pcoded .pcoded-navbar[data-navbar-theme=theme1] .pcoded-item > li.pcoded-trigger > a {
  background-color: var(--main-color-hover);
}
.rtl .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li.sublink a {
  background-color: var(--main-color-hover);
}
.rtl ul.customMenu li.pcoded-trigger a {
  background-color: var(--main-color-hover);
}
.rtl ul.customMenu ul.pcoded-submenu li a {
  background-color: transparent !important;
}
.rtl ul.customMenu ul.pcoded-submenu li.sublink a {
  background-color: var(--main-color-hover) !important;
}
.rtl .BtnAction {
  text-align: center;
  width: 100%;
}
.rtl .BtnAction .btn {
  padding: 5px 8px !important;
}
.rtl .modal {
  transform: scale(0) !important;
  opacity: 0 !important;
  transition: all 0.3s linear !important;
}
.rtl .modal.show {
  opacity: 1 !important;
  transform: scale(1) !important;
}
.rtl .modal .modal-body {
  max-height: 550px;
  overflow-x: hidden;
  overflow-y: auto;
}
.rtl .modal .modal-body .dropdown-list {
  left: auto !important;
  top: auto !important;
}
.rtl .modal .modal-dialog {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 47% !important;
  transform: translateY(-50%) !important;
}
.rtl .TemplateRecurring .datatable-body-cell {
  width: 100% !important;
}
.rtl .TemplateRecurring .datatable-header-cell {
  width: 100% !important;
}
.rtl #account-detail-modal {
  top: inherit !important;
  transform: inherit !important;
}
.rtl #account-detail-modal .modal-body {
  height: 550px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.rtl .reportTable .datatable-header-cell {
  border-left: 1px solid #FFFFFF;
}
.rtl .reportTable .datatable-header-cell:first-child {
  border-left: none;
}
.rtl .reportTable .ngx-datatable.material {
  border: none;
}
.rtl .reportTable .datatable-row-wrapper {
  border-bottom: 1px solid #dee2e6;
}
.rtl .reportTable .datatable-footer {
  border-top: none;
}
.rtl .optionExpand.collapsed .fa {
  transform: rotate(0deg);
}
.rtl .optionExpand .fa {
  transition: 0.3s transform ease-in-out;
  transform: rotate(0deg);
}
.rtl .select-employess .modal-body {
  min-height: 350px;
  overflow: hidden;
}
.rtl .select-employess .modal-body div.ng-star-inserted {
  max-height: 170px !important;
}
.rtl .select-employess .modal-body .dropdown-list ul li {
  padding: 4px 10px 10px 10px;
}
.rtl .datatable-body-row:hover {
  cursor: pointer;
}
.rtl #detailModal table tr th {
  text-align: right;
}
.rtl #detailModal table tr td {
  text-align: right;
}
.rtl #detailModal .modal-footer {
  justify-content: flex-end;
}
.rtl .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li {
  padding: 0 12px 0 0;
}
.rtl .innerGraphaBody .card-body {
  direction: initial;
}
.rtl .DashboardHeader .btn {
  float: left !important;
}
.rtl .DashboardHeader .card-header {
  text-align: right;
}
.rtl .DashboardHeader .card-header h5 {
  margin-right: 0;
}
.rtl .DashboardHeader .btn-group {
  float: right;
}
.rtl .mat-select-arrow {
  position: absolute;
  left: 0;
}
.rtl .mat-option {
  text-align: right !important;
}
.rtl .cancelBtn {
  position: absolute;
  left: 5px;
  top: -62px;
}
.rtl .CustomStyleTheme .dropdown-list ul li label {
  padding-right: 0;
}
.rtl .CustomStyleTheme .dropdown-list ul li:last-child {
  text-align: left !important;
}
.rtl .CustomStyleTheme .dropdown-list ul li:last-child:hover {
  background: transparent !important;
}
.rtl .labelstyle {
  font-size: 16px;
}
.rtl .menu-top-menu-container {
  color: white;
  text-align: right;
}
.rtl .menu-top-menu-container li {
  list-style-type: none;
  position: relative;
}
.rtl .menu-top-menu-container li a i {
  float: right;
  margin: -2px 0 0 13px !important;
}
.rtl .menu-top-menu-container li.active ul li {
  position: relative;
}
.rtl .menu-top-menu-container li.active ul li i.fa-star {
  position: absolute;
  top: 11px;
  right: 7PX;
  z-index: 100;
  cursor: pointer;
}
.rtl .menu-top-menu-container li.active ul li .favorite-list {
  font-size: 12px;
  margin: 4px 5px 0 5px !important;
}
.rtl .menu-top-menu-container li.active ul li .favorite-list:hover {
  color: #000000;
}
.rtl .menu-top-menu-container li.active ul li.active a {
  background-color: var(--side-bar);
  color: var(--main-color-hover);
}
.rtl .menu-top-menu-container li.active ul li.active a:hover {
  color: #FFFFFF;
}
.rtl .menu-top-menu-container li.active ul li a {
  background-color: #f6f0e1;
}
.rtl .menu-top-menu-container li.active a {
  background-color: #303030;
  color: var(--main-color-hover) !important;
}
.rtl .menu-top-menu-container ul ul {
  display: none;
  margin-left: 0;
  margin-right: 15px;
  border-right: 16px solid #f6f0e1;
  margin-right: 0;
}
.rtl .menu-top-menu-container li.active > ul {
  display: block;
}
.rtl .menu-top-menu-container > ul > li > a {
  position: relative;
  display: block !important;
  padding: 15px 15px 15px 15px;
  color: white;
  font-size: 18px !important;
  transition: all 0.15s;
  text-decoration: none;
}
.rtl .menu-top-menu-container ul ul li a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 9px 35px 9px 5px;
  position: relative;
  direction: rtl;
}
.rtl .menu-top-menu-container ul ul li a span:focus {
  outline: none;
}
.rtl .menu-top-menu-container ul ul li a:hover span {
  cursor: pointer;
}
.rtl .menu-top-menu-container ul ul ul {
  margin-left: 0px;
  margin-right: 15px;
}
.rtl .menu-top-menu-container ul ul ul li a {
  background-color: var(--main-color) !important;
}
.rtl .menu-top-menu-container ul ul ul li.active a {
  background-color: var(--main-color-hover) !important;
}
.rtl .menu-top-menu-container .favouirted-list:after {
  display: none;
}
.rtl .menu-top-menu-container a:not(:only-child):after {
  position: absolute;
  left: 15px;
  right: inherit;
  content: "\f067";
  font-family: "FontAwesome";
  top: 38%;
  font-size: 10px;
}
.rtl .menu-top-menu-container .active > a:not(:only-child):after {
  content: "\f068";
  font-family: "FontAwesome";
}
.rtl .alert-suceess {
  background-color: var(--btnSuccess);
  border: var(--btnSuccess);
  color: #FFFFFF;
}
.rtl .alert-danger {
  background-color: var(--btnDanger);
  border: var(--btnDanger);
  color: #FFFFFF;
}
.rtl .innerGraphaBody .card-body {
  min-height: 220px;
}
.rtl .tableRow .headingTitle span {
  font-weight: 500;
}
.rtl .tableRow .Space-row {
  margin: 13px -35px 5px -35px;
}
.rtl .tableRow .Space-row hr {
  border: 5px solid #e8e8e8;
}
.rtl .login-content-right {
  text-align: right;
  direction: rtl;
}
.rtl .login-content-right ul {
  color: #FFFFFF;
}
.rtl .login-content-right ul li::before {
  right: -15px;
  left: inherit;
}
.rtl .eye-icon {
  cursor: pointer;
}
.rtl .popWidth .datatable-header-cell {
  width: 33% !important;
}
.rtl .popWidth .datatable-body-cell {
  width: 33% !important;
}
.rtl .customerpopup .datatable-header-cell {
  width: 20% !important;
}
.rtl .customerpopup .datatable-body-cell {
  width: 20% !important;
}
.rtl .Itempop .datatable-header-cell {
  width: 28% !important;
}
.rtl .Itempop .datatable-header-cell:first-child {
  width: 10% !important;
}
.rtl .Itempop .datatable-body-cell {
  width: 25% !important;
}
.rtl .Itempop .datatable-body-cell:first-child {
  width: 10% !important;
}
.rtl .textRight {
  text-align: right;
}
.rtl .rowbox .card-header {
  padding: 7px 15px;
}
.rtl .financedashboard .progressBar {
  height: 15px;
}
.rtl .financedashboard .card {
  margin-bottom: 20px;
}
.rtl .financedashboard .card-body {
  padding: 0;
}
.rtl .financedashboard .table-style {
  border: none;
}
.rtl .financedashboard .table-style tr th {
  font-size: 15px;
  padding: 2px 10px;
  background-color: var(--main-color);
  color: #FFFFFF;
  font-weight: 500;
}
.rtl .financedashboard .table-style tr td {
  padding: 1px 10px;
  font-size: 14px;
  vertical-align: middle;
}
.rtl .financedashboard .table-style tr td:first-child {
  font-weight: 500;
}
.rtl .ItemModal {
  max-width: 1350px;
}
.rtl .ItemModal .modal-body {
  min-height: 575px;
  max-height: inherit;
  overflow: hidden;
}
.rtl .CustomStyleTheme .datatable-checkbox {
  margin-top: 3px !important;
}
.rtl .titleBox .delete-title {
  left: 8px;
  right: inherit;
}
.rtl .paginationBottom {
  text-align: left;
  float: left;
  margin-left: -10px;
}
.rtl .CustomStyleTheme .titleBox table tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.rtl .CustomStyleTheme .titleBox table tr td {
  padding: 3px;
  font-size: 13px;
  border: none;
}
.rtl .CustomStyleTheme .titleBox table tr td:first-child {
  font-weight: 500;
  width: 38% !important;
}
.rtl .CustomStyleTheme .titleBox table tr td .accbadge {
  position: relative;
  top: 0;
  left: 0;
}
.rtl .CustomStyleTheme .titleBox .btn i {
  margin-right: 0;
}
.rtl .CustomStyleTheme .btn.btn-outline-danger {
  color: var(--btnDanger) !important;
  border: 1px solid var(--btnDanger) !important;
  padding: 2px 17px;
}
.rtl .CustomStyleTheme .btn.btn-outline-danger:hover {
  color: #FFFFFF !important;
}
.rtl .customTabs {
  left: 0;
  right: inherit !important;
}
.rtl .calendarStyle .fc-list-table {
  direction: rtl;
  text-align: right;
}
.rtl .calendarStyle .fc-list-table span.fc-list-heading-main {
  float: right;
}
.rtl .calendarStyle .fc-list-table span.fc-list-heading-alt {
  float: left;
}
.rtl .calendarStyle .fc-event {
  border-color: #d0d7da;
  border-right: 4px solid #0073aa;
  text-transform: capitalize;
  line-height: 16px;
  background: #f3f3f3;
  text-align: right;
}
.rtl .calendarStyle .fc-day-grid-event .fc-time {
  font-weight: 500;
  display: inline-block;
  margin-left: 2px;
  position: relative;
}
.rtl .calendarStyle .fc-head {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.rtl .calendarStyle .fc-head thead tr th {
  font-weight: 400;
  padding: 4px 0;
}
.rtl .calendarStyle .fc-header-toolbar .fc-left {
  float: right;
}
.rtl .calendarStyle .fc-header-toolbar .fc-right {
  float: left;
}
.rtl .calendarStyle .fc-header-toolbar button {
  border: none;
  background: #ededed;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  text-transform: capitalize;
  border-left: 1px solid #FFFFFF;
  padding: 2px 15px;
}
.rtl .calendarStyle .fc-header-toolbar button .fc-icon-right-single-arrow::after {
  content: "\f105";
  font-size: 18px;
  font: normal normal normal 14px/1 FontAwesome;
}
.rtl .calendarStyle .fc-header-toolbar button .fc-icon-left-single-arrow::after {
  content: "\f104";
  font-size: 18px;
  font: normal normal normal 14px/1 FontAwesome;
}
.rtl .calendarStyle .fc-header-toolbar button:focus {
  outline: none;
}
.rtl .calendarStyle .fc-header-toolbar button:hover {
  background: var(--main-color);
  color: #FFFFFF;
}
.rtl .calendarStyle .fc-header-toolbar .fc-right button {
  min-width: 70px;
  float: right;
}
.rtl .calendarStyle .fc-header-toolbar .fc-right button.fc-state-active {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.rtl .calendarStyle .fc-list-view .fc-list-heading td {
  background: var(--main-color) !important;
  font-weight: 500;
  color: #FFFFFF;
}
.rtl .TabsCustom.dashboard-tabs li {
  width: 16.6%;
}
.rtl .TabsCustom li {
  width: 20%;
  text-align: center;
  background-color: #e9e9e9;
}
.rtl .TabsCustom li a {
  color: var(--main-color-hover);
  padding: 12px 0;
  font-weight: 500;
}
.rtl .TabsCustom li a.hover i {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.rtl .TabsCustom li a.active i {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.rtl .TabsCustom li a i {
  width: 28px;
  height: 28px;
  background-color: #FFFFFF;
  border-radius: 50%;
  position: relative;
  color: var(--main-color);
  top: 0px;
  line-height: 28px;
}
.rtl #eventModal ol,
.rtl #eventModal ul {
  padding-left: revert;
  list-style-type: revert;
}
.rtl #eventModal .modal-header {
  text-transform: capitalize;
}
.rtl #eventModal .modal-header label {
  font-size: 12px !important;
  padding: 2px 5px 3px 5px;
  position: relative;
  top: 10px;
  border-radius: 0;
}
.rtl #eventModal .modal-header i {
  background: #ddd;
  padding: 5px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 15px;
  position: relative;
  top: -2px;
  text-align: center;
  line-height: 20px;
}
.rtl .innerWrap {
  position: relative;
  top: 50%;
  left: 57%;
  transform: translate(-58%, -42%);
  margin-top: 17%;
}
.rtl .innerWrap .selector {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 250px;
  height: 250px;
  margin-left: -70px;
}
.rtl .innerWrap .selector button {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: #FFFFFF;
  border-radius: 50%;
  border: 0;
  color: white;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 0px 0px 27px 2px rgba(0, 0, 0, 0.48);
  transition: all 0.1s;
}
.rtl .innerWrap .selector button .text {
  line-height: 23px;
  margin-top: 5px;
  padding: 0 15px;
  font-size: 20px;
}
.rtl .innerWrap .selector button img.LogoOne {
  width: 100%;
}
.rtl .innerWrap .selector button img {
  width: 80px;
}
.rtl .innerWrap .selector button:hover {
  background: #FFFFFF;
}
.rtl .innerWrap .selector button:focus {
  outline: none;
}
.rtl .innerWrap .selector ul {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: -37%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.rtl .innerWrap .selector li {
  position: absolute;
  width: 0;
  height: 100%;
  margin: 0 50%;
  transform: rotate(-360deg);
  transition: all 0.8s ease-in-out;
}
.rtl .innerWrap .selector li input {
  display: none;
}
.rtl .innerWrap .selector li input + label {
  position: absolute;
  left: 50%;
  bottom: 140%;
  width: 0;
  height: 0;
  line-height: 1px;
  margin-left: 0;
  border-radius: 50%;
  text-align: center;
  font-size: 1px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.5s ease-out;
  clip-path: circle(50% at 50% 50%);
}
.rtl .innerWrap .selector li input + label:hover {
  clip-path: circle(70% at 50% 50%);
  border-radius: 0%;
}
.rtl .innerWrap .selector.open li input + label {
  width: 130px;
  height: 130px;
  line-height: 75px;
  font-size: 14px;
}
.rtl .innerWrap .selector.open li input + label img {
  margin: auto;
  width: 60px;
  margin-top: 23px;
}
.rtl .innerWrap .selector.open li label div.text {
  position: absolute;
  top: 87px;
  width: 100%;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 13px;
  padding: 0 12%;
}
.rtl .SM-1001ADMIN {
  background: #797b79;
}
.rtl .SM-1001ADMIN:hover {
  background: #797b79;
}
.rtl .SM-1002HOME {
  background: #343b7f;
}
.rtl .SM-1002HOME:hover {
  background: #343b7f;
}
.rtl .SM-1003DASHBOARD {
  background: #8ac541;
}
.rtl .SM-1003DASHBOARD:hover {
  background: #8ac541;
}
.rtl .SM-3001HUMAN_RESOURCES_MANAGEMENT {
  background: #1aa79c;
}
.rtl .SM-3001HUMAN_RESOURCES_MANAGEMENT:hover {
  background: #1aa79c;
}
.rtl .SM-3002PAYROLL_MANAGEMENT {
  background: #29b9ae;
}
.rtl .SM-3002PAYROLL_MANAGEMENT:hover {
  background: #29b9ae;
}
.rtl .SM-3003ATTENDANCE_MANAGEMENT {
  background: #3bccc1;
}
.rtl .SM-3003ATTENDANCE_MANAGEMENT:hover {
  background: #3bccc1;
}
.rtl .SM-2001GENERAL_LEDGER {
  background: #81663b;
}
.rtl .SM-2001GENERAL_LEDGER:hover {
  background: #81663b;
}
.rtl .SM-2002ACCOUNTS_RECEIVABLE {
  background: #9c7b45;
}
.rtl .SM-2002ACCOUNTS_RECEIVABLE:hover {
  background: #9c7b45;
}
.rtl .SM-2003ACCOUNTS_PAYABLE {
  background: #b99456;
}
.rtl .SM-2003ACCOUNTS_PAYABLE:hover {
  background: #b99456;
}
.rtl .SM-2004CASH__BANK_MANAGEMENT {
  background: #d2a863;
}
.rtl .SM-2004CASH__BANK_MANAGEMENT:hover {
  background: #d2a863;
}
.rtl .SM-2005FIXED_ASSETS_MANAGEMENT {
  background: #dcb36f;
}
.rtl .SM-2005FIXED_ASSETS_MANAGEMENT:hover {
  background: #dcb36f;
}
.rtl .SM-2006TAX_DECLARATION {
  background: #e6c080;
}
.rtl .SM-2006TAX_DECLARATION:hover {
  background: #e6c080;
}
.rtl .SM-4001WAREHOUSE_MANAGEMENT {
  background: #824949;
}
.rtl .SM-4001WAREHOUSE_MANAGEMENT:hover {
  background: #824949;
}
.rtl .SM-4002CUSTOMER_INVOICING {
  background: #ae6969;
}
.rtl .SM-4002CUSTOMER_INVOICING:hover {
  background: #ae6969;
}
.rtl .SM-4003PURCHASE_MANAGEMENT {
  background: #cc8d8d;
}
.rtl .SM-4003PURCHASE_MANAGEMENT:hover {
  background: #cc8d8d;
}
.rtl .SM-6001SALES_ORDER_PROCESSING {
  background: #e0a8a8;
}
.rtl .SM-6001SALES_ORDER_PROCESSING:hover {
  background: #e0a8a8;
}
.rtl .SM-4005PROCUREMENT {
  background: #e0baba;
}
.rtl .SM-4005PROCUREMENT:hover {
  background: #e0baba;
}
.rtl .SM-5001CRM {
  background: #343b7f;
}
.rtl .SM-5001CRM:hover {
  background: #343b7f;
}
.rtl .SM-6002POS {
  background: #222222;
}
.rtl .SM-6002POS:hover {
  background: #171616;
}
.rtl .SM-6007DOCUMENT_EXPIRY {
  background: #fe6d52;
}
.rtl .SM-6007DOCUMENT_EXPIRY:hover {
  background: #ec4d2f;
}
.rtl .SM-6007DOCUMENT_EXPIRY .text {
  padding: 0 11% !important;
}
.rtl .SM-6007COMPANY_SETUP {
  background: #fe6d52;
}
.rtl .SM-6007COMPANY_SETUP:hover {
  background: #ec4d2f;
}
.rtl .SM-6007COMPANY_SETUP .text {
  padding: 0 11% !important;
}
.rtl .SM-6003WORKFLOW {
  background: #203255;
}
.rtl .SM-6003WORKFLOW:hover {
  background: #203255;
}
.rtl .SM-6003WORKFLOW .text {
  padding: 0 11% !important;
}
.rtl .logo-SM-1001ADMIN {
  background: #797b79 !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.rtl .logo-SM-1002HOME,
.rtl .logo-SM-5001CRM {
  background: #343b7f !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.rtl .logo-SM-1003DASHBOARD {
  background: #8ac541 !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.rtl .logo-SM-3001HUMAN_RESOURCES_MANAGEMENT,
.rtl .logo-SM-3002PAYROLL_MANAGEMENT,
.rtl .logo-SM-3003ATTENDANCE_MANAGEMENT {
  background: #1aa79c !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.rtl .logo-SM-2001GENERAL_LEDGER,
.rtl .logo-SM-2002ACCOUNTS_RECEIVABLE,
.rtl .logo-SM-2003ACCOUNTS_PAYABLE,
.rtl .logo-SM-2004CASH__BANK_MANAGEMENT,
.rtl .logo-SM-2005FIXED_ASSETS_MANAGEMENT,
.rtl .logo-SM-2006TAX_DECLARATION {
  background: #81663b !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.rtl .logo-SM-4001WAREHOUSE_MANAGEMENT,
.rtl .logo-SM-4002CUSTOMER_INVOICING,
.rtl .logo-SM-4003PURCHASE_MANAGEMENT,
.rtl .logo-SM-5001CRM,
.rtl .logo-SM-6001SALES_ORDER_PROCESSING,
.rtl .logo-SM-4005PROCUREMENT {
  background: #824949 !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.rtl .logo-SM-6002POS {
  background: #171616 !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.rtl .logo-SM-6007DOCUMENT_EXPIRY {
  background: #ec4d2f !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.rtl .logo-SM-6007COMPANY_SETUP {
  background: #ec4d2f !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.rtl .logo-SM-6003WORKFLOW {
  background: #203255 !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.rtl .icons-chat {
  position: fixed;
  left: 3px;
  right: inherit;
  bottom: 5px;
  z-index: 10000;
}
.rtl .icons-chat a {
  background: var(--main-color);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: grid;
  margin-left: 5px;
  display: inline-block;
  line-height: 45px;
  text-align: center;
}
.rtl .icons-chat a i {
  font-size: 20px;
  position: relative;
  top: 3px;
}
.rtl .icons-chat a img {
  width: 20px;
  height: 20px;
}
.rtl .icons-chat a:hover {
  background-color: var(--main-color-hover);
}
.rtl .icons-chat a i {
  margin: auto;
  color: #FFFFFF;
}
.rtl .panelRight {
  width: 50px;
  float: left;
  background: var(--main-color);
  position: fixed;
  left: -50px;
  top: 0;
  z-index: 1000;
  top: 61px;
  padding: 10px 0 10px 0;
}
.rtl .panelRight ul li a {
  color: #FFFFFF;
  padding: 8px 15px 8px 5px;
  display: inline-block;
  width: 100%;
  direction: rtl;
  text-align: center;
}
.rtl .panelRight ul li a i {
  margin-right: 0px;
  margin-left: 5px;
  font-size: 23px;
}
.rtl .panelRight ul li a:hover {
  background: var(--main-color-hover);
}
.rtl .slider-arrow {
  padding: 5px;
  width: 35px;
  height: 36px;
  float: left;
  text-align: center;
  background: var(--main-color);
  color: #000000;
  text-decoration: none;
  position: absolute;
  left: 50px;
  top: 95px;
}
.rtl .slider-arrow.show::before {
  content: "\e662";
  font-family: themify;
  width: 35px;
  height: 35px;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  background: var(--main-color);
  top: 0;
  padding: 7px 0;
}
.rtl .slider-arrow.hide::before {
  content: "\e661";
  font-family: themify;
  width: 35px;
  background: var(--main-color);
  height: 35px;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  top: 0;
  padding: 7px 0;
}
.rtl #eventModal .modal-header {
  background-color: #eaeaea;
}
.rtl #eventModal .modal-body .headerTop {
  background: #f5f5f5;
  padding: 6px 5px;
  margin-top: -17px;
}
.rtl #eventModal .modal-body .headerTop span.Emailname {
  color: #0fb914;
}
.rtl #eventModal .modal-body .headerTop .dueDate {
  font-size: 14px;
  margin-top: 2px;
  text-align: left;
}
.rtl #eventModal .modal-body .descriptionBox {
  padding: 5px;
  height: 150px;
  border: 1px solid #ddd;
  margin-bottom: 5px;
}
.rtl #eventModal .modal-body .descriptionBox.smallD {
  height: 75px;
  margin-bottom: 20px;
}
.rtl #timeline:before {
  left: inherit;
  right: 28px;
}
.rtl #timeline .timeline-item .timeline-icon {
  right: -21px;
  left: inherit;
  top: -1px;
}
.rtl #timeline .timeline-item .timeline-icon i {
  left: 8px;
  top: 5px;
}
.rtl #timeline .timeline-item .timeline-content.right {
  float: left;
}
.rtl #timeline .timeline-item .timeline-content .description {
  text-align: right;
}
.rtl #timeline .timeline-item .timeline-content .heading-tile .pull-left {
  float: right;
  padding-right: 10px;
}
.rtl #timeline .timeline-item .timeline-content .heading-tile .pull-right {
  float: left;
}
.rtl #timeline .timeline-item .timeline-content.right:before {
  left: 97%;
  transform: rotate(180deg);
}
.rtl .selectTheme {
  text-align: center;
}
.rtl .selectTheme:hover {
  cursor: pointer;
}
.rtl .selectTheme:hover .img {
  border: 1px solid var(--main-color);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
}
.rtl .selectTheme:hover .radio label {
  cursor: pointer;
}
.rtl .selectTheme a {
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  display: inline-block;
}
.rtl .selectTheme h5 {
  margin-bottom: 10px;
}
.rtl .selectTheme .radio {
  margin-right: 0;
}
.rtl .selectTheme .radio input {
  display: none;
}
.rtl .selectTheme .radio label {
  margin-bottom: 0;
}
.rtl .selectTheme .img {
  border: 1px solid #ddd;
  padding: 2px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  position: relative;
}
.rtl .selectTheme .img i {
  position: absolute;
  right: -10px;
  background: #445c1e;
  top: -15px;
  border-radius: 100%;
  color: #FFFFFF;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.rtl .selectTheme .img i::before {
  color: #FFFFFF;
  font-size: 15px;
}
.rtl .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--btnPrimary) !important;
}
.rtl .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(0, 115, 170, 0.5) !important;
}
.rtl .btn-status {
  text-align: right;
}
.rtl .btn-status .btn-deafult,
.rtl .btn-status .btn-danger {
  background-color: #fe6d52;
  color: #FFFFFF;
}
.rtl .btn-status .btn-deafult.border,
.rtl .btn-status .btn-danger.border {
  border: 1px solid var(--main-color-hover) !important;
  color: var(--main-color-hover) !important;
  background-color: #FFFFFF !important;
}
.rtl .btn-status .btn-deafult.border:hover,
.rtl .btn-status .btn-danger.border:hover {
  background-color: var(--main-color-hover) !important;
  color: #FFFFFF !important;
}
.rtl .btn-status .btn {
  border-radius: 0;
  color: #FFFFFF !important;
  text-transform: capitalize !important;
  min-width: 160px;
  text-align: center;
  padding: 10px 0px;
  font-size: 18px;
  font-weight: 500;
  min-height: 50px;
  position: relative;
}
.rtl .btn-status .btn span.mat-badge-content {
  position: absolute;
  right: inherit;
  left: -9px !important;
  top: -33px;
  left: inherit;
  background-color: #fe6d52;
  color: #FFFFFF;
}
.rtl .btn i {
  margin-right: 0;
}
.rtl .btn.pull-right {
  float: left;
}
.rtl .setting-card {
  min-height: 190px;
  padding: 20px;
}
.rtl .setting-card .layout-select {
  max-width: 490px;
  margin: auto;
}
.rtl .setting-card .layout-select a {
  float: left;
  color: #454853;
  margin: 0 9px;
  cursor: pointer;
}
.rtl .setting-card .layout-select a:hover img {
  background-color: var(--main-color-hover);
}
.rtl .setting-card .layout-select a img {
  padding: 10px;
}
.rtl .payment-modal {
  border-radius: 0;
}
.rtl .payment-modal .modal-header h4 {
  font-size: 20px;
}
.rtl .payment-modal .size-20 {
  font-size: 20px;
}
.rtl .payment-modal .modal-content {
  padding: 15px;
  border-radius: 0;
}
.rtl .payment-modal .modal-content .POS-tabs {
  border: 1px solid #d3d4d4;
  border-right: 0;
  border-top: none;
}
.rtl .payment-modal .modal-content .POS-tabs.customersType li a {
  position: relative;
}
.rtl .payment-modal .modal-content .POS-tabs.customersType li a.active::before {
  position: absolute;
  left: 48%;
  bottom: -6px;
  width: 15px;
  height: 15px;
  content: "";
  background-color: #454853;
  transform: rotate(316deg);
}
.rtl .payment-modal .modal-content .POS-tabs li a {
  border-right: 1px solid #d3d4d4;
  border-top: 1px solid #d3d4d4;
  color: #454853;
  background-color: transparent;
  border-left: 0;
  border-radius: 0;
}
.rtl .payment-modal .modal-content .POS-tabs li a:hover {
  color: #FFFFFF;
  background-color: #454853;
  border-color: #454853;
}
.rtl .payment-modal .modal-content .POS-tabs li a.active {
  background-color: #454853;
  border-color: #454853;
  color: #FFFFFF;
}
.rtl .payment-modal .modal-content .tab-content {
  border: 1px solid #d3d4d4;
  border-top: none;
  padding: 15px;
  padding-bottom: 0;
  min-height: 383px;
}
.rtl .payment-modal .modal-content .tab-content .checkout-form input {
  height: 48px;
  margin-bottom: 11px;
}
.rtl .payment-modal .modal-content .tab-content .btn-footer {
  text-align: right;
}
.rtl .payment-modal .modal-content .tab-content .btn-footer .btn {
  border: 1px solid #FE6D52;
  color: #FE6D52;
  font-size: 16px;
  border-radius: 0;
  text-transform: capitalize;
}
.rtl .payment-modal .modal-content .tab-content .btn-footer .btn.active {
  background-color: #FE6D52;
  color: #FFFFFF;
}
.rtl .payment-modal .modal-header {
  border-radius: 0;
  border: 1px solid #fe6d52;
}
.rtl .slider {
  -webkit-appearance: none;
          appearance: none;
  width: 100%;
  height: 1px;
  border-radius: 0px;
  background: #707070;
  outline: none;
  opacity: 1;
  transition: opacity 0.2s;
}
.rtl .slider:hover {
  opacity: 1;
}
.rtl .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FE6D52;
  cursor: pointer;
}
.rtl .slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FE6D52;
  cursor: pointer;
}
.rtl .cat-img .productimg {
  height: 190px;
}
.rtl .cat-img .productprice {
  bottom: -8px !important;
}
.rtl .pagination-category {
  background: #546b82 !important;
  padding: 0px 9px !important;
  min-height: 36px;
  line-height: 36px;
  position: relative;
  z-index: 1;
}
.rtl .pagination-category span {
  color: #FFFFFF;
}
.rtl .pagination-category span:last-child a {
  color: #FFFFFF;
  background: var(--main-color-hover) !important;
  margin-left: 6px;
}
.rtl .pagination-category span:hover {
  cursor: pointer;
}
.rtl .pagination-category span a {
  color: #FFFFFF;
  padding: 3px 6px;
  border-radius: 2px;
  margin-left: 6px;
  display: inline-block;
}
.rtl .add-cat {
  border-top: none;
  padding: 15px;
  color: #FFFFFF;
  font-size: 18px;
  background-color: var(--side-bar);
  text-align: center;
  margin-right: -15px;
  margin-left: 15px;
}
.rtl .add-cat.first {
  border-right: none;
  background-color: var(--main-color-hover);
  color: #FFFFFF;
  margin-right: 15px;
  margin-left: -15px;
}
.rtl .addCategoryform {
  padding: 25px 25px 17px 26px;
  background-color: #f9f9f9;
  border: 1px solid #b3a7a7;
  margin-bottom: 20px;
  box-shadow: 2px 2px 5px rgba(45, 45, 45, 0.3411764706);
}
.rtl .productSearch .mat-form-field-infix {
  padding: 7px 0 14px 0 !important;
}
.rtl .productSearch .mat-form-field-wrapper {
  padding-bottom: 5px !important;
}
.rtl .productSearch .mat-form-field-appearance-outline .mat-form-field-outline-end,
.rtl .productSearch .mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 0 !important;
}
.rtl .add-plus {
  min-width: 70px !important;
  padding-top: 15px !important;
}
.rtl .add-plus i {
  margin-right: 0;
}
.rtl .category-box {
  height: 290px;
  overflow-x: auto;
}
.rtl .category-box::-webkit-scrollbar-track,
.rtl .productlist::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.rtl .category-box::-webkit-scrollbar,
.rtl .productlist::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.rtl .category-box::-webkit-scrollbar-thumb,
.rtl .productlist::-webkit-scrollbar-thumb {
  background-color: #202020;
}
.rtl .msg-error {
  top: -9px;
}
.rtl .bg-cat-left {
  background-color: #E9E9E9;
}
.rtl .heading-right {
  text-align: right;
}
.rtl .modules-tabs {
  position: absolute;
  left: 38px;
  padding: 0;
  top: 35px;
  background: #5a5a5d;
}
.rtl .modules-tabs li {
  float: left;
}
.rtl .modules-tabs li a {
  border-radius: 0;
  padding: 8px 10px;
  border: none !important;
}
.rtl .modules-tabs li a.active {
  background-color: var(--main-color-hover) !important;
}
.rtl .modules-tabs li a.active img {
  opacity: 1;
}
.rtl .modules-tabs li a:hover img {
  opacity: 1;
}
.rtl .modules-tabs li a img {
  opacity: 0.7;
  width: 28px;
}
.rtl .list-module {
  margin-top: 30px;
  padding: 0;
}
.rtl .list-module li {
  width: 100%;
  background-color: #FFFFFF;
  margin-bottom: 10px;
  float: left;
  cursor: pointer;
}
.rtl .list-module li:hover {
  box-shadow: 0px 0px 9px 3px #c7c7c7;
}
.rtl .list-module li:hover div.text {
  cursor: pointer;
}
.rtl .list-module li label {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  float: right;
  margin-bottom: 0;
  position: relative;
  margin-top: 0px;
  left: 2px;
}
.rtl .list-module li label div.text {
  position: absolute;
  right: 85px;
  min-width: 77vw;
  cursor: pointer;
  top: 0px;
  text-align: right;
  color: var(--main-color);
  font-size: 20px;
}
.rtl .grid-module {
  margin-top: 30px;
  margin-left: -8px;
  padding: 0;
  margin-right: -8px;
}
.rtl .grid-module .flip-card {
  background-color: transparent;
  height: 189px;
  margin-bottom: 15px;
  perspective: 1000px;
}
.rtl .grid-module .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.rtl .grid-module .flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.rtl .grid-module .flip-card-front,
.rtl .grid-module .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.rtl .grid-module .flip-card-front {
  color: black;
}
.rtl .grid-module .flip-card-front img {
  max-width: 100%;
}
.rtl .grid-module .flip-card:hover .flip-card-front div.text {
  opacity: 0;
}
.rtl .grid-module .flip-card-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
  z-index: 100;
}
.rtl .grid-module .flip-card-back label .text {
  color: #FFFFFF !important;
}
.rtl .grid-module .flip-card-back label.SM-1002HOME {
  background: #343b7f;
}
.rtl .grid-module .flip-card-back label.SM-2001GENERAL_LEDGER {
  background: #81663b;
}
.rtl .grid-module .flip-card-back label.SM-2002ACCOUNTS_RECEIVABLE {
  background: #9c7b45;
}
.rtl .grid-module .flip-card-back label.SM-2003ACCOUNTS_PAYABLE {
  background: #b99456;
}
.rtl .grid-module .flip-card-back label.SM-2004CASH__BANK_MANAGEMENT {
  background: #d2a863;
}
.rtl .grid-module .flip-card-back label.SM-2005FIXED_ASSETS_MANAGEMENT {
  background: #dcb36f;
}
.rtl .grid-module .flip-card-back label.SM-2006TAX_DECLARATION {
  background: #e6c080;
}
.rtl .grid-module .flip-card-back label.SM-3001HUMAN_RESOURCES_MANAGEMENT {
  background: #1aa79c;
}
.rtl .grid-module .flip-card-back label.SM-3002PAYROLL_MANAGEMENT {
  background: #29b9ae;
}
.rtl .grid-module .flip-card-back label.SM-3003ATTENDANCE_MANAGEMENT {
  background: #3bccc1;
}
.rtl .grid-module .flip-card-back label.SM-4001WAREHOUSE_MANAGEMENT {
  background: #824949;
}
.rtl .grid-module .flip-card-back label.SM-4002CUSTOMER_INVOICING {
  background: #ae6969;
}
.rtl .grid-module .flip-card-back label.SM-4003PURCHASE_MANAGEMENT {
  background: #cc8d8d;
}
.rtl .grid-module .flip-card-back label.SM-6001SALES_ORDER_PROCESSING {
  background: #e0a8a8;
}
.rtl .grid-module .flip-card-back label.SM-4005PROCUREMENT {
  background: #e0baba;
}
.rtl .grid-module .flip-card-back label.SM-5001CRM {
  background: #343b7f;
}
.rtl .grid-module .flip-card-back label.SM-6002POS {
  background: #222222;
}
.rtl .grid-module .flip-card-back label.SM-6007COMPANY_SETUP {
  background: #fe6d52;
}
.rtl .grid-module .flip-card-back label.SM-6003WORKFLOW {
  background: #203255;
}
.rtl .grid-module .flip-card-back label.SM-1003DASHBOARD {
  background: #8ac541;
}
.rtl .grid-module .flip-card-back label.SM-1001ADMIN {
  background: #797b79;
}
.rtl .grid-module .col-md-2 {
  padding: 0 8px !important;
  flex: 0 0 12.5%;
  max-width: 14%;
}
.rtl .grid-module .SM-2003ACCOUNTS_PAYABLE3,
.rtl .grid-module .SM-3001HUMAN_RESOURCES_MANAGEMENT7,
.rtl .grid-module .SM-4001WAREHOUSE_MANAGEMENT10,
.rtl .grid-module .SM-6002POS14,
.rtl .grid-module .SM-1003DASHBOARD17,
.rtl .grid-module .SM-6002POS15 {
  flex: 0 0 25%;
  max-width: 25%;
}
.rtl .grid-module li:hover div.text {
  cursor: pointer;
}
.rtl .grid-module li label {
  width: 100%;
  padding-top: 40px;
  text-align: center;
  height: 189px;
  background-color: #FFFFFF;
  margin-bottom: 15px;
  cursor: pointer;
}
.rtl .grid-module li label.SM-1002HOME::before {
  background: #343b7f;
}
.rtl .grid-module li label.SM-1002HOME .text {
  color: #343b7f;
}
.rtl .grid-module li label.SM-2001GENERAL_LEDGER::before {
  background: #81663b;
}
.rtl .grid-module li label.SM-2001GENERAL_LEDGER .text {
  color: #81663b;
}
.rtl .grid-module li label.SM-2002ACCOUNTS_RECEIVABLE::before {
  background: #9c7b45;
}
.rtl .grid-module li label.SM-2002ACCOUNTS_RECEIVABLE .text {
  color: #9c7b45;
}
.rtl .grid-module li label.SM-2003ACCOUNTS_PAYABLE::before {
  background: #b99456;
}
.rtl .grid-module li label.SM-2003ACCOUNTS_PAYABLE .text {
  color: #b99456;
}
.rtl .grid-module li label.SM-2004CASH__BANK_MANAGEMENT::before {
  background: #d2a863;
}
.rtl .grid-module li label.SM-2004CASH__BANK_MANAGEMENT .text {
  color: #d2a863;
}
.rtl .grid-module li label.SM-2005FIXED_ASSETS_MANAGEMENT::before {
  background: #dcb36f;
}
.rtl .grid-module li label.SM-2005FIXED_ASSETS_MANAGEMENT .text {
  color: #dcb36f;
}
.rtl .grid-module li label.SM-2006TAX_DECLARATION::before {
  background: #e6c080;
}
.rtl .grid-module li label.SM-2006TAX_DECLARATION .text {
  color: #e6c080;
}
.rtl .grid-module li label.SM-3001HUMAN_RESOURCES_MANAGEMENT::before {
  background: #1aa79c;
}
.rtl .grid-module li label.SM-3001HUMAN_RESOURCES_MANAGEMENT .text {
  color: #1aa79c;
}
.rtl .grid-module li label.SM-3002PAYROLL_MANAGEMENT::before {
  background: #29b9ae;
}
.rtl .grid-module li label.SM-3002PAYROLL_MANAGEMENT .text {
  color: #29b9ae;
}
.rtl .grid-module li label.SM-3003ATTENDANCE_MANAGEMENT::before {
  background: #3bccc1;
}
.rtl .grid-module li label.SM-3003ATTENDANCE_MANAGEMENT .text {
  color: #3bccc1;
}
.rtl .grid-module li label.SM-4001WAREHOUSE_MANAGEMENT::before {
  background: #824949;
}
.rtl .grid-module li label.SM-4001WAREHOUSE_MANAGEMENT .text {
  color: #824949;
}
.rtl .grid-module li label.SM-4002CUSTOMER_INVOICING::before {
  background: #ae6969;
}
.rtl .grid-module li label.SM-4002CUSTOMER_INVOICING .text {
  color: #ae6969;
}
.rtl .grid-module li label.SM-4003PURCHASE_MANAGEMENT::before {
  background: #cc8d8d;
}
.rtl .grid-module li label.SM-4003PURCHASE_MANAGEMENT .text {
  color: #cc8d8d;
}
.rtl .grid-module li label.SM-6001SALES_ORDER_PROCESSING::before {
  background: #e0a8a8;
}
.rtl .grid-module li label.SM-6001SALES_ORDER_PROCESSING .text {
  color: #e0a8a8;
}
.rtl .grid-module li label.SM-4005PROCUREMENT::before {
  background: #e0baba;
}
.rtl .grid-module li label.SM-4005PROCUREMENT .text {
  color: #e0baba;
}
.rtl .grid-module li label.SM-5001CRM::before {
  background: #343b7f;
}
.rtl .grid-module li label.SM-5001CRM .text {
  color: #343b7f;
}
.rtl .grid-module li label.SM-6002POS::before {
  background: #222222;
}
.rtl .grid-module li label.SM-6002POS .text {
  color: #222222;
}
.rtl .grid-module li label.SM-6007COMPANY_SETUP::before {
  background: #fe6d52;
}
.rtl .grid-module li label.SM-6007COMPANY_SETUP .text {
  color: #fe6d52;
}
.rtl .grid-module li label.SM-6003WORKFLOW::before {
  background: #203255;
}
.rtl .grid-module li label.SM-6003WORKFLOW .text {
  color: #203255;
}
.rtl .grid-module li label.SM-1003DASHBOARD::before {
  background: #8ac541;
}
.rtl .grid-module li label.SM-1003DASHBOARD .text {
  color: #8ac541;
}
.rtl .grid-module li label.SM-1001ADMIN::before {
  background: #797b79;
}
.rtl .grid-module li label.SM-1001ADMIN .text {
  color: #797b79;
}
.rtl .grid-module li label::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 6px;
}
.rtl .grid-module li label img {
  margin-bottom: 15px;
}
.rtl .grid-module li label div.text {
  position: relative;
  cursor: pointer;
  padding: 0 10px;
  top: 0px;
  line-height: initial;
  text-align: center;
  color: #FFFFFF;
  font-size: 18px;
}
.rtl .custom-keyboard {
  position: absolute;
  left: 16px;
  bottom: 2px;
  padding: 10px 8px;
  background-color: rgba(69, 72, 83, 0.68);
  text-align: center;
}
.rtl .custom-keyboard button {
  width: 33px;
  height: 44px;
  border: none;
  border-radius: 7px;
  font-size: 20px;
  margin: 5px 2px;
  text-transform: uppercase;
}
.rtl .custom-keyboard button:hover {
  background-color: #cacaca;
  border: none;
}
.rtl .custom-keyboard button:focus {
  background-color: #cacaca;
  outline: none;
  border: none;
}
.rtl .custom-keyboard button.w-43 {
  width: 43px;
}
.rtl .custom-keyboard button.w-89 {
  width: 89px;
}
.rtl .custom-keyboard button.w-89 i.fa-heart {
  color: #FE6D52;
}
.rtl .custom-keyboard button.w-186 {
  width: 186px;
  color: #FE6D52;
  text-transform: lowercase;
}
.rtl .btn-status {
  text-align: left;
}
.rtl .example-tree ul,
.rtl .example-tree li {
  margin-left: 0 !important;
}
.rtl .category-box .actions {
  right: inherit;
  left: 0;
}
.rtl .details {
  text-align: right;
  float: right !important;
}
.rtl .POS-module .product-left {
  text-align: right;
}
.rtl .POS-module .product-left ul li {
  text-align: right;
}
.rtl .POS-module .product-left ul li .total-count {
  float: left;
}
.rtl .POS-module .product.selectedProduct .active {
  left: 0;
}
.rtl .POS-module .product.selectedProduct .active i {
  left: 0;
}
.rtl .POS-module .cart-item__total {
  text-align: left !important;
}
.rtl .POS-module .cart-item__row .number-input button {
  text-align: initial;
}
.rtl .POS-module .editBox .text {
  text-align: left !important;
}
.rtl .POS-tabs {
  padding-right: 0;
}
.rtl .tab-content .mat-form-field-suffix {
  position: relative;
}
.rtl .tab-content .mat-form-field-outline-start {
  border-left: none;
  border-right: 1px solid currentColor !important;
}
.rtl .tab-content .mat-form-field-outline-end {
  border-left: 1px solid currentColor !important;
  border-right: none;
}
.rtl .tab-content .mat-form-field-appearance-outline .mat-form-field-outline-end,
.rtl .tab-content .mat-form-field-appearance-outline .mat-form-field-outline-start,
.rtl .tab-content .mat-form-field-outline-gap {
  border-radius: 0;
}
.rtl .btnslideBar {
  border-radius: 0px;
  margin: 0px;
  position: fixed;
  background: var(--side-bar);
  padding: 0px;
  font-size: 21px !important;
  right: 235px;
  top: 157px;
  z-index: 1;
  width: 35px;
  height: 35px;
}
.rtl .btnslideBar:hover {
  background: var(--main-color-hover);
}
.rtl .order-summer .accordion-desc {
  color: #222;
  margin: 0 20px 20px;
  border: 1px solid #ddd;
  padding: 0;
}
.rtl .order-summer .accordion-title a {
  padding: 0;
  border-top: none;
  cursor: pointer;
  background: transparent;
  font-weight: 400;
  position: relative;
  font-size: 16px;
}
.rtl .order-summer .accordion-title a.collapsed::before {
  position: absolute;
  left: 5px;
  top: 13px;
  content: "\f067" !important;
  font-family: "FontAwesome" !important;
}
.rtl .order-summer .accordion-title a.scale_active::before {
  position: absolute;
  right: 5px;
  top: 13px;
  content: "\f068";
  font-family: "FontAwesome";
}
.rtl .order-summer .panel-collapse {
  transition: all 0.5s ease 0s;
}
.rtl .order-summer table tr td.bg-td {
  width: 20%;
  background-color: #f3f3f3;
  padding-top: 2px;
  font-size: 14px;
  padding-bottom: 2px;
  border-bottom: 1px solid #FFFFFF;
}
.rtl .order-summer table tr td.bg-td b {
  font-weight: 500;
}
.rtl .btn-footer {
  text-align: left;
}
.rtl .btn-footer .btn {
  border: 1px solid var(--main-color-hover);
  color: var(--main-color-hover);
  font-size: 16px;
  border-radius: 0;
  text-transform: capitalize;
}
.rtl .btn-footer .btn:hover {
  background-color: var(--main-color-hover);
  color: #FFFFFF !important;
}
.rtl .btn-footer .btn.active {
  background-color: #FE6D52;
  color: #FFFFFF;
}
.rtl .btn-footer .btn.active:hover {
  background-color: #e0553b !important;
}
.rtl .btn-bottom {
  text-align: left;
}
.rtl .btn-bottom .btn {
  font-size: 16px;
  border-radius: 0;
  text-transform: capitalize;
}
.rtl .btnToggle .mat-button-toggle .mat-button-toggle-button span.mat-button-toggle-label-content {
  padding: 0;
}
.rtl .btnToggle button:focus {
  outline: none !important;
}
.rtl .customDropList .dropdown-list {
  top: 50px !important;
  left: 0 !important;
  position: absolute !important;
}
.rtl .customDropList .dropdown-list .arrow-2.arrow-down {
  top: -1px;
  bottom: inherit;
}
.rtl .customDropList .dropdown-list div.arrow-down {
  transform: inherit;
  top: 0;
}
.rtl .FeaturesModal .modal-body h1 {
  font-size: 28px;
  font-weight: 500;
  margin: 20px 0;
  color: #cc553e;
  text-transform: capitalize;
}
.rtl .FeaturesModal .modal-body ul {
  list-style: disc;
  margin: 0 0 30px 20px;
}
.rtl .FeaturesModal .modal-body ul li {
  font-size: 16px;
  margin: 5px 0;
}
.rtl .customDropListTable .dropdown-list {
  top: inherit !important;
  left: inherit !important;
  width: 200px !important;
}
.rtl .sideMenu {
  margin: 10px 10px;
  position: relative;
}
.rtl .sideMenu input {
  width: 100%;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding-left: 10px;
  text-align: right;
  padding-right: 15px;
}
.rtl .sideMenu button {
  position: absolute;
  left: 0;
  top: 1px;
  border: none;
}
@media screen and (max-width: 1930px) {
  .rtl .chartTable table {
    width: 1550px;
  }
  .rtl .innerWrap .selector {
    width: 200px;
    height: 200px;
  }
  .rtl .innerWrap .selector button .text {
    font-size: 14px;
    line-height: 16px;
  }
  .rtl .innerWrap .selector button img.img-60 {
    height: 60px;
  }
  .rtl .innerWrap .selector.open li input + label {
    width: 95px;
    height: 95px;
    line-height: 75px;
  }
  .rtl .innerWrap .selector.open li input + label img {
    width: 45px;
    height: 35px;
    margin-top: 0;
  }
  .rtl .innerWrap .selector.open li label div.text {
    position: absolute;
    top: 65px;
    line-height: 11px;
    padding: 0 14%;
    font-size: 11px;
  }
}
@media screen and (max-width: 1630px) {
  .rtl .innerWrap {
    margin-top: 130px;
    height: 300px;
  }
  .rtl .innerWrap .selector {
    width: 150px;
    height: 150px;
  }
  .rtl .innerWrap .selector ul {
    margin: -40%;
  }
  .rtl .innerWrap .selector ul input {
    display: none;
  }
  .rtl .innerWrap .selector ul input + label {
    position: absolute;
    left: 50%;
    bottom: 120%;
  }
  .rtl .innerWrap .selector button .text {
    font-size: 16px;
    line-height: 20px;
  }
  .rtl .innerWrap .selector button img.img-60 {
    height: 60px;
  }
  .rtl .innerWrap .selector.open li input + label {
    width: 80px;
    height: 80px;
    line-height: 60px;
  }
  .rtl .innerWrap .selector.open li input + label img {
    width: 35px;
    height: 28px;
    margin-top: 0;
  }
  .rtl .innerWrap .selector.open li label div.text {
    position: absolute;
    top: 48px;
    line-height: 11px;
    padding: 0 8%;
    font-size: 9px;
  }
  .rtl .grid-module .col-md-2 {
    flex: 0 0 16.5%;
    max-width: 16%;
  }
  .rtl .grid-module .SM-2003ACCOUNTS_PAYABLE3,
  .rtl .grid-module .SM-3001HUMAN_RESOURCES_MANAGEMENT7,
  .rtl .grid-module .SM-4001WAREHOUSE_MANAGEMENT10,
  .rtl .grid-module .SM-6002POS14,
  .rtl .grid-module .SM-1003DASHBOARD17,
  .rtl .grid-module .SM-6002POS15 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.rtl .progressBar {
  height: 20px;
}
.rtl .statusBar {
  position: relative;
}
.rtl .statusBar .statusCount {
  position: absolute;
  right: 0;
  top: 0;
}
.rtl .fa-info-circle {
  font-size: 18px;
}
.rtl .dropdown-secondary li {
  border-bottom: 1px solid #cec8c8;
  padding: 3px 7px;
  text-align: right;
}
.rtl .dropdown-secondary li a {
  color: #000000;
  font-size: 13px;
}
.rtl .dropdown-secondary li a:hover {
  color: navy;
}
.rtl .checkBoxCat {
  right: 1px !important;
  top: 1px !important;
}
.rtl .productBox .row {
  display: grid;
  grid-auto-flow: column;
  height: 250px;
  overflow-y: hidden;
  overflow-x: auto;
  padding-top: 20px;
  justify-content: flex-start;
}
.rtl .productBox .row .col-md-3 {
  max-width: 230px;
}
.rtl .productBox .row::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.rtl .productBox .row::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.rtl .productBox .row::-webkit-scrollbar-thumb {
  background-color: #202020;
}
.rtl .productBox .product-Cat {
  position: relative;
  height: 200px;
  margin-bottom: 20px;
  cursor: pointer;
  border: 1px solid #a7a7a7;
  transition: all linear 0.3s;
  background-color: #efefef;
}
.rtl .productBox .product-Cat.addedProduct {
  opacity: 0.5;
}
.rtl .productBox .product-Cat.addedProduct .product-status i.fa-plus {
  display: none;
}
.rtl .productBox .product-Cat.addedProduct .product-status i.fa-times {
  display: block;
}
.rtl .productBox .product-Cat .productimg {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 200px;
  width: 198px;
  background-color: #FFFFFF;
}
.rtl .productBox .product-Cat .productprice {
  position: absolute;
  bottom: -1px;
  width: 100%;
  min-height: 35px;
  left: 0;
  background: #454853;
  padding: 8px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  color: #FFFFFF;
}
.rtl .productBox .product-Cat .product-status {
  position: absolute;
  right: -10px;
  top: -10px;
}
.rtl .productBox .product-Cat .product-status i {
  width: 25px;
  height: 25px;
  border-radius: 100px;
  line-height: 25px;
  text-align: center;
}
.rtl .productBox .product-Cat .product-status i.fa-plus {
  display: block;
}
.rtl .productBox .product-Cat .product-status i.fa-times {
  display: none;
}
.rtl .productBox .product-Cat .qty {
  position: absolute;
  bottom: 41px;
  width: 100%;
  right: 0;
  text-align: left;
}
.rtl .productBox .product-Cat .qty span.badge {
  border-radius: 10px;
  background: #202020;
  color: #FFFFFF;
  padding: 5px 10px;
  display: inline-block;
  margin: 0 4px 0 5px;
  position: relative;
  top: -2px;
}
.rtl .noti-badge {
  background: red;
  border-radius: 100px;
  left: 27px;
  position: absolute;
  top: 10px;
}
.rtl .scrollHide {
  overflow: inherit !important;
}
.rtl .customTabelStyle {
  overflow-y: auto !important;
  min-height: 500px;
}
.rtl .customTabelStyle tr {
  border-bottom: 1px solid #dee2e6;
}
.rtl .customTabelStyle tr td .dec .mat-form-field-infix {
  width: 220px !important;
}
.rtl .customTabelStyle tr td .mat-form-field-infix {
  width: 85px !important;
}
.rtl .customTabelStyle tr td .small-btn {
  margin: 0 2px 5px 0 !important;
}
.rtl .transactionEntry-Ar {
  text-align: left !important;
  direction: ltr;
}
.rtl #apexcharts3hlg8f93 {
  margin: auto;
}
.rtl .dasbboard_Wrap {
  margin: -36px -39px;
  background: #FFFFFF;
  padding: 25px;
}
.rtl .dasbboard_Wrap.innerLayout {
  margin: -12px 0;
  background: transparent;
  padding: 0;
  text-align: right;
}
.rtl .dasbboard_Wrap.innerLayout .crmDashboard {
  height: auto !important;
}
.rtl .dasbboard_Wrap.innerLayout .crmDashboard .card-header {
  text-align: right;
}
.rtl .dasbboard_Wrap.innerLayout .page-header {
  border: none !important;
  background: transparent;
}
.rtl .dasbboard_Wrap.innerLayout .page-header .page-header-title {
  padding: 0 !important;
  margin-bottom: 20px;
}
.rtl .dasbboard_Wrap.innerLayout .crmDashboard {
  padding: 0;
}
.rtl .dasbboard_Wrap .page-header {
  border: 1px solid #FE6D52;
  margin-bottom: 0;
  padding-left: 5px;
  float: left;
  width: 100%;
  background: #FFFFFF;
}
.rtl .dasbboard_Wrap .page-header-title {
  padding: 10px;
}
.rtl .dasbboard_Wrap .page-header-title h3 {
  margin-bottom: 0;
  float: right !important;
  font-size: 22px;
}
.rtl .dasbboard_Wrap .crmDashboard {
  background-color: #E9E9E9;
  padding: 30px;
}
.rtl .dasbboard_Wrap .crmDashboard .bottom_brd {
  width: 100%;
  height: 10px;
}
.rtl .dasbboard_Wrap .crmDashboard .rowbox .card-body {
  text-align: right;
}
.rtl .dasbboard_Wrap .crmDashboard .innerBox {
  padding: 35px 30px;
}
.rtl .dasbboard_Wrap .crmDashboard .innerBox .lead-count-box {
  min-height: 82px;
  text-align: center;
}
.rtl .dasbboard_Wrap .crmDashboard .innerBox .text-success {
  color: #1aa79c !important;
}
.rtl .dasbboard_Wrap .crmDashboard .innerBox img {
  width: 70px;
  height: 70px;
}
.rtl .dasbboard_Wrap .crmDashboard .lead-count-box .text-left {
  text-align: right !important;
}
.rtl .dasbboard_Wrap .crmDashboard .lead-count-box .text-left p {
  font-size: 20px;
  margin: 0 0 10px -5px;
}
.rtl .dasbboard_Wrap .crmDashboard .table-style tr:nth-of-type(odd) {
  background-color: #F8F8F8;
}
.rtl .dasbboard_Wrap .crmDashboard .table-style tr th {
  background-color: #454853;
  padding: 12px 10px;
  font-size: 16px;
}
.rtl .dasbboard_Wrap .crmDashboard .table-style tr th:first-child {
  width: 30%;
  padding-left: 40px;
}
.rtl .dasbboard_Wrap .crmDashboard .table-style tr td {
  padding: 5px 10px;
  font-size: 16px;
  border: none;
}
.rtl .dasbboard_Wrap .crmDashboard .table-style tr td:first-child {
  padding-left: 40px;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-ink-bar {
  background-color: var(--side-bar);
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body {
  background-color: #FFFFFF;
  padding: 50px;
  text-align: right;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box {
  width: 170px;
  height: 170px;
  position: relative;
  padding: 20px 0 15px 0;
  overflow: hidden;
  border: 1px solid #d0d0d0;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box.tableRound .box {
  width: 30px;
  border-radius: 30px;
  height: 30px;
  background-color: var(--side-bar);
  position: absolute;
  display: none;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box.tableRound .box.left {
  left: 13px;
  top: 5px;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box.tableRound .box.right {
  right: 13px;
  top: 5px;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box.tableRound .box.bottom {
  left: 13px;
  bottom: 5px;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box.tableRound .box.top {
  right: 13px;
  bottom: 5px;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box:hover {
  box-shadow: 0 1px 9px 0px #929292;
  cursor: pointer;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box.active {
  border-color: var(--side-bar);
  box-shadow: 0 1px 9px 0px #929292;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box.active .box {
  display: block;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box h6 {
  padding-top: 30px;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box label {
  min-width: 32px;
  min-height: 32px;
  border-radius: 50px;
  background: #000000;
  line-height: 32px;
  color: #FFFFFF;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box .box {
  width: 30px;
  border-radius: 30px;
  height: 30px;
  background-color: var(--side-bar);
  display: none;
  position: absolute;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box .box.left {
  left: -10px;
  top: -10px;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box .box.right {
  right: -10px;
  top: -10px;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box .box.bottom {
  left: -10px;
  bottom: -10px;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box .box.top {
  right: -10px;
  bottom: -10px;
}
.rtl .dasbboard_Wrap .crmDashboard .mat-tab-label-active {
  background-color: var(--side-bar);
  opacity: 1;
  color: #FFFFFF;
}
.rtl .dasbboard_Wrap .card {
  border: none;
  box-shadow: none;
}
.rtl .dasbboard_Wrap .page-body {
  background-color: #E9E9E9;
}
.rtl .dasbboard_Wrap .saleTable {
  overflow-x: auto !important;
}
.rtl .dasbboard_Wrap .saleTable table {
  max-width: 100%;
  margin-bottom: 0;
}
.rtl .dasbboard_Wrap .saleTable table tr th {
  padding-top: 1px;
  padding-bottom: 1px;
}
.rtl .dasbboard_Wrap .saleTable table td {
  vertical-align: middle;
  padding: 1px 12px 1px 1px !important;
}
.rtl .dasbboard_Wrap .saleTable table td .txt-hide {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rtl .dasbboard_Wrap .resultBox .dasboarddrpdwn {
  position: absolute;
  right: 0;
  top: -66px;
}
.rtl .dasbboard_Wrap .resultBox .dasboarddrpdwn .customLabel {
  top: 7px !important;
}
.rtl .dasbboard_Wrap .resultBox .dasboarddrpdwn .selected-list .c-btn {
  min-height: 34px !important;
}
.rtl .dasbboard_Wrap .resultBox .card-header {
  border-radius: 0;
  color: #454853;
  padding: 10px 15px 10px 10px;
  background-color: #454853;
  border: none;
}
.rtl .dasbboard_Wrap .resultBox .card-header h5 {
  font-size: 18px !important;
  color: #FFFFFF !important;
  text-transform: capitalize;
}
.rtl .dasbboard_Wrap .resultBox .card-body {
  padding-bottom: 0;
  padding-right: 30px;
  position: relative;
}
.rtl .dasbboard_Wrap .btnStyle {
  background-color: #454853;
  padding: 5px;
  float: right;
  border-radius: 20px;
}
.rtl .dasbboard_Wrap .btnStyle .btn {
  background-color: #454853;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
}
.rtl .dasbboard_Wrap .btnStyle .btn.active {
  border-radius: 15px;
  background-color: var(--main-color-hover);
}
.rtl .dasbboard_Wrap .btn {
  text-transform: capitalize;
}
.rtl .dasbboard_Wrap .small-btnDanger {
  padding: 5px 10px !important;
  border-radius: 3px !important;
  margin: 0 2px !important;
  width: 130px;
  float: left;
  margin-left: 10px !important;
  background-color: #FF1934;
  margin-top: 10px !important;
  text-transform: capitalize;
  font-size: 18px;
}
.rtl .dasbboard_Wrap .btn-res {
  text-align: left;
}
.rtl .dasbboard_Wrap .btn-res .btn-small {
  border-radius: 0;
  width: 33px;
  height: 33px;
  padding: 0;
  border: 1px solid var(--side-bar);
}
.rtl .dasbboard_Wrap .btn-res .btn-small:hover i {
  color: #FFFFFF;
}
.rtl .dasbboard_Wrap .btn-res .btn-small i {
  margin-right: 0;
  position: relative;
  top: 2px;
  font-size: 16px;
  color: var(--side-bar);
}
.rtl .dasbboard_Wrap .btn-res .btn.disabled,
.rtl .dasbboard_Wrap .btn-res .btn:disabled {
  opacity: 0.2;
}
.rtl .dasbboard_Wrap #netProfitMargin {
  margin: auto;
}
.rtl .dasbboard_Wrap .selectFilter .card {
  background-color: #e9e9e9;
}
.rtl .dasbboard_Wrap .selectFilter .dasboarddrpdwn {
  background: #FFFFFF;
}
.rtl .dasbboard_Wrap .selectFilter .dasboarddrpdwn .selected-list .c-btn {
  color: var(--main-color-hover) !important;
  border-bottom: 2px solid var(--side-bar) !important;
  min-height: 38px !important;
}
.rtl .dasbboard_Wrap .selectFilter .dasboarddrpdwn .customLabel {
  color: var(--main-color-hover) !important;
  top: 9px !important;
  right: 10px !important;
  text-transform: capitalize;
}
.rtl .dasbboard_Wrap .selectFilter .dasboarddrpdwn .c-btn > span {
  margin-left: 10px;
}
.rtl .dasbboard_Wrap .selectFilter .dasboarddrpdwn .c-btn > span svg {
  fill: var(--main-color-hover) !important;
}
.rtl .dasbboard_Wrap .apexcharts-legend.position-bottom.apexcharts-align-center,
.rtl .dasbboard_Wrap .apexcharts-legend.position-top.apexcharts-align-center {
  justify-content: left;
  width: 100% !important;
}
.rtl .dasbboard_Wrap #incomeAndExpenses .apexcharts-legend.position-bottom .apexcharts-legend-series,
.rtl .dasbboard_Wrap #incomeAndExpenses .apexcharts-legend.position-top .apexcharts-legend-series {
  width: auto !important;
  padding: 5px 0;
}
.rtl .dasbboard_Wrap #incomeAndExpenses .apexcharts-legend.position-bottom .apexcharts-legend-series span.apexcharts-legend-marker,
.rtl .dasbboard_Wrap #incomeAndExpenses .apexcharts-legend.position-top .apexcharts-legend-series span.apexcharts-legend-marker {
  width: 20px !important;
  height: 20px !important;
  border-radius: 0 !important;
}
.rtl .dasbboard_Wrap #incomeAndExpenses .apexcharts-legend.position-bottom .apexcharts-legend-series .apexcharts-legend-text,
.rtl .dasbboard_Wrap #incomeAndExpenses .apexcharts-legend.position-top .apexcharts-legend-series .apexcharts-legend-text {
  text-align: right;
  margin-right: 10px;
}
.rtl .dasbboard_Wrap #salesByProduct .apexcharts-legend.position-bottom .apexcharts-legend-series,
.rtl .dasbboard_Wrap #salesByProduct .apexcharts-legend.position-top .apexcharts-legend-series,
.rtl .dasbboard_Wrap #regionalDistribution .apexcharts-legend.position-bottom .apexcharts-legend-series,
.rtl .dasbboard_Wrap #regionalDistribution .apexcharts-legend.position-top .apexcharts-legend-series {
  width: 48%;
  padding: 2px 0;
}
.rtl .dasbboard_Wrap #salesByProduct .apexcharts-legend.position-bottom .apexcharts-legend-series span.apexcharts-legend-marker,
.rtl .dasbboard_Wrap #salesByProduct .apexcharts-legend.position-top .apexcharts-legend-series span.apexcharts-legend-marker,
.rtl .dasbboard_Wrap #regionalDistribution .apexcharts-legend.position-bottom .apexcharts-legend-series span.apexcharts-legend-marker,
.rtl .dasbboard_Wrap #regionalDistribution .apexcharts-legend.position-top .apexcharts-legend-series span.apexcharts-legend-marker {
  width: 20px !important;
  height: 20px !important;
  border-radius: 0 !important;
}
.rtl .dasbboard_Wrap #salesByProduct .apexcharts-legend.position-bottom .apexcharts-legend-series .apexcharts-legend-text,
.rtl .dasbboard_Wrap #salesByProduct .apexcharts-legend.position-top .apexcharts-legend-series .apexcharts-legend-text,
.rtl .dasbboard_Wrap #regionalDistribution .apexcharts-legend.position-bottom .apexcharts-legend-series .apexcharts-legend-text,
.rtl .dasbboard_Wrap #regionalDistribution .apexcharts-legend.position-top .apexcharts-legend-series .apexcharts-legend-text {
  text-align: right;
  margin-right: 10px;
}
.rtl .dasbboard_Wrap .table-striped tr td {
  text-align: right;
}
.rtl .dasbboard_Wrap .TabsSales .mat-form-field-prefix,
.rtl .dasbboard_Wrap .TabsSales .mat-form-field-suffix {
  top: 0;
}
.rtl .dasbboard_Wrap .TabsSales ul.nav-tabs {
  background-color: #f7f7f7;
  padding-right: 0;
}
.rtl .dasbboard_Wrap .TabsSales ul.nav-tabs li {
  margin-bottom: 0;
}
.rtl .dasbboard_Wrap .TabsSales ul.nav-tabs li a.nav-link {
  border: none;
  border-radius: 0;
  padding: 15px 50px;
  color: #202020;
  font-weight: 500;
}
.rtl .dasbboard_Wrap .TabsSales ul.nav-tabs li a.nav-link.active {
  background-color: var(--main-color-hover);
  color: #FFFFFF;
  position: relative;
}
.rtl .dasbboard_Wrap .TabsSales ul.nav-tabs li a.nav-link.active::before {
  position: absolute;
  width: 20px;
  height: 20px;
  content: "";
  left: 46%;
  bottom: -4px;
  background-color: var(--main-color-hover);
  transform: rotate(45deg);
}
.rtl .dasbboard_Wrap .TabsSales .space-bottom {
  background: #e9e9e9;
  margin: 0 -26px;
  margin-bottom: 20px;
}
.rtl .dasbboard_Wrap .TabsSales .space-bottom.bottom-2 {
  height: 55px;
}
.rtl .dasbboard_Wrap .TabsSales .btn {
  border-radius: 0;
}
.rtl .dasbboard_Wrap .TabsSales .btn:focus {
  outline: none;
  box-shadow: none;
}
.rtl .dasbboard_Wrap .TabsSales .btn-addItem {
  position: absolute;
  top: -72px;
  left: -6px;
}
.rtl .dasbboard_Wrap .TabsSales .btnSelect .btn {
  border: 1px solid var(--main-color);
  color: var(--main-color);
}
.rtl .dasbboard_Wrap .TabsSales .btnSelect .btn:focus {
  outline: none;
  box-shadow: none;
}
.rtl .dasbboard_Wrap .TabsSales .btnSelect .btn.btn-dark {
  color: #FFFFFF;
}
.rtl .dasbboard_Wrap .TabsSales .btnSelect .btn:hover {
  color: #FFFFFF;
}
.rtl #button-top {
  position: fixed;
  bottom: 30px;
  right: inherit;
  left: 30px;
}
.rtl .dasboarddrpdwn .selected-list .c-btn {
  color: #FFFFFF !important;
  border-bottom: 2px solid #FFFFFF !important;
}
.rtl .dasboarddrpdwn .customLabel {
  color: #FFFFFF !important;
}
.rtl .dasboarddrpdwn .c-btn > span svg {
  fill: #FFFFFF !important;
}
.rtl .POS-module .cart-item__name {
  text-align: right;
}
.rtl .POS-module .editBox .offset-md-5 {
  margin: 0;
  flex: 0 0 99.99%;
  max-width: 99.333333%;
}
.rtl .POS-module .editBox .offset-md-5 .btn {
  width: 222px;
  margin: auto;
  position: relative;
  left: -65px;
}
.rtl .POS-module .cart-item__row .quantity-count {
  margin-right: -7px;
}
.rtl .POS-module .cart-item__row .edit-row {
  margin-left: 15px;
}
.rtl .POS-module .cart-item__row .number-input button::before {
  left: 50%;
}
.rtl .POS-module .cart-item__row .number-input button::after {
  left: 50%;
}
.rtl .show-total {
  position: relative;
  margin-bottom: 10px !important;
  background: #f5f5f5;
}
.rtl .show-total.first-list {
  margin-bottom: 0 !important;
}
.rtl .show-total .mat-tree-node {
  width: inherit;
  text-align: right;
}
.rtl .show-total label.border-checkbox-label {
  font-size: 16px;
  color: #000000;
}
.rtl .show-total .total-count {
  position: absolute;
  right: inherit;
  left: 50px;
  top: 4px;
}
.rtl .report-status td {
  background-color: var(--main-color);
  color: #FFFFFF;
  padding: 5px 10px !important;
}
.rtl .expandPanel .accordion-title a {
  cursor: pointer;
  position: relative;
  border-radius: 0;
  padding-right: 30px;
  font-weight: 400;
}
.rtl .expandPanel .accordion-title a.collapsed::before {
  position: absolute;
  right: 10px;
  top: 13px;
  content: "\f067" !important;
  font-family: "FontAwesome" !important;
}
.rtl .expandPanel .accordion-title a.scale_active::before {
  position: absolute;
  right: 10px;
  top: 13px;
  content: "\f068";
  font-family: "FontAwesome";
}
.rtl .expandPanel .accordion-content table th {
  word-spacing: 4px;
}
.rtl .POS-module .column2 .product {
  height: 250px;
}
.rtl .POS-module .column2 .product .productimg {
  height: 250px;
}
.rtl .POS-module .product {
  position: relative;
  height: 270px;
  margin-bottom: 10px;
  cursor: pointer;
  border: 1px solid #a7a7a7;
  transition: all linear 0.3s;
  background-color: #efefef;
}
.rtl .POS-module .product.selectedProduct .active {
  position: absolute;
  left: -1px;
  top: -1px;
  font-size: 20px;
  display: block;
  width: 23px;
  height: 23px;
  background: #000000;
}
.rtl .POS-module .product.selectedProduct .active i {
  position: absolute;
  color: #FFFFFF;
  font-size: 14px;
  padding: 4px;
}
.rtl .POS-module .product:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.rtl .POS-module .product:hover .productprice {
  background: rgba(254, 109, 82, 0.82);
}
.rtl .POS-module .product.addProduct {
  display: inline-flex;
  width: 100%;
  align-items: center;
  text-align: center;
}
.rtl .POS-module .product.addProduct:hover {
  cursor: pointer;
  background: #202022;
}
.rtl .POS-module .product.addProduct:hover i {
  background: #fe6d52;
  color: #FFFFFF;
}
.rtl .POS-module .product.addProduct i {
  margin: auto;
  font-size: 25px;
  width: 50px;
  height: 50px;
  background: #202022;
  border-radius: 100%;
  padding: 14px 0;
  color: #FFFFFF;
}
.rtl .POS-module .product .productimg {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 270px;
  background-color: #FFFFFF;
}
.rtl .POS-module .product .productprice {
  position: absolute;
  bottom: -1px;
  width: 100%;
  min-height: 35px;
  left: 0;
  background: #454853;
  padding: 8px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  color: #FFFFFF;
}
.rtl .POS-module .product .productprice .flaot-left {
  font-weight: 500;
}
.rtl .POS-module .product .active {
  display: none;
}
.rtl .POS-module .loadingIcon {
  position: absolute;
  bottom: 0;
  right: 45%;
  height: 50px;
  background-color: #FFFFFF;
}
.rtl .POS-module .product-left {
  overflow: auto;
  overflow-x: hidden;
  min-height: 580px;
  height: 58vh;
}
.rtl .POS-module .editBox {
  background-color: #efefef;
  padding-top: 10px;
}
.rtl .POS-module .editBox .cart-item__row {
  margin: 0;
  border: none;
  min-height: 50px;
  background-color: #efefef;
}
.rtl .POS-module .editBox .text {
  margin-top: 4px;
}
.rtl .POS-module .editBox .btn {
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  position: relative;
  right: 124px;
  min-width: 130px;
  background-color: #fe6d52;
}
.rtl .POS-module .editBox .input-group .input-group-text {
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  color: #FFFFFF;
  border: none;
}
.rtl .POS-module .editBox .input-group .input-group-text label {
  margin-bottom: 0;
}
.rtl .POS-module .editBox .input-group input {
  font-size: 16px;
  color: #202020;
  border: none;
  text-align: center;
}
.rtl .POS-module .editBox .input-group input:focus {
  outline: none;
  box-shadow: none;
}
.rtl .POS-module .cart-item__row {
  padding: 3px 5px;
  min-height: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
}
.rtl .POS-module .cart-item__row .quantity-count .quantity {
  background-color: #FFFFFF !important;
  max-width: 146px !important;
  height: 34px !important;
  border: none;
  text-align: center;
}
.rtl .POS-module .cart-item__row .quantity-count .quantity:focus {
  border: none;
  outline: none;
  box-shadow: none;
}
.rtl .POS-module .cart-item__row .quantity-count button {
  height: auto !important;
  width: 38px !important;
}
.rtl .POS-module .cart-item__row:focus {
  background: #efefef;
}
.rtl .POS-module .cart-item__row:active {
  background: #efefef;
}
.rtl .POS-module .cart-item__row:hover {
  background-color: #efefef;
}
.rtl .POS-module .cart-item__row:hover .edit-row {
  opacity: 1;
}
.rtl .POS-module .cart-item__row:hover .cart-item__name__title {
  color: #fe6d52;
}
.rtl .POS-module .cart-item__row .edit-row {
  width: 30px;
  opacity: 0;
}
.rtl .POS-module .cart-item__row input[type=text] {
  -webkit-appearance: textfield;
  appearance: textfield;
}
.rtl .POS-module .cart-item__row input[type=text]::-webkit-inner-spin-button,
.rtl .POS-module .cart-item__row input[type=text]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.rtl .POS-module .cart-item__row .number-input {
  border: 0;
  display: inline-flex;
  margin-left: -11px;
}
.rtl .POS-module .cart-item__row .number-input,
.rtl .POS-module .cart-item__row .number-input * {
  box-sizing: border-box;
}
.rtl .POS-module .cart-item__row .number-input button {
  outline: none;
  -webkit-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin: 0;
  background-color: #fe6d52;
  position: relative;
  box-shadow: 0px 0px 1px #474747;
}
.rtl .POS-module .cart-item__row .number-input button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.rtl .POS-module .cart-item__row .number-input button.plus {
  background-color: #202020;
}
.rtl .POS-module .cart-item__row .number-input button:hover {
  background-color: #202020;
}
.rtl .POS-module .cart-item__row .number-input button:before,
.rtl .POS-module .cart-item__row .number-input button:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background-color: #FFFFFF;
  transform: translate(-50%, -50%);
}
.rtl .POS-module .cart-item__row .number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.rtl .POS-module .cart-item__row .number-input input[type=text] {
  font-family: sans-serif;
  max-width: 60px;
  padding: 0.5rem;
  border: none;
  border-width: 0 2px;
  font-size: 20px;
  height: 2rem;
  background-color: transparent;
  font-weight: 500;
  text-align: center;
}
.rtl .POS-module .cart-item__image {
  width: 50px;
  margin: 0 10px;
  height: auto;
  border: 1px solid #ddd;
}
.rtl .POS-module .cart-item__name__title div {
  line-height: 18px;
  width: 98%;
  font-weight: 500;
  max-width: 230px;
  word-break: break-all;
}
.rtl .POS-module .cart-item__name__title small {
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  margin-top: 5px;
  display: none;
}
.rtl .POS-module .cart-saved__name,
.rtl .POS-module .cart-item__name {
  flex: 1;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  padding-right: 2px;
}
.rtl .POS-module .quantity {
  display: flex;
  align-items: center;
}
.rtl .POS-module .yith-pos input {
  height: 35px;
  box-sizing: border-box;
  border: 1px solid var(--border-grey);
  padding: 5px 10px;
  color: #000000;
}
.rtl .POS-module .cart-item__price {
  color: #888;
  font-size: 0.9em;
  width: 35px;
  text-align: center;
  margin: 0 8px !important;
}
.rtl .POS-module .cart-item__total {
  font-size: 20px;
  width: 60px;
  text-align: right;
}
.rtl .POS-module .productlist {
  min-height: 533px;
  height: 40vh;
  overflow-x: hidden;
  overflow: auto;
  padding-right: 0;
}
.rtl .POS-module .productlist .collapse {
  position: relative;
  top: -1px;
  background: rgb(255, 255, 255);
  border-top: none;
  padding: 0;
}
.rtl .POS-module .cart-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px !important;
  padding: 5px 0;
}
.rtl .POS-module .cart-total.allTotal {
  border-top: 2px solid #ddd;
}
.rtl .POS-module .cart-total .cart-label {
  flex: 1;
  position: relative;
  font-weight: 500;
  text-align: right;
}
.rtl .POS-module .cart-total .cart-price {
  text-align: right;
  width: 80px;
  margin-right: 5px;
}
.rtl .POS-module .cart-total .cart-price.discountPrice input {
  width: 70px;
  border: none;
  text-align: right;
  position: relative;
  top: -5px;
}
.rtl .POS-module .product-search {
  position: relative;
  top: -10px;
}
.rtl .POS-module .product-search input {
  border-radius: 0px;
  height: 45px;
  padding-right: 50px;
  margin-top: 25px;
  margin-bottom: 0;
  border: 1px solid #ddd;
}
.rtl .POS-module .product-search button {
  position: absolute;
  right: 14px;
  top: 10px;
  border: none;
  background-color: transparent;
}
.rtl .POS-module .btnPlay {
  border-radius: 0;
  padding: 0;
  background-color: #F0EEEE !important;
  border-left: 3px solid #FFFFFF;
  top: 0px;
  color: #454853;
}
.rtl .POS-module .btnPlay:hover {
  background-color: #d2d2d2 !important;
}
.rtl .POS-module .customBtn .btn {
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  height: 50px;
  margin-right: 0;
  text-transform: capitalize;
  background-color: #fe6d52;
}
.rtl .POS-module .total-price {
  background-color: #454853;
}
.rtl .POS-module .total-price .cart-total {
  color: #FFFFFF;
}
.rtl .POS-module .total-price h5 {
  color: #FFFFFF !important;
  margin-right: 0;
}
.rtl .POS-module .mat-badge-content {
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px;
}
.rtl .POS-module .bord-top {
  border-top: 5px solid #0073aa !important;
}
.rtl .POS-module .POS-tabs {
  margin: -6px 0px;
}
.rtl .POS-module .POS-tabs li {
  padding: 0;
}
.rtl .POS-module .POS-tabs li a {
  border: none;
  background-color: rgba(69, 72, 83, 0.35);
  color: #FFFFFF;
  border-radius: 0;
  font-size: 16px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.rtl .POS-module .POS-tabs li a.active {
  background-color: #454853;
}
.rtl .POS-module .list-tree ul {
  margin-left: 15px;
}
.rtl .POS-module .list-tree ul li ul {
  margin-left: 15px;
}
.rtl .POS-module .btnDD {
  border: none;
  outline: none;
  margin-top: 1px;
  background-color: transparent;
}
.rtl .POS-module .example-tree-invisible {
  display: none;
}
.rtl .POS-module .example-tree ul,
.rtl .POS-module .example-tree li {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.rtl .POS-module .example-tree li ul li:hover {
  cursor: pointer;
}
.rtl .POS-module .details {
  font-size: 20px;
  padding-top: 5px;
  float: left;
  display: inline-flex;
}
.rtl .POS-module .details:hover {
  cursor: pointer;
}
.rtl .POS-module .actions {
  position: absolute;
  right: 0;
  top: 8px;
}
.rtl .POS-module .actions mat-icon {
  margin-right: 10px;
  cursor: pointer;
}
.rtl .POS-module .example-tree li:checked {
  background-color: gray;
  color: thistle;
}
.rtl .POS-module .mat-tree-node {
  width: 100%;
}
.rtl .POS-module .activeRow {
  background-color: #ddd;
  position: relative;
  width: 100%;
  min-height: 40px;
}
.rtl .POS-module .activeRow :hover {
  cursor: pointer;
}
.rtl .POS-module .mat-tree-node {
  display: flow-root;
  position: relative;
}
.rtl .POS-module .radio-toolbar input[type=radio] {
  width: 0;
}
.rtl .POS-module .radio-toolbar label {
  background-color: #474747;
  padding: 6px 15px;
  font-size: 16px;
  color: #FFFFFF;
}
.rtl .POS-module .radio-toolbar label:hover {
  cursor: pointer;
}
.rtl .POS-module .radio-toolbar input[type=radio]:checked + label {
  background-color: #fe6d52;
}
.rtl .POS-module .tree-margin {
  margin-left: 25px !important;
}
.rtl .POS-module .table-discount {
  width: 100%;
  margin-top: -1px;
  background: #eaeaea;
  padding-left: 66px;
  padding: 15px;
  padding-bottom: 10px !important;
  border-bottom: 9px solid #eaeaea;
}
.rtl .POS-module .table-discount thead tr {
  background: #212121;
}
.rtl .POS-module .table-discount thead tr th {
  color: #FFFFFF;
  font-weight: 500;
  padding: 5px 10px;
}
.rtl .POS-module .table-discount tbody tr td {
  padding: 5px 10px;
  background-color: #dcfee4;
  border-bottom: 1px solid #FFFFFF;
}
.rtl .POS-module .table-discount tbody tr td .btn {
  width: 30px;
  border-radius: 0;
  padding: 3px 0;
  height: 30px;
}
.rtl .POS-module .table-discount tbody tr td .btn.btn-primary {
  background-color: transparent;
  border: 1px solid #0073aa;
}
.rtl .POS-module .table-discount tbody tr td .btn.btn-primary i {
  color: #0073aa;
}
.rtl .POS-module .table-discount tbody tr td .btn i {
  margin-right: 0;
}
.rtl .POS-module .table-discount tbody tr td img {
  width: 35px;
}
.rtl .POS-module .avail-discount h5 {
  padding-top: 12px !important;
}
.rtl .POS-module .avail-discount .apply-button {
  height: 40px !important;
  background-color: #1c7430 !important;
  color: white;
}
.rtl .POS-module .avail-discount .dismiss-button {
  height: 40px !important;
  background-color: #b21f2d !important;
  color: white;
}
.rtl .POS-module .discountedOption {
  border-radius: 0;
  width: 33px;
  padding: 0;
  height: 30px;
  margin-left: 20px;
}
.rtl .POS-module .discountedOption i {
  margin-right: 0;
}
.rtl .POS-module .product-left::-webkit-scrollbar-track,
.rtl .POS-module .productlist::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.rtl .POS-module .product-left::-webkit-scrollbar,
.rtl .POS-module .productlist::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.rtl .POS-module .product-left::-webkit-scrollbar-thumb,
.rtl .POS-module .productlist::-webkit-scrollbar-thumb {
  background-color: #202020;
}
.rtl .POS-module .POS-tabs::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  height: 8px;
}
.rtl .POS-module .POS-tabs::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  background-color: #F5F5F5;
}
.rtl .POS-module .POS-tabs::-webkit-scrollbar-thumb {
  background-color: #202020;
  height: 8px;
}
.rtl .POS-module .no-product {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rtl .POS-module .no-product img {
  max-width: 300px;
}
.rtl .POS-module .loading {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.rtl .POS-module li {
  padding: 10px;
  list-style-type: none;
}
.rtl .POS-module li.customer {
  padding: 0;
}
.rtl .POS-module li.customer:hover {
  background-color: transparent;
}
.rtl .POS-module .payment-modal {
  border-radius: 0;
}
.rtl .POS-module .payment-modal .modal-header h4 {
  font-size: 20px;
}
.rtl .POS-module .payment-modal .modal-content {
  padding: 15px;
  border-radius: 0;
}
.rtl .POS-module .payment-modal .modal-content .POS-tabs {
  border: 1px solid #d3d4d4;
  border-right: 0;
  border-top: none;
  display: grid;
  grid-auto-flow: column;
  height: calc(27px + 1.5rem);
  overflow-y: hidden;
  overflow-x: auto;
}
.rtl .POS-module .payment-modal .modal-content .POS-tabs li {
  min-width: 190px;
  max-width: none;
}
.rtl .POS-module .payment-modal .modal-content .POS-tabs li a {
  border-right: 1px solid #d3d4d4;
  border-top: 1px solid #d3d4d4;
  color: #454853;
  background-color: transparent;
  border-left: 0;
}
.rtl .POS-module .payment-modal .modal-content .POS-tabs li a:hover {
  color: #FFFFFF;
  background-color: #454853;
  border-color: #454853;
}
.rtl .POS-module .payment-modal .modal-content .POS-tabs li a.active {
  background-color: #454853;
  border-color: #454853;
  color: #FFFFFF;
}
.rtl .POS-module .payment-modal .modal-content .POS-tabs .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12) !important;
}
.rtl .POS-module .payment-modal .modal-content .tab-content {
  border: 1px solid #d3d4d4;
  border-top: none;
  padding: 15px;
  padding-bottom: 0;
  min-height: 383px;
}
.rtl .POS-module .payment-modal .modal-content .tab-content.disoucnt-box {
  border: none;
  min-height: inherit;
}
.rtl .POS-module .payment-modal .modal-content .tab-content.disoucnt-box .calculator-buttons button.large {
  width: 160px;
}
.rtl .POS-module .payment-modal .modal-content .tab-content .checkout-form input {
  height: 48px;
  margin-bottom: 11px;
}
.rtl .POS-module .payment-modal .modal-content .tab-content .btn-footer {
  text-align: right;
}
.rtl .POS-module .payment-modal .modal-content .tab-content .btn-footer .btn {
  border: 1px solid #FE6D52;
  color: #FE6D52;
  font-size: 16px;
  border-radius: 0;
  text-transform: capitalize;
}
.rtl .POS-module .payment-modal .modal-content .tab-content .btn-footer .btn.active {
  background-color: #FE6D52;
  color: #FFFFFF;
}
.rtl .POS-module .payment-modal .modal-header {
  border-radius: 0;
  border: 1px solid #fe6d52;
}
.rtl .POS-module .pagination-category {
  background: #dbdbdc;
  padding: 8px 15px;
  margin-bottom: 8px;
  margin-top: -17px;
  border-radius: 0;
}
.rtl .POS-module .checkBoxCat {
  position: absolute;
  right: -7px;
  top: -3px;
}
.rtl .POS-module .checkBoxCat .border-checkbox-label {
  margin-right: 0;
}
.rtl .calculator-buttons {
  display: inline-grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  background: 0 0;
  padding: 0;
}
.rtl .calculator-buttons button {
  padding: 5px;
  text-align: center;
  border-top: 1px solid #d7d7d7 !important;
  border-right: 1px solid #d7d7d7 !important;
  margin: 0;
  width: 100%;
  border: none;
  font-size: 23px;
  height: 70px;
  cursor: pointer;
}
.rtl .calculator-buttons button:focus {
  outline: none;
  box-shadow: none;
  box-shadow: inset 0 0 24px #b5b4b4;
}
.rtl .calculator-buttons button:hover {
  outline: none;
  box-shadow: none;
  box-shadow: inset 0 0 24px #b5b4b4;
}
.rtl .calculator-buttons button:focus {
  outline: none;
  box-shadow: none;
  box-shadow: inset 0 0 24px #b5b4b4;
}
.rtl .calculator-buttons button:active {
  outline: none;
  box-shadow: none;
  box-shadow: inset 0 0 24px #b5b4b4;
}
.rtl .calculator-buttons button.large {
  width: 215px;
  font-weight: 500;
  border-radius: 0;
}
.rtl .calculator-buttons button.submit-button {
  background-color: #fe6d52;
  color: #FFFFFF;
}
.rtl .calculator-buttons button.submit-button:hover {
  box-shadow: none;
}
.rtl .calculator-buttons button.submit-button:focus {
  box-shadow: none;
}
.rtl .calculator-buttons button.undo:hover {
  box-shadow: none;
}
.rtl .calculator-buttons button.undo:focus {
  box-shadow: none;
}
.rtl .payment-totals {
  background-color: #efefef;
  border-bottom: 1px solid #d7d7d7;
}
.rtl .payment-totals .total {
  border: 1px solid #d7d7d7;
  border-bottom: none;
  padding: 9px 10px 10px 10px;
  text-align: right;
}
.rtl .payment-totals .total span.label {
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  margin-right: 0 !important;
  padding: 0;
  color: #202020 !important;
}
.rtl .payment-totals .total span.amount {
  color: #220022;
  font-size: 18px;
  font-weight: 800;
}
.rtl .scan-Barcode {
  position: relative;
}
.rtl .scan-Barcode button {
  padding: 0 !important;
  position: absolute;
  left: 10px;
  top: 20px;
  background: transparent !important;
}
.rtl .scan-Barcode button img {
  height: 26px;
}
.rtl #workflowTasks .card-body {
  padding-left: 0;
  padding-right: 0;
}
.rtl #workflowTasks .customTabs li {
  position: relative;
  z-index: 1;
}
.rtl #workflowTasks .customTabs li a {
  font-size: 14px;
  border: none;
  color: #202020;
  background: #DADADA;
  border-radius: 0;
  padding: 7px 8px !important;
  line-height: 11px;
}
.rtl #workflowTasks .customTabs li a.active {
  color: #fff !important;
  border: none !important;
  background-color: #202020 !important;
}
.rtl #workflowTasks .box-grid table tr td button {
  padding-left: 25px;
  padding-right: 25px;
}
.rtl #workflowTasks .tab-content {
  margin-top: 20px;
}
.rtl #workflowTasks #pills-profile {
  margin: 0 !important;
  background: #FFFFFF !important;
}
.rtl .nav-pills,
.rtl .nav-tabs {
  padding-right: 0;
}
@media only screen and (max-width: 1950px) {
  .rtl .product {
    position: relative;
    height: 200px !important;
  }
  .rtl .product .productimg {
    height: 200px !important;
  }
}
@media only screen and (max-width: 1700px) and (min-width: 1208px) {
  .rtl .POS-module .product-left .col-xl-4 {
    flex: 0 0 49.333333%;
    max-width: 49.333333%;
  }
  .rtl .no-product img {
    max-width: 250px;
  }
}
@media screen and (max-width: 1600px) {
  .rtl .customTabelStyle tr td .mat-form-field-infix {
    width: 120px !important;
  }
  .rtl .grid-module .col-md-2 {
    flex: 0 0 20.5%;
    max-width: 20%;
  }
}
.rtl .fc-view-container *,
.rtl .fc-view-container :after,
.rtl .fc-view-container :before {
  box-sizing: inherit;
}
@media only screen and (max-width: 1360px) {
  .rtl .grid-module .col-md-2 {
    flex: 0 0 20.5%;
    max-width: 20%;
  }
}
@media screen and (max-width: 1200px) {
  .rtl .login-container {
    background-size: 100%;
    min-height: inherit;
    padding-bottom: 20px;
    background-repeat: repeat;
  }
  .rtl .login-container .login-content {
    padding: 0;
  }
  .rtl .login-container .login-content .login-form {
    margin: auto;
    width: 96%;
  }
  .rtl .login-container .login-content .login-content-inner {
    padding: 0 10px 0 10px;
  }
  .rtl .login-content-right {
    padding: 20px;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-logo .mobile-search {
    display: none;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-logo .mobile-options {
    display: none;
  }
  .rtl .table-responsive {
    overflow-x: auto !important;
  }
}
@media only screen and (max-width: 1000px) {
  .rtl .POS-module .product {
    height: 250px;
  }
  .rtl .POS-module .product .productimg {
    height: 250px;
  }
}
@media only screen and (max-width: 992px) {
  .rtl .header-navbar .navbar-container .nav-left,
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-right {
    display: block;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-logo .mobile-menu {
    left: inherit;
    right: 15px !important;
    top: 10px !important;
  }
  .rtl .navbar-logo .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .rtl .navbar-logo .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .rtl .navbar-logo .col-md-3 .sidebar-toggler {
    position: absolute;
    left: 18px;
    top: -38px;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-left li,
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-right li {
    padding: 0;
    line-height: inherit;
    padding-bottom: 10px;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-right {
    margin-top: 5px;
    float: right;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-left a,
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-right a {
    padding: 0.5rem 0.4rem;
  }
  .rtl .icon-pointer-achor {
    position: relative;
    top: -9px;
  }
  .rtl .grid-module .col-md-2 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .rtl .btnslideBar {
    display: none;
  }
  .rtl .modules-tabs {
    z-index: 100;
  }
  .rtl .modules-tabs {
    z-index: 100;
    left: 15px;
  }
  .rtl .modules-tabs li a {
    padding: 5px 8px;
  }
  .rtl .modules-tabs li a img {
    width: 20px;
  }
}
@media screen and (max-width: 850px) {
  .rtl #pills-profile {
    margin: 0;
  }
  .rtl .icon-pointer-achor {
    display: none !important;
  }
  .rtl .loginWrap {
    margin: 0;
  }
  .rtl .loginWrap .user-bs-reset {
    padding-right: 0;
    padding-left: 0;
    min-height: inherit;
    order: 2;
  }
  .rtl .login-container {
    background-size: 100%;
    min-height: inherit;
    padding-bottom: 20px;
  }
  .rtl .login-container .login-content {
    padding: 0;
    min-height: inherit;
    position: relative;
    top: inherit;
    left: inherit;
    transform: inherit;
  }
  .rtl .login-container .login-content .login-form {
    margin: auto;
    width: 96%;
  }
  .rtl .login-container .login-content .login-content-inner {
    padding: 0 10px 0 10px;
  }
  .rtl .login-content-right {
    padding: 20px 30px 20px 10px;
    width: 100%;
    position: inherit;
    top: inherit;
    min-height: inherit;
  }
  .rtl .login-content-right h1 {
    font-size: 22px;
  }
  .rtl .login-content-right ul li {
    padding-bottom: 15px;
    margin-top: 0;
    font-size: 15px;
  }
  .rtl .login-content-right ul li::before {
    height: 18vh;
    display: none;
  }
  .rtl .user-bs-reset {
    order: 2;
  }
  .rtl .video-player {
    position: inherit;
    height: 250px;
  }
  .rtl .internationalization {
    width: 99%;
    position: inherit;
  }
  .rtl .content-panel {
    position: relative;
    top: inherit;
    left: inherit;
    transform: inherit;
  }
  .rtl .content-panel h1 {
    padding: 30px 0;
  }
  .rtl .login-heading {
    font-size: 25px;
  }
  .rtl .TabsCustom {
    display: inline-block;
    width: 100%;
    padding: 0;
  }
  .rtl .TabsCustom.dashboard-tabs li {
    width: 16.6%;
  }
  .rtl .TabsCustom li {
    width: 50%;
    display: inline-block;
  }
  .rtl .TabsCustom li a {
    padding: 12px 10px;
    text-align: right;
    border-radius: 0;
  }
  .rtl .TabsCustom li a.active {
    margin-bottom: 0;
  }
  .rtl .TabsCustom li a i {
    text-align: center;
  }
  .rtl .lng-dropdown {
    display: block;
    padding: 0 1px !important;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-left li,
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-right li {
    padding: 0;
    padding-bottom: 10px;
  }
  .rtl .main-body .page-wrapper {
    padding: 1.8rem 1rem;
  }
  .rtl .md-tabs li {
    width: 33%;
    display: inline-block;
    border-bottom: none !important;
  }
  .rtl .md-tabs li a {
    padding: 10px 0 !important;
  }
  .rtl .md-tabs li a.active {
    box-shadow: none !important;
    border: 1px solid var(--main-color) !important;
    color: var(--main-color) !important;
  }
  .rtl .nav-tabs .slide {
    display: none;
  }
  .rtl .innerWrap {
    margin-top: 80px;
  }
  .rtl .innerWrap .selector ul {
    margin: -30%;
  }
  .rtl .innerWrap {
    margin-top: 80px;
  }
  .rtl .innerWrap .selector {
    width: 90px;
    height: 90px;
    left: 60%;
    top: 63%;
  }
  .rtl .innerWrap .selector button {
    padding: 0;
  }
  .rtl .innerWrap .selector.open li input + label {
    width: 40px;
    height: 40px;
    margin-left: 0;
    line-height: 43px;
  }
  .rtl .innerWrap .selector.open li input + label div.text {
    position: absolute;
    top: 0px;
    line-height: 11px;
    padding: 0 10px;
    font-size: 8px;
    line-height: 8px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    left: 0;
    align-items: center;
    display: none;
  }
  .rtl .innerWrap .selector.open li input + label img {
    width: 23px;
    width: 20px;
    position: relative;
    top: -10px;
  }
  .rtl .grid-module .col-md-2 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .rtl .login-logo.login-6 {
    width: 170px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .rtl .dasbboard_Wrap .crmDashboard.CRM-dashboard {
    padding: 15px 10px !important;
  }
  .rtl .dasbboard_Wrap .crmDashboard.CRM-dashboard .lead-count-box .pr-0 {
    padding-right: 15px !important;
  }
  .rtl .dasbboard_Wrap .crmDashboard.CRM-dashboard .lead-count-box .pl-0 {
    padding-left: 15px !important;
  }
  .rtl .dasbboard_Wrap .crmDashboard.CRM-dashboard .lead-count-box .text-left {
    text-align: center !important;
  }
  .rtl .dasbboard_Wrap .crmDashboard.CRM-dashboard .lead-count-box .text-left p {
    margin: 0 0 0px 0px;
    padding-top: 10px;
  }
  .rtl .dasbboard_Wrap .page-body {
    padding: 30px 10px;
  }
  .rtl .dasbboard_Wrap .btnStyle {
    width: 99%;
  }
  .rtl .dasbboard_Wrap .btnStyle .btn {
    width: 33.33%;
    text-align: center;
  }
  .rtl .dasbboard_Wrap .resultBox .card-header {
    padding: 5px 10px 5px 15px;
  }
  .rtl .dasbboard_Wrap .table-style tr th:first-child {
    padding-left: 10px !important;
  }
  .rtl .showMobile {
    display: block;
    opacity: 1;
  }
  .rtl .hideMobile {
    display: none;
  }
  .rtl .CustomStyleTheme .titleBox {
    margin: 10px -10px 0 0px;
  }
  .rtl .CustomStyleTheme .titleBox table tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .rtl .CustomStyleTheme .titleBox table tr td {
    padding: 3px;
    font-size: 13px;
    border: none;
  }
  .rtl .CustomStyleTheme .titleBox table tr td:first-child {
    font-weight: 500;
    width: 50% !important;
  }
  .rtl .CustomStyleTheme .titleBox .btn {
    width: 50px;
    min-width: 50px;
    padding: 6px 10px !important;
  }
  .rtl .CustomStyleTheme .titleBox .btn i {
    margin-right: 0;
  }
  .rtl .CustomStyleTheme .search-top .col-sm-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .rtl .CustomStyleTheme .search-top .btn {
    margin-bottom: 10px;
  }
  .rtl .CustomStyleTheme .search-top .offset-sm-2 {
    margin-left: 0 !important;
  }
  .rtl .CustomStyleTheme .tab-content {
    overflow-x: hidden;
  }
  .rtl .CustomStyleTheme .tab-content .tab-pane {
    padding: 0px 0px 11px 5px !important;
    border-bottom: 10px solid #FFFFFF;
  }
  .rtl .CustomStyleTheme .row .col-md-2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .rtl .table-responsive table {
    width: 1200px;
  }
  .rtl .table-M {
    width: 1200px;
  }
  .rtl .CustomStyleTheme .search-top .col-sm-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .rtl .CustomStyleTheme .search-top .btn {
    margin-bottom: 10px;
  }
  .rtl .CustomStyleTheme .search-top .offset-sm-2 {
    margin-left: 0 !important;
  }
  .rtl .CustomStyleTheme .tab-content {
    overflow-x: scroll;
  }
  .rtl .CustomStyleTheme .tab-content .tab-pane {
    padding: 0px 15px 11px 5px !important;
    border-bottom: 10px solid #FFFFFF;
  }
  .rtl .CustomStyleTheme .row .col-md-2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .rtl .POS-module h3 {
    margin-bottom: 20px !important;
  }
  .rtl .POS-module .product {
    height: 250px;
  }
  .rtl .POS-module .product .productimg {
    height: 250px;
  }
  .rtl .POS-module .product-left {
    height: inherit;
  }
  .rtl .POS-module .btnPlay {
    position: relative;
  }
  .rtl .POS-module .productlist {
    height: inherit;
    min-height: 400px;
  }
  .rtl .POS-module .customBtn .btn {
    width: 48.5%;
    float: left;
    padding-left: 0;
    padding-right: 0;
  }
  .rtl .POS-module .customBtn .btnPlay {
    right: 0;
    top: 0;
  }
  .rtl .POS-module .no-product img {
    max-width: 250px;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .badge,
  .rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .badge {
    position: absolute;
    top: -11px !important;
  }
  .rtl .report-filters {
    background-color: var(--main-color);
  }
  .rtl .report-filter-section {
    background-color: #FFFFFF;
  }
  .rtl .report-filter-section h4 {
    background-color: var(--main-color);
    padding-bottom: 6px;
    font-size: 16px;
  }
  .rtl #filter-option {
    position: relative;
    top: 10px;
  }
  .rtl .dasbboard_Wrap .resultBox .card-header h5 {
    font-size: 14px !important;
  }
  .rtl .dasbboard_Wrap .crmDashboard .innerBox {
    padding: 15px;
  }
  .rtl .dasbboard_Wrap .crmDashboard .innerBox .lead-count-box img {
    height: 50px;
  }
  .rtl .dasbboard_Wrap .crmDashboard .innerBox .lead-count-box h2 {
    margin-bottom: 0;
  }
  .rtl .dasboarddrpdwn {
    position: relative !important;
    top: 0 !important;
  }
  .rtl .dasboarddrpdwn .customLabel {
    color: #000000 !important;
  }
  .rtl .dasboarddrpdwn .selected-list .c-btn {
    color: #000000 !important;
    border-bottom: 2px solid #000000 !important;
  }
  .rtl .dasboarddrpdwn .selected-list .c-btn span svg {
    color: #000000 !important;
    fill: #000000 !important;
  }
  .rtl .btn {
    padding: 7px 15px !important;
    text-transform: capitalize !important;
    font-size: 13px !important;
    min-width: 80px;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-left li,
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-right li {
    padding-left: 0;
    padding-right: 0;
  }
  .rtl .main-body .page-wrapper .page-header-breadcrumb {
    display: none;
  }
  .rtl .table-view-row-filter .mat-form-field {
    width: 100px !important;
  }
  .rtl .grid-module .flip-card {
    height: 125px;
  }
  .rtl .grid-module li label {
    padding-top: 5px;
    height: 125px;
  }
  .rtl .grid-module li label .text {
    font-size: 13px !important;
  }
  .rtl .grid-module li label img {
    width: 40px;
    margin-bottom: 0;
  }
  .rtl .list-module li label {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .rtl .list-module li label div.text {
    right: 55px;
    font-size: 15px;
  }
  .rtl .list-module li label img {
    width: 30px;
  }
  .rtl .grid-module .flip-card {
    height: 125px;
  }
  .rtl .grid-module li label {
    padding-top: 20px;
  }
  .rtl .grid-module li label .text {
    font-size: 14px;
  }
  .rtl .grid-module li label img {
    width: 50px;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-logo {
    padding-top: 0;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-logo .mobile-menu {
    top: 15px !important;
  }
  .rtl .navbar-logo img {
    top: -2px;
  }
  .rtl #colOne .datatable-header .datatable-header-inner .datatable-header-cell:first-child {
    width: 200px !important;
  }
  .rtl .colBox .ngx-datatable.material {
    width: 1600px !important;
  }
  .rtl .ngx-datatable.material {
    width: 1300px !important;
  }
  .rtl .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
    width: 200px !important;
  }
  .rtl .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell:first-child {
    width: 80px !important;
  }
  .rtl .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
    width: 200px !important;
  }
  .rtl .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell:first-child {
    width: 80px !important;
  }
  .rtl .panelRight {
    top: 88px;
  }
  .rtl .POS-module .collapse {
    position: initial !important;
  }
  .rtl .POS-module .productlist {
    direction: ltr;
  }
  .rtl .POS-module .productlist .col-md-11 {
    padding: 0;
  }
  .rtl .POS-module .productlist .col-md-1 .fa-commenting-o {
    font-size: 20px !important;
    position: absolute;
    right: 0;
    bottom: 53px;
    z-index: 100;
  }
  .rtl .POS-module .cart-item__row {
    padding: 7px 0 !important;
    display: inherit !important;
    float: left;
    width: 100%;
  }
  .rtl .POS-module .cart-item__row .cart-item__price {
    width: 63px;
    float: left;
  }
  .rtl .POS-module .cart-item__row .cart-item__name {
    float: left !important;
    font-size: 16px !important;
    width: 70% !important;
  }
  .rtl .POS-module .cart-item__row .cart-item__name small {
    font-size: 13px !important;
  }
  .rtl .POS-module .cart-item__row .cart-item__total {
    float: left;
  }
  .rtl .POS-module .cart-item__row .cart-item__remove {
    right: 3px;
    position: absolute;
    top: -2px;
    z-index: 100;
  }
  .rtl .POS-module .cart-item__row .cart-item__remove i {
    font-size: 18px;
  }
  .rtl .POS-module .editBox .btn {
    left: inherit !important;
  }
  .rtl .POS-module .editBox .text {
    text-align: center !important;
  }
  .rtl .POS-module .editBox .quantity-count {
    margin-left: 13px !important;
  }
  .rtl .POS-module .editBox .radio-toolbar {
    width: 77%;
    margin-left: -13px;
    margin: auto;
    position: relative;
    left: -5px;
  }
  .rtl .POS-module .editBox .cart-item__row {
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
  }
  .rtl .POS-module .editBox .cart-item__row .quantity-count .quantity {
    min-width: inherit;
  }
  .rtl .POS-module .product {
    height: 150px !important;
  }
  .rtl .POS-module .product .productimg {
    height: 100px !important;
  }
  .rtl .POS-module .product .productprice {
    padding: 5px !important;
    font-size: 12px !important;
  }
  .rtl .POS-module .cart-total {
    font-size: 14px !important;
  }
  .rtl .POS-module .customBtn {
    width: 50%;
  }
  .rtl .POS-module .customBtn .btn {
    font-size: 14px !important;
    height: 43px !important;
    min-width: 100% !important;
  }
  .rtl .btn-status .btn {
    padding: 5px 10px;
    min-width: 120px;
    min-height: inherit;
    font-size: 14px !important;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-right {
    float: right !important;
  }
  .rtl .md-tabs {
    display: inline-block;
    width: 100%;
    padding-right: 0;
  }
  .rtl .sidebar-toggler {
    position: absolute;
    left: 15px;
    font-size: 18px;
    right: inherit;
  }
  .rtl .fc-toolbar .fc-left {
    margin-bottom: 10px;
  }
  .rtl .pcoded-inner-content {
    padding: 10px 0;
  }
  .rtl .fc-toolbar .fc-center {
    width: 100%;
    text-align: left;
  }
  .rtl .features-box {
    max-width: 100%;
    padding: 20px 0;
    background-color: #FFFFFF;
  }
  .rtl .icon-pointer-achor {
    display: none;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification,
  .rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification,
  .rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
  .rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
    min-width: 160px;
    margin-top: 10px;
  }
  .rtl .show-notification li {
    padding: 5px !important;
  }
  .rtl .fc-scroller {
    height: 450px !important;
  }
  .rtl .innerWrap .selector button .text {
    font-size: 10px;
    line-height: 11px;
    width: 100%;
    padding: 0;
  }
  .rtl .innerWrap .selector button img.img-60 {
    height: 25px;
  }
  .rtl .navbar-logo img {
    width: 90px !important;
  }
}
.rtl .drpDown.D-250 .selected-list {
  width: 270px !important;
}
.rtl .drpDown .selected-list {
  width: 200px !important;
}
.rtl .custom-table thead th {
  padding: 10px 5px;
  background-color: #202020;
  color: #FFFFFF;
  font-weight: 500;
}
.rtl .custom-thead th:first-child {
  border-radius: 0px 5px 5px 0px;
}
.rtl .custom-thead th:last-child {
  border-radius: 5px 0px 0px 5px;
}
.rtl .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.rtl .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-0.95em) scale(1) perspective(100px) translateZ(0.001px);
  top: 15px;
}
.rtl .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label span,
.rtl .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label span {
  font-size: 12px !important;
}
.rtl .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label label,
.rtl .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label label {
  font-size: 12px !important;
}
.rtl .searchBox .mat-form-field-infix i {
  position: relative !important;
  left: 0;
  top: -10px !important;
}
.rtl .header-navbar .navbar-wrapper .navbar-logo {
  direction: rtl;
}
.rtl .header-navbar .navbar-wrapper .navbar-logo a {
  left: inherit;
}
.rtl #mobile-collapse {
  position: relative;
  top: 15px;
}
.rtl .SPS-Theme .customSelect i {
  font-size: 26px !important;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-header .btn-link {
  text-align: right;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-header .btn-link i {
  float: left;
}
.rtl .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox-layout .mat-checkbox-inner-container {
  margin-right: 0;
  margin-left: 8px;
}
.rtl .SPS-Theme .pageheader {
  margin: -104px -36px -150px -42px;
}
.rtl .SPS-Theme .user_profile .profileDetails {
  text-align: right;
}
.rtl .SPS-Theme .productList .product-img .icon-top {
  right: inherit;
  left: 15px;
}
.rtl .SPS-Theme .productList .product-img .icon-bottom {
  direction: ltr;
  right: inherit;
  left: 15px;
}
.rtl #editDetailBtn {
  padding-left: 20px;
}
.rtl .SPS-Theme .quickShop .slick-track {
  margin-left: auto;
  margin-right: inherit;
}
.rtl .SPS-Theme .quickShop .slick-track .slick-slide {
  float: right;
}
.rtl .SPS-Theme .listView .productList .product-img {
  float: right;
}
.rtl .SPS-Theme .listView .productList .productDetails .col-md-8 span {
  text-align: left;
}
.rtl .Filters-list {
  right: inherit !important;
  left: 155px !important;
  top: 54px !important;
}
.rtl .Filters-list .labelstyle {
  width: 100%;
  text-align: right;
}
.rtl .profileBox {
  margin: 0px;
  padding-right: 25px;
  text-align: right;
}
.rtl .profileBox .btn i {
  margin-left: 5px;
}
.rtl .featur-Modal .close {
  right: inherit;
  left: -15px;
}
.rtl .featur-Modal .carousel-indicators {
  margin-right: 0;
  right: -43px;
}
.rtl .featur-Modal .carousel-inner {
  right: 40px;
}
.rtl .featur-Modal .carousel-control-prev-icon {
  left: 0px;
}
.rtl .featur-Modal .carousel-control-next-icon {
  left: -74px;
  position: relative;
}
.rtl .featur-Modal .number .plus {
  border-radius: 4px 0px 0px 4px;
}
.rtl .featur-Modal .number .minus {
  border-radius: 0px 4px 4px 0px;
}
.rtl .featur-Modal .card-header .accicon {
  left: 0;
  right: inherit;
}
.rtl .featur-Modal .categorylist li::before {
  float: left;
}
.rtl .compnay-details .page-header h6 i {
  margin-left: 5px;
}
.rtl .profileDetails {
  text-align: right;
}
.rtl .user_profile .profileDetails {
  text-align: right;
}
.rtl .icon-List {
  position: relative;
}
.rtl .icon-List .mat-form-field-wrapper {
  padding-bottom: 0;
}
.rtl .icon-List .iconShow {
  position: absolute;
  right: 25px;
  left: inherit;
  top: 12px;
}
.rtl .icon-List .iconShow i {
  font-size: 21px;
}
.rtl .icon-List .selected-list {
  padding-left: 0px;
  padding-right: 30px;
}
.rtl .SPS-Theme {
  text-align: right;
}
.rtl .SPS-Theme .statusBox {
  text-align: right;
}
.rtl .SPS-Theme .dataPicker .mat-icon-button {
  position: absolute;
  left: 0;
  right: inherit;
}
.rtl .SPS-Theme .statusBox .apexcharts-canvas {
  margin-top: -20px;
}
.rtl .text-right {
  text-align: left !important;
}
.rtl .shippingBar .text-left {
  text-align: right !important;
}
.rtl .viewOptions {
  left: -5px !important;
}
.rtl .swal2-title {
  color: #595959 !important;
}
.rtl .swal2-title.success-title {
  color: #a5dc86 !important;
}
.rtl .swal2-title.error-title {
  color: #f27474 !important;
}
.rtl .success-timerProgressBar {
  background-color: #a5dc86;
}
.rtl .error-timerProgressBar {
  background-color: #f27474;
}
.rtl .swal2-popup {
  height: 75px;
  direction: rtl;
}
.rtl .listViewR .product-img {
  float: right !important;
}
.rtl .listViewR .productDetails {
  text-align: right;
  width: 90% !important;
}
.rtl .listViewR .productDetails .float-left {
  float: right !important;
}
.rtl .listViewR .productList .deleteCartBtn {
  right: inherit;
  left: 15px;
}
.rtl .paymentbox {
  text-align: left;
}
.rtl .paymentbox b {
  text-align: left;
  float: right;
}
.rtl #couponModal .labelstyle {
  text-align: right;
  float: right;
}
.rtl .dataPicker {
  position: relative;
}
.rtl .dataPicker .mat-datepicker-toggle {
  position: absolute;
  top: 0;
  right: inherit !important;
  left: 0px !important;
}
.rtl .label-block {
  float: right;
}
.rtl .label-block-left {
  float: left;
}
.rtl .customBtn .btn {
  margin-left: 3px;
  margin-right: 0 !important;
}
@media screen and (max-width: 780px) {
  .rtl .internationalization {
    width: 50% !important;
  }
  .rtl .navbar-logo a#openBawadarWebsite {
    right: 45px;
    left: inherit;
  }
  .rtl .UserName {
    position: absolute !important;
    top: 15px;
    left: 15px;
    right: inherit;
  }
  .rtl #mobile-collapse {
    right: 10px !important;
    left: inherit !important;
    position: absolute;
    top: 15px !important;
  }
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-left a,
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-right a {
    padding: 0.5rem 0.2rem !important;
    font-size: 13px;
  }
  .rtl .activeStatus {
    margin-bottom: 21px;
    margin-top: -21px;
  }
  .rtl .profileDetails .text-right {
    text-align: right !important;
  }
  .rtl .table-responsive {
    overflow-x: auto;
  }
  .rtl .table-responsive .table {
    width: 1200px;
  }
  .rtl .compnay-details .mat-tab-labels {
    display: inline-block;
  }
  .rtl .SPS-Theme .productList .productDetails .bottom-list .btn-sm {
    min-width: auto;
  }
  .rtl .SPS-Theme .statusBox.reportstatus .btn {
    min-width: auto;
  }
  .rtl .pcoded-main-container {
    margin-top: 53px !important;
  }
  .rtl .customBtn {
    text-align: right !important;
  }
  .rtl .customBtn .btn {
    margin-right: 5px;
  }
  .rtl #sortBy {
    text-align: right;
    width: 100%;
  }
}
.rtl .my-custom-popup-class-new {
  height: auto !important;
}

.ltr {
  /*For sidebar color*/
  /* mesable cards css */
  /* End data table css */
}
.ltr body {
  font-family: "Poppins", sans-serif;
}
.ltr body {
  font-family: "Poppins", sans-serif !important;
}
.ltr .mat-form-field {
  font-family: "Poppins", sans-serif !important;
}
.ltr a:hover {
  cursor: pointer;
}
.ltr .btn {
  border-radius: 6px !important;
}
.ltr .customBtn .btn {
  font-size: 14px !important;
  padding: 8px 15px;
}
.ltr .table .custom-thead th {
  font-weight: 400 !important;
}
.ltr .btn:disabled {
  opacity: 0.5;
}
.ltr .btn-lite-dark {
  background-color: #C4C4C4 !important;
  border-color: #C4C4C4 !important;
  color: #fff;
}
.ltr .btn-lite-dark:hover {
  background-color: #fff !important;
  color: #C4C4C4 !important;
}
.ltr .btn-lite-dark:focus {
  background-color: #fff !important;
  color: #C4C4C4 !important;
}
.ltr h3 {
  font-size: 30px;
}
.ltr .CustomStyleTheme {
  box-shadow: none !important;
}
.ltr .CustomStyleTheme .customTabs {
  position: absolute;
  right: 0px;
  top: -48px;
}
.ltr .CustomStyleTheme .customTabs li {
  position: relative;
  z-index: 1;
}
.ltr .CustomStyleTheme .customTabs li a {
  font-size: 14px;
  border: none;
  color: var(--main-color);
  background: #dadada;
  border-radius: 0;
  padding: 7px 8px !important;
  line-height: 11px;
}
.ltr .CustomStyleTheme .customTabs li a.active {
  color: #FFFFFF !important;
  border: none !important;
  background-color: var(--main-color) !important;
}
.ltr .CustomStyleTheme .titleBox {
  background-color: #ffffff;
  padding: 5px 7px 5px 7px;
  border-radius: 2px;
  margin-top: 10px;
  border: 1px solid #ddd;
  position: relative;
}
.ltr .CustomStyleTheme .titleBox:hover {
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.ltr .CustomStyleTheme .titleBox .badge {
  position: absolute;
  top: 5px;
  right: 5px;
  transition: all 150ms linear;
}
.ltr .CustomStyleTheme .titleBox .badge:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.31);
  cursor: pointer;
  border: 1px solid #ddd;
}
.ltr .CustomStyleTheme .titleBox .delete-title {
  position: absolute;
  right: 8px;
  top: 2px;
}
.ltr .CustomStyleTheme .titleBox .checkbox-fade {
  position: absolute;
  right: -15px;
  top: 4px;
}
.ltr .CustomStyleTheme .titleBox .checkbox-fade .cr {
  width: 16px;
  height: 17px;
}
.ltr .CustomStyleTheme .titleBox h6 {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: normal;
}
.ltr .CustomStyleTheme .titleBox p {
  font-size: 13px;
  margin-bottom: 0;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  line-height: 18px;
  padding: 1px 0;
}
.ltr .CustomStyleTheme .titleBox p:last-child {
  border-bottom: none;
  display: none;
}
.ltr .CustomStyleTheme .titleBox p b {
  font-weight: 500;
  color: #8ac541;
}
.ltr .CustomStyleTheme .paginationBottom {
  text-align: right;
  float: right;
}
.ltr .CustomStyleTheme .paginationBottom li.active a {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.ltr .CustomStyleTheme .paginationBottom li a {
  height: 22px;
  min-width: 24px;
  line-height: 24px;
  padding: 0 6px;
  border-radius: 3px;
  margin: 6px 3px;
  border: none;
  text-align: center;
  vertical-align: top;
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  vertical-align: bottom;
}
.ltr .CustomStyleTheme .paginationBottom li a i {
  position: relative;
  top: 2px;
}
.ltr .CustomStyleTheme .badge {
  border-radius: 3px;
  font-weight: normal;
  font-size: 12px !important;
}
.ltr .CustomStyleTheme .ngx-datatable .datatable-header .datatable-header-cell {
  font-size: 14px !important;
}
.ltr .CustomStyleTheme .ngx-datatable .datatable-header .datatable-header-cell .ng-star-inserted {
  font-size: inherit !important;
}
.ltr .CustomStyleTheme .dropdown-list ul li {
  padding: 5px 15px 0 15px;
  min-height: 30px;
}
.ltr .CustomStyleTheme .dropdown-list ul li label {
  top: inherit;
}
.ltr .CustomStyleTheme .dropdown-list ul li:last-child {
  text-align: right;
  padding: 0 11px 0px 15px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.ltr .CustomStyleTheme .dropdown-list ul li:last-child:hover {
  background: transparent !important;
}
.ltr .CustomStyleTheme .status-list ul li:last-child {
  text-align: left;
  padding: 0 11px 0px 15px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.ltr .CustomStyleTheme .status-list ul li:last-child:hover {
  background: transparent !important;
}
.ltr .CustomStyleTheme .btn {
  padding: 5px 25px;
  margin: 0;
  text-transform: capitalize;
}
.ltr .CustomStyleTheme .row {
  margin-right: -5px !important;
  margin-left: -5px !important;
}
.ltr .CustomStyleTheme .row .col-md-2,
.ltr .CustomStyleTheme .row .col-md-4,
.ltr .CustomStyleTheme .row .col-md-8 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.ltr .CustomStyleTheme .row .col-md-2 {
  flex: 0 0 20.666667%;
  max-width: 20%;
}
.ltr .CustomStyleTheme .c-btn {
  margin-bottom: 10px;
}
.ltr .CustomStyleTheme .mat-form-field-wrapper {
  margin-bottom: -10px;
}
.ltr .CustomStyleTheme .mat-input-element,
.ltr .CustomStyleTheme .ng-star-inserted {
  font-size: 14px !important;
}
.ltr .CustomStyleTheme textarea.mat-input-element {
  height: 21px;
  padding: 0;
}
.ltr .CustomStyleTheme .customLabel {
  font-size: 14px !important;
  top: 14px;
}
.ltr .CustomStyleTheme .multi-select-margin {
  height: 28px;
}
.ltr .CustomStyleTheme .datatable-header .datatable-header-cell .sort-btn {
  top: 5px !important;
}
.ltr .CustomStyleTheme .ngx-datatable .datatable-body .datatable-body-row {
  outline: 0;
  height: 26px !important;
}
.ltr .CustomStyleTheme .datatable-header {
  height: inherit !important;
}
.ltr .CustomStyleTheme .datatable-checkbox {
  margin-top: -1px !important;
}
.ltr .CustomStyleTheme .datatable-header-cell,
.ltr .CustomStyleTheme .datatable-body-cell {
  padding: 2px 1.2rem !important;
  font-size: 13px !important;
}
.ltr .CustomStyleTheme .ngx-datatable .mat-input-element,
.ltr .CustomStyleTheme .ngx-datatable .ng-star-inserted {
  font-size: 14px !important;
}
.ltr .CustomStyleTheme .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  font-size: 13px !important;
}
.ltr .CustomStyleTheme .card-block {
  padding: 7px 10px 0 10px;
}
.ltr .CustomStyleTheme .datatable-footer-inner {
  height: 35px !important;
}
.ltr .CustomStyleTheme .datatable-footer .page-count {
  height: 35px;
  line-height: 35px;
}
.ltr .CustomStyleTheme .search-top {
  margin-bottom: 0px;
}
.ltr .CustomStyleTheme .search-top .mat-form-field-infix {
  border-top: 4px solid transparent;
}
.ltr .CustomStyleTheme .search-top .mat-form-field-label-wrapper {
  top: -9px;
}
.ltr .CustomStyleTheme .search-top .mat-form-field-wrapper {
  margin-bottom: 0px;
}
.ltr .CustomStyleTheme .search-top .btn {
  margin-top: 5px;
}
.ltr #pills-profile {
  margin: 0 -10px;
  padding: 0px 0 15px 0;
  background: #e9e9e9;
}
.ltr .filter-box {
  padding: 8px 15px 7px 15px !important;
}
.ltr .filter-box .sub-title {
  margin: 0;
  border: none;
  padding: 0;
}
.ltr .showCompany {
  max-height: 400px;
  overflow-y: scroll;
}
.ltr .showCompany::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.ltr .showCompany::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.ltr .showCompany::-webkit-scrollbar-thumb {
  background-color: #202020;
}
.ltr #un-balanced-jvs .ngx-datatable .datatable-body-cell,
.ltr #un-balanced-jvs .ngx-datatable .datatable-header-cell {
  overflow-x: inherit !important;
  padding: 8px;
}
.ltr .customerpopup .datatable-header-cell {
  width: 22% !important;
}
.ltr .customerpopup .datatable-header-cell:first-child {
  width: 10% !important;
}
.ltr .customerpopup .datatable-body-cell {
  width: 22% !important;
}
.ltr .customerpopup .datatable-body-cell:first-child {
  width: 10% !important;
}
.ltr #item-filter {
  max-width: 1920px;
  margin: auto;
}
.ltr .footerlink {
  font-size: 14px;
  margin-top: 4%;
  color: #000;
}
.ltr .footerlink a {
  font-size: 14px;
  color: #000;
  margin-right: 40px;
}
.ltr .login-content-inner .mat-form-field-appearance-legacy .mat-form-field-label {
  font-size: 11px !important;
  margin-bottom: 0 !important;
  top: 21px;
}
.ltr .login-content-inner .remember-me {
  margin-top: -5px;
  width: 100%;
}
.ltr .login-content-inner label {
  font-size: 12px;
}
.ltr .login-content-inner a {
  font-size: 12px;
}
.ltr .login-content-inner .error-msg {
  top: -38px;
}
.ltr .login-bg {
  background: url(/../../assets/images/bg-algo.svg) no-repeat 25% 51%;
  background-color: #F9F5EC;
  background-size: 86%;
  width: 100%;
  height: inherit !important;
  min-height: 100vh;
  padding-bottom: 2%;
  padding-top: 5%;
}
.ltr .login-bg .login-form {
  max-width: 360px !important;
}
.ltr .login-bg .login-form .mat-form-field-wrapper {
  margin-bottom: 18px !important;
}
.ltr .login-bg .login-form .mat-icon {
  width: 36px;
}
.ltr .login-bg .login-form .mat-icon img {
  left: 5px;
  margin-left: 10px;
}
.ltr .login-bg .login-form .mat-form-field-infix {
  left: 15px;
  padding: 0.5em 0 0.9em 0;
}
.ltr .login-bg .login-form h1 {
  font-size: 30px !important;
}
.ltr .login-bg .login-form p {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 40px;
  width: 102%;
}
.ltr .login-bg .login-form .mat-form-field-prefix .mat-icon {
  height: inherit;
}
.ltr .labelstyle {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.ltr .logo-algp {
  margin-bottom: 50px;
}
.ltr .logo-algp img {
  max-width: 183px;
}
.ltr .SPS-theme {
  height: 100vh;
  position: relative;
}
.ltr .SPS-theme .selected-list .c-btn {
  color: #7A7A7A !important;
}
.ltr .SPS-theme .mat-form-field-wrapper {
  margin-top: 0 !important;
}
.ltr .SPS-theme .internationalization {
  width: 97%;
  top: 0;
  position: absolute;
}
.ltr .SPS-theme .internationalization #dropdownMenuButton {
  color: #ffffff !important;
  background: #FE6D52;
  width: 32px;
  padding: 0;
  height: 38px;
  text-align: center;
  line-height: 38px;
}
.ltr .SPS-theme .internationalization .dropdown-content {
  left: -111px !important;
}
.ltr .SPS-theme .login-wrap {
  width: 100%;
  box-shadow: 0px 1px 13px rgba(0, 0, 0, 0.1607843137);
  max-width: 600px;
  border: 1px solid #ffc4a9;
  padding-top: 75px;
  padding-bottom: 20px;
  background-color: #fff;
  position: relative;
  /* left: 50%; */
  /* position: absolute; */
  border-radius: 20px;
  /* top: 50%; */
  /* transform: translate(-50%, -50%); */
  margin: auto;
}
.ltr .SPS-theme .login-wrap .login-content {
  text-align: left;
  padding-bottom: 30px;
}
.ltr .SPS-theme .login-wrap .btn-dark {
  font-weight: 500;
  background-color: #000;
  border-radius: 30px !important;
}
.ltr .SPS-theme .login-wrap .btn-dark i {
  position: relative;
  right: -15px;
}
.ltr .SPS-theme .login-wrap .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.ltr .SPS-theme .login-wrap .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-0.95em) scale(1) perspective(100px) translateZ(4.001px);
  top: 16px;
}
.ltr .SPS-theme .login-wrap .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label span,
.ltr .SPS-theme .login-wrap .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label span {
  font-size: 13px !important;
  color: #000 !important;
  text-shadow: 0 0 BLACK;
  font-weight: 300;
}
.ltr .SPS-theme .login-wrap .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label label,
.ltr .SPS-theme .login-wrap .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label label {
  font-size: 13px !important;
  color: #000 !important;
  text-shadow: 0 0 BLACK;
  font-weight: 300;
}
.ltr .SPS-theme .logoWhite {
  position: relative;
  top: -120px;
  max-width: 183px;
  left: 33%;
}
.ltr .sideBar .pcoded-inner-navbar.main-menu {
  background-color: #f6f0e1 !important;
  border-right: 1px solid #fff;
}
.ltr .sideBar .menu-top-menu-container ul li.active ul li {
  background-color: #f6f0e1 !important;
}
.ltr .sideBar .menu-top-menu-container ul li.active ul li.active a {
  color: var(--main-color-hover) !important;
  background: #303030;
  width: auto;
}
.ltr .sideBar .menu-top-menu-container ul li.active ul li:hover a {
  background-color: #f6f0e1 !important;
  color: #000;
}
.ltr .sideBar .menu-top-menu-container ul li:hover a {
  color: var(--main-color-hover) !important;
}
.ltr .sideBar .menu-top-menu-container ul li a {
  color: #303030;
  font-weight: 500;
  margin: 0 10px;
  font-size: 14px;
  padding: 10px 15px;
  display: flex;
  margin-bottom: 5px;
  align-items: center;
  text-shadow: 0 0 #303030;
  border-radius: 5px;
}
.ltr .sideBar .menu-top-menu-container ul ul {
  margin-left: 25px;
  margin-top: 5px;
}
.ltr .sideBar .menu-top-menu-container ul ul li:hover a {
  color: #000 !important;
}
.ltr .sideBar .menu-top-menu-container i {
  color: var(--main-color-hover);
  width: 25px;
  font-size: 20px;
  display: inline-block;
  margin-right: 15px;
  text-align: left;
}
.ltr .profileBox {
  background-color: #f6eee2;
  margin: 0px;
  padding: 88px 0px 140px 50px;
}
.ltr .profileBox.userProfile {
  padding-bottom: 0px;
  padding-top: 60px;
  border-radius: 5px;
}
.ltr .profileBox.userProfile .profile-img {
  top: -110px;
  max-width: auto;
}
.ltr .profileBox h2 {
  font-size: 32px;
}
.ltr .profileBox .btn {
  border-radius: 5px;
  text-transform: capitalize;
  width: 100%;
  padding: 8px 0;
  margin-right: 10px;
  font-size: 14px;
  max-width: 140px;
  text-shadow: 0 0 #000;
}
.ltr .profileBox .btn.btn-danger {
  background-color: var(--main-color-hover);
}
.ltr .profileBox .btn:hover {
  color: #000 !important;
}
.ltr .profileBox .btn:hover i {
  color: #fff;
}
.ltr .profileBox .btn i {
  color: var(--main-color-hover);
  margin-right: 0;
  position: relative;
  left: -5px;
  font-size: 18px;
}
.ltr .profileBox .btn-outline-danger {
  background-color: #fff !important;
  color: #000;
  border: 1px solid var(--main-color-hover);
  text-transform: capitalize;
}
.ltr .profileBox .btn-outline-danger:hover {
  background-color: var(--main-color-hover) !important;
}
.ltr .pcoded-inner-content {
  background-color: #fff;
}
.ltr .profileDetails span.badge {
  font-size: 12px;
  background-color: #626362;
  font-weight: 500;
  padding: 4px 10px;
}
.ltr .profileDetails .company-name h4 span {
  font-weight: 400;
}
.ltr .compnay-details {
  border: 1px solid #CACACA;
  border-radius: 10px;
}
.ltr .compnay-details .page-header {
  background-color: #14191A;
  padding: 20px 20px;
  margin-bottom: 0;
  border-radius: 10px 10px 0 0;
  color: #fff;
}
.ltr .compnay-details .page-header h6 {
  font-weight: 500 !important;
}
.ltr .compnay-details .page-header h6 i {
  color: var(--main-color-hover);
}
.ltr .compnay-details .page-header .btn-lite {
  background-color: #fff;
  color: #000000;
  padding: 7px 50px;
}
.ltr .compnay-details .card {
  border: none;
}
.ltr .compnay-details .footer-profile {
  border: none;
  background-color: #FAFAFA;
  border-radius: 0 0 10px 10px;
  border-top: 1px solid #CACACA !important;
}
.ltr .user_profile {
  position: relative;
  margin-bottom: 100px !important;
}
.ltr .user_profile .profile-img {
  border-left-color: #EBEEF2 !important;
  width: 190px;
  position: absolute;
  top: -142px;
  height: 190px;
  padding: 15px;
  border-radius: 100%;
}
.ltr .user_profile .profile-img img {
  width: 180px;
  border-radius: 40px;
  height: 180px;
  position: relative;
  top: -2px;
  left: -3px;
}
.ltr .user_profile .profileDetails {
  position: relative;
  top: 75px;
}
.ltr .mat-form-field-infix {
  border-top: 0.64375em solid transparent;
  padding: 0.9em 0 0.9em 0;
}
.ltr .mat-form-field-infix.mat-form-field-appearance-outline {
  padding: 0.5em 0 0.7em 0;
}
.ltr .mat-ink-bar {
  background-color: #fe6d52 !important;
}
.ltr #mobile-collapse {
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 10px;
}
.ltr .multi-select-margin {
  border: 1px solid #ddd;
  padding: 1px 8px;
  top: 0px;
  border-radius: 5px;
  min-height: 49px;
}
.ltr .multi-select-margin.selectDisable {
  background-color: #f8f8f8;
}
.ltr .multi-select-margin.selectDisable label {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.56);
}
.ltr .multi-select-margin.selectDisable .selected-list .c-btn {
  color: rgba(0, 0, 0, 0.56) !important;
}
.ltr .multi-select-margin .selected-list .c-btn {
  border-bottom: 0 !important;
  color: #7A7A7A !important;
}
.ltr .searchBox .mat-form-field-infix i {
  position: absolute;
  right: 0;
}
.ltr .header-navbar .navbar-wrapper .navbar-container .header-notification:hover .show-notification,
.ltr .header-navbar .navbar-wrapper .navbar-container .mega-menu-top:hover .show-notification,
.ltr .header-navbar .navbar-wrapper .navbar-container .header-notification:hover .profile-notification,
.ltr .header-navbar .navbar-wrapper .navbar-container .mega-menu-top:hover .profile-notification {
  border-top: 13px solid #14191a;
}
.ltr .mat-calendar-body-cell-container button:focus {
  outline: none;
}
.ltr .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CACACA;
}
.ltr .mat-form-field.mat-focused {
  color: #000;
}
.ltr .mat-form-field-appearance-outline .mat-form-field-outline-thick.mat-focused {
  color: #000;
}
.ltr .SPS-Theme {
  /* Font color */
  background-color: #fff;
}
.ltr .SPS-Theme .quickShop {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  flex: 98%;
  max-width: 98%;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.ltr .SPS-Theme .quickShop::-webkit-scrollbar {
  width: 10px;
}
.ltr .SPS-Theme .quickShop::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.ltr .SPS-Theme .quickShop::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 10px;
}
.ltr .SPS-Theme .quickShop::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.ltr .SPS-Theme .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CACACA;
}
.ltr .SPS-Theme h1 {
  font-size: 36px !important;
}
.ltr .SPS-Theme .mat-form-field.mat-focused {
  color: #000;
}
.ltr .SPS-Theme .mat-form-field-appearance-outline .mat-form-field-outline-thick.mat-focused {
  color: #000;
}
.ltr .SPS-Theme .customSelect .mat-form-field-infix {
  padding-top: 5px !important;
}
.ltr .SPS-Theme .customSelect .mat-form-field-infix .material-symbols-outlined {
  position: relative;
  top: 5px;
}
.ltr .SPS-Theme.Quotation-page .pageheader {
  margin: -39px -50px -150px -37px;
  padding: 48px 50px 75px 50px;
}
.ltr .SPS-Theme.Quotation-page h1 {
  margin-bottom: 0;
}
.ltr .SPS-Theme .mat-form-field-label {
  color: #000;
}
.ltr .SPS-Theme .mat-form-field {
  text-transform: capitalize;
  color: #7A7A7A;
}
.ltr .SPS-Theme .right-side {
  border-radius: 15px;
  padding: 0px 15px 10px 15px;
  position: relative;
}
.ltr .SPS-Theme .right-side .panel-overlay {
  position: absolute;
  height: 102%;
  min-height: 600px;
  z-index: 1000;
}
.ltr .SPS-Theme .right-side .panel-overlay::after {
  width: 102% !important;
  height: 115% !important;
}
.ltr .SPS-Theme .right-side .show-list {
  overflow-y: auto;
  height: 600px;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow-x: hidden;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.ltr .SPS-Theme .right-side .show-list::-webkit-scrollbar {
  width: 10px;
}
.ltr .SPS-Theme .right-side .show-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.ltr .SPS-Theme .right-side .show-list::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 10px;
}
.ltr .SPS-Theme .right-side .show-list::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.ltr .SPS-Theme .filterBar {
  border: 1px solid #CACACA;
  border-radius: 10px;
}
.ltr .SPS-Theme .filterBar .filter-Header {
  background-color: #000000;
  border-radius: 5px 5px 0 0;
  padding: 12px 15px 12px 15px;
}
.ltr .SPS-Theme .filterBar .filter-Header h5 {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px !important;
  font-weight: 500 !important;
}
.ltr .SPS-Theme .filterBar .filter-Header h5 i {
  color: var(--main-color-hover);
  margin-right: 10px;
}
.ltr .SPS-Theme .filterBar .filter-search {
  padding: 8px 15px 8px 15px;
  background-color: #F2F2F2;
}
.ltr .SPS-Theme .filterBar .filter-search .mat-form-field-wrapper {
  margin-bottom: 0;
  padding-bottom: 0;
}
.ltr .SPS-Theme .filterBar .searchBox .mat-form-field-subscript-wrapper {
  display: none;
}
.ltr .SPS-Theme .filterBar .searchBox .mat-form-field-outline {
  background-color: #fff;
  border-radius: 5px;
}
.ltr .SPS-Theme .filterBar .searchBox mat-label {
  text-transform: capitalize;
}
.ltr .SPS-Theme .filterBar .searchBox .mat-form-field-prefix {
  background: #F9FAFB;
  margin: 0px;
  padding: 11px 7px;
  position: relative;
  left: -10px;
  border-radius: 5px 0px 0px 5px;
}
.ltr .SPS-Theme .filterBar .searchBox .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CED4DA;
}
.ltr .SPS-Theme .filterBar .searchBox input.mat-input-element {
  color: #64748B;
}
.ltr .SPS-Theme .filterBar .accordion .card {
  border: none;
  margin-bottom: 5px;
}
.ltr .SPS-Theme .filterBar .accordion .card .card-header .collapsed .fa {
  transform: rotate(180deg);
}
.ltr .SPS-Theme .filterBar .accordion .card .card-header {
  color: #000;
  padding: 0px 0;
  border: none;
}
.ltr .SPS-Theme .filterBar .accordion .card .card-header .btn-link {
  color: #000000;
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 15px;
}
.ltr .SPS-Theme .filterBar .accordion .card .card-header .btn-link i {
  float: right;
  font-size: 16px;
  margin-top: 3px;
  font-weight: 500;
}
.ltr .SPS-Theme .filterBar .accordion .card .card-body {
  padding-top: 0;
  max-height: 300px;
  overflow-y: auto;
  width: 95%;
  margin-bottom: 0px;
  overflow-x: hidden;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.ltr .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox-layout {
  white-space: inherit;
}
.ltr .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox-layout .mat-checkbox-inner-container {
  margin-top: 4px;
}
.ltr .SPS-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar {
  width: 5px;
}
.ltr .SPS-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 5px;
}
.ltr .SPS-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 5px;
}
.ltr .SPS-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.ltr .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox.mat-accent .mdc-checkbox--selected ~ .mdc-checkbox__ripple {
  background-color: #000;
}
.ltr .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.ltr .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.ltr .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  background-color: #000;
}
.ltr .SPS-Theme .filterBar .accordion .card .card-body .mdc-checkbox__background {
  background-color: #000000;
  border-color: #000;
}
.ltr .SPS-Theme .filterBar .accordion .card .card-body .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #fff;
}
.ltr .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox label {
  color: #000;
  margin-bottom: 0;
  font-size: 14px;
}
.ltr .SPS-Theme .filterBar .accordion .card .card-body .mat-checkbox-layout {
  color: #000;
  font-size: 17px;
  margin-top: 10px;
}
.ltr .SPS-Theme .filterBar .accordion .ngx-slider .ngx-slider-pointer {
  background-color: #505050;
  width: 26px;
  height: 26px;
}
.ltr .SPS-Theme .filterBar .accordion .ngx-slider .ngx-slider-selection {
  background-color: #505050;
}
.ltr .SPS-Theme .filterBar .accordion .ngx-slider .ngx-slider-bubble {
  color: #000;
  font-weight: 600;
  font-size: 13px;
}
.ltr .SPS-Theme .filterBar .accordion .ngx-slider .ngx-slider-pointer:after {
  background-color: #505050;
}
.ltr .SPS-Theme .shippingBar {
  margin: 20px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px 15px;
  width: 100%;
  border-radius: 5px;
  text-align: center;
}
.ltr .SPS-Theme .shippingBar .card-header {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.ltr .SPS-Theme .shippingBar .card-header:after {
  font-family: "FontAwesome";
  content: "\f077";
  margin-right: 15px;
}
.ltr .SPS-Theme .shippingBar .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f078";
}
.ltr .SPS-Theme .shippingBar i {
  color: var(--main-color-hover);
}
.ltr .SPS-Theme .card-bg {
  background-color: #fff;
  border: 1px solid #ccc !important;
  border-radius: 5px;
}
.ltr .SPS-Theme .dataPicker .mat-icon-button {
  position: absolute;
  top: 0;
  right: 0px;
}
.ltr .SPS-Theme .btnStatus {
  justify-content: space-between;
  display: inline-flex;
}
.ltr .SPS-Theme .text-success {
  color: #52C93F !important;
  font-size: 12px;
}
.ltr .SPS-Theme .text-danger {
  color: #FF0000 !important;
  font-size: 12px;
}
.ltr .SPS-Theme .pageheader {
  background-color: #f6eee2;
  margin: -111px -50px -132px -59px;
  padding: 89px 45px 141px 44px;
}
.ltr .SPS-Theme .pageheader h1 {
  font-size: 40px;
  margin-top: 13px;
  padding-left: 15px;
  font-weight: 500;
}
.ltr .SPS-Theme .pageheader .searchBox .mat--mdc-form-field-outline {
  background-color: #fff;
  border-radius: 5px;
}
.ltr .SPS-Theme .pageheader .searchBox mat-label {
  text-transform: capitalize;
}
.ltr .SPS-Theme .pageheader .searchBox .mat-form-field-prefix {
  background: #F9FAFB;
  margin: 0px;
  padding: 11px 7px;
  position: relative;
  left: -10px;
  border-radius: 5px 0px 0px 5px;
}
.ltr .SPS-Theme .pageheader .searchBox .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CED4DA;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.ltr .SPS-Theme .pageheader .searchBox input.mat-input-element {
  color: #64748B;
}
.ltr .SPS-Theme .row-equalHeight {
  display: flex;
  flex-wrap: wrap;
}
.ltr .SPS-Theme .hideTableFooter .datatable-footer {
  display: none;
}
.ltr .SPS-Theme .hideTableFooter .page-count {
  display: none !important;
}
.ltr .SPS-Theme .statusBox {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  height: 100%;
  box-shadow: 0px 4px 5px 1px #ededed;
  padding: 9px 4% 7px 4%;
  cursor: pointer;
  overflow: hidden;
  transition: 0.4s ease;
}
.ltr .SPS-Theme .statusBox.dueDate {
  background: #f7cfcf;
}
.ltr .SPS-Theme .statusBox .apexcharts-canvas {
  margin-top: -15px;
}
.ltr .SPS-Theme .statusBox.active {
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  color: var(--main-color-hover);
  transform: scale(1.06);
}
.ltr .SPS-Theme .statusBox.chart-status {
  padding: 0;
  padding-bottom: 20px;
}
.ltr .SPS-Theme .statusBox.chart-status h5 {
  background-color: #303030;
  padding: 11px 15px;
  margin-bottom: 20px;
  color: #fff;
  border-radius: 5px 5px 0 0;
}
.ltr .SPS-Theme .statusBox.reportstatus {
  padding: 15px 2% 20px 2%;
  height: 100%;
}
.ltr .SPS-Theme .statusBox.reportstatus h3 {
  font-size: 40px;
  margin-top: 10px;
}
.ltr .SPS-Theme .statusBox.reportstatus p {
  margin-top: 20px;
}
.ltr .SPS-Theme .statusBox mat-label {
  text-transform: capitalize;
  color: #000;
}
.ltr .SPS-Theme .statusBox .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CED4DA;
}
.ltr .SPS-Theme .statusBox input.mat-input-element {
  color: #64748B;
}
.ltr .SPS-Theme .statusBox h2 {
  position: relative;
  font-size: 14px;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
}
.ltr .SPS-Theme .statusBox h2 a {
  font-size: 9px;
  color: #292D32;
  opacity: 0.5;
  float: right;
  margin-top: 10px;
}
.ltr .SPS-Theme .statusBox h3 {
  font-size: 32px;
  font-weight: 700 !important;
  color: var(--main-color-hover);
  margin: 3px 0 7px 0;
}
.ltr .SPS-Theme .statusBox p {
  margin-bottom: 0;
  border-top: 1px solid #d6d6d6;
  padding-top: 8px;
  color: #292D32;
  margin-top: -30px;
  font-size: 12px;
  font-weight: 500;
  position: relative;
  background: #fff;
  z-index: 1;
  width: 98%;
}
.ltr .SPS-Theme .statusBox p span {
  font-weight: 600;
}
.ltr .SPS-Theme .statusBox p .text-success {
  color: #00AC4F !important;
}
.ltr .SPS-Theme .statusBox p .text-danger {
  color: #EC0202 !important;
}
.ltr .SPS-Theme .statusBox .chartStatus {
  min-height: 50px;
}
.ltr .SPS-Theme .statusBox .chartStatus img {
  min-height: 50px;
}
.ltr .SPS-Theme .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  font-size: 14px !important;
  display: inline-flex;
  align-items: center;
  padding: 8px;
  white-space: break-spaces;
  color: #000;
  text-shadow: 0 0 #000;
  letter-spacing: 1px;
}
.ltr .SPS-Theme .ngx-datatable .datatable-header .datatable-header-cell {
  padding: 8px;
}
.ltr .SPS-Theme .datatable-checkbox {
  margin-top: 17px !important;
}
.ltr .SPS-Theme .ngx-datatable.material {
  border-radius: 5px;
  border-color: #CACACA;
}
.ltr .SPS-Theme .ngx-datatable .datatable-header {
  height: inherit !important;
}
.ltr .SPS-Theme .ngx-datatable .datatable-header .datatable-checkbox {
  margin-top: 7px !important;
}
.ltr .SPS-Theme .ngx-datatable .datatable-body .datatable-body-row > div {
  border-top: 1px solid #CACACA;
}
.ltr .SPS-Theme .ngx-datatable .datatable-header {
  padding: 2px 0;
}
.ltr .SPS-Theme .datatable-checkbox input[type=checkbox]:checked:before {
  content: "\f00c";
  font-family: "FontAwesome";
  transform: inherit;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
  text-align: center;
  line-height: 18px;
}
.ltr .SPS-Theme .datatable-checkbox input[type=checkbox]:before {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  right: 0;
  border-radius: 4px;
  z-index: 1;
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #BBBBBB;
}
.ltr .SPS-Theme .datatable-checkbox input[type=checkbox]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2rem;
  border-radius: 4px;
  height: 1.2rem;
  cursor: pointer;
  border: 1px solid transparent !important;
}
.ltr .SPS-Theme .ngx-datatable .datatable-footer .datatable-pager {
  text-align: left;
}
.ltr .SPS-Theme .ngx-datatable .datatable-footer .datatable-pager a {
  height: 30px;
  width: 30px;
  line-height: 28px;
}
.ltr .SPS-Theme .ngx-datatable .datatable-footer .datatable-pager a i {
  line-height: 35px;
}
.ltr .SPS-Theme .ngx-datatable .datatable-footer .datatable-pager li.active a {
  font-weight: normal;
  border: 1px solid #ddd;
  background-color: #fff;
}
.ltr .SPS-Theme .ngx-datatable.material .datatable-footer {
  background-color: #FAFAFA;
  padding: 0;
  font-size: 14px;
}
.ltr .SPS-Theme .ngx-datatable.material .datatable-footer .page-count {
  color: #1E293B;
}
.ltr .SPS-Theme .sortBy .mat-form-field {
  width: auto;
  margin: 0 5px;
}
.ltr .SPS-Theme .productList {
  border: 1px solid #CACACA;
  border-radius: 5px;
  transition: 0.4s ease;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ltr .SPS-Theme .productList:hover {
  box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.16);
  transform: scale(1.02);
  cursor: pointer;
}
.ltr .SPS-Theme .productList .product-img {
  height: 175px;
  position: relative;
  text-align: center;
  transition: transform 0.2s;
}
.ltr .SPS-Theme .productList .product-img .badge {
  position: absolute;
  bottom: 0px;
  left: 0;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  background-color: #fcbfb3;
  color: #780909;
  border-radius: 0;
  padding: 6px 0;
}
.ltr .SPS-Theme .productList .product-img .icon-top {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  font-size: 18px;
}
.ltr .SPS-Theme .productList .product-img .icon-bottom {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 18px;
}
.ltr .SPS-Theme .productList .product-img img {
  width: auto;
  max-width: 100%;
  height: 100%;
  margin: auto;
}
.ltr .SPS-Theme .productList .productDetails {
  border-top: 1px solid #CACACA;
  padding: 10px;
  min-height: 110px;
  position: relative;
}
.ltr .SPS-Theme .productList .productDetails h6 {
  font-size: 14px !important;
  width: 98%;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.ltr .SPS-Theme .productList .productDetails .bottom-list {
  bottom: 10px;
  width: 100%;
}
.ltr .SPS-Theme .productList .productDetails .bottom-list .btn {
  background-color: var(--side-bar);
  width: 28px;
  color: #fff;
  height: 28px;
  padding: 0 !important;
  font-size: 18px;
}
.ltr .SPS-Theme .productList .productDetails .bottom-list .btn:hover {
  background-color: var(--main-color-hover);
}
.ltr .SPS-Theme .productList .productDetails .bottom-list .btn:focus {
  border-color: var(--side-bar);
  box-shadow: none;
}
.ltr .SPS-Theme .productList .productDetails .bottom-list .btn-sm {
  border-radius: 5px !important;
}
.ltr .SPS-Theme .productList .productDetails .number .minus,
.ltr .SPS-Theme .productList .productDetails .number .plus {
  width: 28px;
  height: 28px;
  background: var(--side-bar);
  border-radius: 25px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 21px;
  outline: none;
  line-height: 28px;
  cursor: pointer;
}
.ltr .SPS-Theme .productList .productDetails .number .minus:focus,
.ltr .SPS-Theme .productList .productDetails .number .plus:focus {
  outline: none;
}
.ltr .SPS-Theme .productList .productDetails .number .minus:disabled,
.ltr .SPS-Theme .productList .productDetails .number .plus:disabled {
  opacity: 0.2;
}
.ltr .SPS-Theme .productList .productDetails .number input {
  height: 32px;
  width: 50px;
  text-align: center;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  border: none;
  display: inline-block;
  vertical-align: middle;
}
.ltr .SPS-Theme .listView .productList {
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
}
.ltr .SPS-Theme .listView .productList:hover {
  transform: scale(1.012);
}
.ltr .SPS-Theme .listView .productList .product-img {
  width: 10%;
  float: left;
  border: 1px solid #ddd;
  margin: 10px;
  min-height: 120px;
  height: 120px;
}
.ltr .SPS-Theme .listView .productList .productDetails {
  width: 88%;
  float: left;
  margin-top: 15px;
  border-top: none;
  min-height: 110px;
}
.ltr .SPS-Theme .listView .productList .productDetails .col-md-8 {
  flex: 0 0 99.333333%;
  max-width: 99.333333%;
}
.ltr .SPS-Theme .listView .productList .productDetails .col-md-8 h6 {
  font-size: 24px !important;
  min-height: inherit;
  line-height: 0;
}
.ltr .SPS-Theme .listView .productList .productDetails .col-md-8 span {
  display: inline-block;
  width: 100%;
  right: 0px;
  top: -12px;
  position: relative;
  font-weight: 600;
  font-size: 18px;
  text-align: right;
}
.ltr .SPS-Theme .listView .productList .productDetails .col-md-4.text-right {
  flex: 0 0 99.333333%;
  max-width: 99.333333%;
  text-align: left !important;
  font-size: 14px;
  position: relative;
  left: -5px;
  top: -19px;
}
.ltr .SPS-Theme .listView .productList .productDetails .bottom-list {
  border-top: 1px solid #CACACA;
  padding-top: 5px;
  bottom: -8px;
}
.ltr .SPS-Theme .RowsView {
  border: none;
  margin: 0;
}
.ltr .SPS-Theme .RowsView:hover {
  box-shadow: none;
  transform: none;
}
.ltr .SPS-Theme .RowsView .productDetails {
  min-height: inherit;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.ltr .SPS-Theme .RowsView .productDetails tr td {
  word-break: break-all;
  width: 15%;
}
.ltr .SPS-Theme .RowsView .productDetails tr td:first-child {
  width: 200px;
}
.ltr .SPS-Theme .RowsView .productDetails tr td:nth-child(2) {
  width: 400px;
}
.ltr .SPS-Theme .RowsView .productDetails .number {
  width: 120px;
  display: inline-block;
}
.ltr .SPS-Theme .RowsView .productDetails .btn-sm {
  background-color: var(--main-color-hover);
  width: 28px;
  color: #fff;
  height: 28px;
  margin-right: 10px;
  padding: 0 !important;
  font-size: 18px;
}
.ltr .SPS-Theme .tabelBox {
  border: 1px solid #ddd;
  border-radius: 5px;
}
.ltr .SPS-Theme .tabelBox tbody {
  border-left: 0px;
  border-right: 0px;
}
.ltr table tr td .btn-sm {
  border-radius: 6px !important;
  padding: 2px 5px;
}
.ltr .custom-table tr td {
  vertical-align: middle;
}
.ltr .custom-table tbody {
  border: 1px solid #CACACA;
  border-radius: 10px;
  position: relative;
  top: -3px;
}
.ltr .custom-thead th {
  border: none;
  padding: 10px !important;
}
.ltr .custom-thead th:first-child {
  border-radius: 5px 0px 0px 5px;
}
.ltr .custom-thead th:last-child {
  border-radius: 0px 5px 5px 0px;
}
.ltr .user-profile img.rounded-circle {
  margin-top: -7px;
}
.ltr .header-navbar {
  padding-top: 0px;
  background-color: #14191A !important;
  border-bottom: 2px solid var(--main-color-hover);
}
.ltr .pcoded-main-container {
  margin-top: 18px !important;
}
.ltr .header-navbar .navbar-wrapper .navbar-logo a {
  position: relative;
  left: 0px;
}
.ltr .mobile-menu i.ti-menu {
  font-size: 30px;
  position: relative;
  top: -6px;
  color: var(--main-color-hover);
}
.ltr .iconBrd {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.ltr .iconColor {
  color: var(--main-color-hover);
}
.ltr .btn-outline-dark {
  border-color: #CACACA;
}
.ltr label.w-120 {
  margin-top: 7px !important;
  height: 44px;
}
.ltr .w-120 {
  min-width: 125px;
  margin-left: 5px;
}
.ltr .w-120 img {
  position: relative;
  left: -10px;
}
.ltr .btn-orange {
  background-color: var(--main-color-hover);
  color: #fff;
  border: 1px solid var(--main-color-hover);
}
.ltr .btn-orange.btn-active {
  background-color: #fff;
  color: var(--main-color-hover);
}
.ltr .btn-orange.btn-active:focus {
  background-color: #fff;
  color: var(--main-color-hover);
}
.ltr .btn-orange:hover {
  background-color: #fff;
  color: var(--main-color-hover);
}
.ltr .btn-orange:focus {
  background-color: #fff;
  color: var(--main-color-hover);
}
.ltr .featur-Modal h1 {
  font-size: 28px !important;
}
.ltr .featur-Modal .badge {
  border-radius: 5px !important;
}
.ltr .featur-Modal .carousel-inner {
  position: relative;
  width: 80%;
  overflow: hidden;
  left: 40px;
}
.ltr .featur-Modal .carousel-control-prev-icon {
  left: 75px;
  position: relative;
}
.ltr .featur-Modal .carousel-control-next-icon,
.ltr .featur-Modal .carousel-control-prev-icon {
  background-color: #000000;
}
.ltr .featur-Modal .carousel-indicators {
  width: 90px;
  margin-left: 0;
  background: #fff;
  top: 0px;
}
.ltr .featur-Modal .carousel-indicators li {
  width: 70px !important;
  height: 70px;
  border: 1px solid #b3b3b3;
  margin: 0;
  border-radius: 5px;
  text-indent: inherit !important;
}
.ltr .featur-Modal .card-header .title {
  font-size: 14px;
  color: #000;
  margin: 0;
}
.ltr .featur-Modal .card-header .accicon {
  float: right;
  font-size: 20px;
  width: 1.2em;
  position: absolute;
  right: 0;
  top: 11px;
}
.ltr .featur-Modal .card-header {
  cursor: pointer;
  border-bottom: none;
  border-top: none;
  padding: 6px 0 !important;
  font-weight: 500;
  border-radius: 0;
}
.ltr .featur-Modal .card {
  margin-bottom: 0;
  background: #f9f9f9;
  padding: 8px 10px;
  margin-bottom: 5px;
  border: 1px solid #ddd !important;
  border-radius: 5px !important;
  box-shadow: none;
}
.ltr .featur-Modal .card-body {
  border-top: 1px solid #ddd;
  border: none;
  padding: 0;
}
.ltr .featur-Modal .card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}
.ltr .featur-Modal .number .minus,
.ltr .featur-Modal .number .plus {
  width: 28px;
  height: 28px;
  background: var(--main-color-hover);
  border-radius: 4px 0px 0px 4px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 21px;
  line-height: 28px;
  cursor: pointer;
}
.ltr .featur-Modal .number .plus {
  border-radius: 0px 4px 4px 0px;
}
.ltr .featur-Modal .number input {
  height: 28px;
  width: 30px;
  border-color: #1E293B;
  text-align: center;
  font-size: 16px;
  border: 1px solid #ddd;
  color: #000;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
}
.ltr .featur-Modal .categorylist li {
  display: inline-block;
}
.ltr .featur-Modal .categorylist li::before {
  content: "\f105";
  font-family: "FontAwesome";
  float: right;
  margin: 0px 8px;
}
.ltr .featur-Modal .categorylist li:last-child::before {
  display: none;
}
.ltr .featur-Modal .categorylist li:last-child a {
  font-weight: 600;
}
.ltr .featur-Modal .categorylist li a {
  font-size: 14px;
  color: #000;
}
.ltr .featur-Modal .close {
  position: absolute;
  right: 28px;
  top: 28px;
  background-color: #76716e;
  /* background: #000; */
  width: 40px;
  height: 40px;
  border-radius: 100%;
  color: #ffffff;
  padding: 0;
  text-shadow: 0 0 #000;
  font-size: 34px;
  font-weight: 200;
}
.ltr .mat-tab-label-active {
  background: #000;
  color: #fff;
  opacity: 1;
  border-radius: 5px;
}
.ltr .mat-tab-body-content {
  overflow: hidden;
}
.ltr .btn-sm {
  font-size: 14px;
  border-radius: 5px !important;
}
@media (min-width: 1500px) and (max-width: 3000px) {
  .ltr .right-side .show-list .col-xl-3 {
    flex: 0 0 20%;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 20%;
  }
}
@media screen and (max-width: 1630px) {
  .ltr .SPS-Theme .ngx-datatable.material {
    width: 1500px;
  }
  .ltr .SPS-Theme .statusBox.reportstatus h3 {
    font-size: 2.5vw;
    margin-top: 10px;
  }
  .ltr .SPS-Theme .statusBox.reportstatus h2 {
    font-size: 1.2vw;
  }
  .ltr .login-bg {
    position: relative;
    height: 100%;
    padding-bottom: 0%;
  }
  .ltr .login-bg .login-wrap {
    margin: auto;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 4%;
    margin: auto;
    width: 92%;
    transform: inherit;
    top: 0;
  }
  .ltr .login-bg .login-wrap .login-content {
    padding: 25px;
  }
}
.ltr .pcoded-content,
.ltr .pcoded-wrapper {
  transition: all 0.55s;
}
.ltr .right-col {
  color: #000 !important;
  background: #edeaea !important;
}
.ltr .filter-section {
  overflow-y: auto;
  max-height: 700px;
  padding-top: 10px;
  padding-bottom: 40px;
  height: 70vh;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.ltr .filter-section::-webkit-scrollbar {
  width: 10px;
}
.ltr .filter-section::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.ltr .filter-section::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 10px;
}
.ltr .filter-section::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.ltr .filter-section .mat-form-field-wrapper {
  padding-bottom: 0;
}
.ltr .filter-section .mat-form-field-infix {
  height: 44px;
  border-top: 4px solid transparent;
}
.ltr .c-btn > span {
  font-weight: 400;
  color: #7a7a7a;
}
.ltr .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  background: #f8f8f8;
}
.ltr .mat-input-element:disabled,
.ltr .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.56);
}
.ltr .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.56);
}
.ltr .dropdown-list .arrow-down + .list-area .lazyContainer {
  min-height: 300px;
}
.ltr .swal2-styled {
  border-radius: 6px !important;
  min-width: 120px;
  font-size: 15px;
  text-transform: capitalize;
}
.ltr table td {
  vertical-align: middle;
}
.ltr .swal2-confirm {
  background-color: var(--btnInfo) !important;
  border: 1px solid var(--btnInfo) !important;
}
.ltr .swal2-confirm:hover {
  background-color: #fff !important;
  color: var(--btnInfo) !important;
  background-image: none !important;
  border-color: var(--btnInfo) !important;
}
.ltr .swal2-cancel {
  background-color: var(--btnDanger) !important;
  border: 1px solid var(--btnDanger) !important;
}
.ltr .swal2-cancel:hover {
  background-color: #fff !important;
  color: var(--btnDanger) !important;
  background-image: none !important;
  border-color: var(--btnDanger) !important;
}
.ltr #item-filter .col-lg-3 {
  flex: 0 0 20%;
  max-width: 20%;
}
.ltr #item-filter .col-lg-9 {
  flex: 1 0 75%;
  max-width: 79%;
}
.ltr #item-filter .multi-select-margin {
  min-height: 42px;
  margin-bottom: 10px;
}
.ltr #item-filter .mat-form-field-infix {
  height: 45px;
  border-top: 3px solid transparent;
}
.ltr #item-filter .c-btn {
  min-height: 37px !important;
}
.ltr #item-filter .filter-search .mat-form-field-wrapper {
  padding-bottom: 0;
}
.ltr .wishListMenu span.badge-primary {
  left: 7px !important;
  top: -5px !important;
  background: #fe6d52 !important;
}
.ltr #filterSlider .slick-initialized .slick-slide {
  width: auto !important;
}
.ltr .slick-prev:before,
.ltr .slick-next:before {
  color: #000;
}
.ltr .slick-track {
  margin-left: inherit;
}
.ltr table.custom-table th {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ltr table.custom-table td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ltr .theme-report-table table th {
  padding: 8px 0.75rem !important;
}
.ltr .theme-report-table table td {
  padding: 8px 0.75rem !important;
}
@media screen and (max-width: 1200px) {
  .ltr .pcoded-main-container {
    margin-top: 66px !important;
  }
  .ltr .logo-algp {
    margin-bottom: 20px;
  }
  .ltr .footerlink {
    text-align: center !important;
  }
  .ltr .footerlink a {
    margin-right: 7px;
    margin-left: 7px;
  }
  .ltr .footerlink .text-right,
  .ltr .footerlink .text-left {
    text-align: center !important;
  }
}
@media screen and (max-width: 1024px) {
  .ltr .pcoded-main-container {
    margin-top: 75px !important;
  }
  .ltr #item-filter .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ltr label.w-120 {
    height: inherit;
  }
  .ltr .filterBar.show {
    display: block !important;
  }
  .ltr .SPS-theme .internationalization {
    width: 100% !important;
  }
  .ltr .SPS-Theme .internationalization {
    width: 95% !important;
  }
  .ltr .SPS-Theme .listView .productList .product-img {
    height: 100px;
    width: 18%;
    overflow: hidden;
  }
  .ltr .SPS-Theme .listView .productList .product-img img {
    height: 100%;
  }
  .ltr .SPS-Theme .listView .productList .productDetails {
    width: 78%;
    margin-left: 0%;
    min-height: 120px;
  }
  .ltr .SPS-Theme .listView .productList .productDetails .col-md-8 h6 {
    min-height: inherit;
  }
  .ltr .SPS-Theme .listView .productList .productDetails .bottom-list {
    position: inherit;
    bottom: 0;
    top: 10px;
  }
  .ltr .SPS-Theme .productList .product-img {
    height: 250px;
    overflow: hidden;
  }
  .ltr .SPS-Theme .productList .product-img img {
    height: 100%;
  }
  .ltr .SPS-Theme .shippingBar {
    border-radius: 10px;
  }
  .ltr .SPS-Theme .shippingBar .col-md-4 {
    text-align: left !important;
    margin: 10px 0;
  }
  .ltr .SPS-Theme .right-side .show-list {
    overflow-y: inherit;
    height: inherit;
    max-height: inherit;
  }
  .ltr .SPS-Theme .login-content {
    padding-top: 0;
  }
  .ltr .ngx-datatable.material {
    width: 1300px !important;
  }
  .ltr #un-balanced-jvs .ngx-datatable .datatable-body-cell,
  .ltr #un-balanced-jvs .ngx-datatable .datatable-header-cell {
    overflow-x: hidden !important;
  }
}
.ltr .icon-List {
  position: relative;
}
.ltr .icon-List .mat-form-field-wrapper {
  padding-bottom: 0;
}
.ltr .icon-List .iconShow {
  position: absolute;
  left: 25px;
  top: 12px;
}
.ltr .icon-List .iconShow i {
  font-size: 21px;
}
.ltr .icon-List .selected-list {
  padding-left: 30px;
}
.ltr .main-body .page-wrapper {
  padding: 1.8rem 1rem;
}
.ltr .brdRound {
  border-radius: 10px !important;
}
.ltr .popover__content .dropdown-list {
  position: absolute !important;
  top: 50px !important;
  left: 0 !important;
}
.ltr .selected-item {
  background: rgb(245, 245, 245) !important;
}
.ltr .Filters-list .dropdown-list {
  left: 0px !important;
  top: 50px !important;
  width: 257px !important;
  position: absolute !important;
}
.ltr .payment-message {
  text-align: center;
  margin-top: 20%;
}
.ltr .payment-message h1 {
  font-size: 50px !important;
  font-weight: 700 !important;
  margin: 18px 0 15px 0;
}
.ltr .payment-message .custom-btn {
  border-radius: 100% !important;
  width: 80px;
  height: 80px;
  font-size: 34px;
  margin-bottom: 21px;
}
.ltr .statusBox .mat-checkbox-layout {
  margin-bottom: 0;
}
.ltr .statusBox .mat-checkbox-frame {
  background-color: #fff;
  border: 1px transparent;
}
.ltr .lng-dropdown .iconBrd {
  display: inline-block;
}
.ltr .lng-dropdown .iconBrd a.active {
  color: var(--main-color-hover) !important;
}
.ltr .lng-dropdown .iconBrd:first-child {
  border-right: none;
}
.ltr .customSelectAll .mat-checkbox-frame {
  background-color: white;
}
.ltr .scrollBar {
  max-height: 400px;
  overflow-x: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.ltr .scrollBar::-webkit-scrollbar {
  width: 10px;
}
.ltr .scrollBar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.ltr .scrollBar::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 10px;
}
.ltr .scrollBar::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.ltr .listViewR .productList {
  display: inline-block;
  width: 100%;
  background: #f7f7f7;
  margin-bottom: 0px;
  border-radius: 5px;
}
.ltr .listViewR .productList .deleteCartBtn {
  position: absolute;
  right: 15px;
  top: 1px;
}
.ltr .listViewR .productList .product-img {
  width: 6%;
  float: left;
  border: 1px solid #ddd;
  margin: 5px;
}
.ltr .listViewR .productList .product-img img {
  max-width: 100%;
}
.ltr .listViewR .productList .productDetails {
  width: 85%;
  float: left;
  margin-left: 8px;
  margin-top: 7px;
  border-top: none;
}
.ltr .listViewR .productList .productDetails .number .minus,
.ltr .listViewR .productList .productDetails .number .plus {
  width: 22px;
  height: 22px;
  background: #fe6d52;
  border-radius: 25px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 18px;
  outline: none;
  line-height: 21px;
  cursor: pointer;
}
.ltr .listViewR .productList .productDetails .number .minus:focus,
.ltr .listViewR .productList .productDetails .number .plus:focus {
  outline: none;
}
.ltr .listViewR .productList .productDetails .number .minus:disabled,
.ltr .listViewR .productList .productDetails .number .plus:disabled {
  opacity: 0.2;
}
.ltr .listViewR .productList .productDetails .number input {
  height: 21px;
  width: 50px;
  text-align: center;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  border: none;
  display: inline-block;
  vertical-align: middle;
}
.ltr .listViewR .productList .productDetails .col-md-8 {
  flex: 0 0 99.333333%;
  max-width: 99.333333%;
}
.ltr .listViewR .productList .productDetails .col-md-8 h6 {
  font-size: 24px !important;
  min-height: inherit;
  line-height: 0;
}
.ltr .listViewR .productList .productDetails .col-md-8 span {
  display: inline-block;
  width: 100%;
  right: 0px;
  top: -12px;
  position: relative;
  font-weight: 600;
  font-size: 18px;
  text-align: right;
}
.ltr .listViewR .productList .productDetails .col-md-4.text-right {
  flex: 0 0 99.333333%;
  max-width: 99.333333%;
  text-align: left !important;
  font-size: 14px;
  position: relative;
  left: -5px;
  top: -19px;
}
.ltr .listViewR .productList .productDetails .bottom-list {
  border-top: 1px solid #CACACA;
  padding-top: 5px;
  bottom: -8px;
}
.ltr .listViewR .productList .productDetails .badge {
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  top: -4px;
  padding: 3px 10px;
  font-weight: 600;
  color: #780909;
  background-color: #ffded7 !important;
  border: 1px solid #e95c7b;
}
.ltr .cartstatus {
  top: -6px;
  padding: 4px 6px;
  position: absolute;
  background: #fe6d52;
}
.ltr .paymentbox {
  background-color: #f7f7f7;
  margin: 1px 0;
  text-align: right;
  padding: 5px 10px;
}
.ltr .paymentbox.col-first {
  border-radius: 5px 5px 0px 0px;
}
.ltr .paymentbox.total {
  background-color: black;
  color: white;
  padding: 10px;
  font-size: 16px;
  border-radius: 0px 0px 5px 5px;
}
.ltr .paymentbox b {
  float: left;
  text-align: left;
}
.ltr .offerText {
  font-size: 12px;
  font-weight: 500;
  border-radius: 0;
  padding: 6px 10px;
  background: #f06666;
}
.ltr .percentgeDiscount {
  background-color: #ff375f;
}
.ltr .fixedAmountDis {
  background-color: #ff375f;
}
.ltr .buyOneGetOne {
  background-color: #ff375f;
}
.ltr #bundleOffers .modal-dialog {
  max-width: 500px;
}
.ltr #bundleOffers .modal-body {
  padding: 30px 25px;
}
.ltr #bundleOffers .modal-footer {
  display: none;
}
.ltr #bundleOffers .alert {
  padding: 0;
  border: none;
  margin: 0 0 10px 0;
}
.ltr #bundleOffers .badge {
  border-radius: 5px;
  width: 100%;
  font-weight: 600;
  padding: 10px 0;
  color: #780909;
  background-color: #ffded7 !important;
  border: 1px solid #e95c7b;
}
.ltr #bundleOffersForm .modal-dialog {
  max-width: 500px;
}
.ltr #bundleOffersForm .modal-body {
  padding: 30px 25px;
}
.ltr #bundleOffersForm .modal-footer {
  display: none;
}
.ltr #bundleOffersForm .alert {
  padding: 0;
  border: none;
  margin: 0 0 10px 0;
}
.ltr #bundleOffersForm .badge {
  border-radius: 5px;
  width: 100%;
  font-weight: 600;
  padding: 10px 0;
  color: #780909;
  background-color: #ffded7 !important;
  border: 1px solid #e95c7b;
}
.ltr #cartDetails .modal-dialog {
  height: 70%;
}
.ltr #cartDetails .modal-dialog .modal-content {
  height: 90%;
}
.ltr .detailDiscountNot {
  font-weight: 600;
  padding: 5px 10px;
  color: #780909;
  background-color: #ffded7 !important;
  border: 1px solid #e95c7b;
  cursor: pointer;
}
.ltr .orderBtn {
  margin-top: 10px;
}
.ltr .orderBtn .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 36px;
}
.ltr .orderBtn .mat-button-toggle-checked {
  background-color: #000;
  color: #fff;
}
.ltr .autofill-off:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.ltr .freeItem {
  top: -1px !important;
  padding: 4px 7px 3px 7px !important;
  border: none !important;
  font-weight: 800;
  color: #780909 !important;
}
.ltr .navbar-logo a#openBawadarWebsite {
  display: inline-block;
  height: 50px;
}
.ltr .navbar-logo a#openBawadarWebsite img {
  height: 100%;
  width: auto;
}
.ltr .modal-header {
  background: #e5e5e5;
}
.ltr .sideBar {
  transition: all 0.5s ease;
}
@media screen and (max-width: 780px) {
  .ltr .internationalization {
    width: 50% !important;
  }
  .ltr .login-content-inner {
    margin-top: 80px;
  }
  .ltr .SelectCompany {
    height: auto !important;
  }
  .ltr .hideMobile {
    display: none;
  }
  .ltr .navbar-logo a#openBawadarWebsite {
    position: absolute;
    left: 30px;
    height: 40px;
  }
  .ltr .navbar-logo a#openBawadarWebsite img {
    height: 100%;
    width: auto !important;
  }
  .ltr .UserName {
    position: absolute !important;
    top: 15px;
    right: 15px;
  }
  .ltr #mobile-collapse {
    left: 10px !important;
    top: 10px !important;
  }
  .ltr .header-navbar .navbar-wrapper .navbar-container .nav-left a,
  .ltr .header-navbar .navbar-wrapper .navbar-container .nav-right a {
    padding: 0.5rem 0.2rem !important;
    font-size: 13px !important;
  }
  .ltr .profileBox.userProfile {
    padding: 20px;
  }
  .ltr .profileBox.userProfile h1 {
    font-size: 30px !important;
  }
  .ltr .profileBox.userProfile button {
    margin-bottom: 15px;
  }
  .ltr .profileBox.userProfile .user_profile {
    margin-bottom: 20px !important;
  }
  .ltr .profileBox.userProfile .profile-img {
    position: relative;
    top: 0;
  }
  .ltr .SPS-Theme .pageheader {
    margin: -111px -47px -132px -42px;
  }
  .ltr .SPS-Theme .pageheader h1 {
    padding-left: 0;
    font-size: 35px !important;
  }
  .ltr .SPS-Theme .statusBox.active {
    transform: inherit;
  }
  .ltr .SPS-Theme .statusBox.reportstatus .btn {
    min-width: auto;
  }
  .ltr .SPS-Theme .statusBox.reportstatus h2 {
    font-size: 24px !important;
  }
  .ltr .SPS-Theme .statusBox.reportstatus h3 {
    font-size: 18px !important;
  }
  .ltr .SPS-Theme .listView .productList .product-img {
    width: 94%;
    height: 150px;
  }
  .ltr .SPS-Theme .listView .productList .productDetails {
    width: 100%;
  }
  .ltr .SPS-Theme .RowsView .productDetails tr td {
    width: 49% !important;
    display: inline-block;
    border: none;
  }
  .ltr .SPS-Theme .RowsView .productDetails tr td:first-child {
    width: 100% !important;
  }
  .ltr .SPS-Theme .shippingBar .col-md-4 {
    text-align: right !important;
  }
  .ltr .listViewR {
    padding: 5px 0;
  }
  .ltr .listViewR .productList .col-md-6 {
    margin-bottom: 8px;
  }
  .ltr .listViewR .productList .product-img {
    width: 20%;
  }
  .ltr #cartDetails .modal-dialog {
    height: 93%;
  }
  .ltr #cartDetails .show-list .scrollBar {
    order: 2;
  }
  .ltr .w-120 {
    min-width: auto;
    margin-top: 8px;
  }
  .ltr .spceBtom {
    margin-bottom: 15px;
  }
  .ltr .pcoded-main-container {
    margin-top: 64px !important;
  }
  .ltr .Filters-list {
    width: 250px !important;
    right: 50px !important;
  }
  .ltr .cartstatus {
    top: -14px;
  }
  .ltr .featur-Modal .number input {
    width: 50px;
  }
  .ltr .featur-Modal .carousel-inner {
    left: 0;
    width: 100%;
  }
  .ltr .featur-Modal .carousel-control-prev {
    z-index: 100;
  }
  .ltr .featur-Modal .carousel-control-prev .carousel-control-prev-icon {
    left: 0;
  }
  .ltr .featur-Modal .carousel-control-next .carousel-control-next-icon {
    right: 0;
  }
  .ltr .small-btn {
    min-width: auto;
  }
  .ltr .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification,
  .ltr .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification,
  .ltr .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
  .ltr .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
    border-color: none;
  }
  .ltr .iconBrd {
    border-right: none;
  }
  .ltr .profileDetails .btn {
    display: inline-block;
    width: 100%;
    max-width: 117px;
    margin: 8px 0;
  }
  .ltr .pcoded-inner-content {
    padding-bottom: 50px !important;
  }
}
.ltr #usersListToUpdate .modal-header {
  background-color: #000;
  color: #fff;
}
.ltr #usersListToUpdate .modal-header .modal-title {
  color: #fff !important;
}
.ltr #usersListToUpdate .datatable-header-inner {
  background-color: #000000 !important;
}
.ltr #usersListToUpdate .datatable-header-cell {
  background-color: #000000 !important;
  width: 20% !important;
}
.ltr #usersListToUpdate .datatable-header-cell:first-child {
  width: 10% !important;
}
.ltr #usersListToUpdate .datatable-body-cell {
  width: 20% !important;
}
.ltr #usersListToUpdate .datatable-body-cell:first-child {
  width: 10% !important;
}
.ltr .showListDraft {
  position: relative;
}
.ltr .showListDraft span.badge-primary {
  top: -3px !important;
  left: 6px !important;
  background: #fe6d52 !important;
}
.ltr #un-balancedModal .ngx-datatable .datatable-body-cell,
.ltr #un-balancedModal .ngx-datatable .datatable-header-cell {
  width: 18% !important;
}
.ltr .pcoded-main-container {
  background-color: #fff !important;
}
.ltr .pcoded .pcoded-navbar[navbar-theme=theme4] .main-menu {
  background-color: var(--main-color);
  background-image: linear-gradient(var(--main-color), #e9e9e9) !important;
}
.ltr .btn.disabled,
.ltr .btn:disabled {
  pointer-events: none;
}
.ltr .pcoded-inner-navbar.main-menu {
  background: var(--side-bar) !important;
}
.ltr .header-navbar a.selected-company {
  font-weight: bold;
}
.ltr .custom-accordion-header {
  background: var(--main-color);
  margin-bottom: 15px;
  border-radius: 5px;
  color: white;
}
.ltr .pcoded .pcoded-navbar[active-item-theme=theme5] .pcoded-item li.pcoded-hasmenu.active > a, .ltr .pcoded .pcoded-navbar[active-item-theme=theme4] .pcoded-item li.pcoded-hasmenu.active > a {
  background: var(--main-color-hover) !important;
}
.ltr .pcoded .pcoded-navbar[navbar-theme=theme4] .pcoded-item > li.active > a {
  background: var(--main-color-hover);
  color: #FFFFFF;
  border-bottom-color: var(--main-color-hover);
}
.ltr .pcoded .pcoded-navbar[active-item-theme=theme4] .pcoded-item > li.active > a {
  background: var(--main-color-hover) !important;
}
.ltr .pcoded .pcoded-navbar[data-navbar-theme=theme1] .pcoded-item li.pcoded-hasmenu .pcoded-submenu {
  background: var(--side-bar) !important;
}
.ltr .pcoded .pcoded-navbar[data-navbar-theme=theme1] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu {
  background-color: var(--side-bar) !important;
}
.ltr .pcoded .pcoded-navbar[data-navbar-theme=theme1] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a {
  color: #FFFFFF;
  background-color: var(--main-color);
}
.ltr .pcoded .pcoded-navbar[data-navbar-theme=theme1] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li > a {
  border-bottom-color: var(--main-color);
  color: #FFFFFF;
}
.ltr .pcoded .pcoded-navbar[active-item-theme=theme5] .pcoded-item li .pcoded-submenu li.active > a {
  color: white !important;
  font-weight: 500;
  background-color: var(--main-color-hover) !important;
}
.ltr .pcoded .pcoded-navbar[data-navbar-theme=theme1] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a {
  background-color: var(--main-color-hover);
  color: #FFFFFF;
}
.ltr .pcoded .navbar-logo img {
  width: 95px;
}
.ltr .pcoded .uploadLogo {
  width: 140px;
  height: 35px;
  text-align: center;
  overflow: hidden;
}
.ltr .pcoded .uploadLogo img {
  width: auto;
  height: 100%;
  background-color: #ddd;
}
.ltr .pcoded .pcoded-header .navbar-logo[data-navbar-theme=theme1] {
  background-color: transparent;
  margin-left: 0px;
}
.ltr .pcoded .pcoded-header[header-theme=theme1] {
  background: var(--side-bar);
  z-index: 1020;
}
.ltr .header-navbar a {
  color: white !important;
}
.ltr .header_1 {
  background-color: #c3b9aa !important;
  text-align: center;
  color: white !important;
}
.ltr .header_1 > h1 {
  font-weight: 500;
  color: #000000 !important;
}
.ltr .header-navbar .navbar-wrapper {
  background-color: #c3b9aa;
}
.ltr .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item li.pcoded-hasmenu.pcoded-trigger[dropdown-icon=style1] > .without-icon:after, .ltr .pcoded[theme-layout=vertical] .pcoded-navbar .pcoded-item li.pcoded-hasmenu[dropdown-icon=style1] > .without-icon:after {
  content: none !important;
}
.ltr .breadcrumb-title a {
  color: #4a6076 !important;
}
.ltr .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification a,
.ltr .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification a,
.ltr .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a,
.ltr .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a {
  color: #666 !important;
}
.ltr .profile-notification {
  width: 13rem !important;
  left: -75px !important;
}
.ltr .card {
  border-color: var(--main-color) !important;
}
.ltr .sidebar-toggler {
  color: white !important;
  cursor: pointer;
  display: none;
}
.ltr .smtSearchOuter {
  display: block;
  position: relative;
  margin-left: 13px;
  margin-top: 19px;
  top: -5px;
  left: 0;
}
.ltr .smtSearchOuter > .form-control {
  position: relative;
  width: 204px;
  left: 0;
  top: 0;
}
.ltr .smtSearchOuter .smtIcon {
  position: absolute !important;
  top: 6px;
  right: 25px;
  color: #a7a7a7;
  font-size: 20px;
}
.ltr .pcoded .pcoded-navbar[active-item-theme=theme5] .pcoded-item > li.active > a:before {
  border-left-color: var(--main-color-hover) !important;
}
.ltr .page-header-title > h4 {
  color: #000000 !important;
}
.ltr .pcoded .pcoded-navbar[data-navbar-theme=theme1] li:hover > a {
  background-color: #303030 !important;
}
.ltr .pcoded .pcoded-navbar[data-navbar-theme=theme1] .pcoded-item > li.pcoded-trigger > a {
  background: var(--main-color);
}
.ltr .mat-form-field {
  width: 100%;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.ltr .mat-mdc-form-field {
  width: 100%;
}
.ltr .mat-mdc-form-field .mat-mdc-text-field-wrapper {
  background-color: #fff;
}
.ltr .arabic-input {
  text-align: right !important;
}
.ltr .adjust-textarea {
  margin-top: 17px;
}
.ltr .custom-multi-selector {
  position: relative;
}
.ltr .custom-multi-selector .error-msg {
  top: 0;
}
.ltr .btnstatus button span {
  line-height: 34px;
}
.ltr .customLabel {
  position: absolute;
  top: 18px;
  font-size: 15.5px !important;
  font-weight: 400;
  color: #000;
}
.ltr .multiselect-dropdown .dropdown-btn {
  border: none !important;
  border-bottom: 1px solid #949494 !important;
  border-radius: 0px !important;
}
.ltr .multi-select-margin {
  margin-bottom: 25px;
}
.ltr .mat-form-field-wrapper {
  margin-bottom: 5px;
}
.ltr .margin-row {
  margin-top: 40px;
}
.ltr .owl-dt-container {
  margin-top: 7px !important;
}
.ltr .margin-top-col {
  margin-top: 16px;
}
.ltr .btn {
  border-radius: 5px;
}
.ltr .btn-success {
  background-color: var(--btnSuccess);
}
.ltr .btn-success:hover {
  background-color: var(--btnSuccessHover);
}
.ltr .btn-primary {
  background-color: var(--btnPrimary);
}
.ltr .btn-primary:hover {
  background-color: var(--btnPrimaryHover);
}
.ltr .btn-danger {
  background-color: var(--btnDanger);
}
.ltr .btn-danger:hover {
  background-color: var(--btnDangerHover);
}
.ltr .btn-info {
  background-color: var(--btnInfo);
}
.ltr .btn-info:hover {
  background-color: var(--btnInfoHover);
}
.ltr .btn-warning {
  background-color: var(--btnWarning);
}
.ltr .btn-warning:hover {
  background-color: var(--btnWarningHover);
}
.ltr .green-btn {
  background: var(--btnGreen);
}
.ltr .green-btn:hover {
  background: var(--btnGreenHover);
}
.ltr .mlty-lable label {
  text-transform: capitalize;
  font-weight: normal !important;
}
.ltr .customLabel {
  transform: perspective(100px);
  -ms-transform: none;
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ltr .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.ltr .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-0.95em) scale(1) perspective(100px) translateZ(0.001px);
  top: 15px;
}
.ltr .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label span,
.ltr .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label span {
  font-size: 10px !important;
}
.ltr .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label label,
.ltr .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label label {
  font-size: 10px !important;
}
.ltr .custom-multi-selector > .mystyle {
  top: -10px !important;
  font-size: 10px !important;
  color: #000;
  background-color: #fff;
  padding: 1px 5px;
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ltr .c-btn {
  background: none !important;
  border: none !important;
  border-bottom: 1px solid #000000 !important;
}
.ltr .c-btn:focus {
  background: none !important;
  border: none !important;
  border-bottom: 1px solid #000000 !important;
}
.ltr .selected-list .c-btn {
  outline: none;
  border-radius: 0;
  border-bottom: 1px solid #949494 !important;
}
.ltr .c-btn {
  background: none !important;
  min-height: 45px !important;
  padding: 5px 10px 0px 0px !important;
}
.ltr .c-btn.disabled {
  background-position: 0 42px !important;
  background-color: transparent !important;
  background-image: none;
  background-size: 4px 1px !important;
  background-repeat: repeat-x !important;
  height: 1px;
  width: 100%;
  pointer-events: none;
  transform: scaleY(1.0001);
  border-bottom: none !important;
}
.ltr .mat-calendar-body-selected {
  background-color: var(--main-color-hover) !important;
}
.ltr .mat-datepicker-toggle-active {
  color: var(--btnPrimary) !important;
}
.ltr .dropdown-list {
  z-index: 1050 !important;
}
.ltr .mat-form-field-label,
.ltr .mat-form-field.mat-focused.mat-form-field-label {
  font-size: 15.5px !important;
}
.ltr h3.ng-star-inserted {
  font-size: 28px !important;
}
.ltr .custom-multi-selector > .colorchange {
  color: var(--btnPrimary) !important;
}
.ltr .arabic-calendar {
  position: relative;
}
.ltr .ngb-datepicker-month-view {
  background-color: #f8f9fa !important;
}
.ltr .table .custom-thead th {
  background-color: var(--main-color) !important;
  border-color: var(--main-color) !important;
  font-weight: 300;
  color: #FFFFFF;
  font-size: 15.5px;
}
.ltr .custom-table tbody tr {
  background-color: #FFFFFF;
}
.ltr .modal-title {
  color: #000000 !important;
}
.ltr .content-body {
  color: #000000;
}
.ltr .myFaPadding {
  padding-top: 20px;
  padding-left: 25px;
  color: #000000;
}
.ltr .modal-titleh4 {
  color: #000000 !important;
}
.ltr .modal-dialog-exchange {
  max-width: 100% !important;
}
.ltr .table-overflow {
  overflow-x: auto !important;
}
.ltr .table-heading > h5 {
  color: #000000 !important;
}
.ltr .custom-pt-1 {
  padding-top: 1rem;
}
.ltr .sideMenu {
  margin: 10px 10px;
  position: relative;
}
.ltr .sideMenu input {
  width: 100%;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding-left: 10px;
}
.ltr .sideMenu button {
  position: absolute;
  right: 0;
  top: 1px;
  border: none;
}
.ltr .table > thead > tr > th {
  border-bottom-color: var(--main-color) !important;
  font-weight: 600;
}
.ltr .bordered-box {
  border: 1.5px solid var(--main-color);
  padding: 20px;
  margin: 10px 0px 20px 0px;
}
.ltr .custom-mb-1 {
  margin-bottom: 1.25rem;
}
.ltr .inner-border-box {
  border: 1.5px solid var(--main-color);
  padding: 0px 15px 0px 15px;
  margin-top: -10px;
}
.ltr .inner-border-box > .row:nth-child(1) {
  padding-top: 10px;
}
.ltr .inner-border-box > .row:nth-child(2) {
  margin-bottom: 15px;
}
.ltr .custom-mt-1 {
  margin-top: 1.25rem;
}
.ltr .small-btn {
  padding: 5px 10px !important;
  border-radius: 3px !important;
  margin: 0 2px !important;
}
.ltr .difference-table td {
  border-top: none !important;
}
.ltr tr td.top-border {
  border-top: 1px solid #ddd !important;
}
.ltr tr td.right-border {
  border-right: 1px solid #ddd !important;
}
.ltr tr td.bottom-border {
  border-bottom: 1px solid #ddd !important;
}
.ltr .icon-pointer-achor {
  cursor: pointer;
}
.ltr .icon-pointer-achor i {
  color: var(--btnPrimary);
}
.ltr .kitchenSetup td .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 34px;
}
.ltr .pre-wrap-text {
  white-space: pre-wrap;
}
.ltr .show-modal {
  display: block !important;
  background: rgba(70, 55, 31, 0.5490196078);
  transition: all 0.3s linear;
}
.ltr .error-msg {
  color: #FFFFFF;
  margin-top: 0;
  position: relative;
  right: 0;
  background: #f44121;
  width: max-content;
  padding: 0px 5px;
  font-size: 12px !important;
  top: -25px;
  float: right;
}
.ltr .form-radio .error-msg {
  margin-bottom: 20px;
  color: red;
  margin-top: -5px;
}
.ltr .ngx-datatable.material.single-selection .datatable-body-row.active,
.ltr .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group,
.ltr .ngx-datatable.material.multi-selection .datatable-body-row.active,
.ltr .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group,
.ltr .ngx-datatable.material.multi-click-selection .datatable-body-row.active,
.ltr .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group {
  background-color: #d6d6d6 !important;
}
.ltr .search-table-field {
  padding: 8px;
  margin: 15px auto;
  width: 30%;
}
.ltr .img-hover {
  position: relative;
  width: 80%;
  margin: 0 auto;
}
.ltr .card {
  border-radius: 2px;
  border-top: 4px solid rgba(0, 115, 170, 0.5);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin-bottom: 30px;
}
.ltr .card .card-header {
  background-color: transparent;
  padding: 15px 20px;
}
.ltr .card-title,
.ltr h5 {
  margin: 0;
}
.ltr .card h5 {
  margin-bottom: 0;
  color: #757575 !important;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 10px;
}
.ltr .card .card-header .card-header-right {
  border-radius: 0 0 0 5px;
  right: 0;
  top: 0;
  background: #f6f7f7;
  display: inline-block;
  padding: 7px 0;
  position: absolute;
}
.ltr .card-block {
  padding: 1.25rem;
}
.ltr .card.user-card {
  border-top: none;
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05);
  transition: all 150ms linear;
  margin-bottom: 30px;
}
.ltr .img-hover {
  position: relative;
  width: 80%;
  margin: 0 auto;
}
.ltr .user-content {
  text-align: center;
  margin-top: 20px;
}
.ltr .card-block {
  padding: 1.25rem;
}
.ltr .user-content h4 {
  font-size: 16px;
  font-weight: 600;
  color: #212529 !important;
}
.ltr .card.user-card {
  border-top: none;
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05);
  transition: all 150ms linear;
  margin-bottom: 30px;
  cursor: pointer;
}
.ltr .user-content {
  text-align: center;
  margin-top: 20px;
}
.ltr .rounded-card img {
  width: auto !important;
}
.ltr .card .card-header .card-header-right i {
  margin: 0 20px;
  cursor: pointer;
}
.ltr .mCSB_inside > .mCSB_container {
  margin-right: 0 !important;
}
.ltr .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
  background: var(--main-color);
  color: #FFFFFF;
  font-weight: 400;
  font-size: 15.5px;
}
.ltr .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell input[type=checkbox] {
  display: block;
}
.ltr .available-cols {
  text-align: right;
  margin-bottom: 20px;
}
.ltr .available-cols li {
  width: 200px;
  display: inline-block;
}
.ltr .ngx-datatable.material .datatable-footer .page-count {
  color: #2d2d2c;
}
.ltr .disabled i {
  color: #2d2d2c !important;
  font-weight: 100;
}
.ltr .pages.active a,
.ltr .pages a {
  color: #2d2d2c !important;
  font-weight: 100;
}
.ltr .ngx-datatable.material {
  border: 1px solid #e3e3e3;
  box-shadow: none !important;
}
.ltr .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: var(--btnPrimary) !important;
}
.ltr .mat-input-element {
  font-size: 15.5px !important;
}
.ltr .selected-list .c-btn {
  font-size: 15.5px !important;
  color: #000000 !important;
}
.ltr .selected-list .c-list .c-token .c-label {
  font-size: 15.5px !important;
  color: #FFFFFF !important;
}
.ltr .datatable-header-inner,
.ltr .datatable-body-row,
.ltr .datatable-row-center,
.ltr .datatable-scroll {
  width: 100% !important;
}
.ltr .table .custom-thead th {
  background-color: var(--main-color);
  border-color: var(--main-color);
  font-weight: 300;
}
.ltr .profile-notification li a {
  cursor: pointer;
}
.ltr .internationalization {
  position: fixed;
  width: 50%;
  z-index: 99;
  justify-content: flex-end !important;
}
.ltr .remembermecheckbox {
  margin-top: 8px;
}
.ltr input.remembermecheckbox[type=checkbox]:before {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 14px;
  top: 5px;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  border: 2px solid #f2f2f2;
}
.ltr input.remembermecheckbox[type=checkbox]:checked:before {
  transform: rotate(-45deg);
  height: 0.5rem;
  border-color: #009688;
  border-top-style: none;
  border-right-style: none;
}
.ltr input.remembermecheckbox[type=checkbox]:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 14px;
  width: 1rem;
  height: 1rem;
  background: #FFFFFF;
  cursor: pointer;
}
.ltr .user-bs-reset {
  position: relative;
  min-height: 100vh;
  padding-left: 0;
}
.ltr .video-player {
  position: absolute;
  width: 100%;
  height: 50%;
}
.ltr .video-player video {
  outline: none;
  box-shadow: none;
  object-fit: cover;
}
.ltr .overlay-bg {
  background-color: rgba(138, 197, 65, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ltr .login-content-right {
  position: absolute;
  top: 50%;
  width: 100%;
  background: linear-gradient(rgba(69, 72, 84, 0.27), rgba(254, 109, 82, 0.68)), url(/../../assets/images/loginBg-1.jpg);
  padding: 55px 100px;
  padding-top: 15%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 50vh;
  color: #FFFFFF;
}
.ltr .login-content-right h1 {
  font-size: 24px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  color: #FFFFFF !important;
}
.ltr .heading {
  font-size: 24px;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
  color: #000000 !important;
}
.ltr .login-content-right ul {
  margin: 0 0 0 20px;
  padding: 0;
  list-style-type: circle;
}
.ltr .login-content-right ul li {
  font-size: 18px;
  margin-top: 25px;
  position: relative;
  font-family: "Open Sans", sans-serif;
}
.ltr .login-content-right ul li::before {
  content: "";
  width: 1px;
  height: 45px;
  background-color: #FFFFFF;
  position: absolute;
  left: -15px;
  top: 19px;
}
.ltr .login-content-right ul li:last-child::before {
  content: "";
  width: 0;
  height: 0;
  background-color: unset;
  position: absolute;
  left: 0;
  top: 0;
}
.ltr .login-container {
  background-size: 100%;
}
.ltr .login-heading {
  display: none;
}
.ltr .dropbtn {
  background-color: white;
  color: #000000;
  padding: 9px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.ltr .dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.ltr .login-content {
  text-align: center;
}
.ltr .login-container > .login-content {
  margin-top: 0;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 80px;
}
.ltr .login-container > .login-content .login-content-inner {
  padding: 0 70px;
}
.ltr .login-logo {
  position: inherit;
  top: 0;
  left: 0;
  margin-bottom: 30px;
}
.ltr .login-logo.login-6 {
  top: 80px;
  left: 80px;
  width: 300px;
}
.ltr .login-content-inner .btn {
  width: 160px;
  font-size: 16px !important;
  letter-spacing: 1px;
}
.ltr .login-content-inner .btn:hover {
  opacity: 0.8;
}
.ltr .login-content-inner .btn.green {
  background: #464954 !important;
  font-size: 16px !important;
}
.ltr .login-content-inner .btn.orange {
  font-size: 16px !important;
  border-color: #464954 !important;
  border: 1px solid;
  background: #f3f3f3 !important;
  color: #000000;
  margin-right: 10px;
}
.ltr .login-content-inner .btn.orange:hover {
  background: #464954 !important;
  color: #FFFFFF;
}
.ltr .login-content-inner .mat-form-field-appearance-legacy .mat-form-field-label {
  color: #000000;
}
.ltr .login-content-inner .mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.ltr .login-content-inner .remember-section label {
  color: #000000;
  position: relative;
  top: -3px;
}
.ltr .login-content-inner a.forget-password {
  color: #000000 !important;
}
.ltr .login-content-inner a.forget-password:hover {
  color: #0073aa !important;
}
.ltr .login-content-inner .remember-me {
  margin-bottom: 30px;
}
.ltr .login-content-inner input.remembermecheckbox[type=checkbox]:after {
  border: 1px solid #0d1c3e;
}
.ltr .login-content-inner .form-actions {
  margin-top: 30px;
}
.ltr .login-content-inner .login-form {
  max-width: 450px;
  margin: auto;
  margin-top: 0px !important;
}
.ltr .login-content .login-form {
  margin-top: 20px;
}
.ltr .login-heading {
  font-size: 36px;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
  color: #000000 !important;
}
.ltr .alert-danger {
  background-color: #fbe1e3;
  border-color: #fbe1e3;
  color: #e73d4a;
  border-radius: 2px;
  border-width: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
  padding: 15px;
  border: 1px solid transparent;
  margin-bottom: 20px;
  font-size: 15px;
}
.ltr .floating-label {
  position: relative;
}
.ltr .floating-input,
.ltr .floating-select {
  font-size: 14px;
  padding: 4px 4px;
  display: block;
  width: 100%;
  height: 30px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #757575;
}
.ltr .highlight {
  position: absolute;
  height: 50%;
  width: 100%;
  top: 15%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
.ltr label {
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  top: 5px;
  transition: 0.2s ease all;
}
.ltr .floating-input:focus ~ label, .ltr .floating-input:not(:placeholder-shown) ~ label {
  top: -18px;
  left: 0;
  font-size: 14px;
  color: #5264ae;
  font-weight: bold;
}
.ltr .floating-input:focus {
  outline: none;
  border-bottom: 2px solid #5264ae;
}
.ltr .floating-select:focus,
.ltr .selected-list:focus {
  outline: none;
  border-bottom: 2px solid #5264ae;
}
.ltr .datatable-checkbox {
  position: absolute;
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  padding: 10px 0;
  padding: 0px !important;
  margin-top: 11px !important;
}
.ltr .datatable-checkbox input[type=checkbox] {
  position: relative;
  margin: 0 1.2rem 0 0;
  cursor: pointer;
  outline: none;
  padding: 0px !important;
  line-height: normal;
  display: block;
  font-size: 14px;
  transition: all 0.3s;
  left: 13px;
}
.ltr .datatable-checkbox input[type=checkbox]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: #FFFFFF;
  cursor: pointer;
}
.ltr .forgot-password {
  font-size: 13px;
  margin-right: 0;
}
.ltr .forgot-password > a {
  color: var(--btnSuccess) !important;
}
.ltr .forgot-password > a:hover {
  color: #0d1c3e !important;
  text-decoration: none;
}
.ltr .btn.green {
  background-color: var(--btnSuccess) !important;
  border-color: var(--btnSuccess) !important;
}
.ltr .btn.btn-rounded {
  border-radius: 50px !important;
  font-weight: 300 !important;
  text-transform: inherit !important;
  height: 50px;
  padding: 9px 35px 10px !important;
  background-image: none;
  color: #FFFFFF;
  outline: 0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
}
.ltr .right-col-otp {
  color: #FFFFFF;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: cover;
}
.ltr .content-panel {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.ltr .login-container > .login-content p {
  color: #464954;
  font-size: 15px;
  line-height: 22px;
}
.ltr .btn.orange {
  background-color: #f15a29 !important;
  border-color: #f15a29 !important;
  color: #FFFFFF;
}
.ltr .right-col {
  color: #FFFFFF;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  background: linear-gradient(90deg, rgb(255, 107, 37) 0%, rgb(254, 108, 64) 35%, rgb(254, 109, 82) 100%);
  background-size: cover;
}
.ltr #dropdownMenuButton,
.ltr #logoutdropdown {
  color: #000000 !important;
  background: transparent;
}
.ltr .custom-card {
  border-top: none !important;
}
.ltr .features-box {
  text-align: center;
  max-width: 200px;
  margin: auto;
  padding: 15px;
  display: block;
  word-break: break-all;
  color: #0d1c3e;
  border: solid 1px transparent;
  transition: transform 0.5s ease-out;
  margin-bottom: 30px;
  cursor: pointer;
}
.ltr .features-box:hover {
  border-radius: 4px;
  text-decoration: none;
  box-shadow: 0 0 12px 0 rgba(81, 81, 81, 0.4);
  transform: scale(1.09) rgba(26, 13, 13, 0.1);
}
.ltr .features-box .circle-icon {
  width: 85px;
  height: 85px;
  border: solid 1px #cccccc;
  border-radius: 85px;
  display: table;
  margin: 0 auto;
}
.ltr .features-box .circle-icon span {
  display: table-cell;
  vertical-align: middle;
}
.ltr .features-box h3 {
  font-size: 18px;
  margin-bottom: 0;
  color: #0d1c3e !important;
  margin-top: 10px;
}
.ltr .dropdown-item {
  color: #666 !important;
  padding: 6px 20px;
}
.ltr .custom-dropdown {
  position: relative;
}
.ltr .dropdown-content a:hover {
  background-color: #ddd;
}
.ltr .dropdown:hover .dropdown-content {
  display: block;
  top: 35px;
}
.ltr .dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
.ltr .dropdown-item {
  cursor: pointer;
}
.ltr .alert-success-login {
  background-color: rgba(26, 167, 156, 0.2901960784);
  border-color: var(--btnSuccess);
  color: #139c92;
  border-radius: 2px;
  border-width: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
  padding: 15px;
  border: 1px solid transparent;
  margin-bottom: 20px;
  font-size: 15px;
}
.ltr .swal2-title {
  color: #595959 !important;
}
.ltr .swal2-title.success-title {
  color: #a5dc86 !important;
}
.ltr .swal2-title.error-title {
  color: #f27474 !important;
}
.ltr .success-timerProgressBar {
  background-color: #a5dc86;
}
.ltr .error-timerProgressBar {
  background-color: #f27474;
}
.ltr .short-description {
  white-space: initial;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ltr .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  font-size: 15.5px !important;
}
.ltr .radio .helper {
  top: -5.15px !important;
}
.ltr .arabic-mode {
  direction: rtl;
}
.ltr .text-with-background {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.ltr .text-with-background h5 {
  color: #FFFFFF !important;
}
.ltr .text-with-background span {
  color: #FFFFFF !important;
  cursor: pointer !important;
}
.ltr .pure-checkbox input[type=checkbox]:checked + label:before {
  background: #757575 !important;
}
.ltr .pure-checkbox input[type=checkbox] + label:before {
  border: 1px solid #757575 !important;
}
.ltr .single-select-mode .pure-checkbox input[type=checkbox] + label:before {
  border: 0 !important;
}
.ltr .selected-list .c-list {
  width: calc(100% - 60px);
  margin-top: 4px;
}
.ltr .selected-item {
  background: rgb(245, 245, 245) !important;
}
.ltr .dropdown-list ul li:hover {
  background: #f5f5f5 !important;
}
.ltr .arabic-field {
  direction: rtl;
  text-align: right !important;
}
.ltr .btn-success.disabled, .ltr .btn-success:disabled {
  cursor: not-allowed;
}
.ltr .btn-brown-small {
  padding: 3px 10px;
  background: var(--main-color);
  border-radius: 2px;
  border: none;
  color: #FFFFFF;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 5px;
}
.ltr .btn-brown {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.ltr .btn-brown:hover {
  background-color: #a2804a;
  color: #FFFFFF;
}
.ltr .hidden-footer .datatable-footer-inner {
  height: 0 !important;
}
.ltr .reportTable .datatable-body-cell {
  padding: 8px 15px 2px 15px !important;
}
.ltr .theme-report-table b {
  font-weight: 700;
}
.ltr .theme-report-table span b {
  font-weight: 500;
}
.ltr .theme-report-table .table tbody {
  border: 1px solid #c7c7c7;
}
.ltr .theme-report-table .table th {
  font-weight: 400;
  font-size: 15.5px;
}
.ltr .theme-report-table .table tr td {
  padding: 17px 0.75rem;
}
.ltr .theme-report-table .table tr:last-child td {
  background-color: #FAFAFA;
}
.ltr .theme-report-table .reportTable .datatable-body-cell {
  padding: 8px 15px 2px 15px !important;
}
.ltr .theme-report-table table th {
  background: var(--main-color);
  color: #FFFFFF;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  padding: 17px 0.75rem !important;
  border-right: 1px solid #cfcfcf;
}
.ltr .theme-report-table table th:first-child {
  border-radius: 8px 0 0 0px;
}
.ltr .theme-report-table table th:last-child {
  border-radius: 0px 8px 0px 0px;
}
.ltr .grand-total.theme-report-table {
  background: var(--main-color);
  color: #FFFFFF;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 15px;
  height: 52px !important;
}
.ltr .custom-report-table td {
  border: none !important;
}
.ltr .custom-report-table th {
  background: none !important;
  border: none;
  padding: 0 !important;
}
.ltr .table-responsive2 {
  min-height: 150px !important;
}
.ltr .btn-division {
  white-space: nowrap;
}
.ltr .print-btn-td {
  padding: 0px !important;
}
.ltr .detail-table-heading {
  padding: 10px;
  text-decoration: underline;
}
.ltr .p-1 {
  padding: 10px !important;
}
.ltr .mat-select-panel {
  margin-top: 40px;
}
.ltr td .checkbox-fade label {
  position: static !important;
}
.ltr .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label, .ltr .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  color: var(--btnPrimary);
  width: 100%;
}
.ltr .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label mat-label, .ltr .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label mat-label {
  font-size: 10px !important;
  color: #000;
  font-weight: 400;
}
.ltr .c-btn > span {
  max-width: 88%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 400;
  color: #7a7a7a;
}
.ltr .selected-list .c-angle-down,
.ltr .selected-list .c-angle-up {
  height: 16px !important;
}
.ltr .custom-sub-title {
  margin-bottom: 10px;
  padding-bottom: 0px;
}
.ltr .relative-position {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
}
.ltr .header-notification a i {
  font-style: normal;
}
.ltr .table-view-row-filter {
  text-align: right;
}
.ltr .label-outer label {
  position: static;
}
.ltr .fa-arrow-right-custom,
.ltr .fa-plus-square-custom {
  cursor: pointer;
}
.ltr .eye-icon {
  cursor: pointer;
  font-size: 20px;
}
.ltr .white-color {
  color: white !important;
}
.ltr .profile-notification a:hover,
.ltr .status-menu a:hover {
  cursor: pointer;
}
.ltr .nav-menu-list {
  position: relative;
}
.ltr .nav-menu-list ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  border-bottom: none;
}
.ltr .nav-menu-list ul li {
  position: relative;
  margin-bottom: 12px !important;
}
.ltr .nav-menu-list li a {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.ltr .nav-menu-list.ul li a.active:before {
  background: #FFFFFF;
  width: 96%;
  height: 3px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 2px;
}
.ltr .nav-menu-list.open ul {
  height: auto;
  display: flex;
}
.ltr #more-nav {
  display: block !important;
  padding-left: 0;
  text-align: right;
  width: 80px;
  position: absolute;
  right: 0;
  top: 10px;
}
.ltr .navtab-dropdown {
  padding: 15px;
}
.ltr .subfilter {
  padding-left: 0;
  opacity: 0;
}
.ltr .subfilter > li {
  padding: 0 8px;
  list-style-type: none;
}
.ltr .subfilter > li > a {
  display: block;
  padding: 4px 8px;
}
.ltr #nav-bar-filter {
  padding-left: 0;
  display: inline-block;
}
.ltr #nav-bar-filter > li {
  display: inline-block;
}
.ltr #more-nav {
  display: inline-block;
}
.ltr .subfilter {
  display: block;
}
.ltr .content-alignment {
  float: left;
}
.ltr .content-alignment h4 {
  font-size: 22px;
  margin-bottom: 15px !important;
}
.ltr .distributionPOPUP .dropdown-list {
  position: absolute !important;
}
.ltr .employeeDeatil {
  background: #202022;
  padding: 17px 0;
  margin: 0px -20px;
}
.ltr .employeeDeatil .content-alignment {
  color: #FFFFFF;
}
.ltr .custom-Tabs .tabs-bar {
  width: 100%;
  height: 60px;
  overflow-x: auto;
}
.ltr .custom-Tabs .tabs-bar:-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.ltr .custom-Tabs .tabs-bar::-webkit-scrollbar {
  width: 2px;
  height: 10px;
  background-color: #F5F5F5;
}
.ltr .custom-Tabs .tabs-bar::-webkit-scrollbar-thumb {
  border-radius: 5px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #ddd;
}
.ltr .custom-Tabs .nav-drop-list {
  position: absolute;
  right: 15px;
  top: 0px;
  width: 50px;
  text-align: center;
  background-color: #FFFFFF;
  padding: 5px;
}
.ltr .custom-card-tab-block {
  padding: 1.25rem 1.25rem 0px 1.25rem;
}
.ltr .zero-margin {
  margin-bottom: 0px;
}
.ltr .navdropdwon-list {
  opacity: 0;
}
.ltr .tabsMenuList {
  opacity: 1;
  background-color: #FFFFFF;
  position: absolute;
  left: 0 !important;
  text-align: left;
  z-index: 10;
  left: inherit !important;
  margin-top: 14px;
  right: -5px !important;
}
.ltr .tabsMenuList ul {
  opacity: 1;
}
.ltr .ngx-datatable .datatable-header .datatable-header-cell .sort-btn::before {
  font-size: 16px;
}
.ltr .report-filter-section {
  position: relative;
  padding-left: 0;
  background: var(--main-color);
}
.ltr .report-filters {
  padding-left: 15px;
  padding-top: 4px;
  color: #FFFFFF;
  font-size: 20px;
  margin-bottom: 0;
  cursor: pointer;
}
.ltr #filter-option {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 35px;
}
.ltr .show-report {
  width: 350px;
  margin: auto;
}
.ltr .btnshow {
  text-align: right;
}
.ltr .fa-exchange-right-custom {
  cursor: pointer;
  padding-top: 20px;
}
.ltr .lds-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
  position: absolute;
  z-index: 1000;
}
.ltr .blockPage {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000000;
  background: rgba(252, 252, 252, 0.7607843137);
}
.ltr .blockPage .Lds-ring {
  position: relative !important;
  margin-left: calc(50% - 90px);
  top: calc(50% - 90px);
  z-index: 1000;
}
.ltr .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid var(--main-color);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--main-color) transparent transparent transparent;
}
.ltr .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.ltr .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.ltr .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ltr .panel-overlay-wrap {
  position: relative;
}
.ltr .panel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  text-align: center;
  z-index: 10000;
}
.ltr .panel-overlay::after {
  background-color: rgba(255, 255, 255, 0.83);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ltr .panel-overlay-title {
  margin: 10px 0 5px;
}
.ltr .panel-overlay-icon,
.ltr .panel-overlay-content {
  display: inline-block;
  vertical-align: middle;
}
.ltr .panel-overlay-icon i,
.ltr .text-success {
  color: var(--main-color) !important;
}
.ltr .nav-tabs .slide {
  background: var(--main-color);
}
.ltr .md-tabs li a.active {
  color: var(--main-color);
}
.ltr .show-notification li {
  padding: 15px !important;
  border-bottom: 1px solid #e4e4e4;
}
.ltr .show-notification li:hover a {
  margin-left: 0 !important;
  cursor: pointer;
}
.ltr .show-notification li a {
  padding: 0 !important;
  word-break: break-all;
  display: inline-block;
  width: 100%;
}
.ltr .space-30 {
  padding-left: 30px !important;
}
.ltr .space-60 {
  padding-left: 60px !important;
}
.ltr .space-90 {
  padding-left: 90px !important;
}
.ltr .space-120 {
  padding-left: 120px !important;
}
.ltr .treeIconPadding {
  padding-left: 14px !important;
  display: inline-block;
}
.ltr .fa {
  cursor: pointer !important;
}
.ltr .smtWeekend:before {
  content: "W";
  background-color: #0073aa;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 600;
  border-radius: 50%;
  padding: 1px 5px;
  margin: 0 0px;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  display: inline-flex;
  align-items: center;
}
.ltr .smtHoliday:before {
  content: "H";
  background-color: #202020;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 600;
  border-radius: 50%;
  padding: 1px 6px;
  margin: 0 0px;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  display: inline-flex;
  align-items: center;
}
.ltr .attendance-table tr:nth-child(even) th[scope=row] {
  background-color: #FFFFFF;
}
.ltr .attendance-table tr:nth-child(odd) th[scope=row] {
  background-color: #EAEBEC;
}
.ltr .attendance-table tr:nth-child(even) {
  background-color: #FFFFFF;
}
.ltr .attendance-table tr:nth-child(odd) {
  background-color: #EAEBEC;
}
.ltr .attendance-table td:nth-of-type(2) {
  font-style: italic;
}
.ltr .attendance-table th {
  position: sticky;
  top: 0;
  z-index: 2;
}
.ltr .attendance-table th[scope=row] {
  position: sticky;
  left: 0;
  z-index: 1;
  vertical-align: top;
  color: inherit;
  background-color: inherit;
}
.ltr .attendance-table th:not([scope=row]):first-child {
  left: 0;
  z-index: 3;
  background: #81663b;
  color: #FFFFFF;
}
.ltr .attendance-table div[tabindex="0"][aria-labelledby][role=region] {
  overflow: auto;
}
.ltr .attendance-table div[tabindex="0"][aria-labelledby][role=region]:focus {
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  outline: 0.1em solid rgba(0, 0, 0, 0.1);
}
.ltr .attendance-table div[tabindex="0"][aria-labelledby][role=region] table {
  margin: 0;
}
.ltr .attendance-table div[tabindex="0"][aria-labelledby][role=region].rowheaders {
  background: linear-gradient(to right, transparent 30%, rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  background-size: 4em 100%, 4em 100%, 1.4em 100%, 1.4em 100%;
  background-position: 0 0, 100%, 0 0, 100%;
  background-attachment: local, local, scroll, scroll;
}
.ltr .attendance-table div[tabindex="0"][aria-labelledby][role=region].colheaders {
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  background-size: 100% 4em, 100% 4em, 100% 1.4em, 100% 1.4em;
  background-attachment: local, local, scroll, scroll;
}
.ltr .attendance-table div[tabindex="0"][aria-labelledby][role=region]:nth-child(3) {
  max-height: 65vh;
}
.ltr .attendance-table div[tabindex="0"][aria-labelledby][role=region]:nth-child(7) {
  max-height: 15em;
  margin: 0 1em;
}
.ltr .attendance-table tr th {
  padding-right: 0 !important;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px !important;
  border: none !important;
  font-weight: normal !important;
}
.ltr .attendance-table tr td {
  padding: 10px 20px !important;
}
.ltr .attendance-table th.w-70 {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.ltr .attendance-table .w-70 {
  width: 80px;
  font-weight: 500;
  text-align: center;
  border: none;
  border-left: 1px solid #D9D9D9;
  line-height: 18px;
}
.ltr .attendance-table .img-35 {
  width: 50px;
  height: 50px;
  float: left;
  border-radius: 50%;
}
.ltr .attendance-table .cursor {
  width: 350px;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-flex;
  align-items: center;
}
.ltr .header-style {
  border: 1px solid var(--main-color-hover);
  padding: 18px 20px 14px 20px;
  background-color: #FFFFFF;
}
.ltr .custom-tabs {
  background-color: var(--main-color);
  display: inline-block;
  padding: 0px;
  padding-left: 5px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.ltr .custom-tabs .btn {
  border-radius: 20px;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  min-width: 140px;
}
.ltr .custom-tabs .btn.btn-default {
  background-color: transparent;
}
.ltr .custom-tabs .btn.btn-primary {
  background-color: var(--main-color-hover);
  border-radius: 15px;
}
.ltr .select-month {
  display: inline-flex;
  align-items: center;
  background: var(--main-color-hover);
  padding: 15px 20px;
  color: #FFFFFF;
}
.ltr .select-month i {
  color: #FFFFFF;
}
.ltr .border-none {
  border: none;
}
.ltr .searchTop {
  border-radius: 50px;
  border: 1px solid #fe6d52;
  padding: 0 25px;
}
.ltr .searchTop .mat-form-field-flex {
  position: relative;
}
.ltr .searchTop .mat-form-field-flex .mat-form-field-infix {
  position: relative;
  top: -5px;
}
.ltr .searchTop .mat-form-field-wrapper {
  margin-bottom: 0;
  padding-bottom: 3px;
}
.ltr .searchTop .mat-form-field-underline {
  background-color: transparent;
  display: none;
}
.ltr .back-btn {
  background: transparent;
  color: #000000;
  text-align: left;
  padding-left: 0;
  font-size: 20px;
  margin-top: -28px;
  text-transform: capitalize;
}
.ltr .back-btn:hover {
  background-color: transparent !important;
}
.ltr .back-btn:focus {
  background-color: transparent !important;
}
.ltr .selectdate {
  display: inline;
  margin-right: 25px;
  font-size: 28px;
  color: var(--main-color-hover);
  position: relative;
  top: 5px;
  margin-left: 10px;
}
.ltr .report-status table {
  background: #EAEBEC;
  border: 1px solid #ddd !important;
}
.ltr .report-status table tr td {
  border-right: 1px solid #D9D9D9;
  width: 50%;
}
.ltr .report-status table tr td b {
  font-weight: 500;
}
.ltr .report-status table tr:nth-child(even) {
  background-color: #FFFFFF;
}
.ltr .circle-round {
  width: 26px;
  height: 26px;
  border-radius: 0;
  box-shadow: -2px -2px #989898;
  display: inline-flex;
  align-items: center;
}
.ltr .circle-round::before {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  border-color: none;
  margin: auto;
  font-style: normal;
}
.ltr .circle-round.present {
  background-color: #52BC22;
}
.ltr .circle-round.present::before {
  content: "P";
}
.ltr .circle-round.absent {
  background-color: #FF1934;
}
.ltr .circle-round.absent::before {
  content: "A";
  font-size: 18px;
  line-height: 0;
}
.ltr .circle-round.weekend {
  background-color: #0475AB;
}
.ltr .circle-round.weekend::before {
  content: "W";
}
.ltr .circle-round.holiday {
  background-color: #454853;
}
.ltr .circle-round.holiday::before {
  content: "H";
}
.ltr .circle-round.annualLeave {
  background-color: #202020;
}
.ltr .circle-round.annualLeave::before {
  content: "A";
}
.ltr .attendance-table th:not([scope=row]):first-child {
  background: var(--main-color) !important;
}
.ltr .tdClass .mat-form-field-wrapper {
  margin-bottom: -10px !important;
  margin-top: -14px !important;
}
.ltr #duplicate-id .modal-body {
  overflow: inherit;
}
.ltr .Hidemodal-scroll .modal-body {
  min-height: inherit;
  overflow: inherit;
}
.ltr .scroll_bar {
  max-height: 300px;
  min-height: 300px;
  border: none !important;
  background: #e9e9e9;
  overflow-y: auto;
  padding-left: 15px;
  overflow-x: hidden;
}
.ltr .scroll_bar .c-btn.disabled {
  height: inherit !important;
  background: none !important;
  border-bottom: 1px solid var(--main-color) !important;
  padding-bottom: 3px !important;
}
.ltr .scroll_bar .c-btn.disabled .c-angle-down {
  display: none !important;
}
.ltr .scroll_bar .custom-multi-selector > .mystyle {
  top: 7px !important;
}
.ltr #tblFiscalPeriod .collapse {
  background: #f5f5f5;
  padding: 5px 10px;
}
.ltr #tblFiscalPeriod tbody tr:first-child td {
  border-top: 15px solid #FFFFFF;
}
.ltr #tblFiscalPeriod td {
  border: none;
}
.ltr #tblFiscalPeriod .selected-list .c-angle-down,
.ltr #tblFiscalPeriod .selected-list .c-angle-up {
  top: 35%;
}
.ltr #tblFiscalPeriod .mat-form-field-wrapper {
  margin-bottom: 0;
}
.ltr #tblFiscalPeriod .c-btn {
  min-height: 28px !important;
}
.ltr #tblFiscalPeriod .mat-form-field {
  margin-top: -23px;
}
.ltr #tblFiscalPeriod .selected-list {
  margin-top: -1px;
}
.ltr .isApproved {
  color: green;
}
.ltr .isReturn {
  color: red;
}
.ltr .isNew {
  color: #fe6d52;
}
.ltr .datatable-checkbox input[type=checkbox]:checked:before {
  transform: rotate(-45deg);
  height: 0.5rem;
  border-color: var(--main-color-hover);
  border-top-style: none;
  border-right-style: none;
}
.ltr .datatable-checkbox input[type=checkbox]:before {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  right: 0;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  border: 2px solid var(--main-color);
}
.ltr .datatable-checkbox input[type=checkbox]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1rem;
  height: 1rem;
  background: #FFFFFF;
  cursor: pointer;
  border: 2px solid var(--main-color) !important;
}
.ltr .fa-info-circle {
  font-size: 18px;
}
.ltr .smtTableOuter .inner-table {
  height: auto !important;
  min-height: unset !important;
  display: block;
  overflow: auto;
}
.ltr .smtTableOuter tr {
  padding-bottom: 0 !important;
}
.ltr .smtTableOuter tr,
.ltr .smtTableOuter td {
  display: inline-flex;
}
.ltr .smtTableOuter thead,
.ltr .smtTableOuter tbody tr {
  width: 100%;
}
.ltr .smtTableOuter thead {
  width: 100%;
  background-color: var(--main-color);
  color: #FFFFFF;
}
.ltr .smtTableOuter thead th {
  vertical-align: middle;
  font-weight: 500 !important;
  border: none;
}
.ltr .smtTableOuter thead .btn-icon {
  width: 33px;
}
.ltr .smtTableOuter thead .selected-list .c-btn {
  color: #FFFFFF !important;
}
.ltr .smtTableOuter thead .selected-list .c-angle-down svg,
.ltr .smtTableOuter thead .selected-list .selected-list .c-angle-up svg {
  fill: #FFFFFF;
}
.ltr .smtTableOuter thead .selected-list .c-remove svg,
.ltr .smtTableOuter thead .selected-list .selected-list .c-remove svg {
  fill: #FFFFFF;
}
.ltr .smtTableOuter tr {
  border-bottom: 1px solid #a5a5a5;
}
.ltr .smtTableOuter tr td,
.ltr .smtTableOuter tr th {
  border-left: 1px solid #a5a5a5;
}
.ltr .smtTableOuter .w-70 {
  width: 68px;
  display: inline-block;
  font-weight: 500;
  text-align: center;
  border: none;
  border-left: 1px solid #a5a5a5;
  line-height: 18px;
  position: relative;
}
.ltr .smtTableOuter .w-70 .circle-round {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.ltr .smtTableOuter .img-35 {
  width: 35px;
  height: 35px;
  float: left;
  border-radius: 50%;
}
.ltr .smtTableOuter .img-100 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.ltr .smtTableOuter .cursor {
  width: 350px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.ltr .smtTableOuter .btn-top {
  text-align: right;
}
.ltr .smtTableOuter .select-month {
  display: inline-flex;
  align-items: center;
}
.ltr .smtTableOuter .select-month i:hover {
  color: var(--btnPrimary);
}
.ltr .smtTableOuter .select-month h3 {
  margin: 0 5px;
  font-size: 22px;
  font-weight: normal;
}
.ltr .smtTableOuter .status-bar {
  float: left;
  display: inline-flex;
  align-items: center;
}
.ltr .smtTableOuter .status-bar span {
  font-weight: 500;
}
.ltr .selectMonth {
  text-align: right;
  color: #FFFFFF;
}
.ltr .jv-pop-up {
  height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ltr .flex-display {
  display: flex;
}
.ltr .attendancedetail table thead {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.ltr .attendancedetail table thead tr th {
  font-weight: 500;
}
.ltr .ngx-datatable .datatable-header {
  background-color: var(--main-color);
}
.ltr .customtbale {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.ltr .customtbale tr th {
  font-weight: 500 !important;
}
.ltr .innerScroll {
  height: 80vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.ltr .ngx-datatable .datatable-row-wrapper:hover {
  cursor: pointer;
}
.ltr .segment-table {
  min-height: 550px !important;
  display: block;
  overflow: auto;
  overflow-y: hidden;
}
.ltr .segment-table tbody tr:nth-child(1) td .dropdown-list .arrow-down,
.ltr .segment-table tbody tr:nth-child(2) td .dropdown-list .arrow-down,
.ltr .segment-table tbody tr:nth-child(3) td .dropdown-list .arrow-down,
.ltr .segment-table tbody tr:nth-child(4) td .dropdown-list .arrow-down {
  bottom: -2px;
  top: unset;
  transform: rotate(360deg);
}
.ltr .segment-table tbody tr:nth-child(1) td .dropdown-list .arrow-down.arrow-2,
.ltr .segment-table tbody tr:nth-child(2) td .dropdown-list .arrow-down.arrow-2,
.ltr .segment-table tbody tr:nth-child(3) td .dropdown-list .arrow-down.arrow-2,
.ltr .segment-table tbody tr:nth-child(4) td .dropdown-list .arrow-down.arrow-2 {
  top: unset;
  bottom: -1px;
  transform: rotate(360deg);
}
.ltr .segment-table tbody td .c-list {
  height: 28px;
  overflow: hidden;
}
.ltr .segment-table tbody td .c-list .c-remove {
  top: 13px;
}
.ltr .segment-table .acc-badge {
  background-color: var(--main-color);
  display: inline-block;
  min-width: 10px;
  padding: 4px 10px;
  font-size: 12px !important;
  color: #FFFFFF;
  border-radius: 25px;
}
.ltr .segment-table .acc-badge-blank {
  background-color: #777 !important;
}
.ltr .segment-table li {
  margin: 3px !important;
}
.ltr .segment-table .btn-icon {
  width: 30px;
  line-height: 35px;
  height: 30px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  padding: 0;
}
.ltr .segment-table .btn-icon i {
  margin-right: 0;
  margin: auto;
  font-size: 13px !important;
}
.ltr .segment-table .dynamic-error {
  color: red;
  margin-top: 14px;
  white-space: pre;
}
.ltr .segment-table .dynamic-values {
  overflow-y: auto;
}
.ltr .segment-table .dimension-dropdown {
  width: 100%;
  margin-right: 3px;
}
.ltr .segment-table .table td,
.ltr .segment-table .table th {
  border-top: none;
}
.ltr .Tablepopup.popUPStatus .datatable-body-cell {
  overflow: hidden;
}
.ltr .Tablepopup .datatable-header-cell {
  width: 38.33% !important;
}
.ltr .Tablepopup .datatable-header-cell:first-child {
  width: 20.25% !important;
}
.ltr .Tablepopup .datatable-body-cell {
  height: 50px !important;
  width: 38.33% !important;
}
.ltr .Tablepopup .datatable-body-cell:first-child {
  width: 20.25% !important;
}
.ltr .Tablepopup .datatable-body-row {
  height: 50px !important;
}
.ltr .customTabelStyle {
  overflow-y: auto !important;
  min-height: 500px;
}
.ltr .customTabelStyle tr td .dec .mat-form-field-infix {
  width: 220px !important;
}
.ltr .customTabelStyle tr td .mat-form-field-infix {
  width: 85px !important;
}
.ltr .customTabelStyle tr td .small-btn {
  margin: 0 2px 5px 0 !important;
}
.ltr .tableStyle tr {
  border-bottom: 1px solid #dee2e6;
}
.ltr .tableStyle tr td {
  border-top: none !important;
}
.ltr .tableStyle tr td.selectList .selected-list {
  width: 180px;
}
.ltr .table-style tr:hover {
  background-color: #e9e9e9;
  cursor: pointer;
}
.ltr .chartTable {
  overflow-x: auto;
}
.ltr .chartTable table {
  width: 100%;
}
.ltr .chartTable table tr th {
  font-size: 15.5px;
}
.ltr .chartTable table tr th .border-checkbox-section {
  float: left;
}
.ltr .chartTable table tr th span.codeText {
  padding-left: 0 !important;
  position: relative;
  top: 5px;
}
.ltr .chartTable table tr:hover td {
  background-color: #e9e9e9;
  cursor: pointer;
}
.ltr .chartTable table tr.mat-row {
  height: 24px;
}
.ltr .chartTable table tr td {
  padding: 3px 15px 2px 15px;
  font-size: 15px;
}
.ltr .chartTable table tr td span.textcode {
  position: relative;
  top: -6px;
}
.ltr .chartTable table tr td button {
  background-color: transparent;
  border: none;
  height: 17px;
}
.ltr .chartTable table tr td button:focus {
  outline: none;
  border: none;
}
.ltr .note-text textarea.mat-input-element {
  line-height: 22px;
}
.ltr .custom-class .mat-form-field-infix {
  width: auto !important;
}
.ltr .pcoded .pcoded-navbar[data-navbar-theme=theme1] .pcoded-item > li.pcoded-trigger > a {
  background-color: var(--main-color-hover);
}
.ltr .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li.sublink a {
  background-color: var(--main-color-hover);
}
.ltr ul.customMenu li.pcoded-trigger a {
  background-color: var(--main-color-hover);
}
.ltr ul.customMenu ul.pcoded-submenu li a {
  background-color: transparent !important;
}
.ltr ul.customMenu ul.pcoded-submenu li.sublink a {
  background-color: var(--main-color-hover) !important;
}
.ltr .BtnAction {
  text-align: center;
  width: 100%;
}
.ltr .BtnAction .btn {
  padding: 5px 8px !important;
}
.ltr .table-cell {
  display: table-cell;
}
.ltr .modal {
  transform: scale(0) !important;
  opacity: 0 !important;
  transition: all 0.3s linear !important;
}
.ltr .modal.show {
  opacity: 1 !important;
  transform: scale(1) !important;
}
.ltr .modal .modal-body {
  max-height: 550px;
  overflow-x: hidden;
  overflow-y: auto;
}
.ltr .modal .modal-body .dropdown-list {
  left: auto !important;
  top: auto !important;
}
.ltr .modal .modal-dialog {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 47% !important;
  transform: translateY(-50%) !important;
}
.ltr .TemplateRecurring .datatable-body-cell {
  width: 100% !important;
}
.ltr .TemplateRecurring .datatable-header-cell {
  width: 100% !important;
}
.ltr #account-detail-modal {
  top: inherit !important;
  transform: inherit !important;
}
.ltr #account-detail-modal .modal-body {
  height: 550px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.ltr .reportTable .datatable-header-cell {
  border-left: 1px solid #FFFFFF;
}
.ltr .reportTable .datatable-header-cell:first-child {
  border-left: none;
}
.ltr .reportTable .ngx-datatable.material {
  border: none;
}
.ltr .reportTable .datatable-row-wrapper {
  border-bottom: 1px solid #dee2e6;
}
.ltr .reportTable .datatable-footer {
  border-top: none;
}
.ltr #filter-option2 {
  transition: height 0.35s ease 0s;
}
.ltr .optionExpand.collapsed .fa {
  transform: rotate(0deg);
}
.ltr .optionExpand .fa {
  transition: 0.3s transform ease-in-out;
  transform: rotate(0deg);
}
.ltr .card-header .fa {
  transition: 0.3s transform ease-in-out;
}
.ltr .card-header .collapsed .fa {
  transform: rotate(90deg);
}
.ltr .select-employess .modal-body {
  min-height: 350px;
  overflow: hidden;
}
.ltr .select-employess .modal-body div.ng-star-inserted {
  max-height: 170px !important;
}
.ltr .select-employess .modal-body .dropdown-list ul li {
  padding: 4px 10px 10px 10px;
}
.ltr .btnslideBar {
  border-radius: 0px;
  margin: 0px;
  position: fixed;
  background: var(--side-bar);
  padding: 0px;
  font-size: 19px;
  top: 157px;
  z-index: 1;
  width: 35px;
  height: 35px;
}
.ltr .btnslideBar:hover {
  background: var(--main-color-hover);
}
.ltr .menu-top-menu-container {
  background: transparent;
  padding-top: 10%;
  color: white;
  text-align: left;
}
.ltr .menu-top-menu-container li {
  list-style-type: none;
  position: relative;
}
.ltr .menu-top-menu-container li.active ul li.active a {
  background-color: #F6EEE1;
  color: var(--main-color-hover);
  font-weight: 500;
}
.ltr .menu-top-menu-container li.active ul li.active a i {
  color: #000;
}
.ltr .menu-top-menu-container li.active ul li.active a:hover {
  color: #FFFFFF;
}
.ltr .menu-top-menu-container li.active ul li a {
  background-color: #f6f0e1;
  color: var(--main-color-hover);
}
.ltr .menu-top-menu-container li.active a {
  background-color: #303030;
  color: var(--main-color-hover) !important;
}
.ltr .menu-top-menu-container li ul li i.fa-star {
  position: absolute;
  top: 14px;
  left: 5px;
  z-index: 100;
}
.ltr .menu-top-menu-container li ul li .favorite-list {
  font-size: 12px;
  margin-left: 3px;
}
.ltr .menu-top-menu-container li ul li .favorite-list:hover {
  color: #000000;
}
.ltr .menu-top-menu-container .favouirted-list:after {
  display: none;
}
.ltr .menu-top-menu-container ul ul {
  display: none;
  margin-left: 0px;
}
.ltr .menu-top-menu-container li.active > ul {
  display: block;
}
.ltr .menu-top-menu-container > ul > li > a {
  position: relative;
  display: block;
  padding: 15px 20px 15px 10px;
  color: white;
  text-decoration: none;
}
.ltr .menu-top-menu-container ul ul li a {
  color: white;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  padding: 9px 25px 9px 33px;
  position: relative;
  transition: all 0.15s;
}
.ltr .menu-top-menu-container ul ul li a span:focus {
  outline: none;
}
.ltr .menu-top-menu-container ul ul li a:hover span {
  cursor: pointer;
}
.ltr .menu-top-menu-container ul ul ul {
  margin-left: 15px;
}
.ltr .menu-top-menu-container ul ul ul li:hover a {
  background-color: #FFFFFF !important;
}
.ltr .menu-top-menu-container ul ul ul li a {
  background-color: var(--main-color) !important;
  color: #FFFFFF !important;
}
.ltr .menu-top-menu-container ul ul ul li.active:hover a {
  color: #fff !important;
}
.ltr .menu-top-menu-container ul ul ul li.active a {
  background-color: var(--side-bar) !important;
  color: var(--main-color-hover) !important;
}
.ltr .menu-top-menu-container a:not(:only-child):after {
  position: absolute;
  right: 15px;
  content: "\f067";
  font-family: "FontAwesome";
  top: 38%;
  font-size: 10px;
}
.ltr .menu-top-menu-container .active > a:not(:only-child):after {
  content: "\f068";
  font-family: "FontAwesome";
}
.ltr .alert-suceess {
  background-color: var(--btnSuccess);
  border: var(--btnSuccess);
  color: #FFFFFF;
}
.ltr .alert-danger {
  background-color: var(--btnDanger);
  border: var(--btnDanger);
  color: #FFFFFF;
}
.ltr .innerGraphaBody .card-body {
  min-height: 220px;
}
.ltr .tableRow .headingTitle span {
  font-weight: 500;
}
.ltr .tableRow .Space-row {
  margin: 13px -35px 5px -35px;
}
.ltr .tableRow .Space-row hr {
  border: 5px solid #e8e8e8;
}
.ltr .customerpopup .datatable-header-cell {
  width: 20% !important;
}
.ltr .customerpopup .datatable-body-cell {
  width: 20% !important;
}
.ltr .popWidth .datatable-header-cell {
  width: 33% !important;
}
.ltr .popWidth .datatable-body-cell {
  width: 33% !important;
}
.ltr .Itempop .datatable-header-cell {
  width: 28% !important;
}
.ltr .Itempop .datatable-header-cell:first-child {
  width: 10% !important;
}
.ltr .Itempop .datatable-body-cell {
  width: 25% !important;
}
.ltr .Itempop .datatable-body-cell:first-child {
  width: 10% !important;
}
.ltr .rowbox .card-header {
  padding: 7px 15px;
}
.ltr .financedashboard .progressBar {
  height: 15px;
}
.ltr .financedashboard .card {
  margin-bottom: 20px;
}
.ltr .financedashboard .card-body {
  padding: 0;
}
.ltr .financedashboard .table-style {
  border: none;
}
.ltr .financedashboard .table-style tr th {
  font-size: 15px;
  padding: 2px 10px;
  background-color: var(--main-color);
  color: #FFFFFF;
  font-weight: 500;
}
.ltr .financedashboard .table-style tr td {
  padding: 1px 10px;
  font-size: 14px;
  vertical-align: middle;
}
.ltr .financedashboard .table-style tr td:first-child {
  font-weight: 500;
}
.ltr .ItemModal {
  max-width: 1350px;
}
.ltr .ItemModal .modal-body {
  min-height: 575px;
  max-height: inherit;
  overflow: hidden;
}
.ltr .cancelBtn {
  position: absolute;
  right: 5px;
  top: -62px;
}
.ltr .calendarStyle .fc-event {
  border-color: #d0d7da;
  border-left: 4px solid #0073aa;
  text-transform: capitalize;
  line-height: 16px;
  background: #f3f3f3;
}
.ltr .calendarStyle .fc-day-grid-event .fc-time {
  font-weight: 500;
  display: inline-block;
  position: relative;
}
.ltr .calendarStyle .fc-head {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.ltr .calendarStyle .fc-head thead tr th {
  font-weight: 400;
  padding: 4px 0;
}
.ltr .calendarStyle .fc-header-toolbar button {
  border: none;
  background: #ededed;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  text-transform: capitalize;
  border-left: 1px solid #FFFFFF;
  padding: 2px 15px;
}
.ltr .calendarStyle .fc-header-toolbar button .fc-icon-right-single-arrow::after {
  content: "\f105";
  font-size: 18px;
  font: normal normal normal 14px/1 FontAwesome;
}
.ltr .calendarStyle .fc-header-toolbar button .fc-icon-left-single-arrow::after {
  content: "\f104";
  font-size: 18px;
  font: normal normal normal 14px/1 FontAwesome;
}
.ltr .calendarStyle .fc-header-toolbar button:focus {
  outline: none;
}
.ltr .calendarStyle .fc-header-toolbar button:hover {
  background: var(--main-color);
  color: #FFFFFF;
}
.ltr .calendarStyle .fc-header-toolbar .fc-right button {
  min-width: 70px;
}
.ltr .calendarStyle .fc-header-toolbar .fc-right button.fc-state-active {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.ltr .calendarStyle .fc-list-view .fc-list-heading td {
  background: var(--main-color) !important;
  font-weight: 500;
  color: #FFFFFF;
}
.ltr .TabsCustom.dashboard-tabs li {
  width: 16.6%;
}
.ltr .TabsCustom li {
  width: 20%;
  text-align: center;
  background-color: #e9e9e9;
}
.ltr .TabsCustom li a {
  color: var(--main-color-hover);
  padding: 12px 0;
  font-weight: 500;
}
.ltr .TabsCustom li a.hover i {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.ltr .TabsCustom li a.active i {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.ltr .TabsCustom li a i {
  width: 28px;
  height: 28px;
  background-color: #FFFFFF;
  border-radius: 50%;
  position: relative;
  color: var(--main-color);
  top: 0px;
  line-height: 28px;
}
.ltr #eventModal ol,
.ltr #eventModal ul {
  padding-left: revert;
  list-style-type: revert;
}
.ltr #eventModal .modal-header {
  text-transform: capitalize;
}
.ltr #eventModal .modal-header label {
  font-size: 12px !important;
  padding: 2px 5px 3px 5px;
  position: relative;
  top: 10px;
  border-radius: 0;
}
.ltr #eventModal .modal-header i {
  background: #ddd;
  padding: 5px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 15px;
  position: relative;
  top: -2px;
  text-align: center;
  line-height: 20px;
}
.ltr .innerWrap {
  position: relative;
  top: 50%;
  left: 57%;
  transform: translate(-58%, -42%);
  margin-top: 17%;
}
.ltr .innerWrap .selector {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 250px;
  height: 250px;
  margin-left: -70px;
}
.ltr .innerWrap .selector button {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: #FFFFFF;
  border-radius: 50%;
  border: 0;
  color: white;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 0px 0px 27px 2px rgba(0, 0, 0, 0.48);
  transition: all 0.1s;
}
.ltr .innerWrap .selector button .text {
  line-height: 23px;
  margin-top: 5px;
  font-size: 20px;
  padding: 0 15px;
}
.ltr .innerWrap .selector button img.LogoOne {
  width: 100%;
}
.ltr .innerWrap .selector button img {
  width: 80px;
}
.ltr .innerWrap .selector button:hover {
  background: #FFFFFF;
}
.ltr .innerWrap .selector button:focus {
  outline: none;
}
.ltr .innerWrap .selector ul {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: -140%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.ltr .innerWrap .selector li {
  position: absolute;
  width: 0;
  height: 100%;
  margin: 0 50%;
  transform: rotate(-360deg);
  transition: all 0.8s ease-in-out;
}
.ltr .innerWrap .selector li input {
  display: none;
}
.ltr .innerWrap .selector li input + label {
  position: absolute;
  left: 50%;
  bottom: 140%;
  width: 0;
  height: 0;
  line-height: 1px;
  margin-left: 0;
  border-radius: 50%;
  text-align: center;
  font-size: 1px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.5s ease-out;
  clip-path: circle(50% at 50% 50%);
}
.ltr .innerWrap .selector li input + label:hover {
  clip-path: circle(70% at 50% 50%);
  border-radius: 0%;
}
.ltr .innerWrap .selector.open li input + label {
  width: 135px;
  height: 135px;
  line-height: 75px;
  font-size: 14px;
}
.ltr .innerWrap .selector.open li input + label img {
  margin: auto;
  width: 60px;
  margin-top: 23px;
}
.ltr .innerWrap .selector.open li label div.text {
  position: absolute;
  top: 87px;
  width: 100%;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 13px;
  padding: 0 12%;
}
.ltr .SM-1001ADMIN {
  background: #797b79;
}
.ltr .SM-1001ADMIN:hover {
  background: #797b79;
}
.ltr .SM-1002HOME {
  background: #343b7f;
}
.ltr .SM-1002HOME:hover {
  background: #343b7f;
}
.ltr .SM-1003DASHBOARD {
  background: #8ac541;
}
.ltr .SM-1003DASHBOARD:hover {
  background: #8ac541;
}
.ltr .SM-3001HUMAN_RESOURCES_MANAGEMENT {
  background: #1aa79c;
}
.ltr .SM-3001HUMAN_RESOURCES_MANAGEMENT:hover {
  background: #1aa79c;
}
.ltr .SM-3002PAYROLL_MANAGEMENT {
  background: #29b9ae;
}
.ltr .SM-3002PAYROLL_MANAGEMENT:hover {
  background: #29b9ae;
}
.ltr .SM-3003ATTENDANCE_MANAGEMENT {
  background: #3bccc1;
}
.ltr .SM-3003ATTENDANCE_MANAGEMENT:hover {
  background: #3bccc1;
}
.ltr .SM-2001GENERAL_LEDGER {
  background: #81663b;
}
.ltr .SM-2001GENERAL_LEDGER:hover {
  background: #81663b;
}
.ltr .SM-2002ACCOUNTS_RECEIVABLE {
  background: #9c7b45;
}
.ltr .SM-2002ACCOUNTS_RECEIVABLE:hover {
  background: #9c7b45;
}
.ltr .SM-2003ACCOUNTS_PAYABLE {
  background: #b99456;
}
.ltr .SM-2003ACCOUNTS_PAYABLE:hover {
  background: #b99456;
}
.ltr .SM-2004CASH__BANK_MANAGEMENT {
  background: #d2a863;
}
.ltr .SM-2004CASH__BANK_MANAGEMENT:hover {
  background: #d2a863;
}
.ltr .SM-2005FIXED_ASSETS_MANAGEMENT {
  background: #dcb36f;
}
.ltr .SM-2005FIXED_ASSETS_MANAGEMENT:hover {
  background: #dcb36f;
}
.ltr .SM-2006TAX_DECLARATION {
  background: #e6c080;
}
.ltr .SM-2006TAX_DECLARATION:hover {
  background: #e6c080;
}
.ltr .SM-4001WAREHOUSE_MANAGEMENT {
  background: #824949;
}
.ltr .SM-4001WAREHOUSE_MANAGEMENT:hover {
  background: #824949;
}
.ltr .SM-4002CUSTOMER_INVOICING {
  background: #ae6969;
}
.ltr .SM-4002CUSTOMER_INVOICING:hover {
  background: #ae6969;
}
.ltr .SM-4003PURCHASE_MANAGEMENT {
  background: #cc8d8d;
}
.ltr .SM-4003PURCHASE_MANAGEMENT:hover {
  background: #cc8d8d;
}
.ltr .SM-6001SALES_ORDER_PROCESSING {
  background: #e0a8a8;
}
.ltr .SM-6001SALES_ORDER_PROCESSING:hover {
  background: #e0a8a8;
}
.ltr .SM-4005PROCUREMENT {
  background: #e0baba;
}
.ltr .SM-4005PROCUREMENT:hover {
  background: #e0baba;
}
.ltr .SM-5001CRM {
  background: #343b7f;
}
.ltr .SM-5001CRM:hover {
  background: #343b7f;
}
.ltr .SM-6002POS {
  background: #222222;
}
.ltr .SM-6002POS:hover {
  background: #171616;
}
.ltr .SM-6007DOCUMENT_EXPIRY {
  background: #fe6d52;
}
.ltr .SM-6007DOCUMENT_EXPIRY:hover {
  background: #ec4d2f;
}
.ltr .SM-6007DOCUMENT_EXPIRY .text {
  padding: 0 11% !important;
}
.ltr .SM-6007COMPANY_SETUP {
  background: #fe6d52;
}
.ltr .SM-6007COMPANY_SETUP:hover {
  background: #ec4d2f;
}
.ltr .SM-6007COMPANY_SETUP .text {
  padding: 0 11% !important;
}
.ltr .SM-6003WORKFLOW {
  background: #203255;
}
.ltr .SM-6003WORKFLOW:hover {
  background: #203255;
}
.ltr .SM-6003WORKFLOW .text {
  padding: 0 11% !important;
}
.ltr .logo-SM-1001ADMIN {
  background: #797b79 !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.ltr .logo-SM-1002HOME,
.ltr .logo-SM-5001CRM {
  background: #343b7f !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.ltr .logo-SM-1003DASHBOARD {
  background: #8ac541 !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.ltr .logo-SM-3001HUMAN_RESOURCES_MANAGEMENT,
.ltr .logo-SM-3002PAYROLL_MANAGEMENT,
.ltr .logo-SM-3003ATTENDANCE_MANAGEMENT {
  background: #1aa79c !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.ltr .logo-SM-2001GENERAL_LEDGER,
.ltr .logo-SM-2002ACCOUNTS_RECEIVABLE,
.ltr .logo-SM-2003ACCOUNTS_PAYABLE,
.ltr .logo-SM-2004CASH__BANK_MANAGEMENT,
.ltr .logo-SM-2005FIXED_ASSETS_MANAGEMENT,
.ltr .logo-SM-2006TAX_DECLARATION {
  background: #81663b !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.ltr .logo-SM-4001WAREHOUSE_MANAGEMENT,
.ltr .logo-SM-4002CUSTOMER_INVOICING,
.ltr .logo-SM-4003PURCHASE_MANAGEMENT,
.ltr .logo-SM-6001SALES_ORDER_PROCESSING,
.ltr .logo-SM-4005PROCUREMENT {
  background: #824949 !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.ltr .logo-SM-6002POS {
  background: #171616 !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.ltr .logo-SM-6007DOCUMENT_EXPIRY {
  background: #ec4d2f !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.ltr .logo-SM-6007COMPANY_SETUP {
  background: #ec4d2f !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.ltr .logo-SM-6003WORKFLOW {
  background: #203255 !important;
  transition: all 0.5s ease-out;
  position: absolute !important;
  left: 0;
  top: 0;
}
.ltr .icons-chat {
  position: fixed;
  right: 3px;
  bottom: 5px;
  z-index: 10000;
}
.ltr .icons-chat a {
  background: var(--main-color);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: grid;
  margin-left: 5px;
  display: inline-block;
  line-height: 45px;
  text-align: center;
}
.ltr .icons-chat a i {
  font-size: 20px;
  position: relative;
  top: 3px;
}
.ltr .icons-chat a img {
  width: 20px;
  height: 20px;
}
.ltr .icons-chat a:hover {
  background-color: var(--main-color-hover);
}
.ltr .icons-chat a i {
  margin: auto;
  color: #FFFFFF;
}
.ltr .panelRight {
  width: 50px;
  float: left;
  background: var(--main-color);
  position: fixed;
  z-index: 1000;
  right: -50px;
  top: 0;
  top: 61px;
  padding: 10px 0 10px 0;
}
.ltr .panelRight ul li a {
  color: #FFFFFF;
  padding: 9px 15px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.ltr .panelRight ul li a i {
  margin-right: 5px;
  font-size: 23px;
}
.ltr .panelRight ul li a:hover {
  background: var(--main-color-hover);
}
.ltr .slider-arrow {
  padding: 5px;
  width: 36px;
  height: 36px;
  float: left;
  text-align: center;
  background: var(--main-color);
  color: #000000;
  text-decoration: none;
  position: absolute;
  right: 50px;
  top: 95px;
}
.ltr .slider-arrow.show::before {
  content: "\e662";
  font-family: themify;
  width: 35px;
  height: 35px;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  background: var(--main-color);
  top: 0;
  padding: 7px 0;
}
.ltr .slider-arrow.hide::before {
  content: "\e661";
  font-family: themify;
  width: 35px;
  background: var(--main-color);
  height: 35px;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  top: 0;
  padding: 7px 0;
}
.ltr .card-container {
  cursor: pointer;
  height: 135px;
  perspective: 600;
  position: relative;
  width: 135px;
}
.ltr #eventModal .modal-header {
  background-color: #eaeaea;
  padding: 10px 15px;
}
.ltr #eventModal .modal-body .headerTop {
  background: #f5f5f5;
  padding: 6px 5px;
  margin-top: -17px;
}
.ltr #eventModal .modal-body .headerTop span.Emailname {
  color: #0fb914;
}
.ltr #eventModal .modal-body .headerTop .dueDate {
  font-size: 14px;
  margin-top: 2px;
  text-align: right;
}
.ltr #eventModal .modal-body .descriptionBox {
  padding: 5px;
  height: 150px;
  border: 1px solid #ddd;
  margin-bottom: 5px;
}
.ltr #eventModal .modal-body .descriptionBox.smallD {
  height: 75px;
  margin-bottom: 20px;
}
.ltr #eventModal .modal-footer .btn-group {
  position: absolute;
  right: 0;
  top: 8px;
}
.ltr #eventModal .modal-footer .btn-group button {
  padding: 6px 15px;
  font-size: 12px !important;
  margin-right: 2px;
}
.ltr #timeline .timeline-item .timeline-content.right {
  position: relative;
  margin-left: 40px;
  float: left;
}
.ltr #timeline .timeline-item .timeline-content.right:before {
  left: -7px;
}
.ltr .selectTheme {
  text-align: center;
}
.ltr .selectTheme:hover {
  cursor: pointer;
}
.ltr .selectTheme:hover .img {
  border: 1px solid var(--main-color);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
}
.ltr .selectTheme:hover .radio label {
  cursor: pointer;
}
.ltr .selectTheme a {
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  display: inline-block;
}
.ltr .selectTheme h5 {
  margin-bottom: 10px;
}
.ltr .selectTheme .radio {
  margin-right: 0;
}
.ltr .selectTheme .radio input {
  display: none;
}
.ltr .selectTheme .radio label {
  margin-bottom: 0;
}
.ltr .selectTheme .img {
  border: 1px solid #ddd;
  padding: 2px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  position: relative;
}
.ltr .selectTheme .img i {
  position: absolute;
  right: -10px;
  background: #445c1e;
  top: -15px;
  border-radius: 100%;
  color: #FFFFFF;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.ltr .selectTheme .img i::before {
  color: #FFFFFF;
  font-size: 15px;
}
.ltr .scrollHide {
  overflow: inherit !important;
}
.ltr .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--btnPrimary) !important;
}
.ltr .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(0, 115, 170, 0.5) !important;
}
.ltr .btn-status {
  text-align: right;
}
.ltr .btn-status .btn-deafult,
.ltr .btn-status .btn-danger {
  background-color: #fe6d52;
  color: #FFFFFF;
}
.ltr .btn-status .btn-deafult.border,
.ltr .btn-status .btn-danger.border {
  border: 1px solid var(--main-color-hover) !important;
  color: var(--main-color-hover) !important;
  background-color: #FFFFFF !important;
}
.ltr .btn-status .btn-deafult.border:hover,
.ltr .btn-status .btn-danger.border:hover {
  background-color: var(--main-color-hover) !important;
  color: #FFFFFF !important;
}
.ltr .btn-status .btn {
  border-radius: 0;
  color: #FFFFFF;
  text-transform: capitalize !important;
  min-width: 150px;
  font-weight: 500;
  text-align: center;
  margin-right: 5px !important;
  padding: 10px 0px;
  min-height: 50px;
  position: relative;
}
.ltr .btn-status .btn span.mat-badge-content {
  position: absolute;
  right: -9px;
  top: -33px;
  left: inherit;
  background-color: #fe6d52;
  color: #FFFFFF;
}
.ltr .setting-card {
  min-height: 190px;
  padding: 20px;
}
.ltr .setting-card .layout-select {
  max-width: 490px;
  margin: auto;
}
.ltr .setting-card .layout-select a {
  float: left;
  color: #454853;
  margin: 0 9px;
  cursor: pointer;
}
.ltr .setting-card .layout-select a:hover img {
  background-color: var(--main-color-hover);
}
.ltr .setting-card .layout-select a img {
  padding: 10px;
}
.ltr .payment-modal {
  border-radius: 0;
}
.ltr .payment-modal .modal-header h4 {
  font-size: 20px;
}
.ltr .payment-modal .size-20 {
  font-size: 20px;
}
.ltr .payment-modal .modal-content {
  padding: 15px;
  border-radius: 0;
}
.ltr .payment-modal .modal-content .POS-tabs {
  border: 1px solid #d3d4d4;
  border-right: 0;
  border-top: none;
}
.ltr .payment-modal .modal-content .POS-tabs.customersType li a {
  position: relative;
}
.ltr .payment-modal .modal-content .POS-tabs.customersType li a.active::before {
  position: absolute;
  left: 48%;
  bottom: -6px;
  width: 15px;
  height: 15px;
  content: "";
  background-color: #454853;
  transform: rotate(316deg);
}
.ltr .payment-modal .modal-content .POS-tabs li a {
  border-right: 1px solid #d3d4d4;
  border-top: 1px solid #d3d4d4;
  color: #454853;
  background-color: transparent;
  border-left: 0;
  border-radius: 0;
}
.ltr .payment-modal .modal-content .POS-tabs li a:hover {
  color: #FFFFFF;
  background-color: #454853;
  border-color: #454853;
}
.ltr .payment-modal .modal-content .POS-tabs li a.active {
  background-color: #454853;
  border-color: #454853;
  color: #FFFFFF;
}
.ltr .payment-modal .modal-content .tab-content {
  border: 1px solid #d3d4d4;
  border-top: none;
  padding: 15px;
  padding-bottom: 0;
  min-height: 383px;
}
.ltr .payment-modal .modal-content .tab-content .checkout-form input {
  height: 48px;
  margin-bottom: 11px;
}
.ltr .payment-modal .modal-content .tab-content .btn-footer {
  text-align: right;
}
.ltr .payment-modal .modal-content .tab-content .btn-footer .btn {
  border: 1px solid #FE6D52;
  color: #FE6D52;
  font-size: 16px;
  border-radius: 0;
  text-transform: capitalize;
}
.ltr .payment-modal .modal-content .tab-content .btn-footer .btn.active {
  background-color: #FE6D52;
  color: #FFFFFF;
}
.ltr .payment-modal .modal-header {
  border-radius: 0;
  border: 1px solid #fe6d52;
}
.ltr .slider {
  -webkit-appearance: none;
          appearance: none;
  width: 100%;
  border-radius: 0px;
  background: #707070;
  outline: none;
  opacity: 1;
  transition: opacity 0.2s;
}
.ltr .slider:hover {
  opacity: 1;
}
.ltr .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FE6D52;
  cursor: pointer;
}
.ltr .slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FE6D52;
  cursor: pointer;
}
.ltr .add-cat {
  border-top: none;
  padding: 15px;
  color: #FFFFFF;
  font-size: 18px;
  background-color: var(--side-bar);
  text-align: center;
}
.ltr .add-cat.first {
  border-right: none;
  background-color: var(--main-color-hover);
  color: #FFFFFF;
}
.ltr .addCategoryform {
  padding: 25px 25px 17px 26px;
  background-color: #f9f9f9;
  border: 1px solid #b3a7a7;
  margin-bottom: 20px;
  box-shadow: 2px 2px 5px rgba(45, 45, 45, 0.3411764706);
}
.ltr .productSearch .mat-form-field-infix {
  padding: 7px 0 14px 0 !important;
}
.ltr .productSearch .mat-form-field-wrapper {
  padding-bottom: 5px !important;
}
.ltr .productSearch .mat-form-field-appearance-outline .mat-form-field-outline-end,
.ltr .productSearch .mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 0 !important;
}
.ltr .add-plus {
  min-width: 70px !important;
  padding-top: 15px !important;
}
.ltr .add-plus i {
  margin-right: 0;
}
.ltr .category-box {
  height: 290px;
  overflow-x: auto;
}
.ltr .category-box::-webkit-scrollbar-track,
.ltr .productlist::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.ltr .category-box::-webkit-scrollbar,
.ltr .productlist::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.ltr .category-box::-webkit-scrollbar-thumb,
.ltr .productlist::-webkit-scrollbar-thumb {
  background-color: #202020;
}
.ltr .msg-error {
  top: -9px;
}
.ltr .bg-cat-left {
  background-color: #E9E9E9;
}
.ltr .pagnation-cat {
  margin-top: -19px;
}
.ltr .pagnation-cat ul li {
  color: var(--main-color-hover);
  float: left;
  margin-right: 5px;
  padding: 0;
}
.ltr .pagnation-cat ul li a {
  color: var(--main-color-hover);
  font-style: italic;
  margin-right: 5px;
}
.ltr .total-count {
  float: right;
}
.ltr .text-color {
  color: var(--main-color-hover);
}
.ltr .total-items {
  display: inherit !important;
  width: 100%;
}
.ltr .total-items .btnDD {
  position: relative;
  top: 5px;
}
.ltr .modules-tabs {
  position: absolute;
  right: 38px;
  top: 35px;
  background: #5a5a5d;
}
.ltr .modules-tabs li a {
  border-radius: 0;
  padding: 8px 10px;
  border: none !important;
}
.ltr .modules-tabs li a.active {
  background-color: var(--main-color-hover) !important;
}
.ltr .modules-tabs li a.active img {
  opacity: 1;
}
.ltr .modules-tabs li a:hover img {
  opacity: 1;
}
.ltr .modules-tabs li a img {
  opacity: 0.7;
  width: 28px;
}
.ltr .list-module {
  margin-top: 30px;
}
.ltr .list-module li {
  width: 100%;
  background-color: #FFFFFF;
  margin-bottom: 10px;
  cursor: pointer;
}
.ltr .list-module li:hover {
  box-shadow: 0px 0px 9px 3px #c7c7c7;
}
.ltr .list-module li:hover div.text {
  cursor: pointer;
}
.ltr .list-module li label {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  position: relative;
  margin-top: -2px;
  left: 2px;
}
.ltr .list-module li label div.text {
  position: absolute;
  left: 85px;
  min-width: 77vw;
  cursor: pointer;
  top: 0px;
  text-align: left;
  color: var(--main-color);
  font-size: 20px;
}
.ltr .grid-module {
  margin: 30px -8px 0 -8px;
}
.ltr .grid-module .flip-card {
  background-color: transparent;
  height: 189px;
  margin-bottom: 15px;
  perspective: 1000px;
}
.ltr .grid-module .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.ltr .grid-module .flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.ltr .grid-module .flip-card-front,
.ltr .grid-module .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.ltr .grid-module .flip-card-front {
  color: #000000;
}
.ltr .grid-module .flip-card-front img {
  max-width: 100%;
}
.ltr .grid-module .flip-card:hover .flip-card-front div.text {
  opacity: 0;
}
.ltr .grid-module .flip-card-back {
  color: white;
  transform: rotateY(180deg);
  z-index: 100;
}
.ltr .grid-module .flip-card-back label .text {
  color: #FFFFFF !important;
}
.ltr .grid-module .flip-card-back label.SM-1002HOME {
  background: #343b7f;
}
.ltr .grid-module .flip-card-back label.SM-2001GENERAL_LEDGER {
  background: #81663b;
}
.ltr .grid-module .flip-card-back label.SM-2002ACCOUNTS_RECEIVABLE {
  background: #9c7b45;
}
.ltr .grid-module .flip-card-back label.SM-2003ACCOUNTS_PAYABLE {
  background: #b99456;
}
.ltr .grid-module .flip-card-back label.SM-2004CASH__BANK_MANAGEMENT {
  background: #d2a863;
}
.ltr .grid-module .flip-card-back label.SM-2005FIXED_ASSETS_MANAGEMENT {
  background: #dcb36f;
}
.ltr .grid-module .flip-card-back label.SM-2006TAX_DECLARATION {
  background: #e6c080;
}
.ltr .grid-module .flip-card-back label.SM-3001HUMAN_RESOURCES_MANAGEMENT {
  background: #1aa79c;
}
.ltr .grid-module .flip-card-back label.SM-3002PAYROLL_MANAGEMENT {
  background: #29b9ae;
}
.ltr .grid-module .flip-card-back label.SM-3003ATTENDANCE_MANAGEMENT {
  background: #3bccc1;
}
.ltr .grid-module .flip-card-back label.SM-4001WAREHOUSE_MANAGEMENT {
  background: #824949;
}
.ltr .grid-module .flip-card-back label.SM-4002CUSTOMER_INVOICING {
  background: #ae6969;
}
.ltr .grid-module .flip-card-back label.SM-4003PURCHASE_MANAGEMENT {
  background: #cc8d8d;
}
.ltr .grid-module .flip-card-back label.SM-6001SALES_ORDER_PROCESSING {
  background-color: #e0a8a8;
}
.ltr .grid-module .flip-card-back label.SM-4005PROCUREMENT {
  background-color: #e0baba;
}
.ltr .grid-module .flip-card-back label.SM-5001CRM {
  background: #343b7f;
}
.ltr .grid-module .flip-card-back label.SM-6002POS {
  background: #222222;
}
.ltr .grid-module .flip-card-back label.SM-6007COMPANY_SETUP {
  background: #fe6d52;
}
.ltr .grid-module .flip-card-back label.SM-6003WORKFLOW {
  background: #203255;
}
.ltr .grid-module .flip-card-back label.SM-1003DASHBOARD {
  background: #8ac541;
}
.ltr .grid-module .flip-card-back label.SM-1001ADMIN {
  background: #797b79;
}
.ltr .grid-module .col-md-2 {
  padding: 0 8px !important;
  flex: 0 0 12.5%;
  max-width: 14%;
}
.ltr .grid-module .SM-2003ACCOUNTS_PAYABLE3,
.ltr .grid-module .SM-3001HUMAN_RESOURCES_MANAGEMENT7,
.ltr .grid-module .SM-4001WAREHOUSE_MANAGEMENT10,
.ltr .grid-module .SM-6002POS14,
.ltr .grid-module .SM-1003DASHBOARD17,
.ltr .grid-module .SM-6002POS15 {
  flex: 0 0 25%;
  max-width: 25%;
  position: relative;
}
.ltr .grid-module li:hover div.text {
  cursor: pointer;
}
.ltr .grid-module li label {
  width: 100%;
  padding-top: 40px;
  text-align: center;
  height: 189px;
  margin-bottom: 15px;
  background-color: #FFFFFF;
  position: relative;
  cursor: pointer;
}
.ltr .grid-module li label.SM-1002HOME::before {
  background: #343b7f;
}
.ltr .grid-module li label.SM-1002HOME .text {
  color: #343b7f;
}
.ltr .grid-module li label.SM-2001GENERAL_LEDGER::before {
  background: #81663b;
}
.ltr .grid-module li label.SM-2001GENERAL_LEDGER .text {
  color: #81663b;
}
.ltr .grid-module li label.SM-2002ACCOUNTS_RECEIVABLE::before {
  background: #9c7b45;
}
.ltr .grid-module li label.SM-2002ACCOUNTS_RECEIVABLE .text {
  color: #9c7b45;
}
.ltr .grid-module li label.SM-2003ACCOUNTS_PAYABLE::before {
  background: #b99456;
}
.ltr .grid-module li label.SM-2003ACCOUNTS_PAYABLE .text {
  color: #b99456;
}
.ltr .grid-module li label.SM-2004CASH__BANK_MANAGEMENT::before {
  background: #d2a863;
}
.ltr .grid-module li label.SM-2004CASH__BANK_MANAGEMENT .text {
  color: #d2a863;
}
.ltr .grid-module li label.SM-2005FIXED_ASSETS_MANAGEMENT::before {
  background: #dcb36f;
}
.ltr .grid-module li label.SM-2005FIXED_ASSETS_MANAGEMENT .text {
  color: #dcb36f;
}
.ltr .grid-module li label.SM-2006TAX_DECLARATION::before {
  background: #e6c080;
}
.ltr .grid-module li label.SM-2006TAX_DECLARATION .text {
  color: #e6c080;
}
.ltr .grid-module li label.SM-3001HUMAN_RESOURCES_MANAGEMENT::before {
  background: #1aa79c;
}
.ltr .grid-module li label.SM-3001HUMAN_RESOURCES_MANAGEMENT .text {
  color: #1aa79c;
}
.ltr .grid-module li label.SM-3002PAYROLL_MANAGEMENT::before {
  background: #29b9ae;
}
.ltr .grid-module li label.SM-3002PAYROLL_MANAGEMENT .text {
  color: #29b9ae;
}
.ltr .grid-module li label.SM-3003ATTENDANCE_MANAGEMENT::before {
  background: #3bccc1;
}
.ltr .grid-module li label.SM-3003ATTENDANCE_MANAGEMENT .text {
  color: #3bccc1;
}
.ltr .grid-module li label.SM-4001WAREHOUSE_MANAGEMENT::before {
  background: #824949;
}
.ltr .grid-module li label.SM-4001WAREHOUSE_MANAGEMENT .text {
  color: #824949;
}
.ltr .grid-module li label.SM-4002CUSTOMER_INVOICING::before {
  background: #ae6969;
}
.ltr .grid-module li label.SM-4002CUSTOMER_INVOICING .text {
  color: #ae6969;
}
.ltr .grid-module li label.SM-4003PURCHASE_MANAGEMENT::before {
  background: #cc8d8d;
}
.ltr .grid-module li label.SM-4003PURCHASE_MANAGEMENT .text {
  color: #cc8d8d;
}
.ltr .grid-module li label.SM-6001SALES_ORDER_PROCESSING::before {
  background: #e0a8a8;
}
.ltr .grid-module li label.SM-6001SALES_ORDER_PROCESSING .text {
  color: #e0a8a8;
}
.ltr .grid-module li label.SM-4005PROCUREMENT::before {
  background: #e0baba;
}
.ltr .grid-module li label.SM-4005PROCUREMENT .text {
  color: #e0baba;
}
.ltr .grid-module li label.SM-5001CRM::before {
  background: #343b7f;
}
.ltr .grid-module li label.SM-5001CRM .text {
  color: #343b7f;
}
.ltr .grid-module li label.SM-6002POS::before {
  background: #222222;
}
.ltr .grid-module li label.SM-6002POS .text {
  color: #222222;
}
.ltr .grid-module li label.SM-6007COMPANY_SETUP::before {
  background: #fe6d52;
}
.ltr .grid-module li label.SM-6007COMPANY_SETUP .text {
  color: #fe6d52;
}
.ltr .grid-module li label.SM-6003WORKFLOW::before {
  background: #203255;
}
.ltr .grid-module li label.SM-6003WORKFLOW .text {
  color: #203255;
}
.ltr .grid-module li label.SM-1003DASHBOARD::before {
  background: #8ac541;
}
.ltr .grid-module li label.SM-1003DASHBOARD .text {
  color: #8ac541;
}
.ltr .grid-module li label.SM-1001ADMIN::before {
  background: #797b79;
}
.ltr .grid-module li label.SM-1001ADMIN .text {
  color: #797b79;
}
.ltr .grid-module li label::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 6px;
}
.ltr .grid-module li label img {
  margin-bottom: 15px;
}
.ltr .grid-module li label div.text {
  position: relative;
  cursor: pointer;
  padding: 0 10px;
  top: 0px;
  line-height: initial;
  text-align: center;
  color: #000000;
  font-size: 18px;
}
.ltr .productBox {
  padding: 10px !important;
}
.ltr .productBox .row {
  display: grid;
  grid-auto-flow: column;
  height: 250px;
  overflow-y: hidden;
  overflow-x: auto;
  padding-top: 20px;
  justify-content: flex-start;
}
.ltr .productBox .row .col-md-3 {
  max-width: 230px;
}
.ltr .productBox .row::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.ltr .productBox .row::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.ltr .productBox .row::-webkit-scrollbar-thumb {
  background-color: #202020;
}
.ltr .productBox .product-Cat {
  position: relative;
  height: 200px;
  margin-bottom: 20px;
  cursor: pointer;
  border: 1px solid #a7a7a7;
  transition: all linear 0.3s;
  background-color: #efefef;
}
.ltr .productBox .product-Cat.addedProduct {
  opacity: 0.5;
}
.ltr .productBox .product-Cat.addedProduct .product-status i.fa-plus {
  display: none;
}
.ltr .productBox .product-Cat.addedProduct .product-status i.fa-times {
  display: block;
}
.ltr .productBox .product-Cat .productimg {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 200px;
  width: 198px;
  background-color: #FFFFFF;
}
.ltr .productBox .product-Cat .productprice {
  position: absolute;
  bottom: -1px;
  width: 100%;
  min-height: 35px;
  left: 0;
  background: #454853;
  padding: 8px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  color: #FFFFFF;
}
.ltr .productBox .product-Cat .product-status {
  position: absolute;
  left: -10px;
  top: -10px;
}
.ltr .productBox .product-Cat .product-status i {
  width: 25px;
  height: 25px;
  border-radius: 100px;
  line-height: 25px;
  text-align: center;
}
.ltr .productBox .product-Cat .product-status i.fa-plus {
  display: block;
}
.ltr .productBox .product-Cat .product-status i.fa-times {
  display: none;
}
.ltr .productBox .product-Cat .qty {
  position: absolute;
  bottom: 41px;
  width: 100%;
  right: 0;
  text-align: right;
}
.ltr .productBox .product-Cat .qty span.badge {
  border-radius: 10px;
  background: #202020;
  color: #FFFFFF;
  padding: 5px 10px;
  display: inline-block;
  margin: 0 4px 0 5px;
  position: relative;
  top: -2px;
}
.ltr .cat-img .productimg {
  height: 190px;
}
.ltr .cat-img .productprice {
  bottom: -8px !important;
}
.ltr .pagination-category {
  background: #546b82 !important;
  padding: 0px 9px !important;
  min-height: 36px;
  line-height: 36px;
  position: relative;
  z-index: 1;
}
.ltr .pagination-category span {
  color: #FFFFFF;
}
.ltr .pagination-category span:last-child a {
  color: #FFFFFF;
  background: var(--main-color-hover) !important;
  margin-left: 6px;
}
.ltr .pagination-category span:hover {
  cursor: pointer;
}
.ltr .pagination-category span a {
  color: #FFFFFF;
  padding: 3px 6px;
  border-radius: 2px;
  margin-left: 6px;
  display: inline-block;
}
.ltr .CustomStyleTheme .titleBox table tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.ltr .CustomStyleTheme .titleBox table tr td {
  padding: 3px;
  font-size: 13px;
  border: none;
}
.ltr .CustomStyleTheme .titleBox table tr td:first-child {
  font-weight: 500;
  width: 38% !important;
}
.ltr .CustomStyleTheme .titleBox table tr td .accbadge {
  position: relative;
  top: 0;
  left: 0;
}
.ltr .CustomStyleTheme .titleBox .btn i {
  margin-right: 0;
}
.ltr .CustomStyleTheme .btn.btn-outline-danger {
  color: var(--btnDanger) !important;
  border: 1px solid var(--btnDanger) !important;
  padding: 2px 17px;
}
.ltr .CustomStyleTheme .btn.btn-outline-danger:hover {
  color: #FFFFFF !important;
}
.ltr .saleTable {
  overflow-x: auto !important;
}
.ltr .saleTable table {
  max-width: 100%;
  margin-bottom: 0;
}
.ltr .saleTable table tr th {
  padding-top: 1px;
  padding-bottom: 1px;
}
.ltr .saleTable table td {
  vertical-align: middle;
  padding: 1px 0px 1px 12px !important;
}
.ltr .saleTable table td .txt-hide {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ltr .custom-keyboard {
  position: absolute;
  right: 16px;
  bottom: 2px;
  padding: 10px 8px;
  background-color: rgba(69, 72, 83, 0.68);
  text-align: center;
}
.ltr .custom-keyboard button {
  width: 33px;
  height: 44px;
  border: none;
  border-radius: 7px;
  font-size: 20px;
  margin: 5px 2px;
  text-transform: uppercase;
}
.ltr .custom-keyboard button:hover {
  background-color: #cacaca;
  border: none;
}
.ltr .custom-keyboard button:focus {
  background-color: #cacaca;
  outline: none;
  border: none;
}
.ltr .custom-keyboard button.w-43 {
  width: 43px;
}
.ltr .custom-keyboard button.w-89 {
  width: 89px;
}
.ltr .custom-keyboard button.w-89 i.fa-heart {
  color: #FE6D52;
}
.ltr .custom-keyboard button.w-186 {
  width: 186px;
  color: #FE6D52;
  text-transform: lowercase;
}
.ltr .btnToggle .mat-button-toggle .mat-button-toggle-button span.mat-button-toggle-label-content {
  padding: 0;
}
.ltr .btnToggle button:focus {
  outline: none !important;
}
.ltr .customDropList .dropdown-list {
  top: 50px !important;
  left: 0 !important;
  position: absolute !important;
}
.ltr .customDropList .dropdown-list .arrow-2.arrow-down {
  top: -1px;
  bottom: inherit;
}
.ltr .customDropList .dropdown-list div.arrow-down {
  transform: inherit;
  top: 0;
}
.ltr .customDropListTable .dropdown-list {
  top: inherit !important;
  left: inherit !important;
  width: 200px !important;
}
@media screen and (max-width: 1930px) {
  .ltr .chartTable table {
    width: 1550px;
  }
  .ltr .innerWrap {
    margin-top: 15%;
    height: 400px;
  }
  .ltr .innerWrap .selector {
    width: 200px;
    height: 200px;
  }
  .ltr .innerWrap .selector ul {
    margin: -162%;
  }
  .ltr .innerWrap .selector button .text {
    font-size: 18px;
    line-height: 20px;
  }
  .ltr .innerWrap .selector button img.img-60 {
    height: 60px;
  }
  .ltr .innerWrap .selector.open li input + label {
    width: 92px;
    height: 92px;
    line-height: 75px;
  }
  .ltr .innerWrap .selector.open li input + label img {
    width: 45px;
    height: 38px;
    margin-top: 0;
  }
  .ltr .innerWrap .selector.open li label div.text {
    position: absolute;
    top: 63px;
    line-height: 11px;
    padding: 0 3%;
    font-size: 11px;
  }
}
.ltr .progressBar {
  height: 20px;
}
.ltr .statusBar {
  position: relative;
}
.ltr .statusBar .statusCount {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 1630px) {
  .ltr .innerWrap {
    margin-top: 130px;
    height: 300px;
  }
  .ltr .innerWrap .selector {
    width: 150px;
    height: 150px;
  }
  .ltr .innerWrap .selector ul {
    margin: -136%;
  }
  .ltr .innerWrap .selector button .text {
    font-size: 14px;
    line-height: 16px;
  }
  .ltr .innerWrap .selector button img.img-60 {
    height: 60px;
  }
  .ltr .innerWrap .selector.open li input + label {
    width: 80px;
    height: 80px;
    line-height: 60px;
  }
  .ltr .innerWrap .selector.open li input + label img {
    width: 35px;
    height: 28px;
    margin-top: 0;
  }
  .ltr .innerWrap .selector.open li label div.text {
    position: absolute;
    top: 47px;
    line-height: 11px;
    padding: 0 3%;
    font-size: 9px;
  }
  .ltr .grid-module .col-md-2 {
    flex: 0 0 16.5%;
    max-width: 16%;
  }
  .ltr .grid-module .SM-2003ACCOUNTS_PAYABLE3,
  .ltr .grid-module .SM-3001HUMAN_RESOURCES_MANAGEMENT7,
  .ltr .grid-module .SM-4001WAREHOUSE_MANAGEMENT10,
  .ltr .grid-module .SM-6002POS14,
  .ltr .grid-module .SM-1003DASHBOARD17,
  .ltr .grid-module .SM-6002POS15 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.ltr .fa-info-circle {
  font-size: 18px;
}
.ltr .dropdown-secondary li {
  border-bottom: 1px solid #cec8c8;
  padding: 3px 7px;
}
.ltr .dropdown-secondary li a {
  color: #000000;
  font-size: 13px;
}
.ltr .dropdown-secondary li a:hover {
  color: navy;
}
.ltr .noti-badge {
  background: red;
  border-radius: 100px;
  left: 27px;
  position: absolute;
  top: 10px;
}
.ltr #apexcharts3hlg8f93 {
  margin: auto;
}
.ltr .dasbboard_Wrap {
  margin: -36px -39px;
  background: #FFFFFF;
  padding: 25px;
}
.ltr .dasbboard_Wrap.innerLayout {
  margin: -12px 0;
  background: transparent;
  padding: 0;
}
.ltr .dasbboard_Wrap.innerLayout .crmDashboard {
  height: auto !important;
}
.ltr .dasbboard_Wrap.innerLayout .page-header {
  border: none !important;
}
.ltr .dasbboard_Wrap.innerLayout .page-header .page-header-title {
  padding: 0 !important;
  margin-bottom: 20px;
}
.ltr .dasbboard_Wrap.innerLayout .crmDashboard {
  padding: 0;
}
.ltr .dasbboard_Wrap .page-header {
  border: 1px solid #FE6D52;
  margin-bottom: 0;
}
.ltr .dasbboard_Wrap .page-header-title {
  padding: 10px;
}
.ltr .dasbboard_Wrap .page-header-title h3 {
  margin-bottom: 0;
}
.ltr .dasbboard_Wrap .crmDashboard {
  background-color: #E9E9E9;
  padding: 30px;
}
.ltr .dasbboard_Wrap .crmDashboard .bottom_brd {
  width: 100%;
  height: 10px;
}
.ltr .dasbboard_Wrap .crmDashboard .innerBox {
  padding: 35px 30px;
}
.ltr .dasbboard_Wrap .crmDashboard .innerBox .lead-count-box {
  min-height: 82px;
}
.ltr .dasbboard_Wrap .crmDashboard .innerBox .text-success {
  color: #1aa79c !important;
}
.ltr .dasbboard_Wrap .crmDashboard .innerBox img {
  width: 70px;
  height: 70px;
}
.ltr .dasbboard_Wrap .crmDashboard .lead-count-box .text-left p {
  font-size: 20px;
  margin: 0 0 10px -5px;
}
.ltr .dasbboard_Wrap .crmDashboard .table-style tr:nth-of-type(odd) {
  background-color: #F8F8F8;
}
.ltr .dasbboard_Wrap .crmDashboard .table-style tr th {
  background-color: #454853;
  padding: 12px 10px;
  font-size: 16px;
}
.ltr .dasbboard_Wrap .crmDashboard .table-style tr th:first-child {
  width: 30%;
  padding-left: 40px;
}
.ltr .dasbboard_Wrap .crmDashboard .table-style tr td {
  padding: 5px 10px;
  font-size: 16px;
  border: none;
}
.ltr .dasbboard_Wrap .crmDashboard .table-style tr td:first-child {
  padding-left: 40px;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-ink-bar {
  background-color: var(--side-bar);
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body {
  background-color: #FFFFFF;
  padding: 50px;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box {
  width: 170px;
  height: 170px;
  position: relative;
  padding: 20px 0 15px 0;
  background-color: #efefef;
  overflow: hidden;
  border: 1px solid #b5b5b5;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box.tableRound .box {
  width: 30px;
  border-radius: 30px;
  height: 30px;
  background-color: var(--side-bar);
  position: absolute;
  display: none;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box.tableRound .box.left {
  left: 13px;
  top: 5px;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box.tableRound .box.right {
  right: 13px;
  top: 5px;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box.tableRound .box.bottom {
  left: 13px;
  bottom: 5px;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box.tableRound .box.top {
  right: 13px;
  bottom: 5px;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box:hover {
  box-shadow: 0 1px 9px 0px #929292;
  cursor: pointer;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box.active {
  border-color: var(--side-bar);
  box-shadow: 0 1px 9px 0px #929292;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box.active .box {
  display: block;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box h6 {
  padding-top: 30px;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box label {
  min-width: 32px;
  min-height: 32px;
  border-radius: 30px;
  background: #000000;
  line-height: 32px;
  color: #FFFFFF;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box .box {
  width: 30px;
  border-radius: 30px;
  height: 30px;
  background-color: var(--side-bar);
  display: none;
  position: absolute;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box .box.left {
  left: -10px;
  top: -10px;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box .box.right {
  right: -10px;
  top: -10px;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box .box.bottom {
  left: -10px;
  bottom: -10px;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-body .drag-box .box.top {
  right: -10px;
  bottom: -10px;
}
.ltr .dasbboard_Wrap .crmDashboard .mat-tab-label-active {
  background-color: var(--side-bar);
  opacity: 1;
  color: #FFFFFF;
}
.ltr .dasbboard_Wrap .card {
  border: none;
  box-shadow: none;
}
.ltr .dasbboard_Wrap .page-body {
  background-color: #E9E9E9;
}
.ltr .dasbboard_Wrap .resultBox .dasboarddrpdwn {
  position: absolute;
  right: 0;
  top: -66px;
  width: 250px;
}
.ltr .dasbboard_Wrap .resultBox .dasboarddrpdwn .customLabel {
  top: 7px !important;
}
.ltr .dasbboard_Wrap .resultBox .dasboarddrpdwn .selected-list .c-btn {
  min-height: 34px !important;
}
.ltr .dasbboard_Wrap .resultBox .card-header {
  border-radius: 0;
  color: #454853;
  padding: 10px 15px 10px 20px;
  background-color: #454853;
  border: none;
}
.ltr .dasbboard_Wrap .resultBox .card-header h5 {
  font-size: 18px !important;
  color: #FFFFFF !important;
  text-transform: capitalize;
}
.ltr .dasbboard_Wrap .resultBox .card-body {
  padding-bottom: 0;
  padding-right: 30px;
  position: relative;
}
.ltr .dasbboard_Wrap .btnStyle {
  background-color: #454853;
  padding: 5px;
  border-radius: 20px;
}
.ltr .dasbboard_Wrap .btnStyle .btn {
  background-color: #454853;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
}
.ltr .dasbboard_Wrap .btnStyle .btn.active {
  border-radius: 15px;
  background-color: var(--main-color-hover);
}
.ltr .dasbboard_Wrap .btn {
  text-transform: capitalize;
}
.ltr .dasbboard_Wrap .btn:focus {
  outline: none;
  box-shadow: none;
}
.ltr .dasbboard_Wrap .small-btnDanger {
  padding: 5px 10px !important;
  border-radius: 3px !important;
  margin: 0 2px !important;
  width: 130px;
  float: right;
  background-color: #FF1934;
  margin-top: 10px !important;
  text-transform: capitalize;
  font-size: 18px;
}
.ltr .dasbboard_Wrap #netProfitMargin {
  margin: auto;
}
.ltr .dasbboard_Wrap .selectFilter .card {
  background-color: #e9e9e9;
}
.ltr .dasbboard_Wrap .selectFilter .dasboarddrpdwn {
  background: #FFFFFF;
}
.ltr .dasbboard_Wrap .selectFilter .dasboarddrpdwn .selected-list .c-btn {
  color: var(--main-color-hover) !important;
  border-bottom: 2px solid var(--side-bar) !important;
  min-height: 38px !important;
}
.ltr .dasbboard_Wrap .selectFilter .dasboarddrpdwn .customLabel {
  color: var(--main-color-hover) !important;
  top: 9px !important;
  left: 10px !important;
  text-transform: capitalize;
}
.ltr .dasbboard_Wrap .selectFilter .dasboarddrpdwn .c-btn > span svg {
  fill: var(--main-color-hover) !important;
}
.ltr .dasbboard_Wrap #salesByProduct .apexcharts-legend.position-bottom .apexcharts-legend-series,
.ltr .dasbboard_Wrap #salesByProduct .apexcharts-legend.position-top .apexcharts-legend-series,
.ltr .dasbboard_Wrap #regionalDistribution .apexcharts-legend.position-bottom .apexcharts-legend-series,
.ltr .dasbboard_Wrap #regionalDistribution .apexcharts-legend.position-top .apexcharts-legend-series {
  width: 47%;
  padding: 2px 0;
}
.ltr .dasbboard_Wrap #salesByProduct .apexcharts-legend.position-bottom .apexcharts-legend-series span.apexcharts-legend-marker,
.ltr .dasbboard_Wrap #salesByProduct .apexcharts-legend.position-top .apexcharts-legend-series span.apexcharts-legend-marker,
.ltr .dasbboard_Wrap #regionalDistribution .apexcharts-legend.position-bottom .apexcharts-legend-series span.apexcharts-legend-marker,
.ltr .dasbboard_Wrap #regionalDistribution .apexcharts-legend.position-top .apexcharts-legend-series span.apexcharts-legend-marker {
  width: 20px !important;
  height: 20px !important;
  border-radius: 0 !important;
}
.ltr .dasbboard_Wrap .apexcharts-legend.position-bottom.apexcharts-align-center,
.ltr .dasbboard_Wrap .apexcharts-legend.position-top.apexcharts-align-center {
  justify-content: left;
  width: 100% !important;
}
.ltr .dasbboard_Wrap .btn-res {
  text-align: right;
}
.ltr .dasbboard_Wrap .btn-res .btn-small {
  border-radius: 0;
  width: 33px;
  height: 33px;
  padding: 0;
  border: 1px solid var(--side-bar);
}
.ltr .dasbboard_Wrap .btn-res .btn-small:hover i {
  color: #FFFFFF;
}
.ltr .dasbboard_Wrap .btn-res .btn-small i {
  margin-right: 0;
  position: relative;
  top: 2px;
  font-size: 16px;
  color: var(--side-bar);
}
.ltr .dasbboard_Wrap .btn-res .btn.disabled,
.ltr .dasbboard_Wrap .btn-res .btn:disabled {
  opacity: 0.2;
}
.ltr .dasbboard_Wrap .TabsSales ul.nav-tabs {
  background-color: #f7f7f7;
}
.ltr .dasbboard_Wrap .TabsSales ul.nav-tabs li {
  margin-bottom: 0;
}
.ltr .dasbboard_Wrap .TabsSales ul.nav-tabs li a.nav-link {
  border: none;
  border-radius: 0;
  padding: 15px 50px;
  color: #202020;
  font-weight: 500;
}
.ltr .dasbboard_Wrap .TabsSales ul.nav-tabs li a.nav-link.active {
  background-color: var(--main-color-hover);
  color: #FFFFFF;
  position: relative;
}
.ltr .dasbboard_Wrap .TabsSales ul.nav-tabs li a.nav-link.active::before {
  position: absolute;
  width: 20px;
  height: 20px;
  content: "";
  left: 46%;
  bottom: -4px;
  background-color: var(--main-color-hover);
  transform: rotate(45deg);
}
.ltr .dasbboard_Wrap .TabsSales .space-bottom {
  background: #e9e9e9;
  margin: 0 -26px;
  margin-bottom: 20px;
}
.ltr .dasbboard_Wrap .TabsSales .space-bottom.bottom-2 {
  height: 55px;
}
.ltr .dasbboard_Wrap .TabsSales .btn {
  border-radius: 0;
}
.ltr .dasbboard_Wrap .TabsSales .btn-addItem {
  position: absolute;
  top: -73px;
  right: -10px;
}
.ltr .dasbboard_Wrap .TabsSales .btnSelect .btn {
  border: 1px solid var(--main-color);
  color: var(--main-color);
}
.ltr .dasbboard_Wrap .TabsSales .btnSelect .btn:focus {
  outline: none;
  box-shadow: none;
}
.ltr .dasbboard_Wrap .TabsSales .btnSelect .btn.btn-dark {
  color: #FFFFFF;
}
.ltr .dasbboard_Wrap .TabsSales .btnSelect .btn:hover {
  color: #FFFFFF;
}
.ltr .dasboarddrpdwn .selected-list .c-btn {
  color: #FFFFFF !important;
  border-bottom: 2px solid #FFFFFF !important;
}
.ltr .dasboarddrpdwn .customLabel {
  color: #FFFFFF !important;
}
.ltr .dasboarddrpdwn .c-btn > span svg {
  fill: #FFFFFF !important;
}
.ltr .order-summer .accordion-desc {
  color: #222;
  margin: 0 20px 20px;
  border: 1px solid #ddd;
  padding: 0;
}
.ltr .order-summer .panel-collapse {
  transition: all 0.5s ease 0s;
}
.ltr .order-summer .accordion-title a {
  padding: 0;
  border-top: none;
  cursor: pointer;
  background: transparent;
  font-weight: 400;
  position: relative;
  font-size: 16px;
}
.ltr .order-summer .accordion-title a.collapsed::before {
  position: absolute;
  left: 5px;
  top: 13px;
  content: "\f067" !important;
  font-family: "FontAwesome" !important;
}
.ltr .order-summer .accordion-title a.scale_active::before {
  position: absolute;
  left: 5px;
  top: 13px;
  content: "\f068";
  font-family: "FontAwesome";
}
.ltr .order-summer table tr td.bg-td {
  width: 20%;
  background-color: #f3f3f3;
  padding-top: 2px;
  font-size: 14px;
  padding-bottom: 2px;
  border-bottom: 1px solid #FFFFFF;
}
.ltr .order-summer table tr td.bg-td b {
  font-weight: 500;
}
.ltr .show-total {
  position: relative;
  margin-bottom: 10px !important;
  background: #f5f5f5;
}
.ltr .show-total.first-list {
  margin-bottom: 0 !important;
}
.ltr .show-total .mat-tree-node {
  width: inherit;
}
.ltr .show-total .mat-tree-node label {
  margin-bottom: 0;
  position: relative;
  top: 5px;
}
.ltr .show-total label.border-checkbox-label {
  font-size: 16px;
  color: #000000;
}
.ltr .show-total .total-count {
  position: absolute;
  right: 50px;
  top: 4px;
}
.ltr .report-status td {
  background-color: var(--main-color);
  color: #FFFFFF;
  padding: 5px 10px !important;
}
.ltr .expandPanel .accordion-title a {
  cursor: pointer;
  position: relative;
  border-radius: 0;
  padding-left: 30px;
  font-weight: 400;
}
.ltr .expandPanel .accordion-title a.collapsed::before {
  position: absolute;
  left: 10px;
  top: 13px;
  content: "\f067" !important;
  font-family: "FontAwesome" !important;
}
.ltr .expandPanel .accordion-title a.scale_active::before {
  position: absolute;
  left: 10px;
  top: 13px;
  content: "\f068";
  font-family: "FontAwesome";
}
.ltr .btn-footer {
  text-align: right;
}
.ltr .btn-footer .btn {
  border: 1px solid var(--main-color-hover);
  color: var(--main-color-hover);
  font-size: 16px;
  border-radius: 0;
  text-transform: capitalize;
}
.ltr .btn-footer .btn:hover {
  background-color: var(--main-color-hover);
  color: #FFFFFF !important;
}
.ltr .btn-footer .btn.active {
  background-color: #FE6D52;
  color: #FFFFFF;
}
.ltr .btn-footer .btn.active:hover {
  background-color: #e0553b !important;
}
.ltr .btn-bottom {
  text-align: right;
}
.ltr .btn-bottom .btn {
  font-size: 16px;
  border-radius: 0;
  text-transform: capitalize;
}
.ltr .POS-module {
  /* Optional eye candy below: */
}
.ltr .POS-module .column2 .product {
  height: 250px;
}
.ltr .POS-module .column2 .product .productimg {
  height: 250px;
}
.ltr .POS-module .product {
  position: relative;
  height: 270px;
  margin-bottom: 10px;
  cursor: pointer;
  border: 1px solid #a7a7a7;
  transition: all linear 0.3s;
  background-color: #efefef;
}
.ltr .POS-module .product.selectedProduct .active {
  position: absolute;
  right: -1px;
  top: -1px;
  font-size: 20px;
  display: block;
  width: 23px;
  height: 23px;
  background: #000000;
}
.ltr .POS-module .product.selectedProduct .active i {
  position: absolute;
  color: #FFFFFF;
  font-size: 14px;
  padding: 4px;
}
.ltr .POS-module .product:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.ltr .POS-module .product:hover .productprice {
  background: rgba(254, 109, 82, 0.82);
}
.ltr .POS-module .product.addProduct {
  display: inline-flex;
  width: 100%;
  align-items: center;
  text-align: center;
}
.ltr .POS-module .product.addProduct:hover {
  cursor: pointer;
  background: #202022;
}
.ltr .POS-module .product.addProduct:hover i {
  background: #fe6d52;
  color: #FFFFFF;
}
.ltr .POS-module .product.addProduct i {
  margin: auto;
  font-size: 25px;
  width: 50px;
  height: 50px;
  background: #202022;
  border-radius: 100%;
  padding: 14px 0;
  color: #FFFFFF;
}
.ltr .POS-module .product .productimg {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 270px;
  background-color: #FFFFFF;
}
.ltr .POS-module .product .productprice {
  position: absolute;
  bottom: -1px;
  width: 100%;
  min-height: 35px;
  left: 0;
  background: #454853;
  padding: 8px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  color: #FFFFFF;
}
.ltr .POS-module .product .productprice .flaot-left {
  font-weight: 500;
}
.ltr .POS-module .product .active {
  display: none;
}
.ltr .POS-module .loadingIcon {
  position: absolute;
  bottom: 0;
  right: 45%;
  height: 50px;
  background-color: #FFFFFF;
}
.ltr .POS-module .product-left {
  overflow: auto;
  overflow-x: hidden;
  min-height: 580px;
  height: 58vh;
}
.ltr .POS-module .editBox {
  background-color: #efefef;
  padding-top: 10px;
}
.ltr .POS-module .editBox .cart-item__row {
  margin: 0;
  border: none;
  min-height: 50px;
  background-color: #efefef;
}
.ltr .POS-module .editBox .text {
  margin-top: 4px;
}
.ltr .POS-module .editBox .btn {
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  min-width: 130px;
  background-color: #fe6d52;
}
.ltr .POS-module .editBox .input-group .input-group-text {
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  color: #FFFFFF;
  border: none;
}
.ltr .POS-module .editBox .input-group .input-group-text label {
  margin-bottom: 0;
}
.ltr .POS-module .editBox .input-group input {
  font-size: 16px;
  color: #202020;
  border: none;
  text-align: center;
}
.ltr .POS-module .editBox .input-group input:focus {
  outline: none;
  box-shadow: none;
}
.ltr .POS-module .cart-item__row {
  padding: 3px 5px;
  min-height: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #f5f5f5;
  border-bottom: 1px solid #FFFFFF;
}
.ltr .POS-module .cart-item__row .quantity-count .quantity {
  background-color: #FFFFFF !important;
  max-width: 146px !important;
  height: 34px !important;
  border: none;
  text-align: center;
}
.ltr .POS-module .cart-item__row .quantity-count .quantity:focus {
  border: none;
  outline: none;
  box-shadow: none;
}
.ltr .POS-module .cart-item__row .quantity-count button {
  height: auto !important;
  width: 38px !important;
}
.ltr .POS-module .cart-item__row:focus {
  background: #efefef;
}
.ltr .POS-module .cart-item__row:active {
  background: #efefef;
}
.ltr .POS-module .cart-item__row:hover {
  background-color: #efefef;
}
.ltr .POS-module .cart-item__row:hover .edit-row {
  opacity: 1;
}
.ltr .POS-module .cart-item__row:hover .cart-item__name__title {
  color: #fe6d52;
}
.ltr .POS-module .cart-item__row .edit-row {
  width: 30px;
  opacity: 0;
}
.ltr .POS-module .cart-item__row input[type=text] {
  -webkit-appearance: textfield;
  appearance: textfield;
}
.ltr .POS-module .cart-item__row input[type=text]::-webkit-inner-spin-button,
.ltr .POS-module .cart-item__row input[type=text]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.ltr .POS-module .cart-item__row .number-input {
  border: 0;
  display: inline-flex;
  margin-left: -11px;
}
.ltr .POS-module .cart-item__row .number-input,
.ltr .POS-module .cart-item__row .number-input * {
  box-sizing: border-box;
}
.ltr .POS-module .cart-item__row .number-input button {
  outline: none;
  -webkit-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin: 0;
  background-color: #fe6d52;
  position: relative;
  box-shadow: 0px 0px 1px #474747;
}
.ltr .POS-module .cart-item__row .number-input button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ltr .POS-module .cart-item__row .number-input button.plus {
  background-color: #202020;
}
.ltr .POS-module .cart-item__row .number-input button:hover {
  background-color: #202020;
}
.ltr .POS-module .cart-item__row .number-input button:before,
.ltr .POS-module .cart-item__row .number-input button:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background-color: #FFFFFF;
  transform: translate(-50%, -50%);
}
.ltr .POS-module .cart-item__row .number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.ltr .POS-module .cart-item__row .number-input input[type=text] {
  font-family: sans-serif;
  max-width: 60px;
  padding: 0.5rem;
  border: none;
  border-width: 0 2px;
  font-size: 20px;
  height: 2rem;
  background-color: transparent;
  font-weight: 500;
  text-align: center;
}
.ltr .POS-module .cart-item__image {
  width: 50px;
  margin: 0 10px;
  height: auto;
  border: 1px solid #ddd;
}
.ltr .POS-module .cart-item__name__title div {
  line-height: 18px;
  width: 98%;
  font-weight: 500;
  max-width: 230px;
  word-break: break-all;
}
.ltr .POS-module .cart-item__name__title small {
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  margin-top: 5px;
  display: none;
}
.ltr .POS-module .cart-saved__name,
.ltr .POS-module .cart-item__name {
  flex: 1;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  padding-right: 2px;
}
.ltr .POS-module .quantity {
  display: flex;
  align-items: center;
}
.ltr .POS-module .yith-pos input {
  height: 35px;
  box-sizing: border-box;
  border: 1px solid var(--border-grey);
  padding: 5px 10px;
  color: #000000;
}
.ltr .POS-module .cart-item__price {
  color: #888;
  font-size: 0.9em;
  width: 35px;
  text-align: center;
  margin: 0 8px !important;
}
.ltr .POS-module .cart-item__total {
  font-size: 20px;
  width: 60px;
  text-align: right;
}
.ltr .POS-module .productlist {
  min-height: 533px;
  height: 40vh;
  overflow-x: hidden;
  overflow: auto;
  padding-left: 0;
}
.ltr .POS-module .productlist .collapse {
  position: relative;
  top: -1px;
  background: rgb(255, 255, 255);
  border-top: none;
  padding: 0;
}
.ltr .POS-module .cart-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px !important;
  padding: 5px 0;
}
.ltr .POS-module .cart-total.allTotal {
  border-top: 2px solid #ddd;
}
.ltr .POS-module .cart-total .cart-label {
  flex: 1;
  position: relative;
  font-weight: 500;
  text-align: right;
}
.ltr .POS-module .cart-total .cart-price {
  text-align: right;
  width: 80px;
  margin-right: 5px;
}
.ltr .POS-module .cart-total .cart-price.discountPrice input {
  width: 70px;
  border: none;
  text-align: right;
  position: relative;
  top: -5px;
}
.ltr .POS-module .product-search {
  position: relative;
  top: -10px;
}
.ltr .POS-module .product-search input {
  border-radius: 0px;
  height: 45px;
  padding-right: 50px;
  margin-top: 25px;
  margin-bottom: 0;
  border: 1px solid #ddd;
}
.ltr .POS-module .product-search button {
  position: absolute;
  right: 14px;
  top: 10px;
  border: none;
  background-color: transparent;
}
.ltr .POS-module .btnPlay {
  border-radius: 0;
  padding: 0;
  background-color: #F0EEEE !important;
  border-right: 3px solid #FFFFFF;
  top: 0px;
  color: #454853;
}
.ltr .POS-module .btnPlay:hover {
  background-color: #d2d2d2 !important;
}
.ltr .POS-module .customBtn .btn {
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  height: 50px;
  text-transform: capitalize;
  background-color: #fe6d52;
}
.ltr .POS-module .total-price {
  background-color: #454853;
}
.ltr .POS-module .total-price .cart-total {
  color: #FFFFFF;
}
.ltr .POS-module .total-price h5 {
  color: #FFFFFF !important;
  margin-right: 0;
}
.ltr .POS-module .mat-badge-content {
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px;
}
.ltr .POS-module .bord-top {
  border-top: 5px solid #0073aa !important;
}
.ltr .POS-module .POS-tabs {
  margin: -6px 0px;
}
.ltr .POS-module .POS-tabs li {
  padding: 0;
}
.ltr .POS-module .POS-tabs li a {
  border: none;
  background-color: rgba(69, 72, 83, 0.35);
  color: #FFFFFF;
  border-radius: 0;
  font-size: 16px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.ltr .POS-module .POS-tabs li a.active {
  background-color: #454853;
}
.ltr .POS-module .list-tree ul {
  margin-left: 15px;
}
.ltr .POS-module .list-tree ul li ul {
  margin-left: 15px;
}
.ltr .POS-module .btnDD {
  border: none;
  outline: none;
  margin-top: 1px;
  background-color: transparent;
}
.ltr .POS-module .example-tree-invisible {
  display: none;
}
.ltr .POS-module .example-tree ul,
.ltr .POS-module .example-tree li {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.ltr .POS-module .example-tree li ul li:hover {
  cursor: pointer;
}
.ltr .POS-module .details {
  font-size: 20px;
  padding-top: 5px;
  float: left;
  display: inline-flex;
}
.ltr .POS-module .details:hover {
  cursor: pointer;
}
.ltr .POS-module .actions {
  position: absolute;
  right: 0;
  top: 8px;
}
.ltr .POS-module .actions mat-icon {
  margin-right: 10px;
  cursor: pointer;
}
.ltr .POS-module .example-tree li:checked {
  background-color: gray;
  color: thistle;
}
.ltr .POS-module .mat-tree-node {
  width: 100%;
}
.ltr .POS-module .activeRow {
  background-color: #ddd;
  position: relative;
  width: 100%;
  min-height: 40px;
}
.ltr .POS-module .activeRow :hover {
  cursor: pointer;
}
.ltr .POS-module .mat-tree-node {
  display: flow-root;
  position: relative;
}
.ltr .POS-module .radio-toolbar input[type=radio] {
  width: 0;
}
.ltr .POS-module .radio-toolbar label {
  background-color: #474747;
  padding: 6px 15px;
  font-size: 16px;
  color: #FFFFFF;
}
.ltr .POS-module .radio-toolbar label:hover {
  cursor: pointer;
}
.ltr .POS-module .radio-toolbar input[type=radio]:checked + label {
  background-color: #fe6d52;
}
.ltr .POS-module .tree-margin {
  margin-left: 25px !important;
}
.ltr .POS-module .table-discount {
  width: 100%;
  margin-top: -1px;
  background: #eaeaea;
  padding-left: 66px;
  padding: 15px;
  padding-bottom: 10px !important;
  border-bottom: 9px solid #eaeaea;
}
.ltr .POS-module .table-discount thead tr {
  background: #212121;
}
.ltr .POS-module .table-discount thead tr th {
  color: #FFFFFF;
  font-weight: 500;
  padding: 5px 10px;
}
.ltr .POS-module .table-discount tbody tr td {
  padding: 5px 10px;
  background-color: #dcfee4;
  border-bottom: 1px solid #FFFFFF;
}
.ltr .POS-module .table-discount tbody tr td .btn {
  width: 30px;
  border-radius: 0;
  padding: 3px 0;
  height: 30px;
}
.ltr .POS-module .table-discount tbody tr td .btn.btn-primary {
  background-color: transparent;
  border: 1px solid #0073aa;
}
.ltr .POS-module .table-discount tbody tr td .btn.btn-primary i {
  color: #0073aa;
}
.ltr .POS-module .table-discount tbody tr td .btn i {
  margin-right: 0;
}
.ltr .POS-module .table-discount tbody tr td img {
  width: 35px;
}
.ltr .POS-module .avail-discount h5 {
  padding-top: 12px !important;
}
.ltr .POS-module .avail-discount .apply-button {
  height: 40px !important;
  background-color: #1c7430 !important;
  color: white;
}
.ltr .POS-module .avail-discount .dismiss-button {
  height: 40px !important;
  background-color: #b21f2d !important;
  color: white;
}
.ltr .POS-module .discountedOption {
  border-radius: 0;
  width: 33px;
  padding: 0;
  height: 30px;
  margin-left: 20px;
}
.ltr .POS-module .discountedOption i {
  margin-right: 0;
}
.ltr .POS-module .product-left::-webkit-scrollbar-track,
.ltr .POS-module .productlist::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.ltr .POS-module .product-left::-webkit-scrollbar,
.ltr .POS-module .productlist::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.ltr .POS-module .product-left::-webkit-scrollbar-thumb,
.ltr .POS-module .productlist::-webkit-scrollbar-thumb {
  background-color: #202020;
}
.ltr .POS-module .POS-tabs::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  height: 8px;
}
.ltr .POS-module .POS-tabs::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  background-color: #F5F5F5;
}
.ltr .POS-module .POS-tabs::-webkit-scrollbar-thumb {
  background-color: #202020;
  height: 8px;
}
.ltr .POS-module .no-product {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ltr .POS-module .no-product img {
  max-width: 300px;
}
.ltr .POS-module .loading {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.ltr .POS-module li {
  padding: 10px;
  list-style-type: none;
}
.ltr .POS-module li.customer {
  padding: 0;
}
.ltr .POS-module li.customer:hover {
  background-color: transparent;
}
.ltr .POS-module .payment-modal {
  border-radius: 0;
}
.ltr .POS-module .payment-modal .modal-header h4 {
  font-size: 20px;
}
.ltr .POS-module .payment-modal .modal-content {
  padding: 15px;
  border-radius: 0;
}
.ltr .POS-module .payment-modal .modal-content .POS-tabs {
  border: 1px solid #d3d4d4;
  border-right: 0;
  border-top: none;
  display: grid;
  grid-auto-flow: column;
  height: calc(27px + 1.5rem);
  overflow-y: hidden;
  overflow-x: auto;
}
.ltr .POS-module .payment-modal .modal-content .POS-tabs li {
  min-width: 190px;
  max-width: none;
}
.ltr .POS-module .payment-modal .modal-content .POS-tabs li a {
  border-right: 1px solid #d3d4d4;
  border-top: 1px solid #d3d4d4;
  color: #454853;
  background-color: transparent;
  border-left: 0;
}
.ltr .POS-module .payment-modal .modal-content .POS-tabs li a:hover {
  color: #FFFFFF;
  background-color: #454853;
  border-color: #454853;
}
.ltr .POS-module .payment-modal .modal-content .POS-tabs li a.active {
  background-color: #454853;
  border-color: #454853;
  color: #FFFFFF;
}
.ltr .POS-module .payment-modal .modal-content .POS-tabs .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12) !important;
}
.ltr .POS-module .payment-modal .modal-content .tab-content {
  border: 1px solid #d3d4d4;
  border-top: none;
  padding: 15px;
  padding-bottom: 0;
  min-height: 383px;
}
.ltr .POS-module .payment-modal .modal-content .tab-content.disoucnt-box {
  border: none;
  min-height: inherit;
}
.ltr .POS-module .payment-modal .modal-content .tab-content.disoucnt-box .calculator-buttons button.large {
  width: 160px;
}
.ltr .POS-module .payment-modal .modal-content .tab-content .checkout-form input {
  height: 48px;
  margin-bottom: 11px;
}
.ltr .POS-module .payment-modal .modal-content .tab-content .btn-footer {
  text-align: right;
}
.ltr .POS-module .payment-modal .modal-content .tab-content .btn-footer .btn {
  border: 1px solid #FE6D52;
  color: #FE6D52;
  font-size: 16px;
  border-radius: 0;
  text-transform: capitalize;
}
.ltr .POS-module .payment-modal .modal-content .tab-content .btn-footer .btn.active {
  background-color: #FE6D52;
  color: #FFFFFF;
}
.ltr .POS-module .payment-modal .modal-header {
  border-radius: 0;
  border: 1px solid #fe6d52;
}
.ltr .POS-module .pagination-category {
  background: #dbdbdc;
  padding: 8px 15px;
  margin-bottom: 8px;
  margin-top: -17px;
  border-radius: 0;
}
.ltr .POS-module .checkBoxCat {
  position: absolute;
  right: -7px;
  top: -3px;
}
.ltr .POS-module .checkBoxCat .border-checkbox-label {
  margin-right: 0;
}
.ltr .calculator-buttons {
  display: inline-grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  background: 0 0;
  padding: 0;
}
.ltr .calculator-buttons button {
  padding: 5px;
  text-align: center;
  border-top: 1px solid #d7d7d7 !important;
  border-right: 1px solid #d7d7d7 !important;
  margin: 0;
  width: 100%;
  border: none;
  font-size: 23px;
  height: 70px;
  cursor: pointer;
}
.ltr .calculator-buttons button:focus {
  outline: none;
  box-shadow: none;
  box-shadow: inset 0 0 24px #b5b4b4;
}
.ltr .calculator-buttons button:hover {
  outline: none;
  box-shadow: none;
  box-shadow: inset 0 0 24px #b5b4b4;
}
.ltr .calculator-buttons button:active {
  outline: none;
  box-shadow: none;
  box-shadow: inset 0 0 24px #b5b4b4;
}
.ltr .calculator-buttons button.large {
  width: 215px;
  font-weight: 500;
  border-radius: 0;
}
.ltr .calculator-buttons button.submit-button {
  background-color: #fe6d52;
  color: #FFFFFF;
}
.ltr .calculator-buttons button.submit-button:hover {
  box-shadow: none;
}
.ltr .calculator-buttons button.submit-button:focus {
  box-shadow: none;
}
.ltr .calculator-buttons button.undo:hover {
  box-shadow: none;
}
.ltr .calculator-buttons button.undo:focus {
  box-shadow: none;
}
.ltr .payment-totals {
  background-color: #efefef;
  border-bottom: 1px solid #d7d7d7;
}
.ltr .payment-totals .total {
  border: 1px solid #d7d7d7;
  border-bottom: none;
  padding: 9px 10px 10px 10px;
  text-align: right;
}
.ltr .payment-totals .total span.label {
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  margin-right: 0 !important;
  padding: 0;
  color: #202020 !important;
}
.ltr .payment-totals .total span.amount {
  color: #220022;
  font-size: 18px;
  font-weight: 800;
}
@media only screen and (max-width: 1950px) {
  .ltr .product {
    position: relative;
    height: 200px !important;
  }
  .ltr .product .productimg {
    height: 200px !important;
  }
}
@media only screen and (max-width: 1700px) and (min-width: 1208px) {
  .ltr .POS-module .product-left .col-xl-4 {
    flex: 0 0 49.333333%;
    max-width: 49.333333%;
  }
  .ltr .no-product img {
    max-width: 250px;
  }
}
.ltr .scan-Barcode {
  position: relative;
}
.ltr .scan-Barcode button {
  padding: 0 !important;
  position: absolute;
  right: 10px;
  top: 20px;
  background: transparent !important;
}
.ltr .scan-Barcode button img {
  height: 26px;
}
.ltr .FeaturesModal .modal-body h1 {
  font-size: 28px;
  font-weight: 500;
  margin: 20px 0;
  color: #cc553e;
  text-transform: capitalize;
}
.ltr .FeaturesModal .modal-body ul {
  list-style: disc;
  margin: 0 0 30px 20px;
}
.ltr .FeaturesModal .modal-body ul li {
  font-size: 16px;
  margin: 5px 0;
}
@media screen and (max-width: 1600px) {
  .ltr .dasbboard_Wrap .crmDashboard .innerBox {
    padding: 25px 15px;
  }
  .ltr .dasbboard_Wrap .crmDashboard .innerBox img {
    width: 100%;
  }
  .ltr .dasbboard_Wrap .crmDashboard .lead-count-box P {
    font-size: 20px !important;
    margin: 10px 0 10px 0px;
    line-height: 25px;
  }
  .ltr .dasbboard_Wrap .crmDashboard .lead-count-box .col-sm-12 {
    padding-left: 15px !important;
  }
  .ltr .customTabelStyle tr td .mat-form-field-infix {
    width: 120px !important;
  }
  .ltr .grid-module .col-md-2 {
    flex: 0 0 20.5%;
    max-width: 20%;
  }
}
@media only screen and (max-width: 1360px) {
  .ltr .grid-module .col-md-2 {
    flex: 0 0 20.5%;
    max-width: 20%;
  }
}
@media screen and (max-width: 1200px) {
  .ltr .login-container {
    background-size: 100%;
    min-height: inherit;
    background-repeat: repeat;
    padding-bottom: 20px;
  }
  .ltr .login-container .login-content {
    padding: 0;
  }
  .ltr .login-container .login-content .login-form {
    margin: auto;
    width: 96%;
  }
  .ltr .login-container .login-content .login-content-inner {
    padding: 0 10px 0 10px;
  }
  .ltr .login-content-right {
    padding: 20px;
  }
  .ltr .header-navbar .navbar-wrapper .navbar-logo .mobile-search {
    display: none;
  }
  .ltr .header-navbar .navbar-wrapper .navbar-logo .mobile-options {
    display: none;
  }
  .ltr .table-responsive {
    overflow-x: auto !important;
  }
  .ltr .CustomStyleTheme .row .col-md-2 {
    flex: 0 0 33.666667%;
    max-width: 33%;
  }
}
@media only screen and (max-width: 1000px) {
  .ltr .POS-module .product {
    height: 250px;
  }
  .ltr .POS-module .product .productimg {
    height: 250px;
  }
}
@media only screen and (max-width: 992px) {
  .ltr .navbar-container .nav-right {
    top: 18px;
  }
  .ltr .header-navbar .navbar-container .nav-left,
  .ltr .header-navbar .navbar-wrapper .navbar-container .nav-right {
    display: block;
  }
  .ltr .sidebar-toggler {
    position: absolute;
    right: 18px;
    top: -20px;
  }
  .ltr .header-navbar .navbar-wrapper .navbar-logo .mobile-menu {
    top: 9px;
    left: 12px;
  }
  .ltr .header-navbar .navbar-wrapper .navbar-logo {
    padding-top: 5px !important;
  }
  .ltr .header-navbar .navbar-wrapper .navbar-container .nav-left li,
  .ltr .header-navbar .navbar-wrapper .navbar-container .nav-right li {
    line-height: inherit;
    padding-bottom: 10px;
  }
  .ltr .header-navbar .navbar-wrapper .navbar-container .nav-left a,
  .ltr .header-navbar .navbar-wrapper .navbar-container .nav-right a {
    padding: 0.5rem 0.4rem;
  }
  .ltr .icon-pointer-achor {
    position: relative;
    top: -9px;
  }
  .ltr .grid-module .col-md-2 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .ltr .btnslideBar {
    display: none;
  }
  .ltr .modules-tabs {
    z-index: 100;
    right: 15px;
  }
  .ltr .modules-tabs li a {
    padding: 5px 8px;
  }
  .ltr .modules-tabs li a img {
    width: 20px;
  }
}
@media screen and (max-width: 850px) {
  .ltr .login-logo.login-6 {
    width: 170px;
    margin-bottom: 0;
  }
  .ltr .icon-pointer-achor {
    display: none !important;
  }
  .ltr .loginWrap {
    margin: 0;
  }
  .ltr .loginWrap .user-bs-reset {
    padding-right: 0;
    padding-left: 0;
    min-height: inherit;
  }
  .ltr .login-container {
    background-size: 100%;
    min-height: inherit;
    padding-bottom: 20px;
  }
  .ltr .login-container .login-content {
    padding: 0;
    min-height: inherit;
    position: relative;
    top: inherit;
    left: inherit;
    transform: inherit;
  }
  .ltr .login-container .login-content .login-form {
    margin: auto;
    width: 96%;
  }
  .ltr .login-container .login-content .login-content-inner {
    padding: 0 10px 0 10px;
  }
  .ltr .login-content-right {
    padding: 20px;
    width: 100%;
    min-height: inherit;
    position: inherit;
    top: inherit;
  }
  .ltr .login-content-right h1 {
    font-size: 22px;
  }
  .ltr .login-content-right ul li {
    padding-bottom: 15px;
    margin-top: 0;
    font-size: 15px;
  }
  .ltr .login-content-right ul li::before {
    height: 18vh;
    display: none;
  }
  .ltr .video-player {
    position: inherit;
    height: 250px;
  }
  .ltr .internationalization {
    width: 35%;
    position: inherit;
  }
  .ltr .content-panel {
    position: relative;
    top: inherit;
    left: inherit;
    transform: inherit;
  }
  .ltr .content-panel h1 {
    padding: 30px 0;
  }
  .ltr .login-heading {
    font-size: 25px;
  }
  .ltr .TabsCustom {
    display: inline-block;
    width: 100%;
  }
  .ltr .TabsCustom.dashboard-tabs li {
    width: 48.6%;
  }
  .ltr .TabsCustom li {
    width: 50%;
    display: inline-block;
  }
  .ltr .TabsCustom li a {
    padding: 12px 2px;
    text-align: left;
    border-radius: 0;
  }
  .ltr .TabsCustom li a.active {
    margin-bottom: 0;
  }
  .ltr .TabsCustom li a i {
    text-align: center;
  }
  .ltr .lng-dropdown {
    display: block;
    padding: 0 5px !important;
  }
  .ltr .main-body .page-wrapper {
    padding: 1.8rem 1rem 0 1rem;
  }
  .ltr .md-tabs li {
    width: 33%;
    display: inline-block;
    border-bottom: none !important;
  }
  .ltr .md-tabs li a {
    padding: 10px 0 !important;
  }
  .ltr .md-tabs li a.active {
    box-shadow: none !important;
    border: 1px solid var(--main-color) !important;
    color: var(--main-color) !important;
  }
  .ltr .innerWrap {
    margin-top: 80px;
  }
  .ltr .innerWrap .selector {
    width: 90px;
    height: 90px;
    left: 59%;
    top: 63%;
  }
  .ltr .innerWrap .selector button {
    padding: 0;
  }
  .ltr .innerWrap .selector.open li input + label {
    width: 40px;
    height: 40px;
    margin-left: 0;
  }
  .ltr .innerWrap .selector.open li input + label div.text {
    position: absolute;
    top: 0px;
    line-height: 8px;
    padding: 0 10px;
    font-size: 8px;
    line-height: 8px;
    height: 40px;
    display: inline-flex;
    /* width: 42px; */
    justify-content: center;
    left: 0;
    align-items: center;
    display: none;
  }
  .ltr .innerWrap .selector.open li input + label img {
    width: 20px;
    position: relative;
    top: -10px;
  }
  .ltr .innerWrap .selector ul {
    margin: -142%;
  }
  .ltr .nav-tabs .slide {
    display: none;
  }
  .ltr .grid-module .col-md-2 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ltr .CustomStyleTheme .row .col-md-2 {
    flex: 0 0 50.666667%;
    max-width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .ltr .dasbboard_Wrap .btnStyle {
    width: 98%;
  }
  .ltr .dasbboard_Wrap .btnStyle .btn {
    width: 33.33%;
    text-align: center;
  }
  .ltr .showMobile {
    display: block;
    opacity: 1;
  }
  .ltr .hideMobile {
    display: none;
  }
  .ltr .top-head-dropdown .dropdown-menu {
    width: 300px !important;
    right: -115px;
  }
  .ltr .calculator-buttons {
    margin-left: 15px;
  }
  .ltr .calculator-buttons button {
    font-size: 18px;
    height: 45px;
  }
  .ltr .calculator-buttons button.large {
    width: 85px;
  }
  .ltr .payment-totals .total {
    width: 50%;
    display: inline-block;
  }
  .ltr .table-responsive table {
    width: 1200px;
  }
  .ltr .table-M {
    width: 1200px;
  }
  .ltr .CustomStyleTheme .titleBox {
    margin: 5px 15px 0 11px;
  }
  .ltr .CustomStyleTheme .titleBox table tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .ltr .CustomStyleTheme .titleBox table tr td {
    padding: 3px;
    font-size: 13px;
    border: none;
  }
  .ltr .CustomStyleTheme .titleBox table tr td:first-child {
    font-weight: 500;
    width: 50% !important;
  }
  .ltr .CustomStyleTheme .titleBox .btn {
    width: 50px;
    padding: 6px 10px !important;
  }
  .ltr .CustomStyleTheme .titleBox .btn i {
    margin-right: 0;
  }
  .ltr .CustomStyleTheme .search-top .col-sm-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ltr .CustomStyleTheme .search-top .btn {
    margin-bottom: 10px;
  }
  .ltr .CustomStyleTheme .search-top .offset-sm-2 {
    margin-left: 0 !important;
  }
  .ltr .CustomStyleTheme .tab-content {
    overflow-x: hidden;
  }
  .ltr .CustomStyleTheme .tab-content .tab-pane {
    padding: 0px 0px 11px 5px !important;
    border-bottom: 10px solid #FFFFFF;
  }
  .ltr .CustomStyleTheme .row .col-md-2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .ltr .POS-module h3 {
    margin-bottom: 20px !important;
  }
  .ltr .POS-module .product {
    height: 250px;
  }
  .ltr .POS-module .product .productimg {
    height: 250px;
  }
  .ltr .POS-module .product-left {
    height: inherit;
  }
  .ltr .POS-module .btnPlay {
    position: relative;
  }
  .ltr .POS-module .productlist {
    height: inherit;
    min-height: 400px;
  }
  .ltr .POS-module .customBtn .btn {
    width: 48.5%;
    float: left;
    padding-left: 0;
    padding-right: 0;
  }
  .ltr .POS-module .customBtn .btnPlay {
    right: 0;
    top: 0;
  }
  .ltr .POS-module .no-product img {
    max-width: 250px;
  }
  .ltr .header-navbar .navbar-wrapper .navbar-container .header-notification .badge,
  .ltr .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .badge {
    left: 10px !important;
    position: absolute;
    top: -6px !important;
  }
  .ltr .report-filters {
    background-color: var(--main-color) !important;
  }
  .ltr .report-filter-section {
    background-color: #FFFFFF;
  }
  .ltr .report-filter-section h4 {
    background-color: var(--main-color);
    padding-bottom: 6px;
    font-size: 16px;
  }
  .ltr #filter-option {
    position: relative;
    top: 10px;
  }
  .ltr .dasbboard_Wrap .resultBox .card-header h5 {
    font-size: 14px !important;
  }
  .ltr .dasbboard_Wrap .crmDashboard .innerBox .lead-count-box img {
    height: 50px;
  }
  .ltr .dasbboard_Wrap .crmDashboard .innerBox .lead-count-box h2 {
    margin-bottom: 0;
  }
  .ltr .dasboarddrpdwn {
    position: relative !important;
    top: 0 !important;
  }
  .ltr .dasboarddrpdwn .customLabel {
    color: #000000 !important;
  }
  .ltr .dasboarddrpdwn .selected-list .c-btn {
    color: #000000 !important;
    border-bottom: 2px solid #000000 !important;
  }
  .ltr .dasboarddrpdwn .selected-list .c-btn span svg {
    color: #000000 !important;
    fill: #000000 !important;
  }
  .ltr .btn {
    padding: 5px 10px !important;
    text-transform: capitalize;
    font-size: 13px !important;
  }
  .ltr .main-body .page-wrapper .page-header-breadcrumb {
    display: none;
  }
  .ltr .header-navbar .navbar-wrapper .navbar-container .nav-left li,
  .ltr .header-navbar .navbar-wrapper .navbar-container .nav-right li {
    padding-left: 0;
    padding-right: 0;
  }
  .ltr h3 {
    font-size: 20px;
  }
  .ltr .table-view-row-filter .mat-form-field {
    width: 100px !important;
  }
  .ltr .m-l-10 {
    margin-left: 0;
  }
  .ltr .grid-module .flip-card {
    height: 125px;
  }
  .ltr .grid-module li label {
    padding-top: 5px;
    height: 125px;
  }
  .ltr .grid-module li label .text {
    font-size: 13px !important;
  }
  .ltr .grid-module li label img {
    width: 40px;
    margin-bottom: 0;
  }
  .ltr .list-module li label {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .ltr .list-module li label div.text {
    left: 55px;
    font-size: 15px;
  }
  .ltr .list-module li label img {
    width: 30px;
  }
  .ltr .header-navbar .navbar-wrapper .navbar-logo .mobile-menu {
    top: 15px !important;
  }
  .ltr .navbar-logo img {
    top: -2px;
  }
  .ltr .dasbboard_Wrap .crmDashboard {
    padding: 15px;
  }
  .ltr .dasbboard_Wrap .innerBox img {
    margin-bottom: 15px;
  }
  .ltr .dasbboard_Wrap .lead-count-box .col-sm-3,
  .ltr .dasbboard_Wrap .lead-count-box .col-sm-9 {
    flex: 0 0 100%;
    padding-right: 15px !important;
    padding-left: 15px !important;
    max-width: 100%;
  }
  .ltr .dasbboard_Wrap .lead-count-box .col-sm-3 .text-left,
  .ltr .dasbboard_Wrap .lead-count-box .col-sm-3 .text-right,
  .ltr .dasbboard_Wrap .lead-count-box .col-sm-9 .text-left,
  .ltr .dasbboard_Wrap .lead-count-box .col-sm-9 .text-right {
    text-align: center !important;
  }
  .ltr .dasbboard_Wrap .resultBox .card-header {
    padding: 5px 10px 5px 15px;
  }
  .ltr .dasbboard_Wrap .table-style tr th:first-child {
    padding-left: 10px !important;
  }
  .ltr #colOne .datatable-header .datatable-header-inner .datatable-header-cell:first-child {
    width: 200px !important;
  }
  .ltr .colBox .ngx-datatable.material {
    width: 1600px !important;
  }
  .ltr .ngx-datatable.material {
    width: 1300px !important;
  }
  .ltr .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
    width: 200px !important;
  }
  .ltr .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
    width: 200px !important;
  }
  .ltr .POS-tabs {
    margin: 0 0 20px 0;
  }
  .ltr .POS-tabs li a {
    font-size: 14px !important;
    padding-top: 5px !important;
    padding-bottom: 6px !important;
    height: 53px !important;
  }
  .ltr .POS-tabs li a i {
    display: block;
    width: 100%;
  }
  .ltr .panelRight {
    top: 88px;
  }
  .ltr .POS-module .productlist .collapse {
    position: initial !important;
  }
  .ltr .POS-module .productlist .col-md-11 {
    padding: 0;
  }
  .ltr .POS-module .productlist .col-md-1 .fa-commenting-o {
    font-size: 20px !important;
    position: absolute;
    right: 0;
    bottom: 53px;
    z-index: 100;
  }
  .ltr .POS-module .cart-item__row {
    padding: 7px 0 !important;
    display: inherit !important;
    float: left;
    width: 100%;
  }
  .ltr .POS-module .cart-item__row .cart-item__price {
    width: 63px;
    float: left;
  }
  .ltr .POS-module .cart-item__row .cart-item__image {
    float: left !important;
  }
  .ltr .POS-module .cart-item__row .cart-item__name {
    float: left !important;
    font-size: 16px !important;
    width: 70% !important;
  }
  .ltr .POS-module .cart-item__row .cart-item__name small {
    font-size: 13px !important;
  }
  .ltr .POS-module .cart-item__row .cart-item__total {
    float: left;
  }
  .ltr .POS-module .cart-item__row .cart-item__remove {
    right: 3px;
    position: absolute;
    top: -2px;
    z-index: 100;
  }
  .ltr .POS-module .cart-item__row .cart-item__remove i {
    font-size: 18px;
  }
  .ltr .POS-module .editBox .text {
    text-align: center !important;
  }
  .ltr .POS-module .editBox .quantity-count {
    margin-left: 13px !important;
  }
  .ltr .POS-module .editBox .radio-toolbar {
    width: 77%;
    margin-left: -13px;
    margin: auto;
    position: relative;
    left: -5px;
  }
  .ltr .POS-module .editBox .cart-item__row {
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
  }
  .ltr .POS-module .editBox .cart-item__row .quantity-count .quantity {
    min-width: inherit;
  }
  .ltr .POS-module .product {
    height: 150px !important;
  }
  .ltr .POS-module .product .productimg {
    height: 100px !important;
  }
  .ltr .POS-module .product .productprice {
    padding: 5px !important;
    font-size: 12px !important;
  }
  .ltr .POS-module .cart-total {
    font-size: 14px !important;
  }
  .ltr .POS-module .customBtn {
    width: 50%;
  }
  .ltr .POS-module .customBtn .btn {
    font-size: 14px !important;
    height: 43px !important;
    min-width: 100% !important;
  }
  .ltr .btn-status .btn {
    padding: 5px 10px;
    min-width: 120px;
    min-height: inherit;
    font-size: 14px !important;
  }
  .ltr .sidebar-toggler {
    position: absolute;
    right: 15px;
    top: -25px;
    font-size: 14px;
  }
  .ltr .fc-toolbar .fc-left {
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
  }
  .ltr .fc-toolbar .fc-right,
  .ltr .fc-center {
    width: 100%;
    text-align: left;
  }
  .ltr .pcoded-inner-content {
    padding: 10px 0;
  }
  .ltr .features-box {
    max-width: 100%;
    padding: 20px 0;
    background-color: #FFFFFF;
  }
  .ltr .icon-pointer-achor {
    display: none;
  }
  .ltr .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification,
  .ltr .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification,
  .ltr .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
  .ltr .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
    min-width: 160px;
    margin-top: 10px;
  }
  .ltr .show-notification li {
    padding: 5px !important;
  }
  .ltr .fc-scroller {
    height: 450px !important;
  }
  .ltr .innerWrap .selector button .text {
    font-size: 10px;
    line-height: 11px;
    width: 100%;
    padding: 0;
  }
  .ltr .innerWrap .selector button img.img-60 {
    height: 25px !important;
  }
  .ltr .navbar-logo img {
    width: 90px !important;
  }
}
.ltr .drpDown.D-250 .selected-list {
  width: 320px !important;
}
.ltr .drpDown .selected-list {
  width: 200px !important;
}
.ltr .custom-table thead th {
  padding: 10px 5px;
  background-color: #202020;
  color: #FFFFFF;
  font-weight: 500;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/angular2-multiselect-dropdown/themes/default.theme.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.mat-toolbar {
  background: #ffffff; }

.c-btn {
  background: #fff;
  border: 1px solid #ccc;
  color: #333; }

.selected-list .c-list .c-token {
  background: #0079FE; }
  .selected-list .c-list .c-token .c-label {
    color: #fff; }
  .selected-list .c-list .c-token .c-remove svg {
    fill: #fff; }

.selected-list .c-angle-down svg, .selected-list .c-angle-up svg {
  fill: #333; }

.dropdown-list ul li:hover {
  background: #f5f5f5; }

.arrow-up, .arrow-down {
  border-bottom: 15px solid #fff; }

.arrow-2 {
  border-bottom: 15px solid #ccc; }

.list-area {
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0px 1px 5px #959595; }

.select-all {
  border-bottom: 1px solid #ccc; }

.list-filter {
  border-bottom: 1px solid #ccc; }
  .list-filter .c-search svg {
    fill: #888; }
  .list-filter .c-clear svg {
    fill: #888; }

.pure-checkbox input[type="checkbox"]:focus + label:before, .pure-checkbox input[type="checkbox"]:hover + label:before {
  border-color: #0079FE;
  background-color: #f2f2f2; }

.pure-checkbox input[type="checkbox"] + label {
  color: #000; }

.pure-checkbox input[type="checkbox"] + label:before {
  color: #0079FE;
  border: 1px solid #0079FE; }

.pure-checkbox input[type="checkbox"] + label:after {
  background-color: #0079FE; }

.pure-checkbox input[type="checkbox"]:disabled + label:before {
  border-color: #cccccc; }

.pure-checkbox input[type="checkbox"]:disabled:checked + label:before {
  background-color: #cccccc; }

.pure-checkbox input[type="checkbox"] + label:after {
  border-color: #ffffff; }

.pure-checkbox input[type="radio"]:checked + label:before {
  background-color: white; }

.pure-checkbox input[type="checkbox"]:checked + label:before {
  background: #0079FE; }

.single-select-mode .pure-checkbox input[type="checkbox"]:focus + label:before, .single-select-mode .pure-checkbox input[type="checkbox"]:hover + label:before {
  border-color: #0079FE;
  background-color: #f2f2f2; }

.single-select-mode .pure-checkbox input[type="checkbox"] + label {
  color: #000; }

.single-select-mode .pure-checkbox input[type="checkbox"] + label:before {
  color: transparent !important;
  border: 0px solid #0079FE; }

.single-select-mode .pure-checkbox input[type="checkbox"] + label:after {
  background-color: transparent !important; }

.single-select-mode .pure-checkbox input[type="checkbox"]:disabled + label:before {
  border-color: #cccccc; }

.single-select-mode .pure-checkbox input[type="checkbox"]:disabled:checked + label:before {
  background-color: #cccccc; }

.single-select-mode .pure-checkbox input[type="checkbox"] + label:after {
  border-color: #0079FE; }

.single-select-mode .pure-checkbox input[type="radio"]:checked + label:before {
  background-color: white; }

.single-select-mode .pure-checkbox input[type="checkbox"]:checked + label:before {
  background: none !important; }

.selected-item {
  background: #e9f4ff; }

.btn-iceblue {
  background: #0079FE;
  border: 1px solid #ccc;
  color: #fff; }

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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]!./src/assets/css/loader.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************/
/**
* /..Loader
*/

.lds-ring {
    display: inline-block;
    width: 64px;
    height: 64px;
    position: absolute;
    left: calc(50% - 32px);
    top: calc(50% - 32px);
    z-index: 1000;
}

.blockPage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000000;
    background: #fcfcfcc2;
}

.blockPage .Lds-ring {
    position: relative !important;
    margin-left: calc(50% - 32px);
    top: calc(50% - 32px);
    z-index: 1000;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #81663b;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #81663b transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.panel-overlay-wrap {
    position: relative;
}

.panel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(210, 200, 184, 0.9);
    text-align: center;
    z-index: 795;
}

.panel-overlay:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 1px;
    vertical-align: middle;
    margin-left: -5px;
}

.panel-overlay-title {
    margin: 10px 0 5px;
}

.panel-overlay-icon {
    display: inline-block;
    vertical-align: middle;
}

.panel-overlay-content {
    display: inline-block;
    vertical-align: middle;
}

.panel-overlay-icon i, .text-success {
    color: #81663b!important;
}

/**
* /..Loader
*/
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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]!./src/assets/plugins/summer-note/summernote.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/*!
 * 
 * Super simple wysiwyg editor v0.8.16
 * https://summernote.org
 * 
 * 
 * Copyright 2013- Alan Hong. and other contributors
 * summernote may be freely distributed under the MIT license.
 * 
 * Date: 2020-02-19T09:12Z
 * 
 */
 @font-face {
    font-family: "summernote";
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url('summernote.bcbb68571fa825c7.eot');
    src: url('summernote.bcbb68571fa825c7.eot?#iefix') format("embedded-opentype"), url('summernote.227d8b4cb14dd102.woff2') format("woff2"), url('summernote.56a3830a3fb35781.woff') format("woff"), url('summernote.924c9ac2a52e76eb.ttf') format("truetype");}
  
  
  [class^="note-icon"]:before,
  [class*=" note-icon"]:before {
    display: inline-block;
    font-family: summernote;
    font-style: normal;
    font-size: inherit;
    text-decoration: inherit;
    text-rendering: auto;
    text-transform: none;
    vertical-align: middle;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
  }
  
  
  .note-icon-fw {
    text-align: center;
    width: 1.25em;
  }
  
  .note-icon-border {
    border: solid 0.08em #eee;
    border-radius: 0.1em;
    padding: 0.2em 0.25em 0.15em;
  }
  
  .note-icon-pull-left {
    float: left;
  }
  
  .note-icon-pull-right {
    float: right;
  }
  
  .note-icon.note-icon-pull-left {
    margin-right: 0.3em;
  }
  
  .note-icon.note-icon-pull-right {
    margin-left: 0.3em;
  }
  
  
  .note-icon-align::before {
    content: "\ea01";
  }
  
  .note-icon-align-center::before {
    content: "\ea02";
  }
  
  .note-icon-align-indent::before {
    content: "\ea03";
  }
  
  .note-icon-align-justify::before {
    content: "\ea04";
  }
  
  .note-icon-align-left::before {
    content: "\ea05";
  }
  
  .note-icon-align-outdent::before {
    content: "\ea06";
  }
  
  .note-icon-align-right::before {
    content: "\ea07";
  }
  
  .note-icon-arrow-circle-down::before {
    content: "\ea08";
  }
  
  .note-icon-arrow-circle-left::before {
    content: "\ea09";
  }
  
  .note-icon-arrow-circle-right::before {
    content: "\ea0a";
  }
  
  .note-icon-arrow-circle-up::before {
    content: "\ea0b";
  }
  
  .note-icon-arrows-alt::before {
    content: "\ea0c";
  }
  
  .note-icon-arrows-h::before {
    content: "\ea0d";
  }
  
  .note-icon-arrows-v::before {
    content: "\ea0e";
  }
  
  .note-icon-bold::before {
    content: "\ea0f";
  }
  
  .note-icon-caret::before {
    content: "\ea10";
  }
  
  .note-icon-chain-broken::before {
    content: "\ea11";
  }
  
  .note-icon-circle::before {
    content: "\ea12";
  }
  
  .note-icon-close::before {
    content: "\ea13";
  }
  
  .note-icon-code::before {
    content: "\ea14";
  }
  
  .note-icon-col-after::before {
    content: "\ea15";
  }
  
  .note-icon-col-before::before {
    content: "\ea16";
  }
  
  .note-icon-col-remove::before {
    content: "\ea17";
  }
  
  .note-icon-eraser::before {
    content: "\ea18";
  }
  
  .note-icon-float-left::before {
    content: "\ea19";
  }
  
  .note-icon-float-none::before {
    content: "\ea1a";
  }
  
  .note-icon-float-right::before {
    content: "\ea1b";
  }
  
  .note-icon-font::before {
    content: "\ea1c";
  }
  
  .note-icon-frame::before {
    content: "\ea1d";
  }
  
  .note-icon-italic::before {
    content: "\ea1e";
  }
  
  .note-icon-link::before {
    content: "\ea1f";
  }
  
  .note-icon-magic::before {
    content: "\ea20";
  }
  
  .note-icon-menu-check::before {
    content: "\ea21";
  }
  
  .note-icon-minus::before {
    content: "\ea22";
  }
  
  .note-icon-orderedlist::before {
    content: "\ea23";
  }
  
  .note-icon-pencil::before {
    content: "\ea24";
  }
  
  .note-icon-picture::before {
    content: "\ea25";
  }
  
  .note-icon-question::before {
    content: "\ea26";
  }
  
  .note-icon-redo::before {
    content: "\ea27";
  }
  
  .note-icon-rollback::before {
    content: "\ea28";
  }
  
  .note-icon-row-above::before {
    content: "\ea29";
  }
  
  .note-icon-row-below::before {
    content: "\ea2a";
  }
  
  .note-icon-row-remove::before {
    content: "\ea2b";
  }
  
  .note-icon-special-character::before {
    content: "\ea2c";
  }
  
  .note-icon-square::before {
    content: "\ea2d";
  }
  
  .note-icon-strikethrough::before {
    content: "\ea2e";
  }
  
  .note-icon-subscript::before {
    content: "\ea2f";
  }
  
  .note-icon-summernote::before {
    content: "\ea30";
  }
  
  .note-icon-superscript::before {
    content: "\ea31";
  }
  
  .note-icon-table::before {
    content: "\ea32";
  }
  
  .note-icon-text-height::before {
    content: "\ea33";
  }
  
  .note-icon-trash::before {
    content: "\ea34";
  }
  
  .note-icon-underline::before {
    content: "\ea35";
  }
  
  .note-icon-undo::before {
    content: "\ea36";
  }
  
  .note-icon-unorderedlist::before {
    content: "\ea37";
  }
  
  .note-icon-video::before {
    content: "\ea38";
  }
  
  
  .note-editor{position:relative}.note-editor .note-dropzone{position:absolute;display:none;z-index:100;color:#87cefa;background-color:#fff;opacity:.95}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;vertical-align:middle;text-align:center;font-size:28px;font-weight:700}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area .note-editable{outline:none}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor .note-editing-area .note-editable img.note-float-left{margin-right:10px}.note-editor .note-editing-area .note-editable img.note-float-right{margin-left:10px}.note-editor.note-frame,.note-editor.note-airframe{border:1px solid #a9a9a9}.note-editor.note-frame.codeview .note-editing-area .note-editable,.note-editor.note-airframe.codeview .note-editing-area .note-editable{display:none}.note-editor.note-frame.codeview .note-editing-area .note-codable,.note-editor.note-airframe.codeview .note-editing-area .note-codable{display:block}.note-editor.note-frame .note-editing-area,.note-editor.note-airframe .note-editing-area{overflow:hidden}.note-editor.note-frame .note-editing-area .note-editable,.note-editor.note-airframe .note-editing-area .note-editable{background-color:#fff;color:#000;padding:10px;overflow:auto;word-wrap:break-word}.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false],.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false]{background-color:#e5e5e5}.note-editor.note-frame .note-editing-area .note-codable,.note-editor.note-airframe .note-editing-area .note-codable{display:none;width:100%;padding:10px;border:none;box-shadow:none;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;color:#ccc;background-color:#222;resize:none;outline:none;-ms-box-sizing:border-box;box-sizing:border-box;border-radius:0;margin-bottom:0}.note-editor.note-frame.fullscreen,.note-editor.note-airframe.fullscreen{position:fixed;top:0;left:0;width:100% !important;z-index:1050}.note-editor.note-frame.fullscreen .note-editable,.note-editor.note-airframe.fullscreen .note-editable{background-color:#fff}.note-editor.note-frame.fullscreen .note-resizebar,.note-editor.note-airframe.fullscreen .note-resizebar{display:none}.note-editor.note-frame .note-status-output,.note-editor.note-airframe .note-status-output{display:block;width:100%;font-size:14px;line-height:1.42857143;height:20px;margin-bottom:0;color:#000;border:0;border-top:1px solid #e2e2e2}.note-editor.note-frame .note-status-output:empty,.note-editor.note-airframe .note-status-output:empty{height:0;border-top:0 solid transparent}.note-editor.note-frame .note-status-output .pull-right,.note-editor.note-airframe .note-status-output .pull-right{float:right !important}.note-editor.note-frame .note-status-output .text-muted,.note-editor.note-airframe .note-status-output .text-muted{color:#777}.note-editor.note-frame .note-status-output .text-primary,.note-editor.note-airframe .note-status-output .text-primary{color:#286090}.note-editor.note-frame .note-status-output .text-success,.note-editor.note-airframe .note-status-output .text-success{color:#3c763d}.note-editor.note-frame .note-status-output .text-info,.note-editor.note-airframe .note-status-output .text-info{color:#31708f}.note-editor.note-frame .note-status-output .text-warning,.note-editor.note-airframe .note-status-output .text-warning{color:#8a6d3b}.note-editor.note-frame .note-status-output .text-danger,.note-editor.note-airframe .note-status-output .text-danger{color:#a94442}.note-editor.note-frame .note-status-output .alert,.note-editor.note-airframe .note-status-output .alert{margin:-7px 0 0 0;padding:7px 10px 2px 10px;border-radius:0;color:#000;background-color:#f5f5f5}.note-editor.note-frame .note-status-output .alert .note-icon,.note-editor.note-airframe .note-status-output .alert .note-icon{margin-right:5px}.note-editor.note-frame .note-status-output .alert-success,.note-editor.note-airframe .note-status-output .alert-success{color:#3c763d !important;background-color:#dff0d8 !important}.note-editor.note-frame .note-status-output .alert-info,.note-editor.note-airframe .note-status-output .alert-info{color:#31708f !important;background-color:#d9edf7 !important}.note-editor.note-frame .note-status-output .alert-warning,.note-editor.note-airframe .note-status-output .alert-warning{color:#8a6d3b !important;background-color:#fcf8e3 !important}.note-editor.note-frame .note-status-output .alert-danger,.note-editor.note-airframe .note-status-output .alert-danger{color:#a94442 !important;background-color:#f2dede !important}.note-editor.note-frame .note-statusbar,.note-editor.note-airframe .note-statusbar{background-color:#f5f5f5;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ddd}.note-editor.note-frame .note-statusbar .note-resizebar,.note-editor.note-airframe .note-statusbar .note-resizebar{padding-top:1px;height:9px;width:100%;cursor:ns-resize}.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar,.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar{width:20px;margin:1px auto;border-top:1px solid #a9a9a9}.note-editor.note-frame .note-statusbar.locked .note-resizebar,.note-editor.note-airframe .note-statusbar.locked .note-resizebar{cursor:default}.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar,.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar{display:none}.note-editor.note-frame .note-placeholder,.note-editor.note-airframe .note-placeholder{padding:10px}.note-editor.note-airframe{border:0}.note-editor.note-airframe .note-editing-area .note-editable{padding:0}.note-popover.popover{display:none;max-width:none}.note-popover.popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.note-popover.popover .arrow{left:20px !important}.note-toolbar{position:relative}.note-popover .popover-content,.note-toolbar{margin:0;padding:0 0 5px 5px}.note-popover .popover-content>.note-btn-group,.note-toolbar>.note-btn-group{margin-top:5px;margin-left:0;margin-right:5px}.note-popover .popover-content .note-btn-group .note-table,.note-toolbar .note-btn-group .note-table{min-width:0;padding:5px}.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker,.note-toolbar .note-btn-group .note-table .note-dimension-picker{font-size:18px}.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{position:absolute !important;z-index:3;width:10em;height:10em;cursor:pointer}.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{position:relative !important;z-index:1;width:5em;height:5em;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat}.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{position:absolute !important;z-index:2;width:1em;height:1em;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat}.note-popover .popover-content .note-style .dropdown-style blockquote,.note-popover .popover-content .note-style .dropdown-style pre,.note-toolbar .note-style .dropdown-style blockquote,.note-toolbar .note-style .dropdown-style pre{margin:0;padding:5px 10px}.note-popover .popover-content .note-style .dropdown-style h1,.note-popover .popover-content .note-style .dropdown-style h2,.note-popover .popover-content .note-style .dropdown-style h3,.note-popover .popover-content .note-style .dropdown-style h4,.note-popover .popover-content .note-style .dropdown-style h5,.note-popover .popover-content .note-style .dropdown-style h6,.note-popover .popover-content .note-style .dropdown-style p,.note-toolbar .note-style .dropdown-style h1,.note-toolbar .note-style .dropdown-style h2,.note-toolbar .note-style .dropdown-style h3,.note-toolbar .note-style .dropdown-style h4,.note-toolbar .note-style .dropdown-style h5,.note-toolbar .note-style .dropdown-style h6,.note-toolbar .note-style .dropdown-style p{margin:0;padding:0}.note-popover .popover-content .note-color-all .note-dropdown-menu,.note-toolbar .note-color-all .note-dropdown-menu{min-width:337px}.note-popover .popover-content .note-color .dropdown-toggle,.note-toolbar .note-color .dropdown-toggle{width:20px;padding-left:5px}.note-popover .popover-content .note-color .note-dropdown-menu .note-palette,.note-toolbar .note-color .note-dropdown-menu .note-palette{display:inline-block;margin:0;width:160px}.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child,.note-toolbar .note-color .note-dropdown-menu .note-palette:first-child{margin:0 5px}.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title{font-size:12px;margin:2px 7px;text-align:center;border-bottom:1px solid #eee}.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select{font-size:11px;margin:3px;padding:0 3px;cursor:pointer;width:100%;border-radius:5px}.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover{background:#eee}.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row{height:20px}.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn{display:none}.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn{border:1px solid #eee}.note-popover .popover-content .note-para .note-dropdown-menu,.note-toolbar .note-para .note-dropdown-menu{min-width:216px;padding:5px}.note-popover .popover-content .note-para .note-dropdown-menu>div:first-child,.note-toolbar .note-para .note-dropdown-menu>div:first-child{margin-right:5px}.note-popover .popover-content .note-dropdown-menu,.note-toolbar .note-dropdown-menu{min-width:160px}.note-popover .popover-content .note-dropdown-menu.right,.note-toolbar .note-dropdown-menu.right{right:0;left:auto}.note-popover .popover-content .note-dropdown-menu.right::before,.note-toolbar .note-dropdown-menu.right::before{right:9px;left:auto !important}.note-popover .popover-content .note-dropdown-menu.right::after,.note-toolbar .note-dropdown-menu.right::after{right:10px;left:auto !important}.note-popover .popover-content .note-dropdown-menu.note-check a i,.note-toolbar .note-dropdown-menu.note-check a i{color:#00bfff;visibility:hidden}.note-popover .popover-content .note-dropdown-menu.note-check a.checked i,.note-toolbar .note-dropdown-menu.note-check a.checked i{visibility:visible}.note-popover .popover-content .note-fontsize-10,.note-toolbar .note-fontsize-10{font-size:10px}.note-popover .popover-content .note-color-palette,.note-toolbar .note-color-palette{line-height:1}.note-popover .popover-content .note-color-palette div .note-color-btn,.note-toolbar .note-color-palette div .note-color-btn{width:20px;height:20px;padding:0;margin:0;border:1px solid #fff}.note-popover .popover-content .note-color-palette div .note-color-btn:hover,.note-toolbar .note-color-palette div .note-color-btn:hover{border:1px solid #000}.note-modal .modal-dialog{outline:0;border-radius:5px;box-shadow:0 3px 9px rgba(0,0,0,.5)}.note-modal .form-group{margin-left:0;margin-right:0}.note-modal .note-modal-form{margin:0}.note-modal .note-image-dialog .note-dropzone{min-height:100px;font-size:30px;line-height:4;color:#d3d3d3;text-align:center;border:4px dashed #d3d3d3;margin-bottom:10px}@-moz-document url-prefix(){.note-modal .note-image-input{height:auto}}.note-placeholder{position:absolute;display:none;color:gray}.note-handle .note-control-selection{position:absolute;display:none;border:1px solid #000}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{width:100%;height:100%;background-color:#000;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);filter:alpha(opacity=30)}.note-handle .note-control-selection .note-control-handle,.note-handle .note-control-selection .note-control-sizing,.note-handle .note-control-selection .note-control-holder{width:7px;height:7px;border:1px solid #000}.note-handle .note-control-selection .note-control-sizing{background-color:#000}.note-handle .note-control-selection .note-control-nw{top:-5px;left:-5px;border-right:none;border-bottom:none}.note-handle .note-control-selection .note-control-ne{top:-5px;right:-5px;border-bottom:none;border-left:none}.note-handle .note-control-selection .note-control-sw{bottom:-5px;left:-5px;border-top:none;border-right:none}.note-handle .note-control-selection .note-control-se{right:-5px;bottom:-5px;cursor:se-resize}.note-handle .note-control-selection .note-control-se.note-control-holder{cursor:default;border-top:none;border-left:none}.note-handle .note-control-selection .note-control-selection-info{right:0;bottom:0;padding:5px;margin:5px;color:#fff;background-color:#000;font-size:12px;border-radius:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);filter:alpha(opacity=70)}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .popover-content{padding:3px;max-height:150px;overflow:auto}.note-hint-popover .popover-content .note-hint-group .note-hint-item{display:block !important;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{display:block;clear:both;font-weight:400;line-height:1.4;color:#fff;white-space:nowrap;text-decoration:none;background-color:#428bca;outline:0;cursor:pointer}
  
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/noty/lib/noty.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************/
.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  transform: translateZ(0) scale(1, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%; }

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%; }

#noty_layout__topLeft {
  top: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__topCenter {
  top: 5%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__topRight {
  top: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%; }

#noty_layout__bottomLeft {
  bottom: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerLeft {
  top: 50%;
  left: 20px;
  width: 325px;
  transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerRight {
  top: 50%;
  right: 20px;
  width: 325px;
  transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

.noty_progressbar {
  display: none; }

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10); }

.noty_bar {
  -webkit-backface-visibility: hidden;
  transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden; }

.noty_effects_open {
  opacity: 0;
  transform: translate(50%);
  animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-fill-mode: forwards; }

.noty_effects_close {
  animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-fill-mode: forwards; }

.noty_fix_effects_height {
  animation: noty_anim_height 75ms ease-out; }

.noty_close_with_click {
  cursor: pointer; }

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  transition: all .2s ease-out; }

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: .3;
  left: 0;
  top: 0; }

.noty_modal.noty_modal_open {
  opacity: 0;
  animation: noty_modal_in .3s ease-out; }

.noty_modal.noty_modal_close {
  animation: noty_modal_out .3s ease-out;
  animation-fill-mode: forwards; }

@keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_anim_in {
  100% {
    transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_out {
  100% {
    transform: translate(50%);
    opacity: 0; } }

@keyframes noty_anim_height {
  100% {
    height: 0; } }
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/noty/lib/themes/metroui.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************/
.noty_theme__metroui.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.298039) 0 0 5px 0; }
  .noty_theme__metroui.noty_bar .noty_progressbar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #000;
    opacity: 0.2;
    filter: alpha(opacity=20); }
  .noty_theme__metroui.noty_bar .noty_body {
    padding: 1.25em;
    font-size: 14px; }
  .noty_theme__metroui.noty_bar .noty_buttons {
    padding: 0 10px .5em 10px; }

.noty_theme__metroui.noty_type__alert,
.noty_theme__metroui.noty_type__notification {
  background-color: #fff;
  color: #1d1d1d; }

.noty_theme__metroui.noty_type__warning {
  background-color: #FA6800;
  color: #fff; }

.noty_theme__metroui.noty_type__error {
  background-color: #CE352C;
  color: #FFF; }

.noty_theme__metroui.noty_type__info,
.noty_theme__metroui.noty_type__information {
  background-color: #1BA1E2;
  color: #FFF; }

.noty_theme__metroui.noty_type__success {
  background-color: #60A917;
  color: #fff; }

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/@swimlane/ngx-datatable/index.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.ngx-datatable {
  display: block;
  overflow: hidden;
  justify-content: center;
  position: relative;
  transform: translate3d(0, 0, 0);
  /**
   * Vertical Scrolling Adjustments
   */
  /**
   * Horizontal Scrolling Adjustments
   */
  /**
   * Fixed Header Height Adjustments
   */
  /**
   * Fixed row height adjustments
   */
  /**
   * Shared Styles
   */
  /**
   * Header Styles
   */
  /**
   * Body Styles
   */
  /**
   * Footer Styles
   */ }
  .ngx-datatable [hidden] {
    display: none !important; }
  .ngx-datatable *,
  .ngx-datatable *:before,
  .ngx-datatable *:after {
    box-sizing: border-box; }
  .ngx-datatable.scroll-vertical .datatable-body {
    overflow-y: auto; }
  .ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
    position: absolute; }
  .ngx-datatable.scroll-horz .datatable-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
  .ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
    white-space: nowrap; }
    .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .ngx-datatable.fixed-row .datatable-scroll {
    white-space: nowrap; }
    .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
      white-space: nowrap; }
      .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
  .ngx-datatable .datatable-body-row,
  .ngx-datatable .datatable-row-center,
  .ngx-datatable .datatable-header-inner {
    display: flex;
    flex-direction: row;
    -o-flex-flow: row;
    flex-flow: row; }
  .ngx-datatable .datatable-body-cell,
  .ngx-datatable .datatable-header-cell {
    overflow-x: hidden;
    vertical-align: top;
    display: inline-block;
    line-height: 1.625; }
    .ngx-datatable .datatable-body-cell:focus,
    .ngx-datatable .datatable-header-cell:focus {
      outline: none; }
  .ngx-datatable .datatable-row-left,
  .ngx-datatable .datatable-row-right {
    z-index: 9; }
  .ngx-datatable .datatable-row-left,
  .ngx-datatable .datatable-row-center,
  .ngx-datatable .datatable-row-group,
  .ngx-datatable .datatable-row-right {
    position: relative; }
  .ngx-datatable .datatable-header {
    display: block;
    overflow: hidden; }
    .ngx-datatable .datatable-header .datatable-header-inner {
      align-items: stretch;
      -webkit-align-items: stretch; }
    .ngx-datatable .datatable-header .datatable-header-cell {
      position: relative;
      display: inline-block; }
      .ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
        cursor: pointer; }
      .ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
        cursor: move; }
      .ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
        line-height: 100%;
        vertical-align: middle;
        display: inline-block;
        cursor: pointer; }
      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        padding: 0 4px;
        visibility: hidden; }
      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
        cursor: ew-resize; }
      .ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle {
        visibility: visible; }
      .ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
        visibility: visible; }
      .ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
        position: absolute;
        top: 0;
        bottom: 0; }
        .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
          right: 0; }
        .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
          left: 0; }
      .ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
        height: inherit; }
  .ngx-datatable .datatable-body {
    position: relative;
    z-index: 10;
    display: block; }
    .ngx-datatable .datatable-body .datatable-scroll {
      display: inline-block; }
    .ngx-datatable .datatable-body .datatable-row-detail {
      overflow-y: hidden; }
    .ngx-datatable .datatable-body .datatable-row-wrapper {
      display: flex;
      flex-direction: column; }
    .ngx-datatable .datatable-body .datatable-body-row {
      outline: none; }
      .ngx-datatable .datatable-body .datatable-body-row > div {
        display: flex; }
  .ngx-datatable .datatable-footer {
    display: block;
    width: 100%;
    overflow: auto; }
    .ngx-datatable .datatable-footer .datatable-footer-inner {
      display: flex;
      align-items: center;
      width: 100%; }
    .ngx-datatable .datatable-footer .selected-count .page-count {
      flex: 1 1 40%; }
    .ngx-datatable .datatable-footer .selected-count .datatable-pager {
      flex: 1 1 60%; }
    .ngx-datatable .datatable-footer .page-count {
      flex: 1 1 20%; }
    .ngx-datatable .datatable-footer .datatable-pager {
      flex: 1 1 80%;
      text-align: right; }
      .ngx-datatable .datatable-footer .datatable-pager .pager,
      .ngx-datatable .datatable-footer .datatable-pager .pager li {
        padding: 0;
        margin: 0;
        display: inline-block;
        list-style: none; }
      .ngx-datatable .datatable-footer .datatable-pager .pager li,
      .ngx-datatable .datatable-footer .datatable-pager .pager li a {
        outline: none; }
      .ngx-datatable .datatable-footer .datatable-pager .pager li a {
        cursor: pointer;
        display: inline-block; }
      .ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
        cursor: not-allowed; }

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[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/@swimlane/ngx-datatable/themes/material.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/*
  This stylesheet uses scss valiables for most of the colors / background-colors of the table
  to enable the customization of the displayed table without cloning the stylesheet into the
  own application.

  To modify table colors, add the following lines to the scss file of your application
  (this example modifies the color of the selected row - selectionType = single, multi or multiClick):

  $ngx-datatable-selected-active-background: yellow;
  $ngx-datatable-selected-active-background-hover: rgba(yellow, 0.2);

  @import '~@swimlane/ngx-datatable/index.css';
  @import '~@swimlane/ngx-datatable/themes/material.scss';
  @import '~@swimlane/ngx-datatable/assets/icons.css';

That's all.
*/
.ngx-datatable.material {
  background: #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);
  /**
	 * Shared Styles
	 */
  /**
	 * Global Row Styles
	 */
  /**
	 * Header Styles
	 */
  /**
	 * Body Styles
	 */
  /**
	 * Footer Styles
	 */ }
  .ngx-datatable.material.striped .datatable-row-odd {
    background: #eee; }
  .ngx-datatable.material.single-selection .datatable-body-row.active,
  .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active,
  .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active,
  .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group {
    background-color: #304ffe;
    color: #fff; }
  .ngx-datatable.material.single-selection .datatable-body-row.active:hover,
  .ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover,
  .ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover,
  .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group {
    background-color: #193ae4;
    color: #fff; }
  .ngx-datatable.material.single-selection .datatable-body-row.active:focus,
  .ngx-datatable.material.single-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus,
  .ngx-datatable.material.multi-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus,
  .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus .datatable-row-group {
    background-color: #2041ef;
    color: #fff; }
  .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
  .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
    background-color: #eee;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: linear; }
  .ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus,
  .ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus .datatable-row-group {
    background-color: #ddd; }
  .ngx-datatable.material.cell-selection .datatable-body-cell:hover,
  .ngx-datatable.material.cell-selection .datatable-body-cell:hover .datatable-row-group {
    background-color: #eee;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: linear; }
  .ngx-datatable.material.cell-selection .datatable-body-cell:focus,
  .ngx-datatable.material.cell-selection .datatable-body-cell:focus .datatable-row-group {
    background-color: #ddd; }
  .ngx-datatable.material.cell-selection .datatable-body-cell.active,
  .ngx-datatable.material.cell-selection .datatable-body-cell.active .datatable-row-group {
    background-color: #304ffe;
    color: #fff; }
  .ngx-datatable.material.cell-selection .datatable-body-cell.active:hover,
  .ngx-datatable.material.cell-selection .datatable-body-cell.active:hover .datatable-row-group {
    background-color: #193ae4;
    color: #fff; }
  .ngx-datatable.material.cell-selection .datatable-body-cell.active:focus,
  .ngx-datatable.material.cell-selection .datatable-body-cell.active:focus .datatable-row-group {
    background-color: #2041ef;
    color: #fff; }
  .ngx-datatable.material .empty-row {
    height: 50px;
    text-align: left;
    padding: 0.5rem 1.2rem;
    vertical-align: top;
    border-top: 0; }
  .ngx-datatable.material .loading-row {
    text-align: left;
    padding: 0.5rem 1.2rem;
    vertical-align: top;
    border-top: 0; }
  .ngx-datatable.material .datatable-header .datatable-row-left,
  .ngx-datatable.material .datatable-body .datatable-row-left {
    background-color: #fff;
    background-position: 100% 0;
    background-repeat: repeat-y;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==); }
  .ngx-datatable.material .datatable-header .datatable-row-right,
  .ngx-datatable.material .datatable-body .datatable-row-right {
    background-position: 0 0;
    background-color: #fff;
    background-repeat: repeat-y;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQI12PQkNdi1VTQ5gbSwkAsDQARLAIGtOSFUAAAAABJRU5ErkJggg==); }
  .ngx-datatable.material .datatable-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    .ngx-datatable.material .datatable-header .datatable-header-cell {
      text-align: left;
      padding: 0.9rem 1.2rem;
      font-weight: 400;
      background-color: #fff;
      color: rgba(0, 0, 0, 0.54);
      vertical-align: bottom;
      font-size: 12px;
      font-weight: 500; }
      .ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-wrapper {
        position: relative; }
      .ngx-datatable.material .datatable-header .datatable-header-cell.longpress .draggable::after {
        transition: transform 400ms ease, opacity 400ms ease;
        opacity: 0.5;
        transform: scale(1); }
      .ngx-datatable.material .datatable-header .datatable-header-cell .draggable::after {
        content: ' ';
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -30px 0 0 -30px;
        height: 60px;
        width: 60px;
        background: #eee;
        border-radius: 100%;
        opacity: 1;
        filter: none;
        transform: scale(0);
        z-index: 9999;
        pointer-events: none; }
      .ngx-datatable.material .datatable-header .datatable-header-cell.dragging .resize-handle {
        border-right: none; }
    .ngx-datatable.material .datatable-header .resize-handle {
      border-right: solid 1px #eee; }
  .ngx-datatable.material .datatable-body {
    position: relative; }
    .ngx-datatable.material .datatable-body .datatable-row-detail {
      background: #f5f5f5;
      padding: 10px; }
    .ngx-datatable.material .datatable-body .datatable-group-header {
      background: #f5f5f5;
      border-bottom: solid 1px #d9d8d9;
      border-top: solid 1px #d9d8d9; }
    .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
      text-align: left;
      padding: 0.9rem 1.2rem;
      vertical-align: top;
      border-top: 0;
      color: rgba(0, 0, 0, 0.87);
      transition: width 0.3s ease;
      font-size: 14px;
      font-weight: 400; }
    .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-group-cell {
      text-align: left;
      padding: 0.9rem 1.2rem;
      vertical-align: top;
      border-top: 0;
      color: rgba(0, 0, 0, 0.87);
      transition: width 0.3s ease;
      font-size: 14px;
      font-weight: 400; }
    .ngx-datatable.material .datatable-body .progress-linear {
      display: block;
      position: sticky;
      width: 100%;
      height: 5px;
      padding: 0;
      margin: 0;
      top: 0; }
      .ngx-datatable.material .datatable-body .progress-linear .container {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 5px;
        transform: translate(0, 0) scale(1, 1);
        background-color: #aad1f9; }
        .ngx-datatable.material .datatable-body .progress-linear .container .bar {
          transition: all 0.2s linear;
          animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.2s linear;
          background-color: #106cc8;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          width: 100%;
          height: 5px; }
  .ngx-datatable.material .datatable-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.54); }
    .ngx-datatable.material .datatable-footer .page-count {
      line-height: 50px;
      height: 50px;
      padding: 0 1.2rem; }
    .ngx-datatable.material .datatable-footer .datatable-pager {
      margin: 0 10px; }
      .ngx-datatable.material .datatable-footer .datatable-pager li {
        vertical-align: middle; }
        .ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
          color: rgba(0, 0, 0, 0.26) !important;
          background-color: transparent !important; }
        .ngx-datatable.material .datatable-footer .datatable-pager li.active a {
          background-color: rgba(158, 158, 158, 0.2);
          font-weight: bold; }
      .ngx-datatable.material .datatable-footer .datatable-pager a {
        height: 22px;
        min-width: 24px;
        line-height: 22px;
        padding: 0 6px;
        border-radius: 3px;
        margin: 6px 3px;
        text-align: center;
        vertical-align: top;
        color: rgba(0, 0, 0, 0.54);
        text-decoration: none;
        vertical-align: bottom; }
        .ngx-datatable.material .datatable-footer .datatable-pager a:hover {
          color: rgba(0, 0, 0, 0.75);
          background-color: rgba(158, 158, 158, 0.2); }
      .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-left,
      .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-skip,
      .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-right,
      .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-prev {
        font-size: 20px;
        line-height: 20px;
        padding: 0 3px; }
  .ngx-datatable.material .datatable-summary-row .datatable-body-row {
    background-color: #ddd; }
    .ngx-datatable.material .datatable-summary-row .datatable-body-row:hover {
      background-color: #ddd; }
    .ngx-datatable.material .datatable-summary-row .datatable-body-row .datatable-body-cell {
      font-weight: bold; }

/**
 * Checkboxes
**/
.datatable-checkbox {
  position: relative;
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  padding: 0; }
  .datatable-checkbox input[type='checkbox'] {
    position: relative;
    margin: 0 1rem 0 0;
    cursor: pointer;
    outline: none; }
    .datatable-checkbox input[type='checkbox']:before {
      transition: all 0.3s ease-in-out;
      content: '';
      position: absolute;
      left: 0;
      z-index: 1;
      width: 1rem;
      height: 1rem;
      border: 2px solid #f2f2f2; }
    .datatable-checkbox input[type='checkbox']:checked:before {
      transform: rotate(-45deg);
      height: 0.5rem;
      border-color: #009688;
      border-top-style: none;
      border-right-style: none; }
    .datatable-checkbox input[type='checkbox']:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 1rem;
      height: 1rem;
      background: #fff;
      cursor: pointer; }

/**
 * Progress bar animations
 */
@keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1); }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1); } }

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/@swimlane/ngx-datatable/assets/icons.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

@font-face {
  font-family: 'data-table';
  src: url('data-table.19a1c5c211a201d8.eot');
  src: url('data-table.19a1c5c211a201d8.eot?#iefix') format('embedded-opentype'), url('data-table.d233a8724a9532b6.woff') format('woff'),
    url('data-table.4f99927ffc558471.ttf') format('truetype'), url('data-table.029992b38cb863a4.svg#data-table') format('svg');
  font-weight: normal;
  font-style: normal;
}

[data-icon]::before {
  font-family: 'data-table' !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^='datatable-icon-']::before,
[class*=' datatable-icon-']::before {
  font-family: 'data-table' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.datatable-icon-filter::before {
  content: '\62';
}

.datatable-icon-collapse::before {
  content: '\61';
}

.datatable-icon-expand::before {
  content: '\63';
}

.datatable-icon-close::before {
  content: '\64';
}

.datatable-icon-up::before {
  content: '\65';
}

.datatable-icon-down::before {
  content: '\66';
}

.datatable-icon-sort-unset::before {
  content: '\63';
  opacity: 0.5;
}

.datatable-icon-sort::before {
  content: '\67';
}

.datatable-icon-done::before {
  content: '\68';
}

.datatable-icon-done-all::before {
  content: '\69';
}

.datatable-icon-search::before {
  content: '\6a';
}

.datatable-icon-pin::before {
  content: '\6b';
}

.datatable-icon-add::before {
  content: '\6d';
}

.datatable-icon-left::before {
  content: '\6f';
}

.datatable-icon-right::before {
  content: '\70';
}

.datatable-icon-skip::before {
  content: '\71';
}

.datatable-icon-prev::before {
  content: '\72';
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[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]!./node_modules/slick-carousel/slick/slick.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/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]!./node_modules/slick-carousel/slick/slick-theme.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url('ajax-loader.0b80f665935ef7de.gif') center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url('slick.25572f22d77029da.eot');
  src: url('slick.25572f22d77029da.eot?#iefix') format("embedded-opentype"), url('slick.653a4cbba6e1a2b3.woff') format("woff"), url('slick.6aa1ee46202fac6e.ttf') format("truetype"), url('slick.f895cfdf693e6229.svg#slick') format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}