:root{--primary-bg: #e5edf7;--First-Secondary-color: #037F3B;--background-color: #F7F7F9;--button-color: #D2D3D3;--action-button: #0049B2;--hover-link: #0049B2;--heading-text-color: #0049B2;--danger-color: #FF0000;--success-color: #4BB543;--registered-color: #DEEEE8;--registered-text-color: #519C66;--Pending-color: #E4E8FD;--Pending-text-color: #5570F1;--Active-color: #FFF2E2;--Active-text-color: #605B54;--Inactive-color: #D9A19D;--Inactive-text-color: #840900;--First-primary-color: #0049B2;--Second-primary-color: #085391;--Third-primary-color: #0B79D4;--Forth-primary-color: #59A4E2;--Fifth-primary-color: #6093B2;--First-secondary-color: #037F3B;--Second-secondary-color: #005225;--Third-secondary-color: #00693E;--Forth-secondary-color: #00854A;--Fifth-secondary-color: #55A783;--Sixth-secondary-color: #8BBEA8;--First-grey-color: #1F2223;--Second-grey-color: #363939;--Third-grey-color: #57595A;--Forth-grey-color: #797A7B;--Fifth-grey-color: #8E9090;--Sixth-grey-color: #B1B2B2;--Seventh-grey-color: #D2D3D3;--Eighth-grey-color: #EAEAEA;--Last-grey-color: #D2D3D3;--mat-dialog-with-actions-content-padding: 10px 24px}@font-face{font-family:Poppins-regular;src:url(/fonts/Poppins/Poppins-Regular.ttf)}@font-face{font-family:Poppins-medium;src:url(/fonts/Poppins/Poppins-Medium.ttf)}@font-face{font-family:Poppins-Bold;src:url(/fonts/Poppins/Poppins-Bold.ttf)}@font-face{font-family:Poppins-SemiBold;src:url(/fonts/Poppins/Poppins-SemiBold.ttf)}.arabic-style *{font-family:Almarai,sans-serif!important}.arabic-style button{margin-right:8px;margin-left:0}.arabic-style .header-align-right{display:flex;justify-content:flex-end}html{height:100%;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}*{font-family:Poppins,sans-serif!important}.mat-mdc-dialog-surface{border-radius:25px!important}.mat-mdc-form-field .mat-mdc-text-field-wrapper{border-radius:16px!important;background:#fff!important}.mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-notched-outline{border-radius:16px!important}.mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-notched-outline .mdc-notched-outline__leading{border-radius:16px 0 0 16px!important}.mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-notched-outline .mdc-notched-outline__trailing,[dir=rtl] .mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-notched-outline .mdc-notched-outline__leading{border-radius:0 16px 16px 0!important}[dir=rtl] .mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:16px 0 0 16px!important}.mat-mdc-form-field input.mat-mdc-input-element,.mat-mdc-form-field textarea.mat-mdc-input-element,.mat-mdc-form-field .mat-mdc-select,.mat-mdc-form-field .mat-mdc-select-trigger,.mat-mdc-autocomplete-panel,.mat-mdc-select-panel,.mat-mdc-datepicker-popup,.mat-mdc-timepicker-popup,input[type=search],input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url]{border-radius:16px!important}.filter-container .mat-mdc-form-field .mat-mdc-text-field-wrapper,.filters-container .mat-mdc-form-field .mat-mdc-text-field-wrapper{border-radius:16px!important;background:#fff!important}.mat-mdc-button-base{border-radius:16px!important}.bulk-actions-wrapper{background-color:transparent!important;padding:16px!important;border-radius:6px 6px 0 0!important;display:flex!important;align-items:center!important;gap:8px!important}.bulk-actions-wrapper .action-btn{background:linear-gradient(180deg,#0049b2,#003785)!important;border:1px solid #0049b2!important;border-radius:16px!important;padding:10px 16px!important;font-size:16px!important;font-weight:500!important;color:#fff!important;margin:0!important}.bulk-actions-wrapper .action-btn mat-icon{color:#fff!important}h2,h3,h1{font-weight:600!important;color:#0f1926}h1.danger,h2.danger,h3.danger,h4.danger,p.danger,.material-symbols-outlined.danger{color:#c70000!important}.mat-slide-toggle{padding:10px;border-radius:4px}.mat-slide-toggle .mdc-label{color:#0049b2;font-weight:500}.mat-mdc-table.danger .mat-mdc-header-row{background-color:#c70000!important}h1.canceled,h2.canceled,h3.canceled,h4.canceled,p.canceled,.material-symbols-outlined.canceled{color:#7b7b7b!important}.mat-mdc-table.canceled .mat-mdc-header-row{background-color:#7b7b7b!important}p,span{margin:0}h1{font-size:clamp(1.3125rem,1.2465rem + .2113vw,1.5rem)!important}h2{font-size:clamp(1.125rem,1.059rem + .2113vw,1.3125rem)!important}h3,.mat-expansion-panel-header-title{font-size:clamp(1rem,.956rem + .1408vw,1.125rem)!important}h4{font-weight:500!important;font-size:clamp(.8rem,.806rem + .1408vw,1rem)!important}p{font-size:clamp(.75rem,.706rem + .1408vw,.875rem)}a{text-decoration:none;cursor:pointer}html,body{height:100vh;background-color:#f5f5f5!important}body{margin:0;overflow-x:hidden}.material-symbols-outlined{font-family:Material Symbols Outlined!important}.breadcrumb-wrapper{display:flex;align-items:center}.breadcrumb-wrapper p{font-size:14px}.breadcrumb-wrapper mat-icon{font-size:16px;width:16px;height:16px}.breadcrumb-wrapper p,.breadcrumb-wrapper mat-icon{margin:0;color:var(--Fifth-grey-color)}.breadcrumb-wrapper p.link{cursor:pointer}html ::-webkit-scrollbar{width:5px;height:5px}html ::-webkit-scrollbar-thumb{background:var(--First-primary-color)}html ::-webkit-scrollbar-track{background:var(--Last-Grey-pallette)}html>* ::-webkit-scrollbar{width:8px;height:20px}html>* ::-webkit-scrollbar-thumb{background:#6395dd}html>* ::-webkit-scrollbar-track{background:var(--Last-Grey-pallette)}.material-icons{font-family:Material Icons!important}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-focus-icon-color: #212121;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: var(--Second-primary-color) !important;--mdc-radio-selected-hover-icon-color: var(--Second-primary-color) !important;--mdc-radio-selected-icon-color: var(--Second-primary-color) !important;--mdc-radio-selected-pressed-icon-color: var(--Second-primary-color) !important;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: var(--Second-primary-color) !important}.success-snackbar,.warning-snackbar{white-space:pre-wrap}.mat-mdc-snack-bar-container.warning-snackbar{--mdc-snackbar-container-color: #ffe6e6;--mat-snack-bar-button-color: #fff;--mdc-snackbar-supporting-text-color: #333;border:1px solid #ff9999;border-radius:10px}.mat-mdc-snack-bar-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled){color:#e60606!important}.mat-mdc-snack-bar-container.success-snackbar{--mdc-snackbar-container-color: #4bb543;--mat-snack-bar-button-color: #fff;--mdc-snackbar-supporting-text-color: #fff}.warning-snackbar .mat-mdc-snackbar-surface{--mdc-snackbar-container-color: #ffe6e6;--mat-snack-bar-button-color: #fff;--mdc-snackbar-supporting-text-color: #333;border:1px solid #ff9999;border-radius:10px;background:#ffe6e6!important;color:#000!important}.success-snackbar .mat-mdc-snackbar-surface{--mdc-snackbar-container-color: #4bb543;--mat-snack-bar-button-color: #fff;--mdc-snackbar-supporting-text-color: #fff;background:#4bb543!important}.overflow-x{overflow-x:auto}.mat-mdc-table{box-shadow:none;padding:16px 16px 0}.mat-mdc-table .mat-mdc-header-row{background-color:#2d69bf;color:#fff;white-space:nowrap}.mat-mdc-table .mat-mdc-header-row .mdc-checkbox__background{border-color:#fff!important}.mat-mdc-table .mat-mdc-row:nth-child(2n){background-color:#e6edf7}.mat-mdc-table td,.mat-mdc-table mat-cell{white-space:nowrap;padding:0 12px;font-size:14px;text-align:center;color:#0f1926;border-bottom-color:var(--background-color)}.mat-mdc-table .mat-mdc-header-cell{text-align:center}.mat-mdc-table .mat-mdc-header-cell:first-child{border-top-left-radius:6px}.mat-mdc-table .mat-mdc-header-cell:last-child{border-top-right-radius:6px}.mat-mdc-table mat-header-cell,.mat-mdc-table mat-cell{justify-content:center}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 43px;padding:8px}.action-button{background:linear-gradient(180deg,#0049b2,#003785)!important;color:#fff!important;padding-top:16px;padding-bottom:16px}.action-button:disabled{opacity:.5;pointer-events:none}.main-button{border:1px solid #0049b2!important;color:#0049b2!important}.delete-button,.cancel-btn{background-color:transparent!important;font-weight:500!important;color:#a0001d!important;border:1px solid #a0001d!important}.delete-button-without-background{background-color:transparent;color:#000;font-weight:600}.delete-button-without-background :hover{background-color:#d9544f26}.eteps-card{border-radius:6px;background:#fff;padding:20px;box-shadow:0 0 20px #0000001a}.status_label{padding:4px 12px;border-radius:6px;height:fit-content;font-size:12px;font-weight:600}.rectangle_triangle_label{height:0;width:0;border-left:10px solid white;border-right:100px solid transparent;border-bottom:20px solid transparent;border-top:20px solid transparent;position:relative}.rectangle_triangle_label span{position:absolute;top:-10px;left:30px;color:#fff}.heading{display:flex;align-items:center}.heading:after{content:"";flex:1;margin-left:1rem;height:1px;background-color:#d2d2d2}mat-form-field.dense-2{--mat-form-field-container-height: 43px;--mat-form-field-container-vertical-padding: 9px;line-height:25px!important}.avatar-wrapper{width:36px;height:36px;object-fit:cover;border-radius:50%;border:1px solid #d3d3d3}.avatar-text{width:36px;height:36px;display:flex;margin:auto;align-items:center;justify-content:center;border-radius:50%;text-transform:uppercase;border:1px solid #d3d3d3;background-color:#c9dfff;font-weight:500;color:var(--First-primary-color)}.map-avatar img[src$="#custom_marker"]{border:2px solid #212529!important;object-fit:cover;border-radius:50%}.user-performance{display:flex;align-items:center;justify-content:space-between}.user-performance circle-progress svg{width:4vw!important;height:80px}.toggle-group-no-border mat-button-toggle{padding:10px 0}.toggle-group-no-border .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:0;border-right:0}.select-image-tabs .mat-mdc-tab-header{border-bottom:2px solid #b8b8b8}.select-image-tabs .mat-mdc-tab-labels{width:calc(100% - 700px)}.select-image-tabs mat-tab-body{width:100%;height:calc(100vh - 400px)}.select-image-tabs .select-image-container{border:0;padding:20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.select-image-tabs .select-image-container img{width:100px;height:100px;object-fit:cover}.select-image-tabs .input-disabled .mdc-text-field--disabled .mdc-text-field__input{color:#000000d4}.table-heder-nowrap .mat-mdc-table{white-space:nowrap}.upload-img-dialog .hoverable{position:relative;display:block;cursor:pointer;height:80px;width:80px;border-radius:50%}.upload-img-dialog .hoverable .imagePreview{height:100%;width:100%;border-radius:50%;object-fit:cover}.upload-img-dialog .hoverable .hover-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.upload-img-dialog .hoverable .hover-text span{color:#484848;display:flex;justify-content:center;align-items:center}.upload-img-dialog .hoverable .hover-text .show-icon{opacity:0}.upload-img-dialog .hoverable:hover .hover-text .show-icon{height:80px;width:80px;border-radius:50%;background-color:#48484847;opacity:1}.upload-img-dialog .hoverable:hover .hover-text .show-icon mat-icon{color:#fff}.upload-img-dialog #fileInput{display:none}.suppliers-upload-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:0;padding-bottom:0}.suppliers-upload-input .mdc-text-field--outlined{padding:0!important}.suppliers-upload-input .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control{font:initial}.suppliers-upload-input{position:relative}.suppliers-upload-input .upload-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.suppliers-upload-input .upload-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:0;padding-bottom:0}.suppliers-upload-input .upload-input .mdc-text-field--outlined{padding:0!important}.suppliers-upload-input .upload-input .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control{font:initial}.suppliers-upload-input .upload-input{position:relative}.suppliers-upload-input .upload-input .upload-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.suppliers-upload-input .upload-input #fileInput,.suppliers-upload-input #fileInput{position:absolute;cursor:pointer;z-index:10;opacity:0;height:100%;left:0;top:0}.family-members mat-form-field .mat-mdc-text-field-wrapper{background-color:#fff}.mat-drawer-content,.mat-drawer-inner-container{overflow-x:hidden!important}.mat-drawer-inner-container{padding:25px!important}mat-drawer{width:24%!important;padding:15px;left:0;z-index:999!important;position:fixed!important}.filter_container{position:revert!important}.filter_container .mat-drawer-shown{position:fixed!important}.toggle-container{overflow:hidden;max-height:1000px;transition:max-height .1s ease-in-out;padding-bottom:1rem}.toggle-container.collapsed{max-height:0;padding-bottom:0rem}.select-image .hoverable{position:relative;display:block;cursor:pointer;height:80px;width:80px;border-radius:50%}.select-image .hoverable .imagePreview{height:100%;width:100%;border-radius:50%;object-fit:cover}.select-image .hoverable .hover-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.select-image .hoverable .hover-text span{color:#484848;display:flex;justify-content:center;align-items:center}.select-image .hoverable .hover-text .show-icon{opacity:0}.select-image .hoverable:hover .hover-text .show-icon{height:80px;width:80px;border-radius:50%;background-color:#48484847;opacity:1}.select-image .hoverable:hover .hover-text .show-icon mat-icon{color:#fff}.select-image #fileInput{display:none}.MD-box-shadow{box-shadow:0 0 10px #0000000f}.MD-card{background-color:#fff;padding:16px;width:100%;border-radius:6px}.remove-buttom-input-background .mat-mdc-form-field-subscript-wrapper{background-color:#e5edf7!important}.flex-col{flex:1}.mat-drawer-container{background-color:unset!important}.upload-input .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control{font:initial}.upload-input{position:relative}.upload-input .upload-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.upload-input #fileInput{position:absolute;cursor:pointer;z-index:10;opacity:0;height:100%;left:0;top:0}.upload-input .create-update-employee .mat-step-label{font-size:16px!important;font-weight:500!important;font-family:Roboto,sans-serif!important}.upload-input .create-update-employee .mat-step-label.mat-step-label-active{color:var(--First-primary-color)}.bulkAssign .mat-mdc-form-field-subscript-wrapper{display:none!important}.light-blue-bg{padding:1.5rem;background-color:var(--primary-bg)}.ticketing-white-bg{padding:1.5rem;background-color:#fff}.warning-bg{background-color:#f8d9db;padding:1.5rem}.canceled-bg{background-color:#e4e4e4;padding:1.5rem}.related-ticket-wrapper h2,.related-ticket-wrapper h3{color:#000!important}.related-ticket-wrapper .mat-expansion-panel-header{height:auto;padding:24px}.related-ticket-wrapper .divider-en:last-child{border-right:none!important}.related-ticket-wrapper .divider-ar:first-child{border-right:none!important}.related-ticket-wrapper .divider{border-right:1px solid #d6d6d6}.vertical-table{width:100%}.vertical-table th{padding-bottom:.75rem;color:#797a7b;font-size:14px;font-weight:400}.vertical-table td{padding-bottom:.75rem;color:#1f2223;font-size:14px;font-style:normal;font-weight:400}.documents-container{display:flex;gap:1rem;flex-wrap:wrap}.documents-container .document-wrapper{display:inline-flex;flex-direction:column;padding:1rem;border:1px solid var(--Sixth-grey-color);border-radius:6px;cursor:pointer}.documents-container .document-wrapper .material-symbols-outlined{color:var(--First-primary-color)}.documents-container .document-wrapper h4{font-weight:600;color:var(--Forth-grey-color)}.documents-container .document-wrapper p{color:var(--Forth-grey-color)}.nationalty-phone{display:block!important}.nationalty-phone span{display:flex;align-items:center;justify-content:space-between;margin:0 10px}.nationalty-phone img{width:25px;border-radius:5px}.cdk-overlay-pane .testClass{width:300%!important;position:absolute;bottom:0}.spinner-option .mdc-list-item__primary-text{width:100%}.mat-mdc-paginator-container{justify-content:center!important}.b-lightblue{border:1px solid #ceddf2}mat-tab-header{padding:8px;border-radius:32px;background-color:#fff}.mdc-tab--active .mdc-tab__content{border-radius:19px;padding:11px;color:#0042a2}.mdc-tab:hover{background-color:none!important}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color: transparent !important;--mat-tab-header-active-hover-indicator-color: transparent !important;--mat-tab-header-active-focus-indicator-color: transparent !important}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height: 40px}.bg-lightblue{background:#0049b21a}.search button,.load-all-btn button{background:linear-gradient(180deg,#0049b2,#003785)!important;color:#fff!important;border-radius:16px!important;font-weight:500!important;border:none!important}.filter-apply-btn{background:linear-gradient(180deg,#0049b2,#003785)!important;color:#fff!important;border-radius:16px!important;font-weight:500!important;border:none!important;transition:all .3s ease!important;min-width:80px!important;height:42px!important}.filter-apply-btn:hover{background:linear-gradient(180deg,#003785,#002a5e)!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #0049b24d!important}.filter-apply-btn:active{transform:translateY(0)!important;box-shadow:0 2px 4px #0049b24d!important}.filter-apply-btn:disabled{opacity:.5!important;pointer-events:none!important;transform:none!important;box-shadow:none!important}.filter-reset-btn{background:transparent!important;color:#0049b2!important;border-radius:16px!important;font-weight:500!important;border:1px solid #0049b2!important;transition:all .3s ease!important;min-width:80px!important;height:42px!important}.filter-reset-btn:hover{background:#ffffff1a!important;color:#003785!important;border-color:#003785!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #0049b233!important}.filter-reset-btn:active{transform:translateY(0)!important;box-shadow:0 2px 4px #0049b233!important}.filter-reset-btn:disabled{opacity:.5!important;pointer-events:none!important;transform:none!important;box-shadow:none!important}.mat-mdc-form-field .mat-mdc-text-field-wrapper,mat-form-field .mat-mdc-text-field-wrapper{border-radius:16px!important}.mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-notched-outline,mat-form-field .mat-mdc-text-field-wrapper .mdc-notched-outline{border-radius:16px!important}.mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-notched-outline .mdc-notched-outline__leading,mat-form-field .mat-mdc-text-field-wrapper .mdc-notched-outline .mdc-notched-outline__leading{border-radius:16px 0 0 16px!important}.mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-notched-outline .mdc-notched-outline__trailing,mat-form-field .mat-mdc-text-field-wrapper .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:0 16px 16px 0!important}.mat-mdc-form-field input.mat-mdc-input-element,.mat-mdc-form-field textarea.mat-mdc-input-element,.mat-mdc-form-field .mat-mdc-select,.mat-mdc-form-field .mat-mdc-select-trigger,mat-form-field input.mat-mdc-input-element,mat-form-field textarea.mat-mdc-input-element,mat-form-field .mat-mdc-select,mat-form-field .mat-mdc-select-trigger{border-radius:16px!important}input,textarea,select{border-radius:16px!important}.custom-progress-bar-vendor .mdc-linear-progress__bar-inner,.custom-progress-bar-open-close .mdc-linear-progress__bar-inner{border-color:#78deb7!important}.custom-progress-bar-vendor{--mdc-linear-progress-track-color: rgb(208 6 29)}.custom-progress-bar-product .mdc-linear-progress__bar-inner{border-color:#f18035!important}.custom-table-exceed-sla .mat-mdc-table .mat-mdc-header-row{background-color:#c70000!important}.mat-mdc-dialog-panel{max-width:100vw!important}