html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #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}:root{--mf-button-padding-y: clamp(8px, 1vw, 10px);--mf-button-padding-x: clamp(16px, 2vw, 20px);--mf-primary: #168BFD;--mf-primary-dark: #1976d2;--mf-primary-light: #64b5f6;--mf-accent: #00bcd4;--mf-accent-dark: #0097a7;--mf-accent-light: #4dd0e1;--mf-primary-radio: #30A0E1;--mf-gradient-start: #62DBE7;--mf-gradient-end: #0D82FF;--mf-gradient: linear-gradient(87deg, var(--mf-gradient-start) 0%, var(--mf-gradient-end) 100%);--mf-primary-g-start: #D0E7FF;--mf-primary-g-end: #D0E7FF;--mf-primary-g: linear-gradient(87deg, var(--mf-primary-g-start) 0%, var(--mf-primary-g-end) 100%);--mf-input-border-color: #232323;--mf-input-border: 1px solid var(--mf-input-border-color);--mf-input-border-focus: var(--mf-primary);--mf-bg-light: #f8f9fa;--mf-bg-white: #ffffff;--mf-bg-card: #ffffff;--mf-buttonBG: #D0E7FF;--mf-bg-success: #168b61;--mf-bg-lightsuccess: #e9fff7;--mf-bg-danger: #dc3545;--mf-bg-gray: #9e9e9e;--mf-calendar-bg: #f3f9ff;--mf-bg-primary-light: #e1e1e12e;--mf-bg-danger-light: #F9DEE1;--mf-text-primary: #2c3e50;--mf-text-secondary: #6c757d;--mf-text-muted: #adb5bd;--mf-text-white: #ffffff;--mf-text-black: #232323;--mf-text-success: #168b61;--mf-text-danger: #dc3545;--mf-border: #e9ecef;--mf-border-light: #d0e7ff;--mf-shadow: 0 4px 20px rgba(33, 150, 243, .15);--mf-shadow-hover: 0 8px 30px rgba(33, 150, 243, .25);--mf-border-success: #168b61;--md-border-danger: #dc3545;--mf-button-radius: 30px;--mf-card-radius: 20px;--mf-radius-none: 0;--mf-radius-xs: .25rem;--mf-radius-sm: .375rem;--mf-radius-md: .5rem;--mf-radius-lg: .75rem;--mf-radius-xl: 1rem;--mf-radius-2xl: 1.25rem;--mf-radius-3xl: 1.5rem;--mf-radius-full: 9999px;--mf-input-radius: 50px;--mf-dashboard-button-primary: #D0E7FF;--mf-primary-secondary: #E7F3FF;--mf-disabled: #808080;--mf-text-black-700: #232323;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--mf-font-family: "IBM Plex Sans", sans-serif;--mf-loader-background: rgb(0 0 0 / 70%)}body{font-family:var(--mf-font-family, "IBM Plex Sans", sans-serif);margin:0;padding:0;font-size:var(--font-size-md)}*{box-sizing:border-box;font-family:var(--mf-font-family, "IBM Plex Sans", sans-serif)}ul,li{margin:0;padding:0;list-style:none}img{height:auto}a{text-decoration:none;color:var(--mf-text-black)}.mdc-list-item__primary-text{font-family:var(--mf-font-family)!important}.error-text{color:var(--mf-text-danger);font-size:var(--font-size-sm);margin:0}.text-xs{font-size:var(--font-size-xs);line-height:1.3}.text-sm{font-size:var(--font-size-sm);line-height:1.3}.text-md{font-size:var(--font-size-md);line-height:1.3}.text-lg{font-size:var(--font-size-lg);line-height:1.3}.text-xl{font-size:var(--font-size-xl);line-height:1.3}.font-3{font-weight:300}.font-4{font-weight:400}.font-5{font-weight:500}.font-6{font-weight:600}.font-7{font-weight:700}.black-text-700{color:var(--mf-text-black)}.material-icons{font-size:20px}.mdc-label{font-size:var(--font-size-md)}.cdk-drag-preview,.employee-drag-preview{pointer-events:none!important}body.duty-roster-dragging{cursor:grabbing;user-select:none!important;-webkit-user-select:none!important}.button-md{border:none;border-radius:var(--mf-button-radius);font-size:var(--font-size-md);font-weight:500;padding:var(--mf-button-padding-y) var(--mf-button-padding-x);text-align:center;display:inline-block;transition:all .3s}.button-md:disabled{color:var(--mf-text-black)}.button-danger{background-color:var(--mf-bg-danger-light);color:var(--mf-text-danger)}.button-danger:hover{background-color:var(--mf-bg-danger);color:var(--mf-text-white)}.mf-primary-button{background:var(--mf-primary-g);color:var(--mf-text-black);border:none;border-radius:var(--mf-button-radius);font-size:var(--font-size-md);font-weight:500;padding:var(--mf-button-padding-y) var(--mf-button-padding-x);text-align:center;display:inline-block;transition:all .3s}.mf-primary-button:disabled{color:var(--mf-text-black)}.mf-primary-button:hover{background:var(--mf-gradient);color:var(--mf-text-white)}.mat-mdc-form-field.mat-form-field-invalid{margin-bottom:4px!important}.customDatepicker,.customDatepicker .mat-mdc-icon-button{position:relative}.customDatepicker .mat-mdc-icon-button:after{position:absolute;content:"";top:12px;right:10px;width:24px;height:24px;background-image:url("./media/calendar-icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.customDatepicker .mat-mdc-icon-button svg{display:none}.mat-mdc-dialog-surface{border-radius:var(--mf-radius-2xl)}.custom-dialog .mat-mdc-dialog-container,.custom-dialog .mat-mdc-dialog-surface{padding:0!important;overflow:hidden;border-radius:var(--mf-radius-2xl)}.mf-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--mf-border)}.mf-modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border-bottom:solid 1px var(--mf-border)}.mf-modal-header .title{font-size:var(--font-size-2xl);color:var(--mf-text-black);line-height:1.2;font-weight:500;margin:0}.mf-modal-header .close-btn{padding:2px;margin:0;background-color:transparent;border:none;font-size:var(--font-size-2xl);color:var(--mf-text-secondary);cursor:pointer;height:24px;width:24px;display:flex;align-items:center;justify-content:center}.mf-modal-header .close-btn:hover{color:var(--mf-text-black)}.mf-modal-body{padding:20px;overflow-y:auto;max-height:calc(100vh - 200px)}.mf-modal-container{background-color:var(--mf-bg-white)}.customMat-staepper{background-color:transparent!important}.mat-step-header .mat-step-icon:not(.mat-step-icon-selected):not(.mat-step-icon-state-edit){background-color:var(--mf-bg-gray);color:var(--mf-text-black)}.mat-step-header .mat-step-icon-selected{background:var(--mf-gradient);color:var(--mf-text-white)}.mat-step-header .mat-step-icon-state-edit,.mat-step-header .mat-step-icon.mat-step-icon-state-edit{background-color:var(--mf-bg-success);color:var(--mf-text-white)}.mat-step-header .mat-step-icon-state-edit .mat-step-icon-content,.mat-step-header .mat-step-icon.mat-step-icon-state-edit .mat-step-icon-content{position:relative;display:flex;align-items:center;justify-content:center}.mat-step-header .mat-focus-indicator{display:none}.mat-step-header:hover{background-color:transparent!important}.mf-cardBox{border:solid 1px var(--mf-border);border-radius:var(--mf-radius-2xl);overflow:hidden}.mf-cardBox .mf-cardBox-body{padding:16px}.mf-cardBox .mf-card-header{background:var(--mf-primary-g);padding:10px 20px;display:flex;align-items:center;gap:15px;border-bottom:solid 1px var(--mf-border);justify-content:space-between}.mf-cardBox .mf-card-header h3,.mf-cardBox .mf-card-title{display:flex;align-items:center;gap:8px;font-size:var(--font-size-md);line-height:1.3;color:var(--mf-text-black);font-weight:500;margin:0}.mf-cardBox .mf-card-header h3 i,.mf-cardBox .mf-card-header i,.mf-cardBox .mf-card-header h3 img,.mf-cardBox .mf-card-header img,.mf-cardBox .mf-card-header h3 svg,.mf-cardBox .mf-card-header svg{flex:none}.mf-cardBox .mf-card-header i.fa-circle-check{color:var(--mf-text-success)}@media(max-width:991px){.mf-cardBox{border-radius:var(--mf-radius-lg);overflow:hidden}.mf-cardBox .mf-cardBox-body{padding:12px}.mf-cardBox .mf-card-header{padding:10px}}.paragraph{margin:0;font-size:var(--font-size-md);color:var(--mf-text-black);line-height:1.3;font-weight:400}.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:none!important}.custom-tab-section .mat-mdc-tab-header{margin-bottom:10px}.custom-tab-section .mat-mdc-tab-header .mat-mdc-tab-labels{gap:16px}.custom-tab-section .mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab.mdc-tab{flex-grow:0!important;padding:0}.custom-tab-section .mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab.mdc-tab .mdc-tab__content{width:100%}.custom-tab-section .mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab.mdc-tab .mdc-tab__content .mdc-tab__text-label{font-size:var(--font-size-md);color:var(--mf-text-black);line-height:1.2;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.custom-tab-section .mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab.mdc-tab .mdc-tab__content .mdc-tab__text-label .add-break-tab{width:100%;height:100%;background:transparent;border:none}.custom-tab-section .mat-mdc-tab-body-wrapper{padding-top:6px}.custom-tab-section .mat-mdc-tab-body-wrapper .mat-mdc-tab-body{min-height:unset!important;overflow-y:inherit}.custom-tab-section .mat-mdc-tab-body-wrapper .mat-mdc-tab-body .mat-mdc-tab-body-content{overflow:unset}.custom-accordion{border:solid 1px var(--mf-border-light)!important}.custom-accordion .mat-expansion-panel-header{background:var(--mf-primary-g);height:auto!important;padding:6px 16px;border-radius:var(--mf-radius-sm)}.custom-accordion .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title{color:var(--mf-text-black);font-size:var(--font-size-md)}.custom-accordion .mat-expansion-panel-body{background-color:var(--mf-bg-light);padding:20px!important}@media(max-width:991px){.custom-accordion .mat-content .mat-expansion-panel-header-title{font-size:var(--font-size-sm)}.custom-accordion .mat-expansion-panel-body{padding:12px!important}}.mf-customUplaoder{width:100%;overflow:hidden;background:var(--mf-bg-white);border-radius:var(--mf-radius-lg);border:solid 1px var(--mf-border)}.mf-customUplaoder__header{width:100%;padding:6px 12px;background:var(--mf-primary-g);border-bottom:solid 1px var(--mf-border)}.mf-customUplaoder__header h3{margin:0;color:var(--mf-text-black);font-size:var(--font-size-md);font-weight:500;line-height:1.4}.mf-customUplaoder__content{display:grid;align-items:center;gap:30px;grid-template-columns:1fr 1fr;padding:14px}.mf-customUplaoder__dropzone{flex:0 0 250px;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;text-align:center;border:2px dashed var(--mf-border);border-radius:var(--mf-radius-md);background:var(--mf-bg-white);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.mf-customUplaoder__dropzone:hover{border-color:var(--mf-primary)}.mf-customUplaoder__upload-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;color:var(--mf-text-secondary);font-size:var(--font-size-3xl)}.mf-customUplaoder__upload-title{color:var(--mf-text-black);font-size:var(--font-size-md);font-weight:500;line-height:1.25}.mf-customUplaoder__upload-info{margin-top:3px;color:var(--mf-text-secondary);font-size:var(--font-size-xs);font-weight:400;line-height:1.2}.mf-customUplaoder__file{flex:1;min-width:0;padding:12px 8px;border:1px solid var(--mf-border);border-radius:var(--mf-radius-md);background:var(--mf-bg-white);box-shadow:none;height:100%;max-height:170px;overflow-y:auto}.mf-customUplaoder__file__list{display:flex;width:100%;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:solid 1px var(--mf-border)}.mf-customUplaoder__file__list:first-child{border-bottom:none}.mf-customUplaoder__file-icon{flex:0 0 32px;display:flex;justify-content:center;color:var(--mf-primary);font-size:var(--font-size-md)}.mf-customUplaoder__file-details{flex:1;min-width:0;padding:0 6px;color:var(--mf-text-black);font-size:var(--font-size-xs);line-height:1.45}.mf-customUplaoder__file-name,.mf-customUplaoder__file-size,.mf-customUplaoder__file-type{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mf-customUplaoder__file-name,.mf-customUplaoder__file-size{font-weight:600}.mf-customUplaoder__file-type,.mf-customUplaoder__file-size span,.mf-customUplaoder__file-type span,.mf-customUplaoder__file-name span{font-weight:400}.mf-customUplaoder__actions{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;margin-left:4px}.mf-customUplaoder__action{width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--mf-radius-md);font-size:var(--font-size-xs);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.mf-customUplaoder__action:hover{transform:translateY(-1px)}.mf-customUplaoder__action--view{color:var(--mf-primary);background:var(--mf-primary-secondary)}.mf-customUplaoder__action--view:hover{background:var(--mf-buttonBG)}.mf-customUplaoder__action--delete{color:var(--mf-text-danger);background:#f9dce0}.mf-customUplaoder__action--delete:hover{background:var(--mf-bg-danger);color:var(--mf-text-white)}@media(max-width:767px){.mf-customUplaoder__content{grid-template-columns:1fr;gap:12px}.mf-customUplaoder__dropzone{width:100%;min-height:160px}.mf-customUplaoder__file{width:100%}}@media(max-width:480px){.mf-customUplaoder__header{padding:10px 14px}.mf-customUplaoder__header h3{font-size:var(--font-size-md)}.mf-customUplaoder__content{padding:10px}.mf-customUplaoder__upload-title{font-size:var(--font-size-lg)}.mf-customUplaoder__upload-info,.mf-customUplaoder__file-details{font-size:var(--font-size-xs)}.mf-customUplaoder__action{width:30px;height:30px}}.mf-customTable .mf-table-inner{overflow-x:auto}.mf-customTable .mf-table-inner table{width:100%;font-size:var(--font-size-sm);color:var(--mf-text-black)}.mf-customTable .mf-table-inner table thead tr th{font-weight:500;font-size:var(--font-size-md);color:var(--mf-text-black);white-space:nowrap;line-height:1.3;padding:8px 12px;border-bottom:solid 1px var(--mf-border);border-top:solid 1px var(--mf-border)!important}.mf-customTable .mf-table-inner table tbody tr td{font-weight:400;font-size:var(--font-size-md);color:var(--mf-text-black);white-space:nowrap;line-height:1.3;padding:8px 12px;border:none}.mf-customTable .mf-table-inner table tbody tr td small{color:var(--mf-primary)!important}.mf-pagination-main .pagination{border:1px solid var(--mf-border)!important;border-radius:var(--mf-radius-md)}.mf-pagination-main .pagination .page-link{color:var(--mf-text-black);cursor:pointer;border:none;border-radius:0!important;border-left:1px solid var(--mf-border-light)!important;display:flex;align-items:center;justify-content:center;font-size:var(--mf-font-size-md);font-weight:500}.mf-pagination-main .pagination .page-item:first-child .page-link{border-left:none!important}.mf-pagination-main .pagination .page-item.active .page-link{background:var(--mf-buttonBG);color:var(--mf-text-black)}.mat-datepicker-content .mat-calendar-body-selected,.mat-calendar-body-cell-content.mat-calendar-body-selected{background-color:var(--mf-primary)!important;color:#fff!important}@media(max-width:991px){.mf-primary-button{font-size:var(--font-size-sm);padding:8px 16px}.mf-modal-header{padding:12px}.mf-modal-header .title,.mf-modal-header .close-btn{font-size:var(--font-size-xl)}.mf-modal-body,.mf-modal-footer{padding:16px 12px}.text-sm{font-size:var(--font-size-xs);line-height:1.3}.text-md{font-size:var(--font-size-sm);line-height:1.3}.text-lg{font-size:var(--font-size-md);line-height:1.3}.text-xl{font-size:var(--font-size-lg);line-height:1.3}.button-md{font-size:var(--font-size-sm);padding:8px 16px}}@media(max-width:767px){.w-md-full{width:100%}.error-text{font-size:var(--font-size-xs)}}@media(max-width:575px){.w-sm-full{width:100%}}.mf-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:var(--mf-radius-full);background:var(--mf-buttonBG);color:var(--mf-text-black);font-size:var(--font-size-md);font-weight:500;line-height:1.3;transition:all .3s}.mf-chip i{cursor:pointer}.mf-chip:hover{background:var(--mf-gradient);color:var(--mf-text-white)}.mf-chip:hover i{color:var(--mf-text-white)}