/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/quill/dist/quill.bubble.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}
@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble {
  box-sizing: border-box;
}
.ql-bubble * {
  box-sizing: border-box;
}
.ql-bubble .ql-hidden {
  display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}
.ql-bubble .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #ccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-bubble .ql-picker-options {
  background-color: #444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}
.ql-bubble .ql-tooltip {
  background-color: #444;
  border-radius: 25px;
  color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  height: 100%;
  outline: none;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "\D7";
  font-size: 16px;
  font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
  position: relative;
  white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
  background-color: #444;
  border-radius: 15px;
  top: -5px;
  font-size: 12px;
  color: #fff;
  content: attr(href);
  font-weight: normal;
  overflow: hidden;
  padding: 5px 15px;
  text-decoration: none;
  z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  border-top: 6px solid #444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  left: 0;
  margin-left: 50%;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: visibility 0s ease 200ms;
  visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
  visibility: visible;
}

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/quill/dist/quill.snow.css ***!
  \********************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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: "DM Sans", sans-serif;
}
.rtl .mat-form-field {
  font-family: "DM Sans", sans-serif;
}
.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 a {
  color: #050708;
}
.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: 1600px;
  margin: auto;
  padding-bottom: 15px;
}
.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 #loginModal-custLogin .form-check label {
  position: relative;
  top: 1px;
}
.rtl .form-check label {
  position: relative;
  top: 1px;
}
.rtl .login-content-inner a {
  color: #B5944B;
}
.rtl .login-content-inner .remember-me {
  margin-top: -5px;
  width: 100%;
}
.rtl .login-content-inner .form-check label {
  position: relative;
  top: 1px;
}
.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-size: 14px !important;
  color: #050708;
  margin-bottom: 5px;
}
.rtl .logo-algp {
  margin-bottom: 50px;
}
.rtl .logo-algp img {
  max-width: 183px;
}
.rtl .E-Retail-theme {
  height: 100vh;
  position: relative;
}
.rtl .E-Retail-theme .selected-list .c-btn {
  color: #7A7A7A !important;
}
.rtl .E-Retail-theme .mat-form-field-wrapper {
  margin-top: 0 !important;
}
.rtl .E-Retail-theme .internationalization {
  width: 97%;
  top: 0;
  position: absolute;
}
.rtl .E-Retail-theme .internationalization #dropdownMenuButton {
  color: #ffffff !important;
  background: #FE6D52;
  width: 32px;
  padding: 0;
  height: 38px;
  text-align: center;
  line-height: 38px;
}
.rtl .E-Retail-theme .internationalization .dropdown-content {
  left: -111px !important;
}
.rtl .E-Retail-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 .E-Retail-theme .login-wrap .login-content {
  text-align: left;
  padding-bottom: 30px;
}
.rtl .E-Retail-theme .login-wrap .btn-dark {
  font-weight: 500;
  background-color: #000;
  border-radius: 30px !important;
}
.rtl .E-Retail-theme .login-wrap .btn-dark i {
  position: relative;
  right: -15px;
}
.rtl .E-Retail-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 .E-Retail-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 .E-Retail-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 .E-Retail-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 .E-Retail-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 .E-Retail-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 .E-Retail-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: transparent !important;
}
.rtl .mat-tab-header {
  border-bottom: none !important;
}
.rtl #mobile-collapse {
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 10px;
}
.rtl .multi-select-margin {
  border: 1px solid #CACACA;
  padding: 1px 8px;
  top: 3px;
  border-radius: 5px;
  min-height: 49px;
}
.rtl .multi-select-margin.selectDisable {
  background-color: #f8f8f8;
  opacity: 0.5;
}
.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: 5px solid #ffffff;
}
.rtl .mat-calendar-body-cell-container button:focus {
  outline: none;
}
.rtl .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #EAEAEA;
}
.rtl .mat-form-field.mat-focused {
  color: #000;
}
.rtl .mat-form-field-appearance-outline .mat-form-field-outline-thick.mat-focused {
  color: #000;
}
.rtl .E-Retail-Theme {
  margin-bottom: 20px;
  /* Font color */
  background-color: #fff;
}
.rtl .E-Retail-Theme .quickShop {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  flex: 98%;
  margin-top: 20px;
  max-width: 98%;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.rtl .E-Retail-Theme .quickShop::-webkit-scrollbar {
  width: 10px;
}
.rtl .E-Retail-Theme .quickShop::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.rtl .E-Retail-Theme .quickShop::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 10px;
}
.rtl .E-Retail-Theme .quickShop::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.rtl .E-Retail-Theme .quickShop h5 {
  font-size: 18px !important;
  color: #E21E26;
  font-weight: 700;
}
.rtl .E-Retail-Theme .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CACACA;
}
.rtl .E-Retail-Theme h1 {
  font-size: 36px !important;
}
.rtl .E-Retail-Theme .mat-form-field.mat-focused {
  color: #000;
}
.rtl .E-Retail-Theme .mat-form-field-appearance-outline .mat-form-field-outline-thick.mat-focused {
  color: #000;
}
.rtl .E-Retail-Theme .customSelect .mat-form-field-infix {
  padding-top: 5px !important;
}
.rtl .E-Retail-Theme .customSelect .mat-form-field-infix .material-symbols-outlined {
  position: relative;
  top: 5px;
}
.rtl .E-Retail-Theme.Quotation-page .pageheader {
  margin: -39px -50px -150px -37px;
  padding: 48px 50px 75px 50px;
}
.rtl .E-Retail-Theme.Quotation-page h1 {
  margin-bottom: 0;
}
.rtl .E-Retail-Theme .mat-form-field-label {
  color: #000;
}
.rtl .E-Retail-Theme .mat-form-field {
  text-transform: capitalize;
  color: #7A7A7A;
}
.rtl .E-Retail-Theme .right-side {
  border-radius: 15px;
  padding: 0px 15px 10px 15px;
  position: relative;
}
.rtl .E-Retail-Theme .right-side .panel-overlay {
  position: absolute;
  height: 102%;
  min-height: 600px;
  z-index: 1000;
}
.rtl .E-Retail-Theme .right-side .panel-overlay::after {
  width: 102% !important;
  height: 115% !important;
}
.rtl .E-Retail-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 .E-Retail-Theme .right-side .show-list::-webkit-scrollbar {
  width: 10px;
}
.rtl .E-Retail-Theme .right-side .show-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.rtl .E-Retail-Theme .right-side .show-list::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 10px;
}
.rtl .E-Retail-Theme .right-side .show-list::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.rtl .E-Retail-Theme .filterBar {
  border: 1px solid #CACACA;
  border-radius: 10px;
}
.rtl .E-Retail-Theme .filterBar .filter-Header {
  background-color: #000000;
  border-radius: 5px 5px 0 0;
  padding: 12px 15px 12px 15px;
}
.rtl .E-Retail-Theme .filterBar .filter-Header h5 {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px !important;
  font-weight: 500 !important;
}
.rtl .E-Retail-Theme .filterBar .filter-Header h5 i {
  color: var(--main-color-hover);
  margin-right: 10px;
}
.rtl .E-Retail-Theme .filterBar .filter-search {
  padding: 8px 15px 8px 15px;
  background-color: #F2F2F2;
}
.rtl .E-Retail-Theme .filterBar .filter-search .mat-form-field-wrapper {
  margin-bottom: 0;
  padding-bottom: 0;
}
.rtl .E-Retail-Theme .filterBar .searchBox .mat-form-field-subscript-wrapper {
  display: none;
}
.rtl .E-Retail-Theme .filterBar .searchBox .mat-form-field-outline {
  background-color: #fff;
  border-radius: 5px;
}
.rtl .E-Retail-Theme .filterBar .searchBox mat-label {
  text-transform: capitalize;
}
.rtl .E-Retail-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 .E-Retail-Theme .filterBar .searchBox .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CED4DA;
}
.rtl .E-Retail-Theme .filterBar .searchBox input.mat-input-element {
  color: #64748B;
}
.rtl .E-Retail-Theme .filterBar .accordion .card {
  border: none;
  margin-bottom: 5px;
}
.rtl .E-Retail-Theme .filterBar .accordion .card .card-header .collapsed .fa {
  transform: rotate(180deg);
}
.rtl .E-Retail-Theme .filterBar .accordion .card .card-header {
  color: #000;
  padding: 0px 0;
  border: none;
}
.rtl .E-Retail-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 .E-Retail-Theme .filterBar .accordion .card .card-header .btn-link i {
  float: right;
  font-size: 16px;
  margin-top: 3px;
  font-weight: 500;
}
.rtl .E-Retail-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 .E-Retail-Theme .filterBar .accordion .card .card-body .mat-checkbox-layout {
  white-space: inherit;
}
.rtl .E-Retail-Theme .filterBar .accordion .card .card-body .mat-checkbox-layout .mat-checkbox-inner-container {
  margin-top: 4px;
}
.rtl .E-Retail-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar {
  width: 5px;
}
.rtl .E-Retail-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 5px;
}
.rtl .E-Retail-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 5px;
}
.rtl .E-Retail-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.rtl .E-Retail-Theme .filterBar .accordion .card .card-body .mat-checkbox.mat-accent .mdc-checkbox--selected ~ .mdc-checkbox__ripple {
  background-color: #000;
}
.rtl .E-Retail-Theme .filterBar .accordion .card .card-body .mat-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.rtl .E-Retail-Theme .filterBar .accordion .card .card-body .mat-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.rtl .E-Retail-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 .E-Retail-Theme .filterBar .accordion .card .card-body .mdc-checkbox__background {
  background-color: #000000;
  border-color: #000;
}
.rtl .E-Retail-Theme .filterBar .accordion .card .card-body .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #fff;
}
.rtl .E-Retail-Theme .filterBar .accordion .card .card-body .mat-checkbox label {
  color: #000;
  margin-bottom: 0;
  font-size: 14px;
}
.rtl .E-Retail-Theme .filterBar .accordion .card .card-body .mat-checkbox-layout {
  color: #000;
  font-size: 17px;
  margin-top: 10px;
}
.rtl .E-Retail-Theme .filterBar .accordion .ngx-slider .ngx-slider-pointer {
  background-color: #505050;
  width: 26px;
  height: 26px;
}
.rtl .E-Retail-Theme .filterBar .accordion .ngx-slider .ngx-slider-selection {
  background-color: #505050;
}
.rtl .E-Retail-Theme .filterBar .accordion .ngx-slider .ngx-slider-bubble {
  color: #000;
  font-weight: 600;
  font-size: 13px;
}
.rtl .E-Retail-Theme .filterBar .accordion .ngx-slider .ngx-slider-pointer:after {
  background-color: #505050;
}
.rtl .E-Retail-Theme .shippingBar {
  margin: 20px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px 15px;
  width: 100%;
  border-radius: 5px;
  text-align: center;
}
.rtl .E-Retail-Theme .shippingBar .card-header {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.rtl .E-Retail-Theme .shippingBar .card-header:after {
  font-family: "FontAwesome";
  content: "\f077";
  margin-right: 15px;
}
.rtl .E-Retail-Theme .shippingBar .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f078";
}
.rtl .E-Retail-Theme .shippingBar i {
  color: var(--main-color-hover);
}
.rtl .E-Retail-Theme .card-bg {
  background-color: #fff;
  border: 1px solid #ccc !important;
  border-radius: 5px;
}
.rtl .E-Retail-Theme .dataPicker .mat-icon-button {
  position: absolute;
  top: 0;
  right: 0px;
}
.rtl .E-Retail-Theme .btnStatus {
  justify-content: space-between;
  display: inline-flex;
}
.rtl .E-Retail-Theme .text-success {
  color: #52C93F !important;
  font-size: 12px;
  border-radius: 5px;
  font-weight: 500;
  padding: 2px 5px;
}
.rtl .E-Retail-Theme .text-success i {
  display: none;
}
.rtl .E-Retail-Theme .text-danger {
  color: #FF0000 !important;
  font-size: 12px;
  font-weight: 500;
  border-radius: 5px;
  padding: 2px 5px;
}
.rtl .E-Retail-Theme .text-danger i {
  display: none;
}
.rtl .E-Retail-Theme .pageheader {
  background-color: #f6eee2;
  margin: -111px -50px -132px -59px;
  padding: 89px 45px 141px 44px;
}
.rtl .E-Retail-Theme .pageheader h1 {
  font-size: 40px;
  margin-top: 13px;
  padding-left: 15px;
  font-weight: 500;
}
.rtl .E-Retail-Theme .pageheader .searchBox .mat--mdc-form-field-outline {
  background-color: #fff;
  border-radius: 5px;
}
.rtl .E-Retail-Theme .pageheader .searchBox mat-label {
  text-transform: capitalize;
}
.rtl .E-Retail-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 .E-Retail-Theme .pageheader .searchBox .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CED4DA;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.rtl .E-Retail-Theme .pageheader .searchBox input.mat-input-element {
  color: #64748B;
}
.rtl .E-Retail-Theme .row-equalHeight {
  display: flex;
  flex-wrap: wrap;
}
.rtl .E-Retail-Theme .hideTableFooter .datatable-footer {
  display: none;
}
.rtl .E-Retail-Theme .hideTableFooter .page-count {
  display: none !important;
}
.rtl .E-Retail-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 .E-Retail-Theme .statusBox.dueDate {
  background: #f7cfcf;
}
.rtl .E-Retail-Theme .statusBox .apexcharts-canvas {
  margin-top: -15px;
}
.rtl .E-Retail-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 .E-Retail-Theme .statusBox.chart-status {
  padding: 0;
  padding-bottom: 20px;
}
.rtl .E-Retail-Theme .statusBox.chart-status h5 {
  background-color: #303030;
  padding: 11px 15px;
  margin-bottom: 20px;
  color: #fff;
  border-radius: 5px 5px 0 0;
}
.rtl .E-Retail-Theme .statusBox.reportstatus {
  padding: 15px 2% 20px 2%;
  height: 100%;
}
.rtl .E-Retail-Theme .statusBox.reportstatus h3 {
  font-size: 40px;
  margin-top: 10px;
}
.rtl .E-Retail-Theme .statusBox.reportstatus p {
  margin-top: 20px;
}
.rtl .E-Retail-Theme .statusBox mat-label {
  text-transform: capitalize;
  color: #000;
}
.rtl .E-Retail-Theme .statusBox .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CED4DA;
}
.rtl .E-Retail-Theme .statusBox input.mat-input-element {
  color: #64748B;
}
.rtl .E-Retail-Theme .statusBox h2 {
  position: relative;
  font-size: 14px;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
}
.rtl .E-Retail-Theme .statusBox h2 a {
  font-size: 9px;
  color: #292D32;
  opacity: 0.5;
  float: right;
  margin-top: 10px;
}
.rtl .E-Retail-Theme .statusBox h3 {
  font-size: 32px;
  font-weight: 700 !important;
  color: var(--main-color-hover);
  margin: 3px 0 7px 0;
}
.rtl .E-Retail-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 .E-Retail-Theme .statusBox p span {
  font-weight: 600;
}
.rtl .E-Retail-Theme .statusBox p .text-success {
  color: #00AC4F !important;
}
.rtl .E-Retail-Theme .statusBox p .text-danger {
  color: #EC0202 !important;
}
.rtl .E-Retail-Theme .statusBox .chartStatus {
  min-height: 50px;
}
.rtl .E-Retail-Theme .statusBox .chartStatus img {
  min-height: 50px;
}
.rtl .E-Retail-Theme .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  font-size: 14px !important;
  display: inline-flex;
  align-items: center;
  padding: 8px;
  color: #000;
  text-shadow: 0 0 #000;
  letter-spacing: 1px;
}
.rtl .E-Retail-Theme .ngx-datatable .datatable-header .datatable-header-cell {
  padding: 8px;
}
.rtl .E-Retail-Theme .datatable-checkbox {
  margin-top: 17px !important;
}
.rtl .E-Retail-Theme .ngx-datatable.material {
  border-radius: 5px;
  border-color: #CACACA;
}
.rtl .E-Retail-Theme .ngx-datatable .datatable-header {
  height: inherit !important;
}
.rtl .E-Retail-Theme .ngx-datatable .datatable-header .datatable-checkbox {
  margin-top: 7px !important;
}
.rtl .E-Retail-Theme .ngx-datatable .datatable-body .datatable-body-row > div {
  border-top: 1px solid #CACACA;
}
.rtl .E-Retail-Theme .ngx-datatable .datatable-header {
  padding: 2px 0;
}
.rtl .E-Retail-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 .E-Retail-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 .E-Retail-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 .E-Retail-Theme .ngx-datatable .datatable-footer .datatable-pager {
  text-align: left;
}
.rtl .E-Retail-Theme .ngx-datatable .datatable-footer .datatable-pager a {
  height: 30px;
  width: 30px;
  line-height: 28px;
}
.rtl .E-Retail-Theme .ngx-datatable .datatable-footer .datatable-pager a i {
  line-height: 35px;
}
.rtl .E-Retail-Theme .ngx-datatable .datatable-footer .datatable-pager li.active a {
  font-weight: normal;
  border: 1px solid #ddd;
  background-color: #fff;
}
.rtl .E-Retail-Theme .ngx-datatable.material .datatable-footer {
  background-color: #FAFAFA;
  padding: 0;
  font-size: 14px;
}
.rtl .E-Retail-Theme .ngx-datatable.material .datatable-footer .page-count {
  color: #1E293B;
}
.rtl .E-Retail-Theme .sortBy .mat-form-field {
  width: auto;
  margin: 0 5px;
}
.rtl .E-Retail-Theme .productList {
  border: 1px solid #CACACA;
  border-radius: 5px;
  transition: 0.4s ease;
  margin-top: 10px;
  margin-bottom: 10px;
}
.rtl .E-Retail-Theme .productList:hover {
  box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.16);
  transform: scale(1.02);
  cursor: pointer;
}
.rtl .E-Retail-Theme .productList .product-img {
  height: 175px;
  position: relative;
  text-align: center;
  transition: transform 0.2s;
}
.rtl .E-Retail-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 .E-Retail-Theme .productList .product-img .icon-top {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  font-size: 18px;
}
.rtl .E-Retail-Theme .productList .product-img .icon-bottom {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 18px;
}
.rtl .E-Retail-Theme .productList .product-img img {
  width: auto;
  max-width: 100%;
  height: 100%;
  margin: auto;
}
.rtl .E-Retail-Theme .productList .productDetails {
  border-top: none;
  padding: 10px;
  min-height: 110px;
  position: relative;
}
.rtl .E-Retail-Theme .productList .productDetails h6 {
  font-size: 14px !important;
  width: 98%;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.rtl .E-Retail-Theme .productList .productDetails .bottom-list {
  bottom: 10px;
}
.rtl .E-Retail-Theme .productList .productDetails .bottom-list .btn {
  background-color: var(--side-bar);
  width: 28px;
  color: #fff;
  height: 28px;
  padding: 0 !important;
  font-size: 18px;
}
.rtl .E-Retail-Theme .productList .productDetails .bottom-list .btn:hover {
  background-color: var(--main-color-hover);
}
.rtl .E-Retail-Theme .productList .productDetails .bottom-list .btn:focus {
  border-color: var(--side-bar);
  box-shadow: none;
}
.rtl .E-Retail-Theme .productList .productDetails .bottom-list .btn-sm {
  border-radius: 5px !important;
}
.rtl .E-Retail-Theme .productList .productDetails .number .minus,
.rtl .E-Retail-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 .E-Retail-Theme .productList .productDetails .number .minus:focus,
.rtl .E-Retail-Theme .productList .productDetails .number .plus:focus {
  outline: none;
}
.rtl .E-Retail-Theme .productList .productDetails .number .minus:disabled,
.rtl .E-Retail-Theme .productList .productDetails .number .plus:disabled {
  opacity: 0.2;
}
.rtl .E-Retail-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 .E-Retail-Theme .listView .productList {
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
}
.rtl .E-Retail-Theme .listView .productList:hover {
  transform: scale(1.012);
}
.rtl .E-Retail-Theme .listView .productList .product-img {
  width: 10%;
  float: left;
  border: 1px solid #ddd;
  margin: 10px;
  min-height: 120px;
  height: 120px;
}
.rtl .E-Retail-Theme .listView .productList .productDetails {
  width: 88%;
  float: left;
  margin-top: 15px;
  border-top: none;
  min-height: 110px;
}
.rtl .E-Retail-Theme .listView .productList .productDetails .col-md-8 {
  flex: 0 0 99.333333%;
  max-width: 99.333333%;
}
.rtl .E-Retail-Theme .listView .productList .productDetails .col-md-8 h6 {
  font-size: 24px !important;
  min-height: inherit;
  line-height: 0;
}
.rtl .E-Retail-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 .E-Retail-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 .E-Retail-Theme .listView .productList .productDetails .bottom-list {
  border-top: 1px solid #CACACA;
  padding-top: 5px;
  bottom: -8px;
}
.rtl .E-Retail-Theme .RowsView {
  border: none;
  margin: 0;
}
.rtl .E-Retail-Theme .RowsView:hover {
  box-shadow: none;
  transform: none;
}
.rtl .E-Retail-Theme .RowsView .productDetails {
  min-height: inherit;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.rtl .E-Retail-Theme .RowsView .productDetails tr td {
  word-break: break-all;
  width: 15%;
}
.rtl .E-Retail-Theme .RowsView .productDetails tr td:first-child {
  width: 200px;
}
.rtl .E-Retail-Theme .RowsView .productDetails tr td:nth-child(2) {
  width: 400px;
}
.rtl .E-Retail-Theme .RowsView .productDetails .number {
  width: 120px;
  display: inline-block;
}
.rtl .E-Retail-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 .E-Retail-Theme .tabelBox {
  border: 1px solid #ddd;
  border-radius: 5px;
}
.rtl .E-Retail-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: 10px;
  background-color: #ffffff !important;
  padding-bottom: 10px;
}
.rtl .header-navbar .nav-right {
  margin-top: 0 !important;
  padding-bottom: 10px;
}
.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 #ddd;
}
.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 !important;
  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: 20px;
  top: 20px;
  /* background: #000; */
  width: 40px;
  height: 40px;
  border-radius: 100%;
  color: #000;
  padding: 0;
  text-shadow: 0 0 #000;
  font-size: 34px;
  font-weight: 200;
}
.rtl .swal2-container {
  height: auto;
}
.rtl .mat-tab-body-content {
  overflow: hidden;
}
.rtl .btn-sm {
  font-size: 14px;
  border-radius: 5px !important;
}
.rtl #uom-modal {
  background: rgba(144, 144, 144, 0.5);
}
@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 .E-Retail-Theme .ngx-datatable.material {
    width: 1500px;
  }
  .rtl .E-Retail-Theme .statusBox.reportstatus h3 {
    font-size: 2.5vw;
    margin-top: 10px;
  }
  .rtl .E-Retail-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: #f7f7f7 !important;
}
.rtl .filter-section {
  overflow-y: auto;
  max-height: 700px;
  padding-top: 0px;
  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 3px grey;
  border-radius: 5px;
}
.rtl .filter-section::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 5px;
}
.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 .mat-form-field-wrapper {
  padding-bottom: 5px;
}
.rtl .c-btn > span {
  font-weight: 500 !important;
  color: #433d3d !important;
}
.rtl .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  background: #FCFCFC;
}
.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: #050708 !important;
  border: 1px solid #050708;
}
.rtl .swal2-confirm:hover {
  background-color: #fff !important;
  color: #050708 !important;
  background-image: none !important;
  border-color: #050708 !important;
}
.rtl .swal2-cancel {
  background-color: #E21E26 !important;
  border: 1px solid #E21E26;
}
.rtl .swal2-cancel:hover {
  background-color: #fff !important;
  color: #E21E26 !important;
  background-image: none !important;
  border-color: #E21E26 !important;
}
.rtl div:where(.swal2-container) div:where(.swal2-icon).swal2-warning {
  border-color: #050708 !important;
  color: #050708 !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 .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: 60px !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 .E-Retail-theme .internationalization {
    width: 100% !important;
  }
  .rtl .E-Retail-Theme .internationalization {
    width: 95% !important;
  }
  .rtl .E-Retail-Theme .listView .productList .product-img {
    height: 100px;
    width: 18%;
    overflow: hidden;
  }
  .rtl .E-Retail-Theme .listView .productList .product-img img {
    height: 100%;
  }
  .rtl .E-Retail-Theme .listView .productList .productDetails {
    width: 78%;
    margin-left: 0%;
    min-height: 120px;
  }
  .rtl .E-Retail-Theme .listView .productList .productDetails .col-md-8 h6 {
    min-height: inherit;
  }
  .rtl .E-Retail-Theme .listView .productList .productDetails .bottom-list {
    position: inherit;
    bottom: 0;
    top: 10px;
  }
  .rtl .E-Retail-Theme .productList .product-img {
    height: 250px;
    overflow: hidden;
  }
  .rtl .E-Retail-Theme .productList .product-img img {
    height: 100%;
  }
  .rtl .E-Retail-Theme .shippingBar {
    border-radius: 10px;
  }
  .rtl .E-Retail-Theme .shippingBar .col-md-4 {
    text-align: left !important;
    margin: 10px 0;
  }
  .rtl .E-Retail-Theme .right-side .show-list {
    overflow-y: inherit;
    height: inherit;
    max-height: inherit;
  }
  .rtl .E-Retail-Theme .login-content {
    padding-top: 0;
  }
}
.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 {
  padding: 4px 6px;
  position: static;
  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 .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 .login-content-right {
  position: absolute;
  top: 0;
  min-height: 100vh;
}
.rtl .login-container {
  background: url('bg-left.2dd018bf50262b00.png') no-repeat center top;
}
.rtl .login-content-inner {
  text-align: left;
}
.rtl .login-content-inner .mat-form-field-wrapper {
  background: #fff;
  padding: 0;
  margin-bottom: 20px;
}
.rtl .login-content-inner h1 {
  font-weight: 800;
  margin-bottom: 35px;
}
.rtl .login-content-inner mat-label {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.rtl .btn-purple {
  background-color: #050708;
  color: #fff;
  border: 1px solid #050708;
}
.rtl .btn-purple:hover {
  background-color: #E21E26;
  border-color: #E21E26;
}
.rtl .btn-purple.outline {
  background-color: transparent;
  border: 1px solid #050708;
  color: #050708;
}
.rtl .btn-purple.outline:hover {
  background-color: #050708;
  color: #FFFFFF;
}
.rtl .btn-Red {
  background-color: #E21E26;
  color: #fff;
  border: 1px solid #E21E26;
}
.rtl .btn-Red:hover {
  background-color: #000;
  border-color: #000;
}
.rtl .btn-Red.outline {
  background-color: transparent;
  border: 1px solid #E21E26;
  color: #E21E26;
}
.rtl .btn-Red.outline:hover {
  background-color: #E21E26;
  color: #FFFFFF;
}
.rtl .btn-custom {
  background-color: #B5944B;
  border-color: #B5944B;
  color: #fff;
}
.rtl .btn-custom:hover {
  background-color: transparent;
}
@media screen and (max-width: 900px) {
  .rtl .rightBox {
    display: none;
  }
}
.rtl .titleHeading h1 {
  font-size: 52px;
  color: #050708;
  line-height: 52px;
  font-weight: 800;
}
.rtl .titleHeading p {
  font-size: 18px;
  color: #000000;
  margin-bottom: 50px;
}
.rtl .pcoded-container {
  background-color: #fff;
}
.rtl .categoryBox {
  background-color: #F2EAFB;
  border-radius: 8px;
  text-align: center;
  padding: 0px 15px;
  margin-bottom: 30px;
  min-height: 183px;
  display: flex;
  flex-flow: column;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.rtl .categoryBox.subCategoryLst {
  min-height: 100px;
}
.rtl .categoryBox.subCat h2 {
  font-size: 18px;
  font-weight: 600;
}
.rtl .categoryBox:hover {
  background-color: #050708;
  cursor: pointer;
}
.rtl .categoryBox:hover h2 {
  color: #FFFFFF;
}
.rtl .categoryBox:hover img.show {
  display: none;
}
.rtl .categoryBox:hover img.hide {
  display: inline-block;
}
.rtl .categoryBox h2 {
  margin-bottom: 0;
  color: #050708;
  font-size: 19px;
  line-height: 24px;
  font-weight: 800;
}
.rtl .categoryBox img {
  height: 60px;
  margin-bottom: 15px;
}
.rtl .categoryBox img.show {
  display: inline-block;
}
.rtl .categoryBox img.hide {
  display: none;
}
.rtl h1 {
  font-size: 52px !important;
}
.rtl .bg-lite-purple {
  background-color: #F2EAFB;
}
.rtl .block-Wrap .block-img img {
  max-width: 100%;
}
.rtl .block-Wrap .block-text {
  margin-left: 8%;
}
.rtl .block-Wrap .block-text .app-store a {
  float: left;
  width: 280px;
}
.rtl .block-Wrap .block-text .app-store a:first-child {
  margin-right: 20px;
}
.rtl .block-Wrap .block-text .app-store a img {
  max-width: 100%;
}
.rtl .block-Wrap .block-text h1 {
  color: #050708;
  line-height: 40px;
  font-weight: 800;
  font-size: 36px !important;
}
.rtl .block-Wrap .block-text h1.font52 {
  font-size: 52px !important;
  line-height: 64px;
  font-weight: 700;
}
.rtl .block-Wrap .block-text p {
  font-size: 15px;
  line-height: 28px;
  color: #3E3E3E;
}
.rtl .block-Wrap .block-text p span {
  font-weight: 700;
}
.rtl .block-Wrap .block-text ul {
  margin: 25px 0 0 0;
  padding: 0;
  list-style: none;
}
.rtl .block-Wrap .block-text ul li {
  font-size: 15px;
  color: #050B20;
  margin-bottom: 15px;
  font-weight: 500;
}
.rtl .block-Wrap .block-text ul li span {
  background-color: #FFD2D4;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  border-radius: 20px;
  margin: 0px 5px;
}
.rtl .block-Wrap .block-text ul li span i {
  color: #050B20;
  font-size: 12px;
}
.rtl .course-wrap .course-img {
  background-size: contain;
  min-height: 500px;
  background-repeat: no-repeat;
  background-position: center top;
}
.rtl .course-wrap .course-img img {
  max-width: 100%;
}
.rtl .course-wrap .course-text {
  text-align: center;
  margin-top: 50px;
}
.rtl .course-wrap .course-text h2 {
  color: #050708;
  font-weight: 700;
  line-height: 36px;
  min-height: 75px;
  font-size: 30px !important;
}
.rtl .course-wrap .course-text p {
  color: #555555;
  font-size: 16px;
  line-height: 30px;
  margin: 0 20px;
}
.rtl .container {
  max-width: 1280px;
}
.rtl .banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.rtl .banner-text.whiteText h1 {
  color: #fff;
}
.rtl .banner-text.whiteText p {
  color: #fff;
}
.rtl .banner-text h2 {
  color: #fff;
  font-size: 32px;
  font-weight: 500;
}
.rtl .banner-text h1 {
  line-height: 60px;
  color: #E21E26;
  font-weight: bold;
  font-size: 60px !important;
}
.rtl .banner-text .bannerBtn {
  background: #050708;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border: 2px solid #fff;
  margin: 0 10px;
  border-radius: 10px;
  padding: 15px 30px;
  display: inline-block;
}
.rtl .banner-text .bannerBtn img {
  width: auto !important;
}
.rtl .banner-text .bannerBtn:hover {
  background-color: #E21E26;
}
.rtl .banner-text form {
  max-width: 800px;
  margin: auto;
}
.rtl .banner-text form input {
  font-size: 14px;
  color: #838383;
  border-radius: 8px;
  height: 52px;
  padding-left: 40px;
}
.rtl .banner-text form i {
  position: absolute;
  left: 30px;
  color: #9CA3AF;
  top: 18px;
  font-size: 15px;
}
.rtl .banner-text form i.fa-map-marker {
  font-size: 18px;
}
.rtl .banner-text form .btn {
  height: 52px;
}
.rtl .navbar-dark .navbar-nav .active > .nav-link, .rtl .navbar-dark .navbar-nav .navbar-dark .navbar-nav .nav-link.active, .rtl .navbar-dark .navbar-nav .navbar-dark .navbar-nav .nav-link.open, .rtl .navbar-dark .navbar-nav .navbar-light .navbar-nav .open > .nav-link {
  color: #000;
}
.rtl .customHeader {
  background-color: #fff !important;
  z-index: 1030;
  box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.2196078431);
  min-height: 100px;
}
.rtl .customHeader .nav-link {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  padding: 8px 15px;
  margin: 0 10px;
}
.rtl .customHeader .nav-link:hover {
  color: #E21E26;
}
.rtl .customHeader .nav-link:focus {
  color: #E21E26;
}
.rtl .customHeader .navbar-brand {
  display: flex;
  flex-grow: 1;
}
.rtl .customHeader .navbar-brand img {
  max-height: 80px;
}
.rtl .customHeader .btn {
  background-color: #E21E26;
  color: #fff;
  padding: 7px;
  min-width: 82px;
  border-color: #E21E26;
}
.rtl .customHeader .btn:hover {
  background-color: #050708;
  color: #FFFFFF;
}
.rtl .Partners-logo {
  background-color: #fff;
  border-radius: 8px;
  min-height: 120px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.rtl .Partners-logo img {
  padding: 0 10px;
}
.rtl footer {
  padding: 10px 0 0 0;
  color: #FFFFFF;
}
.rtl footer .footerLink {
  background-color: #161C30;
  border-radius: 15px;
  padding: 10px 15px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  max-width: 200px;
}
.rtl footer .footerLink:hover {
  background-color: #E21E26;
  cursor: pointer;
}
.rtl footer .footerLink span {
  float: left;
  font-size: 12px;
}
.rtl footer .footerLink span div {
  font-size: 15px;
}
.rtl footer .footerLink img {
  float: left;
  margin: 0 10px;
}
.rtl footer .socialIcon i {
  font-size: 20px;
  margin: 0 5px;
}
.rtl footer a {
  color: #fff;
}
.rtl footer a:hover {
  opacity: 0.8;
  color: #E21E26;
}
.rtl footer .hr {
  border-color: #E8DCC2;
  margin: 35px 0;
  width: 100%;
}
.rtl footer .subscribe h6 {
  font-weight: 400;
  font-size: 15px;
}
.rtl footer .subscribe input {
  height: 50px;
  border-radius: 8px;
}
.rtl footer .subscribe .btn {
  position: absolute;
  right: 22px;
  top: 39px;
  padding: 5px 19px;
}
.rtl footer .subscribe .btn:hover {
  background-color: #050708;
}
.rtl footer .footer-link {
  margin-bottom: 43px;
  padding-top: 33px;
}
.rtl footer .footer-link h5 {
  font-size: 20px !important;
  margin-bottom: 20px;
  font-weight: 500;
}
.rtl footer .footer-link ul li {
  margin-bottom: 15px;
}
.rtl footer .footer-link ul li a {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 300;
}
.rtl footer .footer-link ul li a:hover {
  color: #E21E26;
}
.rtl footer .footer-bottom {
  background-color: #050708;
  padding: 40px 0;
  border-top: 1px solid #E21E26;
}
.rtl .sliderTwo {
  display: block;
}
.rtl .sliderone {
  display: none;
}
.rtl .selectTheme {
  border: 1px solid #ddd;
  border-radius: 10px;
  width: 100%;
  height: 550px;
  overflow: hidden;
  margin-bottom: 50px;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
}
.rtl .selectTheme:hover img {
  top: -450%;
  opacity: 1;
}
.rtl .selectTheme.active {
  opacity: 1;
}
.rtl .selectTheme.active h3 {
  background-color: #000;
  color: #fff;
}
.rtl .selectTheme.active img {
  opacity: 1;
}
.rtl .selectTheme h3 {
  font-size: 18px;
  padding: 10px;
  font-weight: 700;
  background-color: #ebeaea;
  color: #000;
  position: relative;
  margin-bottom: 0;
  z-index: 10;
}
.rtl .selectTheme div.imgbox {
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  background-color: #f4f4f4;
  border: 0.1rem solid #ebebeb;
  margin-bottom: 1.2rem;
  padding-top: 80.95%;
  background-position: center top;
  transition: background-position 0.6s linear, box-shadow 0.3s;
}
.rtl .selectTheme div.imgbox:hover {
  background-position: center bottom;
  transition: background-position 2s linear, box-shadow 0.3s;
}
.rtl .selectTheme img {
  max-width: 100%;
  transition: top 5s;
  position: relative;
  top: 0;
  opacity: 0.5;
}
.rtl .serviceBoox {
  margin: 20px 0;
}
.rtl .serviceBoox .imgBox {
  min-height: 80px;
}
.rtl .serviceBoox .imgBox img {
  max-width: 80px;
  object-fit: contain;
  height: 80px;
}
.rtl .themeOne .addTocart i {
  color: #000000 !important;
}
.rtl .themeOne footer a:hover {
  color: #fff !important;
  text-decoration: underline;
}
.rtl .themeOne .carousel-cell {
  padding: 20px;
  box-shadow: 1px 0px 14px rgba(0, 0, 0, 0.0705882353);
  margin: 10px;
  height: auto !important;
}
.rtl .themeOne .reviewWrap h1 {
  text-align: center;
  margin-bottom: 70px !important;
}
.rtl .themeOne .reviewWrap h1 a {
  float: left !important;
  width: 100%;
  margin: 10px 0;
  font-weight: 400;
}
.rtl .themeOne .reviewWrap .carousel-arrow-next {
  left: inherit !important;
  top: 50% !important;
  right: -10px !important;
  border-radius: 100% !important;
}
.rtl .themeOne .reviewWrap .carousel-arrow-next:hover {
  background-color: #021A44 !important;
  color: #fff !important;
}
.rtl .themeOne .reviewWrap .carousel-arrow-next:hover::before {
  color: #fff !important;
}
.rtl .themeOne .reviewWrap .carousel-arrow-prev {
  left: -10px !important;
  top: 50% !important;
  right: inherit !important;
  border-radius: 100% !important;
}
.rtl .themeOne .reviewWrap .carousel-arrow-prev:hover {
  background-color: #021A44 !important;
  color: #fff !important;
}
.rtl .themeOne .reviewWrap .carousel-arrow-prev:hover::before {
  color: #fff !important;
}
.rtl .themeOne .CustomerReview {
  max-width: 600px;
  box-shadow: none !important;
  margin: auto !important;
  text-align: center;
}
.rtl .themeOne .CustomerReview span.pull-right {
  float: left !important;
}
.rtl .themeOne .CustomerReview .userInfo {
  display: flex;
  justify-content: center;
}
.rtl .themeOne .sliderTwo {
  display: none;
}
.rtl .themeOne .sliderone {
  display: block;
}
.rtl .themeOne .collapse.navbar-collapse {
  justify-content: left !important;
}
.rtl .themeOne .customHeader .navbar-nav .nav-link {
  border-radius: 5px;
  color: #021A44;
}
.rtl .themeOne .customHeader .navbar-nav .nav-link:hover {
  background-color: #021A44;
  color: #FFFFFF;
}
.rtl .themeOne .customHeader .addTocart a:hover {
  color: #021A44;
}
.rtl .themeOne .customHeader .btn {
  background-color: #021A44;
  border-color: #021A44;
}
.rtl .themeOne .customHeader .btn:hover {
  background-color: #ffffff;
  color: #021A44;
}
.rtl .themeOne .customHeader .addTocart a span {
  background-color: #021A44;
}
.rtl .themeOne .cube {
  display: none;
}
.rtl .themeOne .BannerSlider {
  background-color: #021A44;
  background: url('Themebanner-img.4e2b01771ed7900c.jpg') no-repeat center top;
  background-size: cover;
}
.rtl .themeOne .BannerSlider .banner-text h1 {
  color: #FFFFFF;
}
.rtl .themeOne .BannerSlider .banner-text p {
  color: #FFFFFF;
}
.rtl .themeOne .BannerSlider .banner-text .bannerBtn {
  background-color: #FFFFFF;
  color: #021A44;
}
.rtl .themeOne .BannerSlider .banner-text .bannerBtn:hover {
  background-color: #021A44;
  color: #FFFFFF;
}
.rtl .themeOne .BannerSlider .banner-text .bannerBtn img {
  display: none;
}
.rtl .themeOne .BannerSlider .banner-text .col-md-8 {
  margin: auto;
  text-align: center;
}
.rtl .themeOne .carousel-indicators li {
  width: 15px;
  height: 15px;
  border-radius: 100%;
}
.rtl .themeOne .BrowseCategoryList {
  min-height: 290px;
  margin-top: 5px;
  border-radius: 8px;
}
.rtl .themeOne .BrowseCategoryList img {
  object-fit: cover;
}
.rtl .themeOne .BrowseCategoryList .TitleText {
  padding: 78% 0 0 0px;
  height: 100%;
  top: 0;
}
.rtl .themeOne .BrowseCategoryList .TitleText:hover {
  background-color: rgba(2, 26, 68, 0.9215686275);
  padding: 0;
}
.rtl .themeOne .BrowseCategoryList .TitleText div {
  text-align: center;
  background: #021A44;
  min-height: 57px;
  padding-top: 15px;
}
.rtl .themeOne .BrowseCategoryList .TitleText div small {
  font-size: 20px;
  font-weight: 400;
}
.rtl .themeOne .ImgeBox {
  flex: 0 0 24.666667%;
  max-width: 24.666667%;
  margin-top: 24px;
  margin-bottom: -24px;
}
.rtl .themeOne .serviceBoox {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 35px;
  box-shadow: 1px 4px 30px rgba(0, 0, 0, 0.2705882353);
  position: relative;
  transition: all 0.5s ease-in-out;
}
.rtl .themeOne .serviceBoox:hover {
  background-color: #021A44;
  cursor: pointer;
}
.rtl .themeOne .serviceBoox:hover h3 {
  color: #FFFFFF;
}
.rtl .themeOne .serviceBoox:hover p {
  color: #FFFFFF;
}
.rtl .themeOne .serviceBoox .imgBox img {
  max-width: 80px;
}
.rtl .themeOne .chooseBox {
  background: transparent;
  position: relative;
}
.rtl .themeOne .chooseBox::before {
  content: "";
  width: 100%;
  background-color: #B6C3DA;
  min-height: 450px;
  position: absolute;
  left: 0;
  top: 0;
}
.rtl .themeOne .chooseBox .col-lg-3 {
  text-align: center;
}
.rtl .themeOne .chooseBox h3 {
  margin-top: 0px !important;
}
.rtl .themeOne .chooseBox p {
  min-height: 50px;
}
.rtl .themeOne .chooseBox .imgBox {
  width: 100%;
  left: 0;
}
.rtl .themeOne .chooseBox .imgBox img {
  background-color: #021A44;
  width: 100px;
  border-radius: 5px;
  padding: 10px;
  border-radius: 5px;
  padding: 10px;
  display: inline-block;
  position: relative;
  top: -50px;
  display: inline-block;
}
.rtl .themeOne .chooseBox h1 {
  color: #021A44;
  text-align: center;
  margin-bottom: 150px;
  position: relative;
}
.rtl .themeOne .chooseBox h3 {
  color: #021A44;
  margin-top: 50px;
}
.rtl .themeOne .chooseBox p {
  color: #021A44;
  max-width: 100%;
  font-size: 14px;
  line-height: 22px;
}
.rtl .themeOne .btn-Red {
  border-color: #021A44;
  background-color: #021A44;
}
.rtl .themeOne .btn-Red img {
  display: none;
}
.rtl .themeOne .btn-Red:hover {
  background-color: #ffffff;
  color: #021A44;
}
.rtl .themeOne .newsLetter input {
  border-color: #c0c9cd;
}
.rtl .themeOne .newsLetter button {
  position: relative;
  top: -3px;
  border-radius: 10px !important;
}
.rtl .themeOne .block-Wrap .block-text ul li span {
  background-color: #b6c3da;
}
.rtl .themeOne .statusReport {
  background-color: #B5C3DA;
}
.rtl .themeOne .statusReport h2 {
  color: #021A44;
}
.rtl .themeOne .statusReport p {
  color: #021A44;
}
.rtl .themeOne .newsLetter label {
  color: #021A44;
}
.rtl .themeOne .block-Wrap {
  padding-bottom: 80px;
}
.rtl .themeOne .block-Wrap iframe {
  height: 400px !important;
  border-radius: 8px;
}
.rtl .themeOne .block-Wrap .block-text {
  margin-left: 0;
}
.rtl .themeOne footer {
  background-color: #021A44;
}
.rtl .themeOne footer .footer-top {
  border-color: #fff;
  padding-bottom: 40px;
}
.rtl .themeOne footer .footer-top .col-lg-3 {
  text-align: center;
}
.rtl .themeOne footer .footer-top .col-lg-3 img {
  filter: sepia(1);
  width: 30px;
}
.rtl .themeOne footer .footer-link img {
  max-width: 100px !important;
}
.rtl .themeOne footer .boxOne h5 {
  color: #fff;
}
.rtl .themeOne footer .footer-bottom {
  background-color: #021A44;
  border-color: #fff;
  padding: 10px 0;
}
.rtl .themeOne .CustomerReview .pull-right img {
  filter: grayscale(1);
}
.rtl .themeOne .bgLoginLeft {
  filter: grayscale(1);
}
.rtl .themeOne .loginFromWrap h4 {
  color: #021A44;
}
.rtl .themeOne .text-orang {
  color: #021A44;
}
.rtl .themeOne .NewsLetterWrap {
  background-color: rgba(0, 0, 0, 0.4509803922);
  padding-top: 100px;
  background: url('newbg-theme.a121731fb2efdde4.jpg') no-repeat center top;
  padding-bottom: 100px;
}
.rtl .themeOne .NewsLetterWrap .col-lg-6 {
  flex: 0 0 100%;
  max-width: 100%;
}
.rtl .themeOne .NewsLetterWrap .imgBox {
  display: none;
}
.rtl .themeOne .NewsLetterWrap .newsLetter {
  background-color: #fff;
  padding: 120px 10%;
  max-width: 818px;
  margin: auto;
  border-radius: 75px 0 75px 0px;
}
.rtl .themeOne .E-Retail-Theme .filterBar .filter-Header {
  background-color: #021A44;
}
.rtl .themeOne .E-Retail-Theme .filterBar .btn-danger {
  background-color: #021A44;
  margin: 0 15px;
  border-color: #021A44;
}
.rtl .themeOne .E-Retail-Theme .filterBar .btn-danger:hover {
  background-color: #000;
}
.rtl .themeOne .E-Retail-Theme .filterBar .accordion .ngx-slider .ngx-slider-selection {
  background-color: #021A44;
}
.rtl .themeOne .E-Retail-Theme .filterBar .accordion .ngx-slider .ngx-slider-pointer:after {
  background-color: #021A44;
}
.rtl .themeOne .E-Retail-Theme .accordion .ngx-slider .ngx-slider-pointer {
  background-color: #021A44 !important;
}
.rtl .themeOne .E-Retail-Theme .productList .product-img .badge {
  background-color: #021A44;
  color: #fff;
}
.rtl .themeOne .E-Retail-Theme .productList .productDetails h6 {
  color: #021A44;
}
.rtl .themeOne .E-Retail-Theme .productList .productDetails .bottom-list .btn {
  background-color: #021A44;
  color: #fff;
}
.rtl .themeOne .E-Retail-Theme .productList .productDetails .number .minus,
.rtl .themeOne .E-Retail-Theme .productList .productDetails .number .plus {
  background: #021A44;
  border-radius: 100%;
}
.rtl .themeOne .E-Retail-Theme .detailDiscountNot {
  background-color: #021A44 !important;
  color: #fff;
  border: 1px solid #021A44 !important;
}
.rtl .themeOne .E-Retail-Theme .btn-cart {
  background-color: #021A44 !important;
  color: #fff;
  border: 1px solid #021A44 !important;
}
.rtl .themeOne .statis_header h1 {
  color: #021A44;
}
.rtl .themeOne .about-info h3 {
  color: #021A44;
}
.rtl .themeOne .ourService .servicesBox {
  background-color: #d2e2fe;
}
.rtl .themeOne .ourService .servicesBox img {
  filter: grayscale(1);
}
.rtl .themeOne #main #faq .card .card-header .btn-header-link {
  border: 1px solid #021A44;
  color: #021A44;
}
.rtl .themeOne #main #faq .card .collapse.show {
  border-color: #021A44;
}
.rtl .themeOne .OurBranches {
  background-color: #d2e2fe;
}
.rtl .themeOne .OurBranches img {
  filter: grayscale(1);
}
.rtl .carousel-arrow-prev {
  left: -50px !important;
}
.rtl .carousel-arrow-next {
  right: -50px !important;
}
.rtl .dates .mat-ink-bar {
  background-color: transparent !important;
}
.rtl .seachBox {
  margin: 50px 0;
  padding: 30px;
  border-radius: 17px;
  box-shadow: 1px 4px 10px 2px #e2e1e1;
}
.rtl .seachBox input {
  background-color: #FAFBFE;
  border: 1px solid #F0F0F0;
  height: 48px;
  padding-left: 40px;
  color: #838383;
  border-radius: 8px;
}
.rtl .seachBox i {
  position: absolute;
  left: 30px;
  color: #9CA3AF;
  top: 18px;
  font-size: 15px;
}
.rtl .seachBox button {
  min-width: 145px;
}
.rtl .searchResult {
  margin-bottom: 40px;
}
.rtl .searchResult h4 {
  color: #050708;
  font-weight: 500;
}
.rtl .searchResult p {
  color: #787887;
  font-size: 16px;
}
.rtl .rightBar a.iconList {
  color: #777777;
  font-size: 18px;
  margin: 0px 0px 0 16px;
}
.rtl .rightBar .form-control {
  width: 208px;
  display: inline-block;
  border-radius: 8px;
  background-color: #F2EAFB;
}
.rtl .profileImg {
  background-color: #F2EAFB;
  border-radius: 100%;
  min-width: 200px;
  min-height: 200px;
  width: 200px;
  margin: auto;
}
.rtl .profileImg img {
  max-width: 100%;
  border-radius: 100%;
  height: 200px;
  border: 1px solid #d9d9d9;
  min-width: 200px;
}
.rtl .profileInfo {
  box-shadow: 1px 0px 10px 1px #e2e1e1;
  padding: 19px 0;
  border-radius: 8px;
  margin-bottom: 20px;
}
.rtl .profileInfo .profileDetails h1 {
  font-size: 26px !important;
  font-weight: 500;
  margin-bottom: 10px;
  color: #050708;
  line-height: 37px;
}
.rtl .profileInfo .profileDetails p {
  font-size: 18px;
}
.rtl .profileInfo .profileDetails .ratting {
  font-size: large;
}
.rtl .profileInfo .profileDetails .ratting i {
  color: #B5944B;
  margin-right: 3px;
}
.rtl .profileInfo .profileDetails .ratting span a {
  font-size: 10px;
  color: #000;
}
.rtl .profileInfo .profileDetails .info {
  font-size: 16px;
  color: #000;
  margin-top: 15px;
  min-height: 20px;
  font-weight: 500;
}
.rtl .profileInfo .profileDetails .info.thumbsUP {
  color: #B5944B;
}
.rtl .profileInfo .profileDetails .info div {
  font-size: 15px;
  color: #A7A7A7;
}
.rtl .profileInfo .profileDetails .btn {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-bottom: 15px;
  font-weight: 500;
}
.rtl .profileInfo .profileDetails .btn.btn-deafult {
  background-color: #F2EAFB;
}
.rtl .profileInfo .profileDetails .btn.btn-deafult:hover {
  background-color: #050708;
  color: #fff;
}
.rtl .profileInfo .Qtynumber {
  display: inline-block;
  background: #f2eafb;
  border-radius: 35px;
  padding-top: 0 !important;
  margin-top: 10px !important;
}
.rtl .profileInfo .Qtynumber input {
  background-color: transparent;
}
.rtl .customTab {
  display: inline-flex;
  border: none;
  margin-left: 10px;
}
.rtl .customTab li a {
  border: none;
  color: #777777;
  font-size: 18px;
  padding: 0 3px 0 10px;
}
.rtl .customTab li a.active {
  color: #000;
}
.rtl .categoryTabs #profile {
  padding: 10px 13px 0 6px;
}
.rtl .categoryTabs #profile .profileInfo .profileImg {
  min-width: 150px;
  min-height: 150px;
  margin-top: 5px;
  width: 150px;
}
.rtl .categoryTabs #profile .profileInfo .profileImg img {
  height: 150px;
  min-width: 150px;
}
.rtl .categoryTabs #profile .profileInfo .profileDetails h1 {
  font-size: 18px !important;
  margin-top: 10px !important;
  line-height: 22px;
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 48px;
  -webkit-box-orient: vertical;
}
.rtl .selectCategory {
  background-color: #F2EAFB;
  border-radius: 15px;
  margin-bottom: 50px;
  height: 99%;
  min-height: 500px;
}
.rtl .selectCategory h2 {
  background-color: #050708;
  color: white;
  text-align: center;
  padding: 15px 0;
  border-radius: 15px 15px 0 0;
}
.rtl .selectCategory .accordion .card-header:after {
  font-family: "FontAwesome";
  content: "\f106";
  float: right;
  font-size: 25px;
}
.rtl .selectCategory .accordion .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f107";
}
.rtl .selectCategory .card {
  background-color: transparent;
  border-top: none;
  box-shadow: none;
  margin-bottom: 0;
  transition: all 0.5s ease;
}
.rtl .selectCategory .card .card-header {
  border-bottom: none;
  cursor: pointer;
}
.rtl .selectCategory .card .card-title {
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
.rtl .selectCategory .card .card-body {
  padding: 8px 25px;
  transition: all 0.5s ease;
}
.rtl .selectCategory .card .card-body ul li {
  margin-bottom: 10px;
}
.rtl .my-toast-class {
  height: 80px;
}
.rtl .selectTime .mat-elevation-z4 {
  box-shadow: none;
}
.rtl .selectTime .mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.rtl .selectTime .mat-tab-label {
  color: #3B2E4A;
  font-size: 16px;
  opacity: 1;
  height: 63px;
}
.rtl .selectTime .mat-tab-label-active {
  background-color: white;
  color: #B5944B;
  border-radius: 0;
  opacity: 1;
  border-bottom: 3px solid #B5944B;
}
.rtl .selectTime .timing {
  border-radius: 8px;
  color: #3B2E4A;
  font-size: 18px;
  margin: 13px 9px;
  padding: 15px 20px;
  min-width: 180px;
  font-weight: 500;
  border: 1px solid rgba(59, 46, 74, 0.231372549);
}
.rtl .selectTime .timing.active {
  background: rgba(181, 147, 75, 0.18);
  color: #B5944B;
  border: 1px solid #B5944B;
  transition: all 0.5s ease-in-out;
}
.rtl .status h2 {
  font-size: 28px !important;
  color: #050708;
  font-weight: 700;
}
.rtl .status p {
  font-size: 18px;
}
.rtl .review-box {
  margin-bottom: 50px;
}
.rtl .review-box .carousel-arrows {
  position: relative;
  right: 50px;
  bottom: -50px;
}
.rtl .review-box .carousel-arrows .carousel-arrow {
  box-shadow: none;
}
.rtl .review-box .carousel-arrows .carousel-arrow-prev {
  left: 96% !important;
}
.rtl .review-box .reviewDetails h4 {
  font-size: 18px !important;
  color: #050708;
  font-weight: 500;
}
.rtl .review-box .reviewDetails p {
  color: #727272;
  font-size: 18px;
  line-height: 30px;
  margin-top: 30px;
}
.rtl .review-box .carousel-cell {
  background-color: #fff !important;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  padding: 25px;
}
.rtl .review-box .imgBox {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #050708;
}
.rtl .review-box .carousel-dots {
  left: 0 !important;
  right: inherit !important;
  bottom: -70px !important;
}
.rtl .review-box .carousel-dot {
  background-color: #DDE0E4;
  margin: 0;
  width: 12px !important;
  height: 12px !important;
  border: none !important;
}
.rtl .review-box .carousel-dot.carousel-dot-active {
  width: 50px !important;
  background-color: #050708 !important;
}
.rtl .breadCame ul {
  padding: 0;
  margin: 0;
  padding-top: 15px;
  list-style: none;
}
.rtl .breadCame ul li {
  display: inline-block;
}
.rtl .breadCame ul li:last-child::before {
  display: none;
}
.rtl .breadCame ul li::before {
  content: "/";
  float: right;
  margin: 0 10px;
}
.rtl .breadCame ul li a {
  color: #888888;
}
.rtl .breadCame ul li a.active {
  color: #0E1D3E;
  font-weight: 600;
}
.rtl .needHelp {
  padding: 6rem 6rem 5rem 6rem;
}
.rtl .needHelp h1 {
  color: #050708;
  font-size: 60px !important;
  line-height: 60px;
  font-weight: 800;
  width: 80%;
}
.rtl .needHelp p {
  font-size: 20px;
}
.rtl .bglitepurple {
  background-color: #F2EAFB;
  border-radius: 8px;
}
.rtl .lds-ring {
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 1000;
  padding: 10px;
}
.rtl .lds-ring img {
  width: 80px;
  height: 80px;
}
.rtl .payment {
  font-size: 20px;
  padding: 25px 30px;
  color: #050708;
}
.rtl .payment .total-price {
  font-weight: 800;
}
.rtl .payment .total-price div:first-child {
  color: #000;
}
.rtl .payment .justify-content-between.total-price {
  font-weight: 800;
}
.rtl .payment .justify-content-between.total-price div:first-child {
  color: #000;
}
.rtl .payment .br {
  color: #E21E26;
}
.rtl .payment h2 {
  color: #050708;
  font-size: 24px !important;
  font-weight: 600;
  margin-bottom: 30px;
}
.rtl .payment hr {
  border-style: solid;
  border-color: #ddd;
}
.rtl .form-check input {
  height: auto;
}
.rtl .tagsList {
  margin-bottom: 30px;
}
.rtl .tagsList ul li {
  display: inline-block;
  background-color: #F2EAFB;
  border-radius: 8px;
  margin-right: 15px;
  font-size: 12px;
  margin-bottom: 10px;
  color: #000;
}
.rtl .tagsList ul li .form-check {
  padding: 8px 15px;
  padding-left: 35px;
}
.rtl .cardBox {
  box-shadow: -2px 0px 15px 1px #e2e1e1;
  padding: 19px 0;
  border-radius: 8px;
  margin-bottom: 20px;
}
.rtl .cardBox.jobWrap {
  padding: 25px;
  margin-bottom: 30px;
}
.rtl .cardBox.jobWrap .btn {
  min-width: 180px;
}
.rtl .cardBox.jobWrap .bookmark {
  font-size: 40px;
  color: #3B2E4A;
  margin-right: 18px;
  position: relative;
  top: 5px;
}
.rtl .cardBox.jobWrap h1 {
  font-size: 30px !important;
  color: #050708;
  min-height: 70px;
  font-weight: 600;
}
.rtl .cardBox.jobWrap h1 span {
  color: #B5944B;
  font-weight: 500;
  font-size: 20px !important;
}
.rtl .cardBox.jobWrap h3 {
  font-size: 20px !important;
  color: #000;
  font-weight: 500;
  margin-bottom: 10px;
}
.rtl .cardBox.jobWrap ul {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 20px;
}
.rtl .cardBox.jobWrap ul li {
  margin-bottom: 10px;
}
.rtl .form-control {
  border: 1px solid #ced4da;
}
.rtl .title {
  color: #050708;
}
.rtl .inputStyle {
  height: 46px;
}
.rtl .fileUpload input[type=file] {
  display: none;
}
.rtl .fileUpload .custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px 1px 12px;
  cursor: pointer;
  position: relative;
  color: #3B2E4A;
  font-weight: 600;
  top: 3px;
  border-radius: 5px;
  line-height: 18px;
}
.rtl .fileUpload .custom-file-upload img {
  position: relative;
  top: 4px;
}
.rtl .fileUploadPop label {
  font-weight: 400;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5803921569);
}
.rtl .fileUploadPop small {
  font-size: 8px;
  position: relative;
  top: -5px;
  color: #9b989b;
}
.rtl .navbar .userName {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #B5944B;
  color: #FFFFFF;
  font-size: 16px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
}
.rtl .navbar .ProfileDropMenu {
  top: 52px;
  right: 20px;
  overflow: inherit;
  min-width: 200px;
}
.rtl .navbar .ProfileDropMenu li:hover {
  background-color: #050708;
  cursor: pointer;
}
.rtl .navbar .ProfileDropMenu li:hover a {
  color: #fff;
}
.rtl .navbar .ProfileDropMenu li:hover a i {
  background-color: #050708;
  color: #fff;
}
.rtl .navbar .ProfileDropMenu li a {
  font-size: 15px;
  font-weight: 300;
  padding: 6px 10px;
  color: #3b2e4a;
  display: inline-block;
  width: 100%;
  text-shadow: 0 0 #3b2e4a;
}
.rtl .navbar .ProfileDropMenu li a i {
  width: 21px;
  height: 21px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  line-height: 21px;
  color: #665d6f;
  font-size: 14px;
}
.rtl .navbar .ProfileDropMenu::before {
  content: "\f0d8";
  position: absolute;
  right: 9px;
  top: -17px;
  color: #fff;
  font-family: "FontAwesome";
  z-index: 100;
  font-size: 20px;
}
.rtl .donorbg {
  background: url(/../../assets/images//donor-img.png) no-repeat center top;
  background-size: cover;
}
.rtl .headingStyle {
  font-size: 62px !important;
  font-weight: 600;
  line-height: 72px;
}
.rtl .DonorForm {
  max-width: 900px;
  margin: auto;
  margin-bottom: 80px;
  padding: 4%;
  background-color: #FFFFFF;
}
.rtl .DonorForm label {
  font-size: 22px;
  color: #888888;
  margin-bottom: 0;
}
.rtl .DonorForm .form-control {
  min-height: 60px;
  border-radius: 10px;
  border-color: #D9D9D9;
  font-size: 18px;
}
.rtl .DonorForm .inputDnD .form-control-file {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 9em;
  outline: none;
  visibility: hidden;
  cursor: pointer;
}
.rtl .DonorForm .inputDnD .form-control-file:before {
  content: attr(data-title);
  position: absolute;
  left: 0;
  width: 100%;
  min-height: 8em;
  line-height: 5em;
  padding-top: 1.5em;
  border-radius: 10px;
  opacity: 1;
  visibility: visible;
  text-align: center;
  border: 1px solid #D9D9D9;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: visible;
}
.rtl .customTabsProfile .mat-tab-label {
  border: 1px solid #ddd;
  color: #2e2e2e;
  height: 60px;
}
.rtl .myProfile .mat-form-field {
  margin-bottom: 10px;
}
.rtl .mat-tab-label-active {
  background: #050708;
  color: #fff;
  border-radius: 5px;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.rtl .mat-tab-label-active .mat-tab-label-content {
  color: #fff;
}
.rtl .timing.active {
  background: #F2EAFB;
  color: #3b2e4a;
  border: 1px solid #3b2e4a;
}
.rtl .profile-img {
  background-color: #ddd;
  width: 200px;
  height: 200px;
  border-radius: 100%;
  position: relative;
  margin: auto;
}
.rtl .profile-img .ImgUpload {
  position: absolute;
  right: 0;
  bottom: -52px;
  width: 100%;
}
.rtl .btn-file {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.rtl .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  cursor: inherit;
  display: block;
}
.rtl .modal-header {
  background-color: #050708;
}
.rtl .modal-header h4 {
  color: #fff;
  font-size: 24px !important;
  margin-bottom: 0;
  margin-top: 5px;
}
.rtl .modal-header .close {
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
}
.rtl .modal-content {
  border-radius: 8px;
}
.rtl .prograssBar {
  height: 10px;
  border-radius: 0;
  margin-top: 3px;
}
.rtl .prograssBar .progress-bar {
  background-color: #B5944B;
}
.rtl .OverallRating {
  background-color: #F2EAFB;
  text-align: center;
  padding: 35px 0 15px 0;
}
.rtl .chart_status {
  margin-top: 63px;
}
.rtl .chart_status img {
  max-width: 100%;
}
.rtl .img-thumnail {
  background-color: #F5F7FA;
  height: 160px;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
.rtl .img-thumnail img {
  height: auto;
}
.rtl .btn-light {
  background: #F2EAFB !important;
  font-weight: 500;
}
.rtl .font-500 {
  font-weight: 500;
}
.rtl .countNumner {
  position: relative;
}
.rtl .countNumner .count {
  position: absolute;
  right: 16px;
  top: 37px;
}
.rtl .passwordIcon {
  position: relative;
}
.rtl .course-wrap {
  background-color: #fff;
  border: 1px solid #f2eafe;
  padding: 14px 15px 5px 15px;
  margin-bottom: 25px;
  border-radius: 5px;
  margin-top: 5px;
}
.rtl .course-wrap h3 {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 800;
  color: #050708;
}
.rtl .course-wrap table {
  margin-bottom: 0;
}
.rtl .course-wrap table tr td {
  border: none;
  padding: 7px 5px;
  border-top: 1px solid #fff9f9;
}
.rtl .course-wrap table tr td:first-child {
  font-weight: 600;
}
.rtl .course-wrap .seatBox {
  background-color: #f2eafe;
  padding: 14px 10px;
  text-align: center;
  margin-bottom: 8px;
  border-radius: 5px;
  margin-top: 7px;
}
.rtl .course-wrap .seatBox div {
  color: #B5944B;
  font-size: 20px;
  margin-top: 10px;
  font-weight: 600;
}
.rtl .containerWrap {
  max-width: 1500px;
}
.rtl .needHelp {
  background-color: #F2EAFB;
  border-radius: 5px;
}
.rtl #review-modal .review-box .carousel-cell p {
  min-height: 120px;
  overflow-x: auto;
  height: 220px;
  overflow-y: auto;
}
.rtl #review-modal .review-box .carousel-cell p::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px;
}
.rtl #review-modal .review-box .carousel-cell p::-webkit-scrollbar-track {
  background: #050708;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.rtl #review-modal .review-box .carousel-cell p::-webkit-scrollbar-thumb {
  background: #B5944B;
  border-radius: 10px;
}
.rtl #skillsModal {
  background: rgba(0, 0, 0, 0.6);
}
.rtl #review-modal {
  background: rgba(0, 0, 0, 0.6);
}
.rtl .dropdown-menu-listing .list:nth-child(even) {
  background: #fff;
}
.rtl .dropdown-menu-listing .list:nth-child(odd) {
  background: #ededed;
}
.rtl .top-head-dropdown .dropdown-menu {
  overflow-x: hidden !important;
  height: 500px !important;
  width: 400px !important;
  margin-top: 10px;
}
.rtl .top-head-dropdown .dropdown-menu li:first-child {
  position: sticky;
  top: -12px;
  background: #ffffff !important;
  z-index: 10;
  padding-top: 17px;
  padding-bottom: 5px;
  margin-top: -12px;
  color: #fff;
}
.rtl .top-head-dropdown .dropdown-menu li:first-child .mat-checkbox {
  position: absolute;
  left: 50px;
}
.rtl .top-head-dropdown .dropdown-menu li:first-child .mat-checkbox label {
  color: #fff;
  padding: 1px;
}
.rtl .top-head-dropdown .dropdown-menu li:first-child .mat-checkbox label .mat-checkbox-inner-container {
  background-color: #fff;
}
.rtl .top-head-dropdown .dropdown-menu li:first-child .mat-checkbox label .mat-checkbox-inner-container span.mat-checkbox-frame {
  border: none;
}
.rtl .top-head-dropdown .dropdown-menu li:first-child .mat-checkbox label .mat-checkbox-inner-container span.mat-checkbox-persistent-ripple {
  border: none;
}
.rtl .top-head-dropdown .dropdown-menu li:first-child .mat-checkbox input[type=checkbox] {
  accent-color: #fe6d52;
}
.rtl .top-head-dropdown .dropdown-menu li:first-child .mat-checkbox .mat-checkbox-inner-container {
  margin-left: 5px;
}
.rtl .top-head-dropdown .dropdown-menu li .top-text-block {
  padding: 9px !important;
}
.rtl .top-head-dropdown .dropdown-menu li .top-text-block:hover {
  background-color: inherit !important;
}
.rtl .top-head-dropdown .dropdown-menu li .top-text-block:hover::before {
  left: -10px !important;
}
.rtl .top-head-dropdown .dropdown-menu li .top-text-block .top-text-heading {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #202020 !important;
}
.rtl .top-head-dropdown .dropdown-menu li .top-text-block .top-text-view {
  background-color: var(--main-color-hover) !important;
  border-radius: 50px;
  padding: 2px 8px 1px 8px !important;
  position: relative;
  top: -6px;
  font-size: 12px !important;
}
.rtl .top-head-dropdown .dropdown-menu li .dropdown-list li {
  background-color: transparent !important;
  color: #000;
  padding: 10px !important;
  margin: inherit !important;
  position: inherit;
  line-height: 18px !important;
  top: inherit !important;
}
.rtl .dropdown-menu-left-arabic {
  position: absolute !important;
  left: 0 !important;
}
.rtl .text-left-arabic, .rtl .text-left-arabic .mat-checkbox {
  position: absolute !important;
  left: 7px !important;
}
.rtl .chooseBox {
  background-color: #050708;
  padding: 80px 0px 60px 0;
}
.rtl .chooseBox h1 {
  font-size: 40px !important;
  color: #fff;
  font-weight: 900;
  margin-bottom: 40px;
}
.rtl .chooseBox h3 {
  font-size: 20px !important;
  font-weight: 800;
  color: #E21E26;
  margin-bottom: 10px;
  margin-top: 20px;
}
.rtl .chooseBox p {
  font-size: 15px;
  color: #fff;
  line-height: 28px;
  max-width: 80%;
}
.rtl .space100 {
  padding: 100px 0;
}
.rtl h1 {
  color: #050B20;
  font-size: 40px !important;
  font-weight: 700;
}
.rtl .ImgeBox {
  padding: 0 8px;
}
.rtl .NewsLetterWrap .imgBox img {
  max-width: 500px;
  min-height: 500px;
  object-fit: contain;
}
.rtl .imgWrap {
  max-width: 500px;
}
.rtl .imgWrap img {
  max-width: 100%;
}
.rtl .BrowseCategoryList {
  position: relative;
  margin: 35px 0 10px 0;
  overflow: hidden;
  height: 200px;
  display: flex;
  justify-content: center;
}
.rtl .BrowseCategoryList:hover img {
  transform: scale(1.2);
}
.rtl .BrowseCategoryList:hover .TitleText {
  top: 0px;
}
.rtl .BrowseCategoryList img {
  max-width: 100%;
  transition: all 0.5s ease-in-out;
  transform: scale(1);
  height: 100%;
  object-fit: contain;
}
.rtl .BrowseCategoryList .TitleText {
  position: absolute;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4784313725) 0%, rgba(0, 0, 0, 0.3215686275) 70%, rgba(0, 0, 0, 0.3882352941) 100%);
  font-size: 18px;
  color: #fff;
  width: 100%;
  transition: all 0.2s ease-in-out;
  left: 0;
  top: -80px;
  transition: all 0.5s ease-in-out;
  padding: 25px 0 0 20px;
  height: 165%;
}
.rtl .BrowseCategoryList .TitleText:hover {
  background: rgba(226, 30, 38, 0.5411764706);
  cursor: pointer;
}
.rtl .BrowseCategoryList .TitleText:hover .botmText {
  bottom: 160px;
}
.rtl .BrowseCategoryList .TitleText div small {
  font-size: 15px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 5px;
  display: inline-block;
}
.rtl .BrowseCategoryList .TitleText div p {
  font-size: 20px;
  font-weight: 600;
}
.rtl .BrowseCategoryList .TitleText div .botmText {
  font-size: 12px;
  position: absolute;
  bottom: -100px;
  width: 82%;
}
.rtl .our_product {
  margin: 10px 0 15px 0;
}
.rtl .our_product:hover .imgWrap .favoutList {
  right: 10px;
}
.rtl .our_product .imgWrap {
  background-color: #EFEFEF;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.rtl .our_product .imgWrap img {
  margin: auto;
}
.rtl .our_product .imgWrap .favoutList {
  position: absolute;
  right: -40px;
  top: 10px;
  transition: all 0.5s ease-in-out;
}
.rtl .our_product .imgWrap .favoutList a {
  background-color: #fff;
  width: 34px;
  height: 34px;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  border-radius: 100%;
}
.rtl .our_product .imgWrap .favoutList a:hover {
  background-color: #E21E26;
}
.rtl .our_product .imgWrap .favoutList a:hover i {
  color: #fff;
}
.rtl .our_product .imgWrap .favoutList a i {
  font-size: 18px;
}
.rtl .our_product .productInfo {
  margin-top: 15px;
  font-weight: 500;
}
.rtl .our_product .productInfo p {
  font-size: 16px;
  color: #000;
  text-align: center;
}
.rtl .our_product .productInfo .price {
  color: #FE6D52;
}
.rtl .our_product .productInfo .price span {
  text-decoration: line-through;
  color: #808080;
}
.rtl .our_product .productInfo a {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 15px 0;
  font-size: 16px;
  background-color: #0E1D3E;
  border-radius: 50px;
}
.rtl .our_product .productInfo a:hover {
  background-color: #E21E26;
}
.rtl .videoBox {
  position: relative;
}
.rtl .videoBox .playBtn {
  position: absolute;
  top: 50%;
  left: 43%;
  transform: translateY(-50%);
  background-color: red;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  line-height: 95px;
  text-align: center;
}
.rtl .videoBox .playBtn:hover {
  background-color: #0E1D3E;
}
.rtl .videoBox .playBtn i {
  font-size: 25px;
  color: #fff;
}
.rtl .bgBlue {
  background-color: #050708;
}
.rtl .popularProduct h1 {
  color: #fff;
  margin-bottom: 40px;
}
.rtl .popularProduct h1 a {
  color: #fff;
}
.rtl .popularProduct .Partners-logo {
  background: transparent;
  border-radius: 0;
}
.rtl .popularProduct .productInfo p {
  color: #fff;
}
.rtl .popularProduct .productInfo a {
  border: 1px solid #fff;
}
.rtl .popularProduct .carousel-arrow-next {
  left: 60px !important;
  bottom: -52px;
  background-color: transparent !important;
  background-image: none !important;
  border: 2px solid #fff;
  border-radius: 10px !important;
  top: inherit !important;
  text-align: center;
  line-height: 35px;
}
.rtl .popularProduct .carousel-arrow-next:hover {
  background-color: #E21E26 !important;
}
.rtl .popularProduct .carousel-arrow-next::before {
  content: ">";
  color: #fff;
  font-size: 15px;
}
.rtl .popularProduct .carousel-arrow-prev {
  left: -3px !important;
  bottom: -52px;
  background-image: none !important;
  border: 2px solid #fff;
  border-radius: 10px !important;
  background-color: transparent !important;
  top: inherit !important;
  text-align: center;
  line-height: 35px;
}
.rtl .popularProduct .carousel-arrow-prev:hover {
  background-color: #E21E26 !important;
}
.rtl .popularProduct .carousel-arrow-prev::before {
  content: "<";
  color: #fff;
  font-size: 15px;
}
.rtl .blogPost {
  margin-bottom: 20px;
}
.rtl .blogPost .blogImg {
  position: relative;
  margin: 20px 0;
  overflow: hidden;
}
.rtl .blogPost .blogImg:hover {
  cursor: pointer;
}
.rtl .blogPost .blogImg:hover img {
  transform: scale(1.2);
}
.rtl .blogPost .blogImg:hover span {
  top: 20px;
}
.rtl .blogPost .blogImg img {
  max-width: 100%;
  border-radius: 10px;
  transition: all 0.5s ease-in-out;
  transform: scale(1);
}
.rtl .blogPost .blogImg span {
  position: absolute;
  top: -30px;
  left: 20px;
  background-color: #fff;
  color: #050B20;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.5s ease-in-out;
  border-radius: 20px;
  padding: 3px 20px;
}
.rtl .blogPost .blogInfo .date {
  font-size: 15px;
  color: #050B20;
  margin-bottom: 10px;
}
.rtl .blogPost .blogInfo p {
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  color: #050B20;
}
.rtl .statusReport {
  background-color: #FFE7E8;
  padding: 70px 0 50px 0;
}
.rtl .statusReport h2 {
  font-size: 38px !important;
  color: #050B20;
  text-align: center;
  font-weight: 800;
}
.rtl .statusReport p {
  font-size: 15px;
  text-align: center;
}
.rtl .reviewWrap .carousel-arrow-next {
  left: 60px !important;
  bottom: -52px;
  background-color: transparent !important;
  background-image: none !important;
  border: 2px solid #fff;
  border-radius: 10px !important;
  top: inherit !important;
  text-align: center;
  line-height: 35px;
}
.rtl .reviewWrap .carousel-arrow-next:hover {
  background-color: #E21E26 !important;
}
.rtl .reviewWrap .carousel-arrow-next::before {
  content: ">";
  color: #0a0a0a;
  font-size: 15px;
}
.rtl .reviewWrap .carousel-arrow-prev {
  left: -3px !important;
  bottom: -52px;
  background-image: none !important;
  border: 2px solid #fff;
  border-radius: 10px !important;
  background-color: transparent !important;
  top: inherit !important;
  text-align: center;
  line-height: 35px;
}
.rtl .reviewWrap .carousel-arrow-prev:hover {
  background-color: #E21E26 !important;
}
.rtl .reviewWrap .carousel-arrow-prev::before {
  content: "<";
  color: #0a0a0a;
  font-size: 15px;
}
.rtl .reviewWrap .CustomerReview {
  padding: 20px;
  box-shadow: 1px 0px 14px rgba(0, 0, 0, 0.0705882353);
  margin: 10px;
}
.rtl .reviewWrap .CustomerReview div h3 {
  font-weight: 500;
  font-size: 20px !important;
  display: inline;
  color: #050B20;
}
.rtl .reviewWrap .CustomerReview .userInfo .userImg {
  width: 50px;
  float: left;
}
.rtl .reviewWrap .CustomerReview .userInfo .userImg img {
  background-color: #ddd;
  border-radius: 100%;
  width: 50px;
  height: 50px;
}
.rtl .reviewWrap .CustomerReview p {
  margin: 20px 0 20px 0;
  color: #050B20;
  line-height: 27px;
  min-height: 130px;
}
.rtl .mainsearch {
  border: 2px solid #fff;
  background-color: rgba(237, 225, 225, 0.65);
  border-radius: 50px;
  margin-top: 70px;
  padding: 20px;
  position: relative;
}
.rtl .mainsearch input {
  max-width: 85%;
  color: #ffffff;
  width: 100%;
  border: none;
  outline: none;
  font-size: 16px;
  background-color: transparent;
}
.rtl .mainsearch button {
  position: absolute;
  right: 20px;
  top: 6px;
  width: 200px;
  font-size: 16px;
  background-color: #E21E26;
  padding: 15px 20px;
  border-radius: 50px;
  color: #fff;
  border: none;
}
.rtl .mainsearch button:hover {
  background-color: #050708;
}
.rtl .mainsearch button i {
  margin: 0 5px;
}
.rtl .loginFromWrap {
  max-width: 560px;
  margin: auto;
  padding-top: 10%;
}
.rtl .loginFromWrap h4 {
  color: #E21E26;
  font-size: 40px !important;
  font-weight: 800;
  margin-bottom: 40px;
  text-align: center;
}
.rtl .loginFromWrap .btn {
  min-width: 130px;
}
.rtl .text-orange {
  color: #E21E26;
}
.rtl .footer-top {
  font-size: 20px;
  border-bottom: 1px solid #E21E26;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.rtl .footer-top p {
  font-size: 20px;
}
.rtl .footer-top .boxOne h5 {
  color: #E21E26;
  font-size: 20px !important;
  margin-bottom: 10px;
}
.rtl .footer-top .boxOne p {
  font-size: 22px;
  max-width: 90%;
  line-height: 25px;
}
.rtl .newsLetter label {
  color: #E21E26;
}
.rtl .newsLetter h4 {
  font-size: 40px !important;
  color: #050B20;
  font-weight: 600;
}
.rtl .newsLetter p {
  color: #050B20;
  font-size: 15px;
  max-width: 82%;
  margin: 22px 0 20px 0;
  line-height: 22px;
}
.rtl .newsLetter input {
  width: 72%;
  display: inline-block;
  border-color: #050708;
  padding: 15px;
  background-color: transparent;
  height: 53px;
  color: #050708;
  border-radius: 10px;
}
.rtl .newsLetter button {
  width: 23%;
  margin-left: 1%;
  border-radius: 10px;
  height: 53px;
}
.rtl .myCart {
  border: 1px solid #ddd;
}
@media screen and (max-width: 1280px) {
  .rtl .mobileList {
    flex-flow: nowrap;
    width: 100%;
    position: absolute;
    right: 0;
    top: 22px;
    justify-content: end;
  }
  .rtl .navbar-brand {
    margin-left: 50px;
  }
  .rtl .navbar-toggler {
    position: absolute;
    left: 5px;
    z-index: 100;
    top: 28px;
    border: black;
    background: #E21E26;
    /* padding: 10px 13px; */
    border-radius: 100%;
    width: 40px;
    height: 40px;
    font-weight: 500;
  }
  .rtl .ProfileDropMenu {
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .rtl .themeOne .navbar-toggler {
    background: #000000;
  }
  .rtl .themeOne .ImgeBox {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .rtl .themeOne .chooseBox {
    padding-bottom: 0;
  }
  .rtl .themeOne .chooseBox h1 {
    margin-bottom: 80px;
  }
  .rtl .themeOne .chooseBox h3 {
    margin-top: 20px;
  }
  .rtl .themeOne .serviceBoox {
    margin-bottom: 55px;
    height: auto;
  }
  .rtl .themeOne .serviceBoox .imgBox {
    position: relative;
    top: 0;
  }
  .rtl .themeOne .serviceBoox .imgBox img {
    max-width: 80px;
  }
  .rtl .themeOne .block-Wrap iframe {
    width: 100% !important;
  }
  .rtl .BannerSlider .carousel-item img {
    width: auto;
  }
  .rtl .BannerSlider {
    height: 450px;
    background: linear-gradient(183deg, #3e394f, #3b2e4a);
  }
  .rtl .imgBox {
    max-width: 100%;
  }
  .rtl footer .footer-link {
    text-align: center;
  }
  .rtl .newsLetter h4 {
    font-size: 30px !important;
  }
  .rtl .newsLetter input {
    width: 100%;
  }
  .rtl .newsLetter button {
    width: auto;
    margin-top: 10px;
  }
  .rtl .newsLetter form {
    text-align: center;
  }
  .rtl .banner-text {
    top: 29%;
  }
  .rtl .banner-text h1 {
    font-size: 27px !important;
    line-height: 35px;
    font-weight: 500;
    text-transform: capitalize;
  }
  .rtl .banner-text form input {
    width: 96%;
  }
  .rtl h1 {
    font-size: 36px !important;
  }
  .rtl .block-Wrap .block-text h1.font52 {
    font-size: 36px !important;
    line-height: 40px;
  }
  .rtl .block-Wrap .block-text h1.font52 br {
    display: none;
  }
  .rtl .container.mt-5 {
    margin-top: 15px !important;
  }
  .rtl .container.pt-5 {
    padding-top: 15px !important;
  }
  .rtl .profileInfo .profileDetails .btn {
    width: 100%;
  }
  .rtl .customHeader .navbar-collapse {
    margin-top: 27px;
  }
  .rtl .customHeader .navbar-brand {
    margin: 0;
  }
  .rtl .customHeader .navbar-brand img {
    max-width: 60px;
    position: relative;
    left: 40px;
  }
  .rtl .customHeader {
    min-height: 70px;
  }
  .rtl #item-filter .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 5px;
    padding-right: 5px;
  }
  .rtl #item-filter .icon-List {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 5px;
    padding-right: 5px;
  }
  .rtl .E-Retail-Theme .productList {
    margin-top: 0;
  }
  .rtl .E-Retail-Theme .RowsView .productDetails {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .rtl .E-Retail-Theme .RowsView .productDetails td {
    display: inline-block;
    width: 100% !important;
    border: none;
  }
  .rtl .E-Retail-Theme .RowsView .productDetails td:last-child {
    padding-bottom: 10px;
  }
  .rtl .E-Retail-Theme .listView .productList .product-img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .rtl .E-Retail-Theme .listView .productList .productDetails {
    width: 100%;
  }
  .rtl .E-Retail-Theme .right-side .show-list {
    height: inherit;
  }
  .rtl .customHeader .nav-link {
    font-size: 13px;
    margin: 0 10px;
    color: #000 !important;
  }
  .rtl .addTocart a {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 16px;
    padding: 6px 17px 3px 0px;
  }
  .rtl .addTocart a span {
    font-size: 10px;
    width: 15px;
    height: 15px;
    left: 6px;
    line-height: 15px;
  }
  .rtl .statis_header {
    padding: 3rem 2rem;
  }
  .rtl .statis_header h1 {
    font-size: 40px !important;
  }
  .rtl .OurBranches {
    padding-top: 50px;
  }
  .rtl .OurBranches h2 {
    font-size: 30px !important;
  }
  .rtl .OurBranches .BranchesBox p {
    font-size: 20px;
  }
  .rtl #infinite-list .col-lg-4 {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
  }
  .rtl #infinite-list .col-lg-12 {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
  }
  .rtl .filter-search {
    position: absolute;
    right: 8px;
    top: -47px;
    width: 68%;
  }
  .rtl .quickShop {
    margin: 0 !important;
    padding-top: 10px;
  }
  .rtl #item-filter .multi-select-margin {
    min-height: 36px;
    margin-bottom: 15px;
  }
  .rtl #item-filter button.mb-3 {
    margin-bottom: 0 !important;
  }
  .rtl #itemsSection hr {
    display: none;
  }
  .rtl #itemsSection .col-md-4.text-right {
    position: absolute;
    right: 0;
  }
  .rtl #itemsSection .icon-List .selected-list {
    padding-left: 40px;
  }
  .rtl #itemsSection .c-btn > span {
    font-size: 12px;
  }
  .rtl #itemsSection .wishList {
    display: none !important;
  }
  .rtl #itemsSection .col-md-1.text-right {
    margin-top: 0 !important;
  }
  .rtl .mobileList .top-head-dropdown ul.dropdown-menu-right {
    position: absolute;
    right: 0;
    width: 250px !important;
  }
  .rtl .mobileList .top-head-dropdown ul.dropdown-menu-right li:first-child h6 {
    font-size: 20px !important;
    text-align: center;
  }
  .rtl .mobileList .top-head-dropdown ul.dropdown-menu-right li:first-child .col-md-6 .mat-checkbox {
    position: relative;
    left: inherit;
  }
  .rtl .mobileList .top-head-dropdown ul.dropdown-menu-right li:first-child .col-md-6.text-right {
    text-align: center !important;
  }
  .rtl .mobileList li:last-child a {
    margin: 0;
  }
  .rtl .mobileList .custom-dropdown .dropdown-menu.show {
    display: inline-block !important;
    left: -80px;
  }
  .rtl .redBox .text h2 {
    font-size: 27px !important;
    margin-bottom: 0;
  }
  .rtl .redBox .text p {
    font-size: 16px;
  }
}
.rtl .showBoxtheme .card {
  border: 1px solid #e3d8d8 !important;
  box-shadow: 0 1px 10px #ddd;
  padding: 15px 15px 0px 15px;
  border-radius: 5px;
  height: 95%;
}
.rtl .showBoxtheme .card app-multilingual-input-field {
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}
.rtl .showBoxtheme .card .labelstyle {
  font-weight: 600;
}
.rtl .showBoxtheme .card .mat-form-field-wrapper {
  padding-bottom: 0;
  background: #f5f5f5;
}
.rtl .tabeStyleCustom {
  background: #f5f5f5;
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 5px;
}
.rtl .tabeStyleCustom li a {
  text-align: left;
  text-align: left !important;
  padding: 14px 15px;
  border-bottom: none !important;
}
.rtl .tabeStyleCustom li a.active {
  background: #000 !important;
  color: #fff !important;
  border-radius: 5px !important;
}
.rtl .pageSettingTabs .mat-tab-list {
  background-color: #e9e9e9;
}
.rtl .header-navbar .navbar-wrapper {
  background-color: #ffffff;
  border-bottom: 1px solid #ddd;
}
.rtl .loginWrap input {
  height: 44px;
}
.rtl .loginWrap label {
  font-weight: 600;
}
.rtl .loginWrap i.fa-eye {
  font-size: 16px;
}
.rtl .loginWrap i.fa-eye-slash {
  font-size: 16px;
}
.rtl .loginWrap button {
  padding: 10px 15px;
}
.rtl .footer-text {
  font-size: 12px !important;
}
.rtl .footer-text a {
  color: #1d1d1a;
}
.rtl .sideMenuAllSearch .mat-form-field-infix {
  padding: 8px 5px 10px 4px !important;
}
.rtl .top-head-dropdown ul li {
  padding: 0 0 !important;
}
.rtl .top-head-dropdown ul li:last-child {
  border-bottom: none !important;
}
.rtl .top-head-dropdown ul li a {
  padding: 9px 15px !important;
  display: inline-block;
  font-size: 16px;
  background-color: #fff;
}
.rtl .top-head-dropdown ul li a:hover {
  background-color: #fceee1;
  color: #000;
}
.rtl .top-head-dropdown ul li a:focus {
  background-color: #fceee1;
  color: #000;
}
.rtl .summary-pill .summary-pill-heading {
  font-size: 20px;
}
.rtl .summary-pill .arabic-text {
  font-size: 35px;
  font-weight: 600;
  padding-top: 13px;
}
.rtl .summary-pill .arabic-text span {
  font-size: 35px;
}
.rtl .form-container {
  padding: 20px;
}
.rtl .form-container input {
  height: 46px;
  border-color: #D4D4D4;
}
.rtl .btn-generate {
  position: absolute;
  right: 15px;
  top: 10px;
}
.rtl .activebtn {
  box-shadow: none;
  background-color: #E87403 !important;
}
.rtl .activebtn:hover {
  background-color: #E87403;
}
.rtl .activebtn:focus {
  background-color: #E87403;
}
.rtl .dropdown-list .list-filter input {
  min-height: 33px;
  height: auto;
}
.rtl .form-container .gray-area {
  min-height: 38px;
  line-height: 28px;
}
.rtl .form-container .input-label {
  padding-bottom: 5px;
  font-weight: 600;
}
.rtl .form-container .disabled-dropdown .selected-list .c-btn {
  background-color: #d4d4d4 !important;
}
.rtl .form-container .text-danger {
  font-weight: 600;
  font-size: 14px;
}
.rtl .form-container .input-group .input-group-text {
  border-radius: 8px 0 0 8px;
  background: #6e6e6e;
  border-right: none;
  color: #fff;
}
.rtl .cancell-btn:hover {
  background-color: #000 !important;
}
.rtl .cancell-btn:focus {
  background-color: #000 !important;
}
.rtl .disabledPar-btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1;
}
.rtl .DatepickerWrap input {
  height: inherit;
}
.rtl .select-DatePicker .mat-form-field-infix {
  padding: 11px 5px 11px 5px;
}
.rtl .select-DatePicker .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #D4D4D4;
  background-color: #fff;
}
.rtl .CustomDropList .selected-list .c-list {
  margin-top: 0;
}
.rtl .CustomDropList .selected-list .c-list .c-token {
  background-color: #000;
}
.rtl .headingFilter {
  border-bottom: 1px solid #ffffff;
  padding: 14px 20px;
  background: #fbf4ed;
  margin-bottom: 0 !important;
  border-radius: 5px;
  cursor: pointer;
}
.rtl .headingFilter.collapsed i::before {
  content: "\f067";
  font: normal normal normal 14px/1 FontAwesome;
}
.rtl .headingFilter i {
  position: absolute;
  right: 45px;
  color: #000;
  font-size: 16px;
  top: 15px;
}
.rtl .headingFilter i::before {
  content: "\f068";
  font: normal normal normal 14px/1 FontAwesome;
}
.rtl .filterWrap .card-body {
  border: none;
  padding: 0;
}
.rtl .filterWrap form {
  background: #fbf4ed;
  padding: 5px 15px 15px 15px;
}
.rtl .filterWrap form .input-label {
  color: #000;
}
@media screen and (max-width: 1000px) {
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-right {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .rtl .main-bg {
    padding-top: 50px;
  }
}
.rtl body {
  direction: rtl;
  background-color: #000 !important;
  font-family: "Cairo", sans-serif !important;
}
.rtl .rtl {
  font-family: "Cairo", sans-serif !important;
  text-align: right;
  direction: rtl;
}
.rtl .container {
  direction: rtl;
  text-align: right;
}
.rtl nav, .rtl .block-Wrap, .rtl .ArabicView {
  direction: rtl;
  text-align: right;
}
.rtl login page css for arabic start body {
  text-align: right;
}
.rtl button, .rtl .form-control, .rtl footer, .rtl .modal {
  font-family: "Cairo", sans-serif !important;
}
.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6, .rtl p, .rtl body, .rtl nav {
  text-align: right;
  font-family: "Cairo", sans-serif !important;
}
.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;
  padding-right: 0;
  padding-left: 0;
}
.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: 0%;
  width: 100%;
  background: url(/../../assets/images/login-bg.png);
  padding: 55px 100px;
  padding-top: 15%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  display: inline-flex;
  margin: auto;
  justify-content: center;
  color: #FFFFFF;
}
.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 .SelectCompany {
  width: 98%;
}
.rtl .login-container {
  background-size: 100%;
  order: 1;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.rtl .login-container .eye-icon {
  position: absolute;
  top: 16px;
}
.rtl .login-container .remember-me {
  direction: rtl;
}
.rtl .login-heading {
  display: none;
}
.rtl .categoryBox h2 {
  text-align: center;
}
.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 0px;
  max-width: 600px;
}
.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 .E-Retail-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 .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 .navbar-wrapper .navbar-container .nav-right {
  float: left;
  display: flex;
}
.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 .customTab {
  width: 100px;
}
.rtl .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
  background: #050708;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 15.5px;
  font-family: "Cairo", sans-serif !important;
  text-align: right;
}
.rtl .ngx-datatable.material {
  border: 1px solid #e3e3e3;
  box-shadow: none !important;
  font-family: "Cairo", sans-serif !important;
}
.rtl .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  text-align: right !important;
}
.rtl a {
  font-size: 15px !important;
}
.rtl .profileInfo .profileDetails .ratting span a {
  margin: 0 5px;
}
.rtl i.fa {
  font-family: "FontAwesome" !important;
}
.rtl .mat-input-element,
.rtl .ng-star-inserted {
  font-size: 16px !important;
  font-family: "Cairo", sans-serif !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 .featur-Modal .card-header {
  padding: 6px 23px !important;
}
.rtl .featur-Modal .card-header i {
  padding: 0 5px !important;
}
.rtl .featur-Modal .close {
  position: absolute;
  right: inherit;
  top: 20px;
  left: 20px;
}
.rtl .datatable-header-inner,
.rtl .datatable-body-row,
.rtl .datatable-row-center,
.rtl .datatable-scroll {
  width: 100% !important;
}
.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: #050708 !important;
  border-color: #050708 !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 {
  text-align: right;
}
.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: 0px;
  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 .login-content-inner .text-right {
  text-align: right !important;
}
.rtl .login-content-inner .form-check {
  direction: rtl;
  float: left;
}
.rtl .login-content-inner .form-check label {
  top: 0;
  right: 22px;
}
.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 15px !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 #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;
}
.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 {
  position: relative;
}
.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: 0px;
  top: 0px;
  left: inherit;
}
.rtl .remember-me input.remembermecheckbox[type=checkbox]:after {
  right: 0x;
  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-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 .countplaceholder {
  left: 35px !important;
  right: inherit !important;
}
.rtl .btnRight {
  text-align: right;
}
.rtl .lds-ring {
  display: inline-block;
  z-index: 1000;
}
.rtl .panel-overlay-wrap {
  position: relative;
}
.rtl .panel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7254901961);
  text-align: center;
  z-index: 10000;
}
.rtl .panel-overlay::after {
  background-color: rgba(255, 255, 255, 0.3);
  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 .breadCame ul li:last-child::before {
  display: none;
}
.rtl .breadCame ul li::before {
  content: "/";
  float: left;
  margin: 0 10px;
}
.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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li {
  padding: 0 12px 0 0;
}
.rtl .innerGraphaBody .card-body {
  direction: initial;
}
.rtl .mat-select-arrow {
  position: absolute;
  left: 0;
}
.rtl .mat-option {
  text-align: right !important;
}
.rtl .cancelBtn {
  position: absolute;
  left: 5px;
  top: -62px;
}
.rtl .form-check {
  padding-right: 15px;
}
.rtl .form-check input {
  padding-left: 20px;
  position: relative;
  right: -15px;
}
.rtl .form-check label {
  position: relative;
  right: 10px;
  width: max-content;
}
.rtl .labelstyle {
  font-size: 16px;
  text-align: right;
  width: 100%;
}
.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 .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 .textRight {
  text-align: right;
}
.rtl .rowbox .card-header {
  padding: 7px 15px;
}
.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 .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 .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 .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 #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 .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 .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 .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 .titleHeading {
  text-align: right;
}
.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 .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;
}
.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;
}
@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: 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: 0px;
    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 .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 .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 .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 .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 .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: 1000px !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 .btn-status .btn {
    padding: 5px 10px;
    min-width: 120px;
    min-height: inherit;
    font-size: 14px !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 .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 .block-Wrap .block-text .app-store a {
  float: right !important;
  margin-left: 10px;
  margin-right: 0 !important;
}
.rtl .passwordIcon .eye-icon {
  top: 10px;
  position: relative;
}
.rtl .footer-link ul {
  padding-right: 0;
}
.rtl .footer-link div img.pull-left {
  float: right !important;
  margin-left: 10px;
}
.rtl .titleHeading p {
  font-size: 14px;
}
.rtl .course-wrap .course-text h2 {
  text-align: center;
}
.rtl .course-wrap .course-text p {
  text-align: center;
}
.rtl footer {
  direction: rtl;
  text-align: right;
}
.rtl footer .subscribe .btn {
  left: 22px;
  right: inherit;
}
.rtl .profileInfo {
  direction: rtl;
  text-align: right;
}
.rtl .status .float-left {
  float: right !important;
}
.rtl .status .float-left img {
  margin-left: 20px;
}
.rtl .reviewDetails .float-left {
  float: right !important;
}
.rtl .reviewDetails .float-right {
  float: left !important;
}
.rtl .banner-text .container {
  direction: rtl;
}
.rtl .donorbg {
  text-align: right;
  direction: rtl;
}
.rtl .donorbg .headingStyle {
  text-align: center;
}
.rtl .howItwork {
  direction: rtl;
}
.rtl .blogWrap .blog-text {
  text-align: right;
}
.rtl .navbar .userName {
  margin-left: 3px;
}
.rtl .navbar .ProfileDropMenu {
  right: -90px;
}
.rtl .navbar .ProfileDropMenu::before {
  right: inherit;
  left: 26px;
}
.rtl .navbar .ProfileDropMenu li {
  text-align: right;
}
.rtl .addTocart a {
  padding: 7px 10px 7px 10px;
}
.rtl .SliderAr {
  direction: ltr;
}
.rtl .cartTable th:first-child {
  border-radius: 0px 8px 0 0;
}
.rtl .cartTable th:last-child {
  border-radius: 8px 0 0 0;
}
.rtl .TrainerProfile .TrainerProfile-img {
  float: right;
}
.rtl .TrainerProfile .TrainerDetails {
  float: right;
}
.rtl .TrainerStatus .float-left {
  float: right !important;
}
.rtl table {
  text-align: right;
}
.rtl .AttendanceStatus {
  text-align: right;
}
.rtl .modal {
  direction: rtl;
}
.rtl .modal .modal-footer .btn {
  margin-right: 5px;
}
.rtl .modal .modal-body .mat-tab-header {
  direction: rtl;
}
.rtl .itemCard {
  float: right;
  text-align: right;
}
.rtl .selectCategory ul {
  padding-right: 0;
}
.rtl .countNumner .count {
  left: 16px;
  right: inherit;
}
.rtl .course-wrap {
  text-align: right;
}
@media screen and (max-width: 1280px) {
  .rtl .navbar-brand {
    margin-right: 50px;
  }
  .rtl .navbar-toggler {
    position: absolute;
    left: inherit;
    right: 5px;
  }
}
@media screen and (max-width: 1030px) {
  .rtl .banner-text form input {
    margin-right: 4%;
  }
  .rtl .navbar-nav.mr-auto {
    margin-right: inherit !important;
  }
}
.rtl .cartTable tbody td .img {
  float: right !important;
}
.rtl .btn.fa {
  font: normal normal normal 14px/1 FontAwesome !important;
  margin-left: 5px;
}
.rtl .btn-brown {
  background-color: var(--main-color);
  color: #FFFFFF;
}
.rtl .chatFooter .sendMessage {
  left: 40px;
  right: inherit;
}
.rtl .pagination-category i.fa-angle-right {
  transform: rotate(180deg);
}
.rtl .modal-body .pagination {
  text-align: right;
}
.rtl .modal-body .mat-tab-header-pagination-controls-enabled {
  direction: ltr !important;
}
.rtl .modal-body .timing {
  direction: ltr !important;
}
.rtl .modal-body .mat-tab-labels {
  direction: rtl !important;
}
.rtl .modal-body .mat-tab-header {
  direction: ltr;
}
.rtl .modal-body .mat-tab-label {
  position: relative;
  right: 98px;
}
.rtl .modal-body .timeSlots {
  text-align: right;
}
.rtl .floating-label .mat-icon {
  position: relative;
  top: 15px;
}
.rtl .needHelp h1 {
  width: 100%;
}
.rtl .selectCategory .card .card-title {
  margin-right: 10px;
}
.rtl .course-wrap .seatBox {
  padding-left: 0;
  padding-right: 0;
}
.rtl .space100 .pull-right {
  float: left !important;
}
.rtl .banner-text {
  text-align: center;
}
.rtl .banner-text h2 {
  text-align: center;
}
.rtl .banner-text .bannerBtn {
  display: inline-block;
}
.rtl .banner-text .bannerBtn img {
  transform: rotate(251deg);
}
.rtl footer .footerLink {
  float: right;
}
.rtl footer .footerLink img {
  float: right;
}
.rtl footer .footerLink span {
  float: right;
}
.rtl .BrowseCategoryList .TitleText {
  padding: 25px 25px 0 0px;
}
.rtl .mainsearch button {
  position: absolute;
  right: inherit;
  top: 6px;
  left: 20px;
}
.rtl .blogPost .blogImg span {
  left: inherit;
  right: 20px;
}
.rtl .E-Retail-Theme .customSelect i {
  font-size: 26px !important;
}
.rtl .E-Retail-Theme .filterBar .accordion .card .card-header .btn-link {
  text-align: right;
}
.rtl .E-Retail-Theme .filterBar .accordion .card .card-header .btn-link i {
  float: left;
}
.rtl .E-Retail-Theme .filterBar .accordion .card .card-body .mat-checkbox-layout .mat-checkbox-inner-container {
  margin-right: 0;
  margin-left: 8px;
}
.rtl .E-Retail-Theme .pageheader {
  margin: -104px -36px -150px -42px;
}
.rtl .E-Retail-Theme .user_profile .profileDetails {
  text-align: right;
}
.rtl .E-Retail-Theme .productList .product-img .icon-top {
  right: inherit;
  left: 15px;
}
.rtl .E-Retail-Theme .productList .product-img .icon-bottom {
  direction: ltr;
  right: inherit;
  left: 15px;
}
.rtl .E-Retail-Theme .quickShop .slick-track {
  margin-left: auto;
  margin-right: inherit;
}
.rtl .E-Retail-Theme .quickShop .slick-track .slick-slide {
  float: right;
}
.rtl .E-Retail-Theme .listView .productList .product-img {
  float: right;
}
.rtl .E-Retail-Theme .listView .productList .productDetails .col-md-8 span {
  text-align: left;
}
.rtl .E-Retail-Theme {
  text-align: right;
}
.rtl .E-Retail-Theme .statusBox {
  text-align: right;
}
.rtl .E-Retail-Theme .dataPicker .mat-icon-button {
  position: absolute;
  left: 0;
  right: inherit;
}
.rtl .E-Retail-Theme .statusBox .apexcharts-canvas {
  margin-top: -20px;
}
.rtl .codecoupen button {
  right: inherit !important;
  left: 0;
}
.rtl .WrapBoxCard .item-details {
  margin-right: 10px;
}
@media screen and (max-width: 780px) {
  .rtl .E-Retail-Theme .productList .productDetails .bottom-list .btn-sm {
    min-width: auto;
  }
  .rtl .E-Retail-Theme .statusBox.reportstatus .btn {
    min-width: auto;
  }
}
.rtl footer .footer-link h5 {
  text-align: center;
}
.rtl .listViewR .product-img {
  float: right !important;
}
.rtl .myCartBox .small-btn {
  font-size: 12px !important;
  margin-top: 5px !important;
}
.rtl .E-Retail-Theme .filterBar .filter-Header h5 i {
  margin-left: 5px;
}
.rtl .icon-List .selected-list {
  padding-left: 0;
  padding-right: 25px;
}
.rtl .icon-List .iconShow {
  right: 25px;
  top: 19px;
  left: inherit;
}
.rtl .icon-List .iconShow i {
  font-family: "Material Symbols Outlined" !important;
}
.rtl .paymentTabdList li::before {
  left: inherit;
  right: 50%;
}
.rtl .coupenTag h4 img {
  margin-left: 10px;
}
.rtl .redBox .text {
  left: 0;
}
.rtl #main #faq .card .card-header .btn-header-link {
  text-align: right;
}
.rtl #main #faq .card .card-header .btn-header-link::after {
  margin-left: 15px;
}
.rtl .payment-option .custom-control label {
  margin-right: 20px !important;
}
.rtl .payment-option .custom-control label::after {
  left: inherit;
  right: -20px;
}
.rtl .payment-option .custom-control label::before {
  left: inherit;
  right: -20px;
}
.rtl .featur-Modal .carousel-indicators {
  margin-right: 0;
  padding-right: 0;
}
.rtl .featur-Modal .carousel-control-prev-icon {
  left: 0;
}
.rtl .featur-Modal .carousel-control-next-icon {
  right: 75px;
  position: relative;
}
.rtl .featur-Modal .carousel-inner {
  left: -50px;
}
.rtl .featur-Modal .number .minus,
.rtl .featur-Modal .number .plus {
  border-radius: 0px 4px 4px 0px;
}
.rtl .featur-Modal .number .plus {
  border-radius: 4px 0px 0px 4px;
}
.rtl .E-Retail-Theme .productList .productDetails .number .minus, .rtl .E-Retail-Theme .productList .productDetails .number .plus {
  padding-bottom: 6px !important;
}
@media screen and (max-width: 767px) {
  .rtl .customHeader .navbar-brand img {
    left: -38px;
  }
  .rtl .filter-search {
    right: inherit;
    left: 10px;
  }
  .rtl .mat-input-element,
  .rtl .ng-star-inserted {
    font-size: 13px !important;
  }
  .rtl a {
    font-size: 12px !important;
  }
}
.rtl .btn-generate {
  left: 15px;
  right: inherit;
}
.rtl .loginWrap .eye-icon {
  left: 15px;
  right: inherit;
}
.rtl .form-container .input-group .input-group-text {
  border-radius: 0 8px 8px 0;
}
.rtl .form-container .input-group input {
  border-radius: 8px;
}
.rtl .checkboxInActive input {
  height: auto !important;
}
.rtl .sidebar {
  left: inherit !important;
  right: 0;
}
.rtl .content {
  margin-left: 0 !important;
  margin-right: 242px;
}
@media screen and (max-width: 1000px) {
  .rtl .header-navbar .navbar-wrapper .navbar-container .nav-right {
    display: flex;
  }
}
@media (max-width: 768px) {
  .rtl {
    /* Sidebar hidden by default */
    /* Show sidebar when checkbox is checked */
  }
  .rtl .sidebar {
    transform: translateX(100%) !important;
    width: 70%;
    max-width: 250px;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
  }
  .rtl .toggle-checkbox:checked ~ .sidebar {
    transform: translateX(0) !important;
  }
  .rtl .content {
    margin-right: 0;
  }
  .rtl .icon-pointer-achor {
    display: block !important;
  }
}

.ltr {
  /*For sidebar color*/
  /* mesable cards css */
  /* End data table css */
}
.ltr body {
  font-family: "Poppins", sans-serif;
}
.ltr body {
  font-family: "DM Sans", sans-serif;
}
.ltr .mat-form-field {
  font-family: "DM Sans", sans-serif;
}
.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 a {
  color: #050708;
}
.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: 1600px;
  margin: auto;
  padding-bottom: 15px;
}
.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 #loginModal-custLogin .form-check label {
  position: relative;
  top: 1px;
}
.ltr .form-check label {
  position: relative;
  top: 1px;
}
.ltr .login-content-inner a {
  color: #B5944B;
}
.ltr .login-content-inner .remember-me {
  margin-top: -5px;
  width: 100%;
}
.ltr .login-content-inner .form-check label {
  position: relative;
  top: 1px;
}
.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-size: 14px !important;
  color: #050708;
  margin-bottom: 5px;
}
.ltr .logo-algp {
  margin-bottom: 50px;
}
.ltr .logo-algp img {
  max-width: 183px;
}
.ltr .E-Retail-theme {
  height: 100vh;
  position: relative;
}
.ltr .E-Retail-theme .selected-list .c-btn {
  color: #7A7A7A !important;
}
.ltr .E-Retail-theme .mat-form-field-wrapper {
  margin-top: 0 !important;
}
.ltr .E-Retail-theme .internationalization {
  width: 97%;
  top: 0;
  position: absolute;
}
.ltr .E-Retail-theme .internationalization #dropdownMenuButton {
  color: #ffffff !important;
  background: #FE6D52;
  width: 32px;
  padding: 0;
  height: 38px;
  text-align: center;
  line-height: 38px;
}
.ltr .E-Retail-theme .internationalization .dropdown-content {
  left: -111px !important;
}
.ltr .E-Retail-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 .E-Retail-theme .login-wrap .login-content {
  text-align: left;
  padding-bottom: 30px;
}
.ltr .E-Retail-theme .login-wrap .btn-dark {
  font-weight: 500;
  background-color: #000;
  border-radius: 30px !important;
}
.ltr .E-Retail-theme .login-wrap .btn-dark i {
  position: relative;
  right: -15px;
}
.ltr .E-Retail-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 .E-Retail-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 .E-Retail-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 .E-Retail-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 .E-Retail-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 .E-Retail-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 .E-Retail-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: transparent !important;
}
.ltr .mat-tab-header {
  border-bottom: none !important;
}
.ltr #mobile-collapse {
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 10px;
}
.ltr .multi-select-margin {
  border: 1px solid #CACACA;
  padding: 1px 8px;
  top: 3px;
  border-radius: 5px;
  min-height: 49px;
}
.ltr .multi-select-margin.selectDisable {
  background-color: #f8f8f8;
  opacity: 0.5;
}
.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: 5px solid #ffffff;
}
.ltr .mat-calendar-body-cell-container button:focus {
  outline: none;
}
.ltr .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #EAEAEA;
}
.ltr .mat-form-field.mat-focused {
  color: #000;
}
.ltr .mat-form-field-appearance-outline .mat-form-field-outline-thick.mat-focused {
  color: #000;
}
.ltr .E-Retail-Theme {
  margin-bottom: 20px;
  /* Font color */
  background-color: #fff;
}
.ltr .E-Retail-Theme .quickShop {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  flex: 98%;
  margin-top: 20px;
  max-width: 98%;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.ltr .E-Retail-Theme .quickShop::-webkit-scrollbar {
  width: 10px;
}
.ltr .E-Retail-Theme .quickShop::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.ltr .E-Retail-Theme .quickShop::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 10px;
}
.ltr .E-Retail-Theme .quickShop::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.ltr .E-Retail-Theme .quickShop h5 {
  font-size: 18px !important;
  color: #E21E26;
  font-weight: 700;
}
.ltr .E-Retail-Theme .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CACACA;
}
.ltr .E-Retail-Theme h1 {
  font-size: 36px !important;
}
.ltr .E-Retail-Theme .mat-form-field.mat-focused {
  color: #000;
}
.ltr .E-Retail-Theme .mat-form-field-appearance-outline .mat-form-field-outline-thick.mat-focused {
  color: #000;
}
.ltr .E-Retail-Theme .customSelect .mat-form-field-infix {
  padding-top: 5px !important;
}
.ltr .E-Retail-Theme .customSelect .mat-form-field-infix .material-symbols-outlined {
  position: relative;
  top: 5px;
}
.ltr .E-Retail-Theme.Quotation-page .pageheader {
  margin: -39px -50px -150px -37px;
  padding: 48px 50px 75px 50px;
}
.ltr .E-Retail-Theme.Quotation-page h1 {
  margin-bottom: 0;
}
.ltr .E-Retail-Theme .mat-form-field-label {
  color: #000;
}
.ltr .E-Retail-Theme .mat-form-field {
  text-transform: capitalize;
  color: #7A7A7A;
}
.ltr .E-Retail-Theme .right-side {
  border-radius: 15px;
  padding: 0px 15px 10px 15px;
  position: relative;
}
.ltr .E-Retail-Theme .right-side .panel-overlay {
  position: absolute;
  height: 102%;
  min-height: 600px;
  z-index: 1000;
}
.ltr .E-Retail-Theme .right-side .panel-overlay::after {
  width: 102% !important;
  height: 115% !important;
}
.ltr .E-Retail-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 .E-Retail-Theme .right-side .show-list::-webkit-scrollbar {
  width: 10px;
}
.ltr .E-Retail-Theme .right-side .show-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.ltr .E-Retail-Theme .right-side .show-list::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 10px;
}
.ltr .E-Retail-Theme .right-side .show-list::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.ltr .E-Retail-Theme .filterBar {
  border: 1px solid #CACACA;
  border-radius: 10px;
}
.ltr .E-Retail-Theme .filterBar .filter-Header {
  background-color: #000000;
  border-radius: 5px 5px 0 0;
  padding: 12px 15px 12px 15px;
}
.ltr .E-Retail-Theme .filterBar .filter-Header h5 {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px !important;
  font-weight: 500 !important;
}
.ltr .E-Retail-Theme .filterBar .filter-Header h5 i {
  color: var(--main-color-hover);
  margin-right: 10px;
}
.ltr .E-Retail-Theme .filterBar .filter-search {
  padding: 8px 15px 8px 15px;
  background-color: #F2F2F2;
}
.ltr .E-Retail-Theme .filterBar .filter-search .mat-form-field-wrapper {
  margin-bottom: 0;
  padding-bottom: 0;
}
.ltr .E-Retail-Theme .filterBar .searchBox .mat-form-field-subscript-wrapper {
  display: none;
}
.ltr .E-Retail-Theme .filterBar .searchBox .mat-form-field-outline {
  background-color: #fff;
  border-radius: 5px;
}
.ltr .E-Retail-Theme .filterBar .searchBox mat-label {
  text-transform: capitalize;
}
.ltr .E-Retail-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 .E-Retail-Theme .filterBar .searchBox .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CED4DA;
}
.ltr .E-Retail-Theme .filterBar .searchBox input.mat-input-element {
  color: #64748B;
}
.ltr .E-Retail-Theme .filterBar .accordion .card {
  border: none;
  margin-bottom: 5px;
}
.ltr .E-Retail-Theme .filterBar .accordion .card .card-header .collapsed .fa {
  transform: rotate(180deg);
}
.ltr .E-Retail-Theme .filterBar .accordion .card .card-header {
  color: #000;
  padding: 0px 0;
  border: none;
}
.ltr .E-Retail-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 .E-Retail-Theme .filterBar .accordion .card .card-header .btn-link i {
  float: right;
  font-size: 16px;
  margin-top: 3px;
  font-weight: 500;
}
.ltr .E-Retail-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 .E-Retail-Theme .filterBar .accordion .card .card-body .mat-checkbox-layout {
  white-space: inherit;
}
.ltr .E-Retail-Theme .filterBar .accordion .card .card-body .mat-checkbox-layout .mat-checkbox-inner-container {
  margin-top: 4px;
}
.ltr .E-Retail-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar {
  width: 5px;
}
.ltr .E-Retail-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 5px;
}
.ltr .E-Retail-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 5px;
}
.ltr .E-Retail-Theme .filterBar .accordion .card .card-body::-webkit-scrollbar-thumb:hover {
  background: var(--main-color-hover);
}
.ltr .E-Retail-Theme .filterBar .accordion .card .card-body .mat-checkbox.mat-accent .mdc-checkbox--selected ~ .mdc-checkbox__ripple {
  background-color: #000;
}
.ltr .E-Retail-Theme .filterBar .accordion .card .card-body .mat-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.ltr .E-Retail-Theme .filterBar .accordion .card .card-body .mat-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.ltr .E-Retail-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 .E-Retail-Theme .filterBar .accordion .card .card-body .mdc-checkbox__background {
  background-color: #000000;
  border-color: #000;
}
.ltr .E-Retail-Theme .filterBar .accordion .card .card-body .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #fff;
}
.ltr .E-Retail-Theme .filterBar .accordion .card .card-body .mat-checkbox label {
  color: #000;
  margin-bottom: 0;
  font-size: 14px;
}
.ltr .E-Retail-Theme .filterBar .accordion .card .card-body .mat-checkbox-layout {
  color: #000;
  font-size: 17px;
  margin-top: 10px;
}
.ltr .E-Retail-Theme .filterBar .accordion .ngx-slider .ngx-slider-pointer {
  background-color: #505050;
  width: 26px;
  height: 26px;
}
.ltr .E-Retail-Theme .filterBar .accordion .ngx-slider .ngx-slider-selection {
  background-color: #505050;
}
.ltr .E-Retail-Theme .filterBar .accordion .ngx-slider .ngx-slider-bubble {
  color: #000;
  font-weight: 600;
  font-size: 13px;
}
.ltr .E-Retail-Theme .filterBar .accordion .ngx-slider .ngx-slider-pointer:after {
  background-color: #505050;
}
.ltr .E-Retail-Theme .shippingBar {
  margin: 20px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px 15px;
  width: 100%;
  border-radius: 5px;
  text-align: center;
}
.ltr .E-Retail-Theme .shippingBar .card-header {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.ltr .E-Retail-Theme .shippingBar .card-header:after {
  font-family: "FontAwesome";
  content: "\f077";
  margin-right: 15px;
}
.ltr .E-Retail-Theme .shippingBar .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f078";
}
.ltr .E-Retail-Theme .shippingBar i {
  color: var(--main-color-hover);
}
.ltr .E-Retail-Theme .card-bg {
  background-color: #fff;
  border: 1px solid #ccc !important;
  border-radius: 5px;
}
.ltr .E-Retail-Theme .dataPicker .mat-icon-button {
  position: absolute;
  top: 0;
  right: 0px;
}
.ltr .E-Retail-Theme .btnStatus {
  justify-content: space-between;
  display: inline-flex;
}
.ltr .E-Retail-Theme .text-success {
  color: #52C93F !important;
  font-size: 12px;
  border-radius: 5px;
  font-weight: 500;
  padding: 2px 5px;
}
.ltr .E-Retail-Theme .text-success i {
  display: none;
}
.ltr .E-Retail-Theme .text-danger {
  color: #FF0000 !important;
  font-size: 12px;
  font-weight: 500;
  border-radius: 5px;
  padding: 2px 5px;
}
.ltr .E-Retail-Theme .text-danger i {
  display: none;
}
.ltr .E-Retail-Theme .pageheader {
  background-color: #f6eee2;
  margin: -111px -50px -132px -59px;
  padding: 89px 45px 141px 44px;
}
.ltr .E-Retail-Theme .pageheader h1 {
  font-size: 40px;
  margin-top: 13px;
  padding-left: 15px;
  font-weight: 500;
}
.ltr .E-Retail-Theme .pageheader .searchBox .mat--mdc-form-field-outline {
  background-color: #fff;
  border-radius: 5px;
}
.ltr .E-Retail-Theme .pageheader .searchBox mat-label {
  text-transform: capitalize;
}
.ltr .E-Retail-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 .E-Retail-Theme .pageheader .searchBox .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CED4DA;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.ltr .E-Retail-Theme .pageheader .searchBox input.mat-input-element {
  color: #64748B;
}
.ltr .E-Retail-Theme .row-equalHeight {
  display: flex;
  flex-wrap: wrap;
}
.ltr .E-Retail-Theme .hideTableFooter .datatable-footer {
  display: none;
}
.ltr .E-Retail-Theme .hideTableFooter .page-count {
  display: none !important;
}
.ltr .E-Retail-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 .E-Retail-Theme .statusBox.dueDate {
  background: #f7cfcf;
}
.ltr .E-Retail-Theme .statusBox .apexcharts-canvas {
  margin-top: -15px;
}
.ltr .E-Retail-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 .E-Retail-Theme .statusBox.chart-status {
  padding: 0;
  padding-bottom: 20px;
}
.ltr .E-Retail-Theme .statusBox.chart-status h5 {
  background-color: #303030;
  padding: 11px 15px;
  margin-bottom: 20px;
  color: #fff;
  border-radius: 5px 5px 0 0;
}
.ltr .E-Retail-Theme .statusBox.reportstatus {
  padding: 15px 2% 20px 2%;
  height: 100%;
}
.ltr .E-Retail-Theme .statusBox.reportstatus h3 {
  font-size: 40px;
  margin-top: 10px;
}
.ltr .E-Retail-Theme .statusBox.reportstatus p {
  margin-top: 20px;
}
.ltr .E-Retail-Theme .statusBox mat-label {
  text-transform: capitalize;
  color: #000;
}
.ltr .E-Retail-Theme .statusBox .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #CED4DA;
}
.ltr .E-Retail-Theme .statusBox input.mat-input-element {
  color: #64748B;
}
.ltr .E-Retail-Theme .statusBox h2 {
  position: relative;
  font-size: 14px;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
}
.ltr .E-Retail-Theme .statusBox h2 a {
  font-size: 9px;
  color: #292D32;
  opacity: 0.5;
  float: right;
  margin-top: 10px;
}
.ltr .E-Retail-Theme .statusBox h3 {
  font-size: 32px;
  font-weight: 700 !important;
  color: var(--main-color-hover);
  margin: 3px 0 7px 0;
}
.ltr .E-Retail-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 .E-Retail-Theme .statusBox p span {
  font-weight: 600;
}
.ltr .E-Retail-Theme .statusBox p .text-success {
  color: #00AC4F !important;
}
.ltr .E-Retail-Theme .statusBox p .text-danger {
  color: #EC0202 !important;
}
.ltr .E-Retail-Theme .statusBox .chartStatus {
  min-height: 50px;
}
.ltr .E-Retail-Theme .statusBox .chartStatus img {
  min-height: 50px;
}
.ltr .E-Retail-Theme .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  font-size: 14px !important;
  display: inline-flex;
  align-items: center;
  padding: 8px;
  color: #000;
  text-shadow: 0 0 #000;
  letter-spacing: 1px;
}
.ltr .E-Retail-Theme .ngx-datatable .datatable-header .datatable-header-cell {
  padding: 8px;
}
.ltr .E-Retail-Theme .datatable-checkbox {
  margin-top: 17px !important;
}
.ltr .E-Retail-Theme .ngx-datatable.material {
  border-radius: 5px;
  border-color: #CACACA;
}
.ltr .E-Retail-Theme .ngx-datatable .datatable-header {
  height: inherit !important;
}
.ltr .E-Retail-Theme .ngx-datatable .datatable-header .datatable-checkbox {
  margin-top: 7px !important;
}
.ltr .E-Retail-Theme .ngx-datatable .datatable-body .datatable-body-row > div {
  border-top: 1px solid #CACACA;
}
.ltr .E-Retail-Theme .ngx-datatable .datatable-header {
  padding: 2px 0;
}
.ltr .E-Retail-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 .E-Retail-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 .E-Retail-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 .E-Retail-Theme .ngx-datatable .datatable-footer .datatable-pager {
  text-align: left;
}
.ltr .E-Retail-Theme .ngx-datatable .datatable-footer .datatable-pager a {
  height: 30px;
  width: 30px;
  line-height: 28px;
}
.ltr .E-Retail-Theme .ngx-datatable .datatable-footer .datatable-pager a i {
  line-height: 35px;
}
.ltr .E-Retail-Theme .ngx-datatable .datatable-footer .datatable-pager li.active a {
  font-weight: normal;
  border: 1px solid #ddd;
  background-color: #fff;
}
.ltr .E-Retail-Theme .ngx-datatable.material .datatable-footer {
  background-color: #FAFAFA;
  padding: 0;
  font-size: 14px;
}
.ltr .E-Retail-Theme .ngx-datatable.material .datatable-footer .page-count {
  color: #1E293B;
}
.ltr .E-Retail-Theme .sortBy .mat-form-field {
  width: auto;
  margin: 0 5px;
}
.ltr .E-Retail-Theme .productList {
  border: 1px solid #CACACA;
  border-radius: 5px;
  transition: 0.4s ease;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ltr .E-Retail-Theme .productList:hover {
  box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.16);
  transform: scale(1.02);
  cursor: pointer;
}
.ltr .E-Retail-Theme .productList .product-img {
  height: 175px;
  position: relative;
  text-align: center;
  transition: transform 0.2s;
}
.ltr .E-Retail-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 .E-Retail-Theme .productList .product-img .icon-top {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  font-size: 18px;
}
.ltr .E-Retail-Theme .productList .product-img .icon-bottom {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 18px;
}
.ltr .E-Retail-Theme .productList .product-img img {
  width: auto;
  max-width: 100%;
  height: 100%;
  margin: auto;
}
.ltr .E-Retail-Theme .productList .productDetails {
  border-top: none;
  padding: 10px;
  min-height: 110px;
  position: relative;
}
.ltr .E-Retail-Theme .productList .productDetails h6 {
  font-size: 14px !important;
  width: 98%;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.ltr .E-Retail-Theme .productList .productDetails .bottom-list {
  bottom: 10px;
}
.ltr .E-Retail-Theme .productList .productDetails .bottom-list .btn {
  background-color: var(--side-bar);
  width: 28px;
  color: #fff;
  height: 28px;
  padding: 0 !important;
  font-size: 18px;
}
.ltr .E-Retail-Theme .productList .productDetails .bottom-list .btn:hover {
  background-color: var(--main-color-hover);
}
.ltr .E-Retail-Theme .productList .productDetails .bottom-list .btn:focus {
  border-color: var(--side-bar);
  box-shadow: none;
}
.ltr .E-Retail-Theme .productList .productDetails .bottom-list .btn-sm {
  border-radius: 5px !important;
}
.ltr .E-Retail-Theme .productList .productDetails .number .minus,
.ltr .E-Retail-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 .E-Retail-Theme .productList .productDetails .number .minus:focus,
.ltr .E-Retail-Theme .productList .productDetails .number .plus:focus {
  outline: none;
}
.ltr .E-Retail-Theme .productList .productDetails .number .minus:disabled,
.ltr .E-Retail-Theme .productList .productDetails .number .plus:disabled {
  opacity: 0.2;
}
.ltr .E-Retail-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 .E-Retail-Theme .listView .productList {
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
}
.ltr .E-Retail-Theme .listView .productList:hover {
  transform: scale(1.012);
}
.ltr .E-Retail-Theme .listView .productList .product-img {
  width: 10%;
  float: left;
  border: 1px solid #ddd;
  margin: 10px;
  min-height: 120px;
  height: 120px;
}
.ltr .E-Retail-Theme .listView .productList .productDetails {
  width: 88%;
  float: left;
  margin-top: 15px;
  border-top: none;
  min-height: 110px;
}
.ltr .E-Retail-Theme .listView .productList .productDetails .col-md-8 {
  flex: 0 0 99.333333%;
  max-width: 99.333333%;
}
.ltr .E-Retail-Theme .listView .productList .productDetails .col-md-8 h6 {
  font-size: 24px !important;
  min-height: inherit;
  line-height: 0;
}
.ltr .E-Retail-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 .E-Retail-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 .E-Retail-Theme .listView .productList .productDetails .bottom-list {
  border-top: 1px solid #CACACA;
  padding-top: 5px;
  bottom: -8px;
}
.ltr .E-Retail-Theme .RowsView {
  border: none;
  margin: 0;
}
.ltr .E-Retail-Theme .RowsView:hover {
  box-shadow: none;
  transform: none;
}
.ltr .E-Retail-Theme .RowsView .productDetails {
  min-height: inherit;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.ltr .E-Retail-Theme .RowsView .productDetails tr td {
  word-break: break-all;
  width: 15%;
}
.ltr .E-Retail-Theme .RowsView .productDetails tr td:first-child {
  width: 200px;
}
.ltr .E-Retail-Theme .RowsView .productDetails tr td:nth-child(2) {
  width: 400px;
}
.ltr .E-Retail-Theme .RowsView .productDetails .number {
  width: 120px;
  display: inline-block;
}
.ltr .E-Retail-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 .E-Retail-Theme .tabelBox {
  border: 1px solid #ddd;
  border-radius: 5px;
}
.ltr .E-Retail-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: 10px;
  background-color: #ffffff !important;
  padding-bottom: 10px;
}
.ltr .header-navbar .nav-right {
  margin-top: 0 !important;
  padding-bottom: 10px;
}
.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 #ddd;
}
.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 !important;
  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: 20px;
  top: 20px;
  /* background: #000; */
  width: 40px;
  height: 40px;
  border-radius: 100%;
  color: #000;
  padding: 0;
  text-shadow: 0 0 #000;
  font-size: 34px;
  font-weight: 200;
}
.ltr .swal2-container {
  height: auto;
}
.ltr .mat-tab-body-content {
  overflow: hidden;
}
.ltr .btn-sm {
  font-size: 14px;
  border-radius: 5px !important;
}
.ltr #uom-modal {
  background: rgba(144, 144, 144, 0.5);
}
@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 .E-Retail-Theme .ngx-datatable.material {
    width: 1500px;
  }
  .ltr .E-Retail-Theme .statusBox.reportstatus h3 {
    font-size: 2.5vw;
    margin-top: 10px;
  }
  .ltr .E-Retail-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: #f7f7f7 !important;
}
.ltr .filter-section {
  overflow-y: auto;
  max-height: 700px;
  padding-top: 0px;
  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 3px grey;
  border-radius: 5px;
}
.ltr .filter-section::-webkit-scrollbar-thumb {
  background: var(--main-color-hover);
  border-radius: 5px;
}
.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 .mat-form-field-wrapper {
  padding-bottom: 5px;
}
.ltr .c-btn > span {
  font-weight: 500 !important;
  color: #433d3d !important;
}
.ltr .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  background: #FCFCFC;
}
.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: #050708 !important;
  border: 1px solid #050708;
}
.ltr .swal2-confirm:hover {
  background-color: #fff !important;
  color: #050708 !important;
  background-image: none !important;
  border-color: #050708 !important;
}
.ltr .swal2-cancel {
  background-color: #E21E26 !important;
  border: 1px solid #E21E26;
}
.ltr .swal2-cancel:hover {
  background-color: #fff !important;
  color: #E21E26 !important;
  background-image: none !important;
  border-color: #E21E26 !important;
}
.ltr div:where(.swal2-container) div:where(.swal2-icon).swal2-warning {
  border-color: #050708 !important;
  color: #050708 !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 .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: 60px !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 .E-Retail-theme .internationalization {
    width: 100% !important;
  }
  .ltr .E-Retail-Theme .internationalization {
    width: 95% !important;
  }
  .ltr .E-Retail-Theme .listView .productList .product-img {
    height: 100px;
    width: 18%;
    overflow: hidden;
  }
  .ltr .E-Retail-Theme .listView .productList .product-img img {
    height: 100%;
  }
  .ltr .E-Retail-Theme .listView .productList .productDetails {
    width: 78%;
    margin-left: 0%;
    min-height: 120px;
  }
  .ltr .E-Retail-Theme .listView .productList .productDetails .col-md-8 h6 {
    min-height: inherit;
  }
  .ltr .E-Retail-Theme .listView .productList .productDetails .bottom-list {
    position: inherit;
    bottom: 0;
    top: 10px;
  }
  .ltr .E-Retail-Theme .productList .product-img {
    height: 250px;
    overflow: hidden;
  }
  .ltr .E-Retail-Theme .productList .product-img img {
    height: 100%;
  }
  .ltr .E-Retail-Theme .shippingBar {
    border-radius: 10px;
  }
  .ltr .E-Retail-Theme .shippingBar .col-md-4 {
    text-align: left !important;
    margin: 10px 0;
  }
  .ltr .E-Retail-Theme .right-side .show-list {
    overflow-y: inherit;
    height: inherit;
    max-height: inherit;
  }
  .ltr .E-Retail-Theme .login-content {
    padding-top: 0;
  }
}
.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 {
  padding: 4px 6px;
  position: static;
  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 .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 .login-content-right {
  position: absolute;
  top: 0;
  min-height: 100vh;
}
.ltr .login-container {
  background: url('bg-left.2dd018bf50262b00.png') no-repeat center top;
}
.ltr .login-content-inner {
  text-align: left;
}
.ltr .login-content-inner .mat-form-field-wrapper {
  background: #fff;
  padding: 0;
  margin-bottom: 20px;
}
.ltr .login-content-inner h1 {
  font-weight: 800;
  margin-bottom: 35px;
}
.ltr .login-content-inner mat-label {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.ltr .btn-purple {
  background-color: #050708;
  color: #fff;
  border: 1px solid #050708;
}
.ltr .btn-purple:hover {
  background-color: #E21E26;
  border-color: #E21E26;
}
.ltr .btn-purple.outline {
  background-color: transparent;
  border: 1px solid #050708;
  color: #050708;
}
.ltr .btn-purple.outline:hover {
  background-color: #050708;
  color: #FFFFFF;
}
.ltr .btn-Red {
  background-color: #E21E26;
  color: #fff;
  border: 1px solid #E21E26;
}
.ltr .btn-Red:hover {
  background-color: #000;
  border-color: #000;
}
.ltr .btn-Red.outline {
  background-color: transparent;
  border: 1px solid #E21E26;
  color: #E21E26;
}
.ltr .btn-Red.outline:hover {
  background-color: #E21E26;
  color: #FFFFFF;
}
.ltr .btn-custom {
  background-color: #B5944B;
  border-color: #B5944B;
  color: #fff;
}
.ltr .btn-custom:hover {
  background-color: transparent;
}
@media screen and (max-width: 900px) {
  .ltr .rightBox {
    display: none;
  }
}
.ltr .titleHeading h1 {
  font-size: 52px;
  color: #050708;
  line-height: 52px;
  font-weight: 800;
}
.ltr .titleHeading p {
  font-size: 18px;
  color: #000000;
  margin-bottom: 50px;
}
.ltr .pcoded-container {
  background-color: #fff;
}
.ltr .categoryBox {
  background-color: #F2EAFB;
  border-radius: 8px;
  text-align: center;
  padding: 0px 15px;
  margin-bottom: 30px;
  min-height: 183px;
  display: flex;
  flex-flow: column;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.ltr .categoryBox.subCategoryLst {
  min-height: 100px;
}
.ltr .categoryBox.subCat h2 {
  font-size: 18px;
  font-weight: 600;
}
.ltr .categoryBox:hover {
  background-color: #050708;
  cursor: pointer;
}
.ltr .categoryBox:hover h2 {
  color: #FFFFFF;
}
.ltr .categoryBox:hover img.show {
  display: none;
}
.ltr .categoryBox:hover img.hide {
  display: inline-block;
}
.ltr .categoryBox h2 {
  margin-bottom: 0;
  color: #050708;
  font-size: 19px;
  line-height: 24px;
  font-weight: 800;
}
.ltr .categoryBox img {
  height: 60px;
  margin-bottom: 15px;
}
.ltr .categoryBox img.show {
  display: inline-block;
}
.ltr .categoryBox img.hide {
  display: none;
}
.ltr h1 {
  font-size: 52px !important;
}
.ltr .bg-lite-purple {
  background-color: #F2EAFB;
}
.ltr .block-Wrap .block-img img {
  max-width: 100%;
}
.ltr .block-Wrap .block-text {
  margin-left: 8%;
}
.ltr .block-Wrap .block-text .app-store a {
  float: left;
  width: 280px;
}
.ltr .block-Wrap .block-text .app-store a:first-child {
  margin-right: 20px;
}
.ltr .block-Wrap .block-text .app-store a img {
  max-width: 100%;
}
.ltr .block-Wrap .block-text h1 {
  color: #050708;
  line-height: 40px;
  font-weight: 800;
  font-size: 36px !important;
}
.ltr .block-Wrap .block-text h1.font52 {
  font-size: 52px !important;
  line-height: 64px;
  font-weight: 700;
}
.ltr .block-Wrap .block-text p {
  font-size: 15px;
  line-height: 28px;
  color: #3E3E3E;
}
.ltr .block-Wrap .block-text p span {
  font-weight: 700;
}
.ltr .block-Wrap .block-text ul {
  margin: 25px 0 0 0;
  padding: 0;
  list-style: none;
}
.ltr .block-Wrap .block-text ul li {
  font-size: 15px;
  color: #050B20;
  margin-bottom: 15px;
  font-weight: 500;
}
.ltr .block-Wrap .block-text ul li span {
  background-color: #FFD2D4;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  border-radius: 20px;
  margin: 0px 5px;
}
.ltr .block-Wrap .block-text ul li span i {
  color: #050B20;
  font-size: 12px;
}
.ltr .course-wrap .course-img {
  background-size: contain;
  min-height: 500px;
  background-repeat: no-repeat;
  background-position: center top;
}
.ltr .course-wrap .course-img img {
  max-width: 100%;
}
.ltr .course-wrap .course-text {
  text-align: center;
  margin-top: 50px;
}
.ltr .course-wrap .course-text h2 {
  color: #050708;
  font-weight: 700;
  line-height: 36px;
  min-height: 75px;
  font-size: 30px !important;
}
.ltr .course-wrap .course-text p {
  color: #555555;
  font-size: 16px;
  line-height: 30px;
  margin: 0 20px;
}
.ltr .container {
  max-width: 1280px;
}
.ltr .banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.ltr .banner-text.whiteText h1 {
  color: #fff;
}
.ltr .banner-text.whiteText p {
  color: #fff;
}
.ltr .banner-text h2 {
  color: #fff;
  font-size: 32px;
  font-weight: 500;
}
.ltr .banner-text h1 {
  line-height: 60px;
  color: #E21E26;
  font-weight: bold;
  font-size: 60px !important;
}
.ltr .banner-text .bannerBtn {
  background: #050708;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border: 2px solid #fff;
  margin: 0 10px;
  border-radius: 10px;
  padding: 15px 30px;
  display: inline-block;
}
.ltr .banner-text .bannerBtn img {
  width: auto !important;
}
.ltr .banner-text .bannerBtn:hover {
  background-color: #E21E26;
}
.ltr .banner-text form {
  max-width: 800px;
  margin: auto;
}
.ltr .banner-text form input {
  font-size: 14px;
  color: #838383;
  border-radius: 8px;
  height: 52px;
  padding-left: 40px;
}
.ltr .banner-text form i {
  position: absolute;
  left: 30px;
  color: #9CA3AF;
  top: 18px;
  font-size: 15px;
}
.ltr .banner-text form i.fa-map-marker {
  font-size: 18px;
}
.ltr .banner-text form .btn {
  height: 52px;
}
.ltr .navbar-dark .navbar-nav .active > .nav-link, .ltr .navbar-dark .navbar-nav .navbar-dark .navbar-nav .nav-link.active, .ltr .navbar-dark .navbar-nav .navbar-dark .navbar-nav .nav-link.open, .ltr .navbar-dark .navbar-nav .navbar-light .navbar-nav .open > .nav-link {
  color: #000;
}
.ltr .customHeader {
  background-color: #fff !important;
  z-index: 1030;
  box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.2196078431);
  min-height: 100px;
}
.ltr .customHeader .nav-link {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  padding: 8px 15px;
  margin: 0 10px;
}
.ltr .customHeader .nav-link:hover {
  color: #E21E26;
}
.ltr .customHeader .nav-link:focus {
  color: #E21E26;
}
.ltr .customHeader .navbar-brand {
  display: flex;
  flex-grow: 1;
}
.ltr .customHeader .navbar-brand img {
  max-height: 80px;
}
.ltr .customHeader .btn {
  background-color: #E21E26;
  color: #fff;
  padding: 7px;
  min-width: 82px;
  border-color: #E21E26;
}
.ltr .customHeader .btn:hover {
  background-color: #050708;
  color: #FFFFFF;
}
.ltr .Partners-logo {
  background-color: #fff;
  border-radius: 8px;
  min-height: 120px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.ltr .Partners-logo img {
  padding: 0 10px;
}
.ltr footer {
  padding: 10px 0 0 0;
  color: #FFFFFF;
}
.ltr footer .footerLink {
  background-color: #161C30;
  border-radius: 15px;
  padding: 10px 15px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  max-width: 200px;
}
.ltr footer .footerLink:hover {
  background-color: #E21E26;
  cursor: pointer;
}
.ltr footer .footerLink span {
  float: left;
  font-size: 12px;
}
.ltr footer .footerLink span div {
  font-size: 15px;
}
.ltr footer .footerLink img {
  float: left;
  margin: 0 10px;
}
.ltr footer .socialIcon i {
  font-size: 20px;
  margin: 0 5px;
}
.ltr footer a {
  color: #fff;
}
.ltr footer a:hover {
  opacity: 0.8;
  color: #E21E26;
}
.ltr footer .hr {
  border-color: #E8DCC2;
  margin: 35px 0;
  width: 100%;
}
.ltr footer .subscribe h6 {
  font-weight: 400;
  font-size: 15px;
}
.ltr footer .subscribe input {
  height: 50px;
  border-radius: 8px;
}
.ltr footer .subscribe .btn {
  position: absolute;
  right: 22px;
  top: 39px;
  padding: 5px 19px;
}
.ltr footer .subscribe .btn:hover {
  background-color: #050708;
}
.ltr footer .footer-link {
  margin-bottom: 43px;
  padding-top: 33px;
}
.ltr footer .footer-link h5 {
  font-size: 20px !important;
  margin-bottom: 20px;
  font-weight: 500;
}
.ltr footer .footer-link ul li {
  margin-bottom: 15px;
}
.ltr footer .footer-link ul li a {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 300;
}
.ltr footer .footer-link ul li a:hover {
  color: #E21E26;
}
.ltr footer .footer-bottom {
  background-color: #050708;
  padding: 40px 0;
  border-top: 1px solid #E21E26;
}
.ltr .sliderTwo {
  display: block;
}
.ltr .sliderone {
  display: none;
}
.ltr .selectTheme {
  border: 1px solid #ddd;
  border-radius: 10px;
  width: 100%;
  height: 550px;
  overflow: hidden;
  margin-bottom: 50px;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
}
.ltr .selectTheme:hover img {
  top: -450%;
  opacity: 1;
}
.ltr .selectTheme.active {
  opacity: 1;
}
.ltr .selectTheme.active h3 {
  background-color: #000;
  color: #fff;
}
.ltr .selectTheme.active img {
  opacity: 1;
}
.ltr .selectTheme h3 {
  font-size: 18px;
  padding: 10px;
  font-weight: 700;
  background-color: #ebeaea;
  color: #000;
  position: relative;
  margin-bottom: 0;
  z-index: 10;
}
.ltr .selectTheme div.imgbox {
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  background-color: #f4f4f4;
  border: 0.1rem solid #ebebeb;
  margin-bottom: 1.2rem;
  padding-top: 80.95%;
  background-position: center top;
  transition: background-position 0.6s linear, box-shadow 0.3s;
}
.ltr .selectTheme div.imgbox:hover {
  background-position: center bottom;
  transition: background-position 2s linear, box-shadow 0.3s;
}
.ltr .selectTheme img {
  max-width: 100%;
  transition: top 5s;
  position: relative;
  top: 0;
  opacity: 0.5;
}
.ltr .serviceBoox {
  margin: 20px 0;
}
.ltr .serviceBoox .imgBox {
  min-height: 80px;
}
.ltr .serviceBoox .imgBox img {
  max-width: 80px;
  object-fit: contain;
  height: 80px;
}
.ltr .themeOne .addTocart i {
  color: #000000 !important;
}
.ltr .themeOne footer a:hover {
  color: #fff !important;
  text-decoration: underline;
}
.ltr .themeOne .carousel-cell {
  padding: 20px;
  box-shadow: 1px 0px 14px rgba(0, 0, 0, 0.0705882353);
  margin: 10px;
  height: auto !important;
}
.ltr .themeOne .reviewWrap h1 {
  text-align: center;
  margin-bottom: 70px !important;
}
.ltr .themeOne .reviewWrap h1 a {
  float: left !important;
  width: 100%;
  margin: 10px 0;
  font-weight: 400;
}
.ltr .themeOne .reviewWrap .carousel-arrow-next {
  left: inherit !important;
  top: 50% !important;
  right: -10px !important;
  border-radius: 100% !important;
}
.ltr .themeOne .reviewWrap .carousel-arrow-next:hover {
  background-color: #021A44 !important;
  color: #fff !important;
}
.ltr .themeOne .reviewWrap .carousel-arrow-next:hover::before {
  color: #fff !important;
}
.ltr .themeOne .reviewWrap .carousel-arrow-prev {
  left: -10px !important;
  top: 50% !important;
  right: inherit !important;
  border-radius: 100% !important;
}
.ltr .themeOne .reviewWrap .carousel-arrow-prev:hover {
  background-color: #021A44 !important;
  color: #fff !important;
}
.ltr .themeOne .reviewWrap .carousel-arrow-prev:hover::before {
  color: #fff !important;
}
.ltr .themeOne .CustomerReview {
  max-width: 600px;
  box-shadow: none !important;
  margin: auto !important;
  text-align: center;
}
.ltr .themeOne .CustomerReview span.pull-right {
  float: left !important;
}
.ltr .themeOne .CustomerReview .userInfo {
  display: flex;
  justify-content: center;
}
.ltr .themeOne .sliderTwo {
  display: none;
}
.ltr .themeOne .sliderone {
  display: block;
}
.ltr .themeOne .collapse.navbar-collapse {
  justify-content: left !important;
}
.ltr .themeOne .customHeader .navbar-nav .nav-link {
  border-radius: 5px;
  color: #021A44;
}
.ltr .themeOne .customHeader .navbar-nav .nav-link:hover {
  background-color: #021A44;
  color: #FFFFFF;
}
.ltr .themeOne .customHeader .addTocart a:hover {
  color: #021A44;
}
.ltr .themeOne .customHeader .btn {
  background-color: #021A44;
  border-color: #021A44;
}
.ltr .themeOne .customHeader .btn:hover {
  background-color: #ffffff;
  color: #021A44;
}
.ltr .themeOne .customHeader .addTocart a span {
  background-color: #021A44;
}
.ltr .themeOne .cube {
  display: none;
}
.ltr .themeOne .BannerSlider {
  background-color: #021A44;
  background: url('Themebanner-img.4e2b01771ed7900c.jpg') no-repeat center top;
  background-size: cover;
}
.ltr .themeOne .BannerSlider .banner-text h1 {
  color: #FFFFFF;
}
.ltr .themeOne .BannerSlider .banner-text p {
  color: #FFFFFF;
}
.ltr .themeOne .BannerSlider .banner-text .bannerBtn {
  background-color: #FFFFFF;
  color: #021A44;
}
.ltr .themeOne .BannerSlider .banner-text .bannerBtn:hover {
  background-color: #021A44;
  color: #FFFFFF;
}
.ltr .themeOne .BannerSlider .banner-text .bannerBtn img {
  display: none;
}
.ltr .themeOne .BannerSlider .banner-text .col-md-8 {
  margin: auto;
  text-align: center;
}
.ltr .themeOne .carousel-indicators li {
  width: 15px;
  height: 15px;
  border-radius: 100%;
}
.ltr .themeOne .BrowseCategoryList {
  min-height: 290px;
  margin-top: 5px;
  border-radius: 8px;
}
.ltr .themeOne .BrowseCategoryList img {
  object-fit: cover;
}
.ltr .themeOne .BrowseCategoryList .TitleText {
  padding: 78% 0 0 0px;
  height: 100%;
  top: 0;
}
.ltr .themeOne .BrowseCategoryList .TitleText:hover {
  background-color: rgba(2, 26, 68, 0.9215686275);
  padding: 0;
}
.ltr .themeOne .BrowseCategoryList .TitleText div {
  text-align: center;
  background: #021A44;
  min-height: 57px;
  padding-top: 15px;
}
.ltr .themeOne .BrowseCategoryList .TitleText div small {
  font-size: 20px;
  font-weight: 400;
}
.ltr .themeOne .ImgeBox {
  flex: 0 0 24.666667%;
  max-width: 24.666667%;
  margin-top: 24px;
  margin-bottom: -24px;
}
.ltr .themeOne .serviceBoox {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 35px;
  box-shadow: 1px 4px 30px rgba(0, 0, 0, 0.2705882353);
  position: relative;
  transition: all 0.5s ease-in-out;
}
.ltr .themeOne .serviceBoox:hover {
  background-color: #021A44;
  cursor: pointer;
}
.ltr .themeOne .serviceBoox:hover h3 {
  color: #FFFFFF;
}
.ltr .themeOne .serviceBoox:hover p {
  color: #FFFFFF;
}
.ltr .themeOne .serviceBoox .imgBox img {
  max-width: 80px;
}
.ltr .themeOne .chooseBox {
  background: transparent;
  position: relative;
}
.ltr .themeOne .chooseBox::before {
  content: "";
  width: 100%;
  background-color: #B6C3DA;
  min-height: 450px;
  position: absolute;
  left: 0;
  top: 0;
}
.ltr .themeOne .chooseBox .col-lg-3 {
  text-align: center;
}
.ltr .themeOne .chooseBox h3 {
  margin-top: 0px !important;
}
.ltr .themeOne .chooseBox p {
  min-height: 50px;
}
.ltr .themeOne .chooseBox .imgBox {
  width: 100%;
  left: 0;
}
.ltr .themeOne .chooseBox .imgBox img {
  background-color: #021A44;
  width: 100px;
  border-radius: 5px;
  padding: 10px;
  border-radius: 5px;
  padding: 10px;
  display: inline-block;
  position: relative;
  top: -50px;
  display: inline-block;
}
.ltr .themeOne .chooseBox h1 {
  color: #021A44;
  text-align: center;
  margin-bottom: 150px;
  position: relative;
}
.ltr .themeOne .chooseBox h3 {
  color: #021A44;
  margin-top: 50px;
}
.ltr .themeOne .chooseBox p {
  color: #021A44;
  max-width: 100%;
  font-size: 14px;
  line-height: 22px;
}
.ltr .themeOne .btn-Red {
  border-color: #021A44;
  background-color: #021A44;
}
.ltr .themeOne .btn-Red img {
  display: none;
}
.ltr .themeOne .btn-Red:hover {
  background-color: #ffffff;
  color: #021A44;
}
.ltr .themeOne .newsLetter input {
  border-color: #c0c9cd;
}
.ltr .themeOne .newsLetter button {
  position: relative;
  top: -3px;
  border-radius: 10px !important;
}
.ltr .themeOne .block-Wrap .block-text ul li span {
  background-color: #b6c3da;
}
.ltr .themeOne .statusReport {
  background-color: #B5C3DA;
}
.ltr .themeOne .statusReport h2 {
  color: #021A44;
}
.ltr .themeOne .statusReport p {
  color: #021A44;
}
.ltr .themeOne .newsLetter label {
  color: #021A44;
}
.ltr .themeOne .block-Wrap {
  padding-bottom: 80px;
}
.ltr .themeOne .block-Wrap iframe {
  height: 400px !important;
  border-radius: 8px;
}
.ltr .themeOne .block-Wrap .block-text {
  margin-left: 0;
}
.ltr .themeOne footer {
  background-color: #021A44;
}
.ltr .themeOne footer .footer-top {
  border-color: #fff;
  padding-bottom: 40px;
}
.ltr .themeOne footer .footer-top .col-lg-3 {
  text-align: center;
}
.ltr .themeOne footer .footer-top .col-lg-3 img {
  filter: sepia(1);
  width: 30px;
}
.ltr .themeOne footer .footer-link img {
  max-width: 100px !important;
}
.ltr .themeOne footer .boxOne h5 {
  color: #fff;
}
.ltr .themeOne footer .footer-bottom {
  background-color: #021A44;
  border-color: #fff;
  padding: 10px 0;
}
.ltr .themeOne .CustomerReview .pull-right img {
  filter: grayscale(1);
}
.ltr .themeOne .bgLoginLeft {
  filter: grayscale(1);
}
.ltr .themeOne .loginFromWrap h4 {
  color: #021A44;
}
.ltr .themeOne .text-orang {
  color: #021A44;
}
.ltr .themeOne .NewsLetterWrap {
  background-color: rgba(0, 0, 0, 0.4509803922);
  padding-top: 100px;
  background: url('newbg-theme.a121731fb2efdde4.jpg') no-repeat center top;
  padding-bottom: 100px;
}
.ltr .themeOne .NewsLetterWrap .col-lg-6 {
  flex: 0 0 100%;
  max-width: 100%;
}
.ltr .themeOne .NewsLetterWrap .imgBox {
  display: none;
}
.ltr .themeOne .NewsLetterWrap .newsLetter {
  background-color: #fff;
  padding: 120px 10%;
  max-width: 818px;
  margin: auto;
  border-radius: 75px 0 75px 0px;
}
.ltr .themeOne .E-Retail-Theme .filterBar .filter-Header {
  background-color: #021A44;
}
.ltr .themeOne .E-Retail-Theme .filterBar .btn-danger {
  background-color: #021A44;
  margin: 0 15px;
  border-color: #021A44;
}
.ltr .themeOne .E-Retail-Theme .filterBar .btn-danger:hover {
  background-color: #000;
}
.ltr .themeOne .E-Retail-Theme .filterBar .accordion .ngx-slider .ngx-slider-selection {
  background-color: #021A44;
}
.ltr .themeOne .E-Retail-Theme .filterBar .accordion .ngx-slider .ngx-slider-pointer:after {
  background-color: #021A44;
}
.ltr .themeOne .E-Retail-Theme .accordion .ngx-slider .ngx-slider-pointer {
  background-color: #021A44 !important;
}
.ltr .themeOne .E-Retail-Theme .productList .product-img .badge {
  background-color: #021A44;
  color: #fff;
}
.ltr .themeOne .E-Retail-Theme .productList .productDetails h6 {
  color: #021A44;
}
.ltr .themeOne .E-Retail-Theme .productList .productDetails .bottom-list .btn {
  background-color: #021A44;
  color: #fff;
}
.ltr .themeOne .E-Retail-Theme .productList .productDetails .number .minus,
.ltr .themeOne .E-Retail-Theme .productList .productDetails .number .plus {
  background: #021A44;
  border-radius: 100%;
}
.ltr .themeOne .E-Retail-Theme .detailDiscountNot {
  background-color: #021A44 !important;
  color: #fff;
  border: 1px solid #021A44 !important;
}
.ltr .themeOne .E-Retail-Theme .btn-cart {
  background-color: #021A44 !important;
  color: #fff;
  border: 1px solid #021A44 !important;
}
.ltr .themeOne .statis_header h1 {
  color: #021A44;
}
.ltr .themeOne .about-info h3 {
  color: #021A44;
}
.ltr .themeOne .ourService .servicesBox {
  background-color: #d2e2fe;
}
.ltr .themeOne .ourService .servicesBox img {
  filter: grayscale(1);
}
.ltr .themeOne #main #faq .card .card-header .btn-header-link {
  border: 1px solid #021A44;
  color: #021A44;
}
.ltr .themeOne #main #faq .card .collapse.show {
  border-color: #021A44;
}
.ltr .themeOne .OurBranches {
  background-color: #d2e2fe;
}
.ltr .themeOne .OurBranches img {
  filter: grayscale(1);
}
.ltr .carousel-arrow-prev {
  left: -50px !important;
}
.ltr .carousel-arrow-next {
  right: -50px !important;
}
.ltr .dates .mat-ink-bar {
  background-color: transparent !important;
}
.ltr .seachBox {
  margin: 50px 0;
  padding: 30px;
  border-radius: 17px;
  box-shadow: 1px 4px 10px 2px #e2e1e1;
}
.ltr .seachBox input {
  background-color: #FAFBFE;
  border: 1px solid #F0F0F0;
  height: 48px;
  padding-left: 40px;
  color: #838383;
  border-radius: 8px;
}
.ltr .seachBox i {
  position: absolute;
  left: 30px;
  color: #9CA3AF;
  top: 18px;
  font-size: 15px;
}
.ltr .seachBox button {
  min-width: 145px;
}
.ltr .searchResult {
  margin-bottom: 40px;
}
.ltr .searchResult h4 {
  color: #050708;
  font-weight: 500;
}
.ltr .searchResult p {
  color: #787887;
  font-size: 16px;
}
.ltr .rightBar a.iconList {
  color: #777777;
  font-size: 18px;
  margin: 0px 0px 0 16px;
}
.ltr .rightBar .form-control {
  width: 208px;
  display: inline-block;
  border-radius: 8px;
  background-color: #F2EAFB;
}
.ltr .profileImg {
  background-color: #F2EAFB;
  border-radius: 100%;
  min-width: 200px;
  min-height: 200px;
  width: 200px;
  margin: auto;
}
.ltr .profileImg img {
  max-width: 100%;
  border-radius: 100%;
  height: 200px;
  border: 1px solid #d9d9d9;
  min-width: 200px;
}
.ltr .profileInfo {
  box-shadow: 1px 0px 10px 1px #e2e1e1;
  padding: 19px 0;
  border-radius: 8px;
  margin-bottom: 20px;
}
.ltr .profileInfo .profileDetails h1 {
  font-size: 26px !important;
  font-weight: 500;
  margin-bottom: 10px;
  color: #050708;
  line-height: 37px;
}
.ltr .profileInfo .profileDetails p {
  font-size: 18px;
}
.ltr .profileInfo .profileDetails .ratting {
  font-size: large;
}
.ltr .profileInfo .profileDetails .ratting i {
  color: #B5944B;
  margin-right: 3px;
}
.ltr .profileInfo .profileDetails .ratting span a {
  font-size: 10px;
  color: #000;
}
.ltr .profileInfo .profileDetails .info {
  font-size: 16px;
  color: #000;
  margin-top: 15px;
  min-height: 20px;
  font-weight: 500;
}
.ltr .profileInfo .profileDetails .info.thumbsUP {
  color: #B5944B;
}
.ltr .profileInfo .profileDetails .info div {
  font-size: 15px;
  color: #A7A7A7;
}
.ltr .profileInfo .profileDetails .btn {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-bottom: 15px;
  font-weight: 500;
}
.ltr .profileInfo .profileDetails .btn.btn-deafult {
  background-color: #F2EAFB;
}
.ltr .profileInfo .profileDetails .btn.btn-deafult:hover {
  background-color: #050708;
  color: #fff;
}
.ltr .profileInfo .Qtynumber {
  display: inline-block;
  background: #f2eafb;
  border-radius: 35px;
  padding-top: 0 !important;
  margin-top: 10px !important;
}
.ltr .profileInfo .Qtynumber input {
  background-color: transparent;
}
.ltr .customTab {
  display: inline-flex;
  border: none;
  margin-left: 10px;
}
.ltr .customTab li a {
  border: none;
  color: #777777;
  font-size: 18px;
  padding: 0 3px 0 10px;
}
.ltr .customTab li a.active {
  color: #000;
}
.ltr .categoryTabs #profile {
  padding: 10px 13px 0 6px;
}
.ltr .categoryTabs #profile .profileInfo .profileImg {
  min-width: 150px;
  min-height: 150px;
  margin-top: 5px;
  width: 150px;
}
.ltr .categoryTabs #profile .profileInfo .profileImg img {
  height: 150px;
  min-width: 150px;
}
.ltr .categoryTabs #profile .profileInfo .profileDetails h1 {
  font-size: 18px !important;
  margin-top: 10px !important;
  line-height: 22px;
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 48px;
  -webkit-box-orient: vertical;
}
.ltr .selectCategory {
  background-color: #F2EAFB;
  border-radius: 15px;
  margin-bottom: 50px;
  height: 99%;
  min-height: 500px;
}
.ltr .selectCategory h2 {
  background-color: #050708;
  color: white;
  text-align: center;
  padding: 15px 0;
  border-radius: 15px 15px 0 0;
}
.ltr .selectCategory .accordion .card-header:after {
  font-family: "FontAwesome";
  content: "\f106";
  float: right;
  font-size: 25px;
}
.ltr .selectCategory .accordion .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f107";
}
.ltr .selectCategory .card {
  background-color: transparent;
  border-top: none;
  box-shadow: none;
  margin-bottom: 0;
  transition: all 0.5s ease;
}
.ltr .selectCategory .card .card-header {
  border-bottom: none;
  cursor: pointer;
}
.ltr .selectCategory .card .card-title {
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
.ltr .selectCategory .card .card-body {
  padding: 8px 25px;
  transition: all 0.5s ease;
}
.ltr .selectCategory .card .card-body ul li {
  margin-bottom: 10px;
}
.ltr .my-toast-class {
  height: 80px;
}
.ltr .selectTime .mat-elevation-z4 {
  box-shadow: none;
}
.ltr .selectTime .mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.ltr .selectTime .mat-tab-label {
  color: #3B2E4A;
  font-size: 16px;
  opacity: 1;
  height: 63px;
}
.ltr .selectTime .mat-tab-label-active {
  background-color: white;
  color: #B5944B;
  border-radius: 0;
  opacity: 1;
  border-bottom: 3px solid #B5944B;
}
.ltr .selectTime .timing {
  border-radius: 8px;
  color: #3B2E4A;
  font-size: 18px;
  margin: 13px 9px;
  padding: 15px 20px;
  min-width: 180px;
  font-weight: 500;
  border: 1px solid rgba(59, 46, 74, 0.231372549);
}
.ltr .selectTime .timing.active {
  background: rgba(181, 147, 75, 0.18);
  color: #B5944B;
  border: 1px solid #B5944B;
  transition: all 0.5s ease-in-out;
}
.ltr .status h2 {
  font-size: 28px !important;
  color: #050708;
  font-weight: 700;
}
.ltr .status p {
  font-size: 18px;
}
.ltr .review-box {
  margin-bottom: 50px;
}
.ltr .review-box .carousel-arrows {
  position: relative;
  right: 50px;
  bottom: -50px;
}
.ltr .review-box .carousel-arrows .carousel-arrow {
  box-shadow: none;
}
.ltr .review-box .carousel-arrows .carousel-arrow-prev {
  left: 96% !important;
}
.ltr .review-box .reviewDetails h4 {
  font-size: 18px !important;
  color: #050708;
  font-weight: 500;
}
.ltr .review-box .reviewDetails p {
  color: #727272;
  font-size: 18px;
  line-height: 30px;
  margin-top: 30px;
}
.ltr .review-box .carousel-cell {
  background-color: #fff !important;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  padding: 25px;
}
.ltr .review-box .imgBox {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #050708;
}
.ltr .review-box .carousel-dots {
  left: 0 !important;
  right: inherit !important;
  bottom: -70px !important;
}
.ltr .review-box .carousel-dot {
  background-color: #DDE0E4;
  margin: 0;
  width: 12px !important;
  height: 12px !important;
  border: none !important;
}
.ltr .review-box .carousel-dot.carousel-dot-active {
  width: 50px !important;
  background-color: #050708 !important;
}
.ltr .breadCame ul {
  padding: 0;
  margin: 0;
  padding-top: 15px;
  list-style: none;
}
.ltr .breadCame ul li {
  display: inline-block;
}
.ltr .breadCame ul li:last-child::before {
  display: none;
}
.ltr .breadCame ul li::before {
  content: "/";
  float: right;
  margin: 0 10px;
}
.ltr .breadCame ul li a {
  color: #888888;
}
.ltr .breadCame ul li a.active {
  color: #0E1D3E;
  font-weight: 600;
}
.ltr .needHelp {
  padding: 6rem 6rem 5rem 6rem;
}
.ltr .needHelp h1 {
  color: #050708;
  font-size: 60px !important;
  line-height: 60px;
  font-weight: 800;
  width: 80%;
}
.ltr .needHelp p {
  font-size: 20px;
}
.ltr .bglitepurple {
  background-color: #F2EAFB;
  border-radius: 8px;
}
.ltr .lds-ring {
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 1000;
  padding: 10px;
}
.ltr .lds-ring img {
  width: 80px;
  height: 80px;
}
.ltr .payment {
  font-size: 20px;
  padding: 25px 30px;
  color: #050708;
}
.ltr .payment .total-price {
  font-weight: 800;
}
.ltr .payment .total-price div:first-child {
  color: #000;
}
.ltr .payment .justify-content-between.total-price {
  font-weight: 800;
}
.ltr .payment .justify-content-between.total-price div:first-child {
  color: #000;
}
.ltr .payment .br {
  color: #E21E26;
}
.ltr .payment h2 {
  color: #050708;
  font-size: 24px !important;
  font-weight: 600;
  margin-bottom: 30px;
}
.ltr .payment hr {
  border-style: solid;
  border-color: #ddd;
}
.ltr .form-check input {
  height: auto;
}
.ltr .tagsList {
  margin-bottom: 30px;
}
.ltr .tagsList ul li {
  display: inline-block;
  background-color: #F2EAFB;
  border-radius: 8px;
  margin-right: 15px;
  font-size: 12px;
  margin-bottom: 10px;
  color: #000;
}
.ltr .tagsList ul li .form-check {
  padding: 8px 15px;
  padding-left: 35px;
}
.ltr .cardBox {
  box-shadow: -2px 0px 15px 1px #e2e1e1;
  padding: 19px 0;
  border-radius: 8px;
  margin-bottom: 20px;
}
.ltr .cardBox.jobWrap {
  padding: 25px;
  margin-bottom: 30px;
}
.ltr .cardBox.jobWrap .btn {
  min-width: 180px;
}
.ltr .cardBox.jobWrap .bookmark {
  font-size: 40px;
  color: #3B2E4A;
  margin-right: 18px;
  position: relative;
  top: 5px;
}
.ltr .cardBox.jobWrap h1 {
  font-size: 30px !important;
  color: #050708;
  min-height: 70px;
  font-weight: 600;
}
.ltr .cardBox.jobWrap h1 span {
  color: #B5944B;
  font-weight: 500;
  font-size: 20px !important;
}
.ltr .cardBox.jobWrap h3 {
  font-size: 20px !important;
  color: #000;
  font-weight: 500;
  margin-bottom: 10px;
}
.ltr .cardBox.jobWrap ul {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 20px;
}
.ltr .cardBox.jobWrap ul li {
  margin-bottom: 10px;
}
.ltr .form-control {
  border: 1px solid #ced4da;
}
.ltr .title {
  color: #050708;
}
.ltr .inputStyle {
  height: 46px;
}
.ltr .fileUpload input[type=file] {
  display: none;
}
.ltr .fileUpload .custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px 1px 12px;
  cursor: pointer;
  position: relative;
  color: #3B2E4A;
  font-weight: 600;
  top: 3px;
  border-radius: 5px;
  line-height: 18px;
}
.ltr .fileUpload .custom-file-upload img {
  position: relative;
  top: 4px;
}
.ltr .fileUploadPop label {
  font-weight: 400;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5803921569);
}
.ltr .fileUploadPop small {
  font-size: 8px;
  position: relative;
  top: -5px;
  color: #9b989b;
}
.ltr .navbar .userName {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #B5944B;
  color: #FFFFFF;
  font-size: 16px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
}
.ltr .navbar .ProfileDropMenu {
  top: 52px;
  right: 20px;
  overflow: inherit;
  min-width: 200px;
}
.ltr .navbar .ProfileDropMenu li:hover {
  background-color: #050708;
  cursor: pointer;
}
.ltr .navbar .ProfileDropMenu li:hover a {
  color: #fff;
}
.ltr .navbar .ProfileDropMenu li:hover a i {
  background-color: #050708;
  color: #fff;
}
.ltr .navbar .ProfileDropMenu li a {
  font-size: 15px;
  font-weight: 300;
  padding: 6px 10px;
  color: #3b2e4a;
  display: inline-block;
  width: 100%;
  text-shadow: 0 0 #3b2e4a;
}
.ltr .navbar .ProfileDropMenu li a i {
  width: 21px;
  height: 21px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  line-height: 21px;
  color: #665d6f;
  font-size: 14px;
}
.ltr .navbar .ProfileDropMenu::before {
  content: "\f0d8";
  position: absolute;
  right: 9px;
  top: -17px;
  color: #fff;
  font-family: "FontAwesome";
  z-index: 100;
  font-size: 20px;
}
.ltr .donorbg {
  background: url(/../../assets/images//donor-img.png) no-repeat center top;
  background-size: cover;
}
.ltr .headingStyle {
  font-size: 62px !important;
  font-weight: 600;
  line-height: 72px;
}
.ltr .DonorForm {
  max-width: 900px;
  margin: auto;
  margin-bottom: 80px;
  padding: 4%;
  background-color: #FFFFFF;
}
.ltr .DonorForm label {
  font-size: 22px;
  color: #888888;
  margin-bottom: 0;
}
.ltr .DonorForm .form-control {
  min-height: 60px;
  border-radius: 10px;
  border-color: #D9D9D9;
  font-size: 18px;
}
.ltr .DonorForm .inputDnD .form-control-file {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 9em;
  outline: none;
  visibility: hidden;
  cursor: pointer;
}
.ltr .DonorForm .inputDnD .form-control-file:before {
  content: attr(data-title);
  position: absolute;
  left: 0;
  width: 100%;
  min-height: 8em;
  line-height: 5em;
  padding-top: 1.5em;
  border-radius: 10px;
  opacity: 1;
  visibility: visible;
  text-align: center;
  border: 1px solid #D9D9D9;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: visible;
}
.ltr .customTabsProfile .mat-tab-label {
  border: 1px solid #ddd;
  color: #2e2e2e;
  height: 60px;
}
.ltr .myProfile .mat-form-field {
  margin-bottom: 10px;
}
.ltr .mat-tab-label-active {
  background: #050708;
  color: #fff;
  border-radius: 5px;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.ltr .mat-tab-label-active .mat-tab-label-content {
  color: #fff;
}
.ltr .timing.active {
  background: #F2EAFB;
  color: #3b2e4a;
  border: 1px solid #3b2e4a;
}
.ltr .profile-img {
  background-color: #ddd;
  width: 200px;
  height: 200px;
  border-radius: 100%;
  position: relative;
  margin: auto;
}
.ltr .profile-img .ImgUpload {
  position: absolute;
  right: 0;
  bottom: -52px;
  width: 100%;
}
.ltr .btn-file {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.ltr .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  cursor: inherit;
  display: block;
}
.ltr .modal-header {
  background-color: #050708;
}
.ltr .modal-header h4 {
  color: #fff;
  font-size: 24px !important;
  margin-bottom: 0;
  margin-top: 5px;
}
.ltr .modal-header .close {
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
}
.ltr .modal-content {
  border-radius: 8px;
}
.ltr .prograssBar {
  height: 10px;
  border-radius: 0;
  margin-top: 3px;
}
.ltr .prograssBar .progress-bar {
  background-color: #B5944B;
}
.ltr .OverallRating {
  background-color: #F2EAFB;
  text-align: center;
  padding: 35px 0 15px 0;
}
.ltr .chart_status {
  margin-top: 63px;
}
.ltr .chart_status img {
  max-width: 100%;
}
.ltr .img-thumnail {
  background-color: #F5F7FA;
  height: 160px;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
.ltr .img-thumnail img {
  height: auto;
}
.ltr .btn-light {
  background: #F2EAFB !important;
  font-weight: 500;
}
.ltr .font-500 {
  font-weight: 500;
}
.ltr .countNumner {
  position: relative;
}
.ltr .countNumner .count {
  position: absolute;
  right: 16px;
  top: 37px;
}
.ltr .passwordIcon {
  position: relative;
}
.ltr .course-wrap {
  background-color: #fff;
  border: 1px solid #f2eafe;
  padding: 14px 15px 5px 15px;
  margin-bottom: 25px;
  border-radius: 5px;
  margin-top: 5px;
}
.ltr .course-wrap h3 {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 800;
  color: #050708;
}
.ltr .course-wrap table {
  margin-bottom: 0;
}
.ltr .course-wrap table tr td {
  border: none;
  padding: 7px 5px;
  border-top: 1px solid #fff9f9;
}
.ltr .course-wrap table tr td:first-child {
  font-weight: 600;
}
.ltr .course-wrap .seatBox {
  background-color: #f2eafe;
  padding: 14px 10px;
  text-align: center;
  margin-bottom: 8px;
  border-radius: 5px;
  margin-top: 7px;
}
.ltr .course-wrap .seatBox div {
  color: #B5944B;
  font-size: 20px;
  margin-top: 10px;
  font-weight: 600;
}
.ltr .containerWrap {
  max-width: 1500px;
}
.ltr .needHelp {
  background-color: #F2EAFB;
  border-radius: 5px;
}
.ltr #review-modal .review-box .carousel-cell p {
  min-height: 120px;
  overflow-x: auto;
  height: 220px;
  overflow-y: auto;
}
.ltr #review-modal .review-box .carousel-cell p::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px;
}
.ltr #review-modal .review-box .carousel-cell p::-webkit-scrollbar-track {
  background: #050708;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.ltr #review-modal .review-box .carousel-cell p::-webkit-scrollbar-thumb {
  background: #B5944B;
  border-radius: 10px;
}
.ltr #skillsModal {
  background: rgba(0, 0, 0, 0.6);
}
.ltr #review-modal {
  background: rgba(0, 0, 0, 0.6);
}
.ltr .dropdown-menu-listing .list:nth-child(even) {
  background: #fff;
}
.ltr .dropdown-menu-listing .list:nth-child(odd) {
  background: #ededed;
}
.ltr .top-head-dropdown .dropdown-menu {
  overflow-x: hidden !important;
  height: 500px !important;
  width: 400px !important;
  margin-top: 10px;
}
.ltr .top-head-dropdown .dropdown-menu li:first-child {
  position: sticky;
  top: -12px;
  background: #ffffff !important;
  z-index: 10;
  padding-top: 17px;
  padding-bottom: 5px;
  margin-top: -12px;
  color: #fff;
}
.ltr .top-head-dropdown .dropdown-menu li:first-child .mat-checkbox {
  position: absolute;
  left: 50px;
}
.ltr .top-head-dropdown .dropdown-menu li:first-child .mat-checkbox label {
  color: #fff;
  padding: 1px;
}
.ltr .top-head-dropdown .dropdown-menu li:first-child .mat-checkbox label .mat-checkbox-inner-container {
  background-color: #fff;
}
.ltr .top-head-dropdown .dropdown-menu li:first-child .mat-checkbox label .mat-checkbox-inner-container span.mat-checkbox-frame {
  border: none;
}
.ltr .top-head-dropdown .dropdown-menu li:first-child .mat-checkbox label .mat-checkbox-inner-container span.mat-checkbox-persistent-ripple {
  border: none;
}
.ltr .top-head-dropdown .dropdown-menu li:first-child .mat-checkbox input[type=checkbox] {
  accent-color: #fe6d52;
}
.ltr .top-head-dropdown .dropdown-menu li:first-child .mat-checkbox .mat-checkbox-inner-container {
  margin-left: 5px;
}
.ltr .top-head-dropdown .dropdown-menu li .top-text-block {
  padding: 9px !important;
}
.ltr .top-head-dropdown .dropdown-menu li .top-text-block:hover {
  background-color: inherit !important;
}
.ltr .top-head-dropdown .dropdown-menu li .top-text-block:hover::before {
  left: -10px !important;
}
.ltr .top-head-dropdown .dropdown-menu li .top-text-block .top-text-heading {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #202020 !important;
}
.ltr .top-head-dropdown .dropdown-menu li .top-text-block .top-text-view {
  background-color: var(--main-color-hover) !important;
  border-radius: 50px;
  padding: 2px 8px 1px 8px !important;
  position: relative;
  top: -6px;
  font-size: 12px !important;
}
.ltr .top-head-dropdown .dropdown-menu li .dropdown-list li {
  background-color: transparent !important;
  color: #000;
  padding: 10px !important;
  margin: inherit !important;
  position: inherit;
  line-height: 18px !important;
  top: inherit !important;
}
.ltr .dropdown-menu-left-arabic {
  position: absolute !important;
  left: 0 !important;
}
.ltr .text-left-arabic, .ltr .text-left-arabic .mat-checkbox {
  position: absolute !important;
  left: 7px !important;
}
.ltr .chooseBox {
  background-color: #050708;
  padding: 80px 0px 60px 0;
}
.ltr .chooseBox h1 {
  font-size: 40px !important;
  color: #fff;
  font-weight: 900;
  margin-bottom: 40px;
}
.ltr .chooseBox h3 {
  font-size: 20px !important;
  font-weight: 800;
  color: #E21E26;
  margin-bottom: 10px;
  margin-top: 20px;
}
.ltr .chooseBox p {
  font-size: 15px;
  color: #fff;
  line-height: 28px;
  max-width: 80%;
}
.ltr .space100 {
  padding: 100px 0;
}
.ltr h1 {
  color: #050B20;
  font-size: 40px !important;
  font-weight: 700;
}
.ltr .ImgeBox {
  padding: 0 8px;
}
.ltr .NewsLetterWrap .imgBox img {
  max-width: 500px;
  min-height: 500px;
  object-fit: contain;
}
.ltr .imgWrap {
  max-width: 500px;
}
.ltr .imgWrap img {
  max-width: 100%;
}
.ltr .BrowseCategoryList {
  position: relative;
  margin: 35px 0 10px 0;
  overflow: hidden;
  height: 200px;
  display: flex;
  justify-content: center;
}
.ltr .BrowseCategoryList:hover img {
  transform: scale(1.2);
}
.ltr .BrowseCategoryList:hover .TitleText {
  top: 0px;
}
.ltr .BrowseCategoryList img {
  max-width: 100%;
  transition: all 0.5s ease-in-out;
  transform: scale(1);
  height: 100%;
  object-fit: contain;
}
.ltr .BrowseCategoryList .TitleText {
  position: absolute;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4784313725) 0%, rgba(0, 0, 0, 0.3215686275) 70%, rgba(0, 0, 0, 0.3882352941) 100%);
  font-size: 18px;
  color: #fff;
  width: 100%;
  transition: all 0.2s ease-in-out;
  left: 0;
  top: -80px;
  transition: all 0.5s ease-in-out;
  padding: 25px 0 0 20px;
  height: 165%;
}
.ltr .BrowseCategoryList .TitleText:hover {
  background: rgba(226, 30, 38, 0.5411764706);
  cursor: pointer;
}
.ltr .BrowseCategoryList .TitleText:hover .botmText {
  bottom: 160px;
}
.ltr .BrowseCategoryList .TitleText div small {
  font-size: 15px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 5px;
  display: inline-block;
}
.ltr .BrowseCategoryList .TitleText div p {
  font-size: 20px;
  font-weight: 600;
}
.ltr .BrowseCategoryList .TitleText div .botmText {
  font-size: 12px;
  position: absolute;
  bottom: -100px;
  width: 82%;
}
.ltr .our_product {
  margin: 10px 0 15px 0;
}
.ltr .our_product:hover .imgWrap .favoutList {
  right: 10px;
}
.ltr .our_product .imgWrap {
  background-color: #EFEFEF;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.ltr .our_product .imgWrap img {
  margin: auto;
}
.ltr .our_product .imgWrap .favoutList {
  position: absolute;
  right: -40px;
  top: 10px;
  transition: all 0.5s ease-in-out;
}
.ltr .our_product .imgWrap .favoutList a {
  background-color: #fff;
  width: 34px;
  height: 34px;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  border-radius: 100%;
}
.ltr .our_product .imgWrap .favoutList a:hover {
  background-color: #E21E26;
}
.ltr .our_product .imgWrap .favoutList a:hover i {
  color: #fff;
}
.ltr .our_product .imgWrap .favoutList a i {
  font-size: 18px;
}
.ltr .our_product .productInfo {
  margin-top: 15px;
  font-weight: 500;
}
.ltr .our_product .productInfo p {
  font-size: 16px;
  color: #000;
  text-align: center;
}
.ltr .our_product .productInfo .price {
  color: #FE6D52;
}
.ltr .our_product .productInfo .price span {
  text-decoration: line-through;
  color: #808080;
}
.ltr .our_product .productInfo a {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 15px 0;
  font-size: 16px;
  background-color: #0E1D3E;
  border-radius: 50px;
}
.ltr .our_product .productInfo a:hover {
  background-color: #E21E26;
}
.ltr .videoBox {
  position: relative;
}
.ltr .videoBox .playBtn {
  position: absolute;
  top: 50%;
  left: 43%;
  transform: translateY(-50%);
  background-color: red;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  line-height: 95px;
  text-align: center;
}
.ltr .videoBox .playBtn:hover {
  background-color: #0E1D3E;
}
.ltr .videoBox .playBtn i {
  font-size: 25px;
  color: #fff;
}
.ltr .bgBlue {
  background-color: #050708;
}
.ltr .popularProduct h1 {
  color: #fff;
  margin-bottom: 40px;
}
.ltr .popularProduct h1 a {
  color: #fff;
}
.ltr .popularProduct .Partners-logo {
  background: transparent;
  border-radius: 0;
}
.ltr .popularProduct .productInfo p {
  color: #fff;
}
.ltr .popularProduct .productInfo a {
  border: 1px solid #fff;
}
.ltr .popularProduct .carousel-arrow-next {
  left: 60px !important;
  bottom: -52px;
  background-color: transparent !important;
  background-image: none !important;
  border: 2px solid #fff;
  border-radius: 10px !important;
  top: inherit !important;
  text-align: center;
  line-height: 35px;
}
.ltr .popularProduct .carousel-arrow-next:hover {
  background-color: #E21E26 !important;
}
.ltr .popularProduct .carousel-arrow-next::before {
  content: ">";
  color: #fff;
  font-size: 15px;
}
.ltr .popularProduct .carousel-arrow-prev {
  left: -3px !important;
  bottom: -52px;
  background-image: none !important;
  border: 2px solid #fff;
  border-radius: 10px !important;
  background-color: transparent !important;
  top: inherit !important;
  text-align: center;
  line-height: 35px;
}
.ltr .popularProduct .carousel-arrow-prev:hover {
  background-color: #E21E26 !important;
}
.ltr .popularProduct .carousel-arrow-prev::before {
  content: "<";
  color: #fff;
  font-size: 15px;
}
.ltr .blogPost {
  margin-bottom: 20px;
}
.ltr .blogPost .blogImg {
  position: relative;
  margin: 20px 0;
  overflow: hidden;
}
.ltr .blogPost .blogImg:hover {
  cursor: pointer;
}
.ltr .blogPost .blogImg:hover img {
  transform: scale(1.2);
}
.ltr .blogPost .blogImg:hover span {
  top: 20px;
}
.ltr .blogPost .blogImg img {
  max-width: 100%;
  border-radius: 10px;
  transition: all 0.5s ease-in-out;
  transform: scale(1);
}
.ltr .blogPost .blogImg span {
  position: absolute;
  top: -30px;
  left: 20px;
  background-color: #fff;
  color: #050B20;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.5s ease-in-out;
  border-radius: 20px;
  padding: 3px 20px;
}
.ltr .blogPost .blogInfo .date {
  font-size: 15px;
  color: #050B20;
  margin-bottom: 10px;
}
.ltr .blogPost .blogInfo p {
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  color: #050B20;
}
.ltr .statusReport {
  background-color: #FFE7E8;
  padding: 70px 0 50px 0;
}
.ltr .statusReport h2 {
  font-size: 38px !important;
  color: #050B20;
  text-align: center;
  font-weight: 800;
}
.ltr .statusReport p {
  font-size: 15px;
  text-align: center;
}
.ltr .reviewWrap .carousel-arrow-next {
  left: 60px !important;
  bottom: -52px;
  background-color: transparent !important;
  background-image: none !important;
  border: 2px solid #fff;
  border-radius: 10px !important;
  top: inherit !important;
  text-align: center;
  line-height: 35px;
}
.ltr .reviewWrap .carousel-arrow-next:hover {
  background-color: #E21E26 !important;
}
.ltr .reviewWrap .carousel-arrow-next::before {
  content: ">";
  color: #0a0a0a;
  font-size: 15px;
}
.ltr .reviewWrap .carousel-arrow-prev {
  left: -3px !important;
  bottom: -52px;
  background-image: none !important;
  border: 2px solid #fff;
  border-radius: 10px !important;
  background-color: transparent !important;
  top: inherit !important;
  text-align: center;
  line-height: 35px;
}
.ltr .reviewWrap .carousel-arrow-prev:hover {
  background-color: #E21E26 !important;
}
.ltr .reviewWrap .carousel-arrow-prev::before {
  content: "<";
  color: #0a0a0a;
  font-size: 15px;
}
.ltr .reviewWrap .CustomerReview {
  padding: 20px;
  box-shadow: 1px 0px 14px rgba(0, 0, 0, 0.0705882353);
  margin: 10px;
}
.ltr .reviewWrap .CustomerReview div h3 {
  font-weight: 500;
  font-size: 20px !important;
  display: inline;
  color: #050B20;
}
.ltr .reviewWrap .CustomerReview .userInfo .userImg {
  width: 50px;
  float: left;
}
.ltr .reviewWrap .CustomerReview .userInfo .userImg img {
  background-color: #ddd;
  border-radius: 100%;
  width: 50px;
  height: 50px;
}
.ltr .reviewWrap .CustomerReview p {
  margin: 20px 0 20px 0;
  color: #050B20;
  line-height: 27px;
  min-height: 130px;
}
.ltr .mainsearch {
  border: 2px solid #fff;
  background-color: rgba(237, 225, 225, 0.65);
  border-radius: 50px;
  margin-top: 70px;
  padding: 20px;
  position: relative;
}
.ltr .mainsearch input {
  max-width: 85%;
  color: #ffffff;
  width: 100%;
  border: none;
  outline: none;
  font-size: 16px;
  background-color: transparent;
}
.ltr .mainsearch button {
  position: absolute;
  right: 20px;
  top: 6px;
  width: 200px;
  font-size: 16px;
  background-color: #E21E26;
  padding: 15px 20px;
  border-radius: 50px;
  color: #fff;
  border: none;
}
.ltr .mainsearch button:hover {
  background-color: #050708;
}
.ltr .mainsearch button i {
  margin: 0 5px;
}
.ltr .loginFromWrap {
  max-width: 560px;
  margin: auto;
  padding-top: 10%;
}
.ltr .loginFromWrap h4 {
  color: #E21E26;
  font-size: 40px !important;
  font-weight: 800;
  margin-bottom: 40px;
  text-align: center;
}
.ltr .loginFromWrap .btn {
  min-width: 130px;
}
.ltr .text-orange {
  color: #E21E26;
}
.ltr .footer-top {
  font-size: 20px;
  border-bottom: 1px solid #E21E26;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.ltr .footer-top p {
  font-size: 20px;
}
.ltr .footer-top .boxOne h5 {
  color: #E21E26;
  font-size: 20px !important;
  margin-bottom: 10px;
}
.ltr .footer-top .boxOne p {
  font-size: 22px;
  max-width: 90%;
  line-height: 25px;
}
.ltr .newsLetter label {
  color: #E21E26;
}
.ltr .newsLetter h4 {
  font-size: 40px !important;
  color: #050B20;
  font-weight: 600;
}
.ltr .newsLetter p {
  color: #050B20;
  font-size: 15px;
  max-width: 82%;
  margin: 22px 0 20px 0;
  line-height: 22px;
}
.ltr .newsLetter input {
  width: 72%;
  display: inline-block;
  border-color: #050708;
  padding: 15px;
  background-color: transparent;
  height: 53px;
  color: #050708;
  border-radius: 10px;
}
.ltr .newsLetter button {
  width: 23%;
  margin-left: 1%;
  border-radius: 10px;
  height: 53px;
}
.ltr .myCart {
  border: 1px solid #ddd;
}
@media screen and (max-width: 1280px) {
  .ltr .mobileList {
    flex-flow: nowrap;
    width: 100%;
    position: absolute;
    right: 0;
    top: 22px;
    justify-content: end;
  }
  .ltr .navbar-brand {
    margin-left: 50px;
  }
  .ltr .navbar-toggler {
    position: absolute;
    left: 5px;
    z-index: 100;
    top: 28px;
    border: black;
    background: #E21E26;
    /* padding: 10px 13px; */
    border-radius: 100%;
    width: 40px;
    height: 40px;
    font-weight: 500;
  }
  .ltr .ProfileDropMenu {
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .ltr .themeOne .navbar-toggler {
    background: #000000;
  }
  .ltr .themeOne .ImgeBox {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .ltr .themeOne .chooseBox {
    padding-bottom: 0;
  }
  .ltr .themeOne .chooseBox h1 {
    margin-bottom: 80px;
  }
  .ltr .themeOne .chooseBox h3 {
    margin-top: 20px;
  }
  .ltr .themeOne .serviceBoox {
    margin-bottom: 55px;
    height: auto;
  }
  .ltr .themeOne .serviceBoox .imgBox {
    position: relative;
    top: 0;
  }
  .ltr .themeOne .serviceBoox .imgBox img {
    max-width: 80px;
  }
  .ltr .themeOne .block-Wrap iframe {
    width: 100% !important;
  }
  .ltr .BannerSlider .carousel-item img {
    width: auto;
  }
  .ltr .BannerSlider {
    height: 450px;
    background: linear-gradient(183deg, #3e394f, #3b2e4a);
  }
  .ltr .imgBox {
    max-width: 100%;
  }
  .ltr footer .footer-link {
    text-align: center;
  }
  .ltr .newsLetter h4 {
    font-size: 30px !important;
  }
  .ltr .newsLetter input {
    width: 100%;
  }
  .ltr .newsLetter button {
    width: auto;
    margin-top: 10px;
  }
  .ltr .newsLetter form {
    text-align: center;
  }
  .ltr .banner-text {
    top: 29%;
  }
  .ltr .banner-text h1 {
    font-size: 27px !important;
    line-height: 35px;
    font-weight: 500;
    text-transform: capitalize;
  }
  .ltr .banner-text form input {
    width: 96%;
  }
  .ltr h1 {
    font-size: 36px !important;
  }
  .ltr .block-Wrap .block-text h1.font52 {
    font-size: 36px !important;
    line-height: 40px;
  }
  .ltr .block-Wrap .block-text h1.font52 br {
    display: none;
  }
  .ltr .container.mt-5 {
    margin-top: 15px !important;
  }
  .ltr .container.pt-5 {
    padding-top: 15px !important;
  }
  .ltr .profileInfo .profileDetails .btn {
    width: 100%;
  }
  .ltr .customHeader .navbar-collapse {
    margin-top: 27px;
  }
  .ltr .customHeader .navbar-brand {
    margin: 0;
  }
  .ltr .customHeader .navbar-brand img {
    max-width: 60px;
    position: relative;
    left: 40px;
  }
  .ltr .customHeader {
    min-height: 70px;
  }
  .ltr #item-filter .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 5px;
    padding-right: 5px;
  }
  .ltr #item-filter .icon-List {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 5px;
    padding-right: 5px;
  }
  .ltr .E-Retail-Theme .productList {
    margin-top: 0;
  }
  .ltr .E-Retail-Theme .RowsView .productDetails {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .ltr .E-Retail-Theme .RowsView .productDetails td {
    display: inline-block;
    width: 100% !important;
    border: none;
  }
  .ltr .E-Retail-Theme .RowsView .productDetails td:last-child {
    padding-bottom: 10px;
  }
  .ltr .E-Retail-Theme .listView .productList .product-img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .ltr .E-Retail-Theme .listView .productList .productDetails {
    width: 100%;
  }
  .ltr .E-Retail-Theme .right-side .show-list {
    height: inherit;
  }
  .ltr .customHeader .nav-link {
    font-size: 13px;
    margin: 0 10px;
    color: #000 !important;
  }
  .ltr .addTocart a {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 16px;
    padding: 6px 17px 3px 0px;
  }
  .ltr .addTocart a span {
    font-size: 10px;
    width: 15px;
    height: 15px;
    left: 6px;
    line-height: 15px;
  }
  .ltr .statis_header {
    padding: 3rem 2rem;
  }
  .ltr .statis_header h1 {
    font-size: 40px !important;
  }
  .ltr .OurBranches {
    padding-top: 50px;
  }
  .ltr .OurBranches h2 {
    font-size: 30px !important;
  }
  .ltr .OurBranches .BranchesBox p {
    font-size: 20px;
  }
  .ltr #infinite-list .col-lg-4 {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
  }
  .ltr #infinite-list .col-lg-12 {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
  }
  .ltr .filter-search {
    position: absolute;
    right: 8px;
    top: -47px;
    width: 68%;
  }
  .ltr .quickShop {
    margin: 0 !important;
    padding-top: 10px;
  }
  .ltr #item-filter .multi-select-margin {
    min-height: 36px;
    margin-bottom: 15px;
  }
  .ltr #item-filter button.mb-3 {
    margin-bottom: 0 !important;
  }
  .ltr #itemsSection hr {
    display: none;
  }
  .ltr #itemsSection .col-md-4.text-right {
    position: absolute;
    right: 0;
  }
  .ltr #itemsSection .icon-List .selected-list {
    padding-left: 40px;
  }
  .ltr #itemsSection .c-btn > span {
    font-size: 12px;
  }
  .ltr #itemsSection .wishList {
    display: none !important;
  }
  .ltr #itemsSection .col-md-1.text-right {
    margin-top: 0 !important;
  }
  .ltr .mobileList .top-head-dropdown ul.dropdown-menu-right {
    position: absolute;
    right: 0;
    width: 250px !important;
  }
  .ltr .mobileList .top-head-dropdown ul.dropdown-menu-right li:first-child h6 {
    font-size: 20px !important;
    text-align: center;
  }
  .ltr .mobileList .top-head-dropdown ul.dropdown-menu-right li:first-child .col-md-6 .mat-checkbox {
    position: relative;
    left: inherit;
  }
  .ltr .mobileList .top-head-dropdown ul.dropdown-menu-right li:first-child .col-md-6.text-right {
    text-align: center !important;
  }
  .ltr .mobileList li:last-child a {
    margin: 0;
  }
  .ltr .mobileList .custom-dropdown .dropdown-menu.show {
    display: inline-block !important;
    left: -80px;
  }
  .ltr .redBox .text h2 {
    font-size: 27px !important;
    margin-bottom: 0;
  }
  .ltr .redBox .text p {
    font-size: 16px;
  }
}
.ltr .showBoxtheme .card {
  border: 1px solid #e3d8d8 !important;
  box-shadow: 0 1px 10px #ddd;
  padding: 15px 15px 0px 15px;
  border-radius: 5px;
  height: 95%;
}
.ltr .showBoxtheme .card app-multilingual-input-field {
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}
.ltr .showBoxtheme .card .labelstyle {
  font-weight: 600;
}
.ltr .showBoxtheme .card .mat-form-field-wrapper {
  padding-bottom: 0;
  background: #f5f5f5;
}
.ltr .tabeStyleCustom {
  background: #f5f5f5;
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 5px;
}
.ltr .tabeStyleCustom li a {
  text-align: left;
  text-align: left !important;
  padding: 14px 15px;
  border-bottom: none !important;
}
.ltr .tabeStyleCustom li a.active {
  background: #000 !important;
  color: #fff !important;
  border-radius: 5px !important;
}
.ltr .pageSettingTabs .mat-tab-list {
  background-color: #e9e9e9;
}
.ltr .header-navbar .navbar-wrapper {
  background-color: #ffffff;
  border-bottom: 1px solid #ddd;
}
.ltr .loginWrap input {
  height: 44px;
}
.ltr .loginWrap label {
  font-weight: 600;
}
.ltr .loginWrap i.fa-eye {
  font-size: 16px;
}
.ltr .loginWrap i.fa-eye-slash {
  font-size: 16px;
}
.ltr .loginWrap button {
  padding: 10px 15px;
}
.ltr .footer-text {
  font-size: 12px !important;
}
.ltr .footer-text a {
  color: #1d1d1a;
}
.ltr .sideMenuAllSearch .mat-form-field-infix {
  padding: 8px 5px 10px 4px !important;
}
.ltr .top-head-dropdown ul li {
  padding: 0 0 !important;
}
.ltr .top-head-dropdown ul li:last-child {
  border-bottom: none !important;
}
.ltr .top-head-dropdown ul li a {
  padding: 9px 15px !important;
  display: inline-block;
  font-size: 16px;
  background-color: #fff;
}
.ltr .top-head-dropdown ul li a:hover {
  background-color: #fceee1;
  color: #000;
}
.ltr .top-head-dropdown ul li a:focus {
  background-color: #fceee1;
  color: #000;
}
.ltr .summary-pill .summary-pill-heading {
  font-size: 20px;
}
.ltr .summary-pill .arabic-text {
  font-size: 35px;
  font-weight: 600;
  padding-top: 13px;
}
.ltr .summary-pill .arabic-text span {
  font-size: 35px;
}
.ltr .form-container {
  padding: 20px;
}
.ltr .form-container input {
  height: 46px;
  border-color: #D4D4D4;
}
.ltr .btn-generate {
  position: absolute;
  right: 15px;
  top: 10px;
}
.ltr .activebtn {
  box-shadow: none;
  background-color: #E87403 !important;
}
.ltr .activebtn:hover {
  background-color: #E87403;
}
.ltr .activebtn:focus {
  background-color: #E87403;
}
.ltr .dropdown-list .list-filter input {
  min-height: 33px;
  height: auto;
}
.ltr .form-container .gray-area {
  min-height: 38px;
  line-height: 28px;
}
.ltr .form-container .input-label {
  padding-bottom: 5px;
  font-weight: 600;
}
.ltr .form-container .disabled-dropdown .selected-list .c-btn {
  background-color: #d4d4d4 !important;
}
.ltr .form-container .text-danger {
  font-weight: 600;
  font-size: 14px;
}
.ltr .form-container .input-group .input-group-text {
  border-radius: 8px 0 0 8px;
  background: #6e6e6e;
  border-right: none;
  color: #fff;
}
.ltr .cancell-btn:hover {
  background-color: #000 !important;
}
.ltr .cancell-btn:focus {
  background-color: #000 !important;
}
.ltr .disabledPar-btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1;
}
.ltr .DatepickerWrap input {
  height: inherit;
}
.ltr .select-DatePicker .mat-form-field-infix {
  padding: 11px 5px 11px 5px;
}
.ltr .select-DatePicker .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #D4D4D4;
  background-color: #fff;
}
.ltr .CustomDropList .selected-list .c-list {
  margin-top: 0;
}
.ltr .CustomDropList .selected-list .c-list .c-token {
  background-color: #000;
}
.ltr .headingFilter {
  border-bottom: 1px solid #ffffff;
  padding: 14px 20px;
  background: #fbf4ed;
  margin-bottom: 0 !important;
  border-radius: 5px;
  cursor: pointer;
}
.ltr .headingFilter.collapsed i::before {
  content: "\f067";
  font: normal normal normal 14px/1 FontAwesome;
}
.ltr .headingFilter i {
  position: absolute;
  right: 45px;
  color: #000;
  font-size: 16px;
  top: 15px;
}
.ltr .headingFilter i::before {
  content: "\f068";
  font: normal normal normal 14px/1 FontAwesome;
}
.ltr .filterWrap .card-body {
  border: none;
  padding: 0;
}
.ltr .filterWrap form {
  background: #fbf4ed;
  padding: 5px 15px 15px 15px;
}
.ltr .filterWrap form .input-label {
  color: #000;
}
@media screen and (max-width: 1000px) {
  .ltr .header-navbar .navbar-wrapper .navbar-container .nav-right {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .ltr .main-bg {
    padding-top: 50px;
  }
}
.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_1 {
  background-color: #c3b9aa !important;
  text-align: center;
  color: white !important;
}
.ltr .header_1 > h1 {
  font-weight: 500;
  color: #000000 !important;
}
.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: 1px solid #D4D4D4 !important;
}
.ltr .c-btn {
  background: none !important;
  min-height: 45px !important;
  padding: 5px 10px 0px 15px !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: #050708 !important;
  border-color: #050708 !important;
  font-weight: 300;
  color: #FFFFFF;
  font-size: 15.5px;
}
.ltr .custom-table tbody tr {
  background-color: #FFFFFF;
}
.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: -22px;
  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: 6px;
}
.ltr input.remembermecheckbox[type=checkbox]:before {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 14px;
  top: 0px;
  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: 0px;
  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: 0%;
  width: 100%;
  background: url(/../../assets/images/login-bg.png);
  padding: 55px 100px;
  padding-top: 15%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  display: inline-flex;
  margin: auto;
  justify-content: center;
  color: #FFFFFF;
}
.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: cover;
}
.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 0px;
  max-width: 600px;
}
.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: -1px;
}
.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: 0px;
}
.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 .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 .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 .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 .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-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;
  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: rgba(255, 255, 255, 0.7254901961);
  text-align: center;
  z-index: 10000;
}
.ltr .panel-overlay::after {
  background-color: rgba(255, 255, 255, 0.3);
  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 .header-style {
  border: 1px solid var(--main-color-hover);
  padding: 18px 20px 14px 20px;
  background-color: #FFFFFF;
}
.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 .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 .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 .selectMonth {
  text-align: right;
  color: #FFFFFF;
}
.ltr .jv-pop-up {
  height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ltr .flex-display {
  display: flex;
}
.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 .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 .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 .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 .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 .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 .card-container {
  cursor: pointer;
  height: 135px;
  perspective: 600;
  position: relative;
  width: 135px;
}
.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 .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 .cat-img .productimg {
  height: 190px;
}
.ltr .cat-img .productprice {
  bottom: -8px !important;
}
.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;
}
.ltr .progressBar {
  height: 20px;
}
.ltr .statusBar {
  position: relative;
}
.ltr .statusBar .statusCount {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .ltr .showMobile {
    display: block;
    opacity: 1;
  }
  .ltr .hideMobile {
    display: none;
  }
  .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: 1000px !important;
  }
  .ltr .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
    width: 200px !important;
  }
  .ltr .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell:first-child {
    width: 80px !important;
  }
  .ltr .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
    width: 200px !important;
  }
  .ltr .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell:first-child {
    width: 80px !important;
  }
  .ltr der-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 .checkboxInActive input {
  height: auto !important;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.form-control:focus {
  border-color: #E97305 !important;
  box-shadow: 0 0 0 0.2rem #ffdfc0 !important;
}

.selected-list .c-btn {
  border-radius: 12px !important;
  border: 1px solid #D4D4D4 !important;
  background-color: #FFFFFF !important;
}

.ngx-datatable.material .datatable-header .datatable-header-cell {
  text-align: left;
  padding: 0.9rem 1.2rem;
  font-weight: 400;
  background-color: rgb(235, 133, 35) !important;
  color: white !important;
  vertical-align: bottom;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.ngx-datatable.material .empty-row {
  text-align: center !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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;
}