/*=================================== FONTS ===================================*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.12.1/font/bootstrap-icons.min.css");
/*=================================== FONTS ===================================*/
/*============================ VARIABLES START ================================*/

:root {
    --ezr-primaryfont: var(--mud-typography-default-family);
    --ezrprimary: var(--mud-palette-primary);
    --ezrprimary-rgb: var(--mud-palette-primary-rgb);
    --ezronprimary: var(--mud-palette-primary-text);
    --ezrprimary-hover: var(--mud-palette-primary-darken);
    --ezrprimary-faded: var(--mud-palette-primary-hover);
    --ezrsecondary: var(--mud-palette-secondary);
    --ezrsecondary-rgb: var(--mud-palette-secondary-rgb);
    --ezronsecondary: var(--mud-palette-secondary-text);
    --ezrsecondary-hover: var(--mud-palette-secondary-darken);
    --ezrsecondary-faded: var(--mud-palette-secondary-hover);
    --ezrtertiary: var(--mud-palette-tertiary);
    --ezrtertiary-rgb: var(--mud-palette-tertiary-rgb);
    --ezrontertiary: var(--mud-palette-tertiary-text);
    --ezrtertiary-hover: var(--mud-palette-tertiary-darken);
    --ezrtertiary-faded: var(--mud-palette-tertiary-hover);
    --ezrinfo: var(--mud-palette-info);
    --ezrinfo-rgb: var(--mud-palette-info-rgb);
    --ezroninfo: var(--mud-palette-info-text);
    --ezrinfo-hover: var(--mud-palette-info-darken);
    --ezrinfo-faded: var(--mud-palette-info-hover);
    --ezrsuccess: var(--mud-palette-success);
    --ezrsuccess-rgb: var(--mud-palette-success-rgb);
    --ezronsuccess: var(--mud-palette-success-text);
    --ezrsuccess-hover: var(--mud-palette-success-darken);
    --ezrsuccess-faded: var(--mud-palette-success-hover);
    --ezrdanger: var(--mud-palette-error);
    --ezrdanger-rgb: var(--mud-palette-error-rgb);
    --ezrondanger: var(--mud-palette-error-text);
    --ezrdanger-hover: var(--mud-palette-error-darken);
    --ezrdanger-faded: var(--mud-palette-error-hover);
    --ezrwarning: var(--mud-palette-warning);
    --ezrwarning-rgb: var(--mud-palette-warning-rgb);
    --ezronwarning: var(--mud-palette-warning-text);
    --ezrwarning-hover: var(--mud-palette-warning-darken);
    --ezrwarning-faded: var(--mud-palette-warning-hover);
    --ezrdark: var(--mud-palette-dark);
    --ezrdark-rgb: var(--mud-palette-dark-rgb);
    --ezrondark: var(--mud-palette-dark-text);
    --ezrdark-hover: var(--mud-palette-dark-darken);
    --ezrdark-faded: var(--mud-palette-dark-hover);
    /*	COMPONENT SIZE */
    --ezrappbar-height: var(--mud-appbar-height);
    --ezrminidrawer-width: var(--mud-drawer-width-mini-left);
    --ezrmininesteddrawer-width: 250px;
    --ezrdrawer-width: var(--mud-drawer-width-left);
    --ezrtoolbar-height: 64px;
    --ezrtoolbarfoot-height: 64px;
    --ezr-letterspacing-small: 0.05rem;
    --ezr-letterspacing-medium: 0.10rem;
    --ezr-letterspacing-large: 0.15rem;
    --ezr-letterspacing-default: var(--mud-typography-default-letterspacing);
    --ezr-border-radius: var(--mud-default-borderradius);

    --ezr-formicon-size: 1.275rem;
    --ezr-formtext-size : var(--ezr-typo-body1-size);
    --ezr-formlabel-size : var(--ezr-typo-caption-size); 
    /*	TYPO SIZE */
    --ezr-typo-h1-size: var(--mud-typography-h1-size);
    --ezr-typo-h2-size: var(--mud-typography-h2-size);
    --ezr-typo-h3-size: var(--mud-typography-h3-size);
    --ezr-typo-h4-size: var(--mud-typography-h4-size);
    --ezr-typo-h5-size: var(--mud-typography-h5-size);
    --ezr-typo-h6-size: var(--mud-typography-h6-size);
    --ezr-typo-subtitle1-size: var(--mud-typography-subtitle1-size);
    --ezr-typo-subtitle2-size: var(--mud-typography-subtitle2-size);
    --ezr-typo-body1-size: var(--mud-typography-body1-size);
    --ezr-typo-body2-size: var(--mud-typography-body2-size);
    --ezr-typo-caption-size: var(--mud-typography-caption-size);
    --ezr-typo-overline-size: var(--mud-typography-overline-size);
    --ezr-typo-button-size: var(--mud-typography-button-size);
    /* MAIN BACKGROUND COLOR */
    --ezr-bgbody-color: var(--mud-palette-background);
    --ezr-bglight-color: var(--mud-palette-background-gray);
    --ezr-bgwhite-color: var(--mud-palette-surface);
    /* COMPONENT BACKGROUND & TEXT COLOR */
    --ezr-bgappbar-color: var(--mud-palette-appbar-background);
    --ezr-appbar-color: var(--mud-palette-appbar-text);
    --ezr-bgdrawer-color: var(--mud-palette-drawer-background);
    --ezr-drawer-color: var(--mud-palette-drawer-text);
    --ezr-table-bgcolor: var(--mud-palette-surface);
    --ezr-table-stripedbgcolor: var(--mud-palette-table-striped);
    --ezr-tableborder-color: var(--mud-palette-table-lines);
    --ezr-tablehead-bgcolor: var(--mud-palette-gray-lighter);
    --ezr-tablehead-color: var(--mud-palette-text-primary);
    --ezr-frozen-bgcolor: var(--mud-palette-background-gray);
    --ezr-cardhead-bgcolor: var(--mud-palette-gray-lighter);
    --ezr-card-bgcolor: var(--mud-palette-surface);
    --ezr-cardborder-color: var(--mud-palette-table-lines);
    --ezr-modalhead-bgcolor: var(--mud-palette-gray-lighter);
    --ezr-modal-bgcolor: var(--mud-palette-surface);
    --ezr-dropdown-bgcolor: var(--mud-palette-surface);
    --ezr-accordion-bgcolor: var(--mud-palette-surface);
    --ezr-accordion-color: var(--mud-palette-text-primary);
    --ezr-tooltip-color: var(--mud-palette-gray-darker);
    --ezr-tooltip-bgcolor: var(--mud-palette-dark-text);
    /* TEXT COLOR */
    --ezr-text-color: var(--mud-palette-text-primary);
    --ezr-text-color-rgb: var(--mud-palette-secondary-rgb);
    --ezr-textlight-color: var(--mud-palette-text-secondary);
    --ezr-pagetitle-color: var(--mud-palette-text-primary);
    --ezr-navlink-color: var(--ezr-text-color);
    --ezr-close-color: var(--mud-palette-error);
    /*	FORM CONTROL COLOR*/
    --ezr-formlabel: var(--mud-palette-text-primary); 
    --ezr-placeholder-color: var(--mud-palette-text-secondary);
    --ezr-formcontrol-bgcolor: var(--mud-palette-surface);
    --ezr-formcontrol-radius: var(--mud-default-borderradius);
    --ezr-formcontrol-border: var(--mud-palette-lines-inputs);
    --ezr-disabled-bgcolor: var(--mud-palette-background-gray);
    --ezr-disabled-color: var(--mud-palette-text-disabled);
    /*	BORDER COLOR*/
    --ezr-border-color: var(--mud-palette-divider);
    --ezr-boxshadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    /*	EXTRA COLOR*/
    --ezrred: #FF0000;
    --ezrgreen: #06BA6E;
    --ezrorange: #FFA500;
    --ezrblue: #3A92E1;
    --ezrgrey: #6c757d;
    --ezrred-rgb: 255, 0, 0;
    --ezrgreen-rgb: 6, 186, 110;
    --ezrorange-rgb: 255, 165, 0;
    --ezrblue-rgb: 58, 146, 225;
    --ezrgrey-rgb: 108, 117, 125;
    /*	RADZEN VARIABLE*/
    --rz-primary: var(--ezrprimary);
    --rz-on-primary: var(--ezronprimary);
    --rz-primary-lighter: var(--ezrprimary-faded);
    --rz-on-primary-lighter: var(--ezrprimary);
    --rz-secondary: var(--ezrsecondary);
    --rz-on-secondary: var(--ezronsecondary);
    --rz-secondary-lighter: var(--ezrsecondary-faded);
    --rz-on-secondary-lighter: var(--ezrsecondary);
    --rz-success: var(--ezrsuccess);
    --rz-success-lighter: var(--ezrsuccess-faded);
    --rz-on-success: var(--ezronsuccess);
    --rz-danger: var(--ezrdanger);
    --rz-danger-lighter: var(--ezrdanger-faded);
    --rz-on-danger: var(--ezrondanger);
    --rz-warning: var(--ezrwarning);
    --rz-warning-lighter: var(--ezrwarning-faded);
    --rz-on-warning: var(--ezronwarning);
    --rz-info: var(--ezrinfo);
    --rz-info-lighter: var(--ezrinfo-faded);
    --rz-on-info: var(--ezroninfo);
    --rz-text-color: var(--ezr-text-color);
    --rz-on-secondary-lighter: var(--ezrsecondary);
    --rz-border-normal: var(--rz-border-width) solid var(--ezr-border-color);
    /* --rz-border-hover : var(--rz-border-width) solid var(--ezr-border-color); */
    --rz-text-title-color: var(--ezr-pagetitle-color);
    --rz-card-background-color: var(--ezr-card-bgcolor);
    --rz-card-border: var(--ezr-border-color);
    --rz-input-border-radius: var(--ezr-formcontrol-radius);
    --rz-chart-tooltip-background: var(--ezr-tooltip-bgcolor);
    --rz-chart-tooltip-color: var(--ezr-tooltip-color);
    --rz-chart-axis-label-color: var(--ezr-textlight-color);
    --rz-chart-axis-font-size: 0.8rem;
    --rz-chart-legend-font-size: 0.8rem;
    --rz-chart-axis-color: #e0e0e0;
    --rz-dropdown-open-background-color: var(--ezr-dropdown-bgcolor);
    --rz-colorpicker-panel-background-color: var(--ezr-dropdown-bgcolor);
    --rz-colorpicker-panel-border: var(--ezr-border-color);
    --rz-datepicker-panel-background-color: var(--ezr-dropdown-bgcolor);
    --rz-datepicker-header-background-color: var(--ezr-dropdown-bgcolor);
    --rz-datepicker-header-color: var(--ezr-text-color);
    --rz-border-radius: var(--ezr-border-radius);
    --rz-input-font-size: var(--ezr-typo-body2-size);
    --rz-input-placeholder-color: var(--ezr-placeholder-color);
    /* --rz-input-placeholder-color: var(--ezr-formlabel); */
    --rz-input-background-color: var(--ezr-formcontrol-bgcolor);
    --rz-form-field-filled-background-color: var(--ezr-bglight-color);
    --rz-form-field-filled-hover-background-color: var(--ezr-bglight-color);
    --rz-input-border: var(--rz-border-width) solid var(--ezr-formcontrol-border);
    --rz-input-value-color: var(--ezr-text-color);
    --rz-input-focus-shadow: none;
    /* --rz-input-height: 2.5rem;
    --rz-input-line-height: var(--rz-body-line-height);
    --rz-input-padding: 0.4375rem 0.9375rem;
    --rz-input-border-radius: var(--rz-border-radius); */

    --rz-input-disabled-shadow: none;
    --rz-input-disabled-border: 1px solid var(--ezr-border-color);
    --rz-input-disabled-background-color: var(--ezr-disabled-bgcolor);
    --rz-text-disabled-color: var(--ezr-disabled-color);
    --rz-input-disabled-opacity: 1;
    --rz-menu-background-color: var(--ezr-dropdown-bgcolor);
    --rz-scheduler-event-color: var(--ezronprimary);
    --rz-scheduler-event-background-color: var(--ezrprimary);
    /*	TYPOGRAPHY SIZE*/
    --rz-text-h1-font-size: var(--ezr-typo-h1-size);
    --rz-text-h2-font-size: var(--ezr-typo-h2-size);
    --rz-text-h3-font-size: var(--ezr-typo-h3-size);
    --rz-text-h4-font-size: var(--ezr-typo-h4-size);
    --rz-text-h5-font-size: var(--ezr-typo-h5-size);
    --rz-text-h6-font-size: var(--ezr-typo-h6-size);
    --rz-text-subtitle1-font-size: var(--ezr-typo-subtitle1-size);
    --rz-text-subtitle2-font-size: var(--ezr-typo-subtitle2-size);
    --rz-text-body1-font-size: var(--ezr-typo-body1-size);
    --rz-text-body2-font-size: var(--ezr-typo-body2-size);
    --rz-text-caption-font-size: var(--ezr-typo-caption-size);
    --rz-text-overline-font-size: var(--ezr-typo-overline-size);
    --rz-text-overline-text-transform: var(--mud-typography-overline-text-transform);
    --rz-text-button-font-size: var(--ezr-typo-button-size);
    --rz-text-button-font-weight: var(--mud-typography-button-weight);
    --rz-text-button-letterspacing: var(--mud-typography-button-letterspacing);
    --rz-text-button-text-transform: var(--mud-typography-button-text-transform);
    --rz-text-button-line-height: var(--mud-typography-button-lineheight);
}   
/*============================== VARIABLES END ================================*/

body{
    font-family: var(--ezr-primaryfont);
    background: var(--ezr-bgbody-color);
	/* background: var(--ezr-bgbody-color) no-repeat 180% 40%/65% fixed url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwNCIgaGVpZ2h0PSIxNDU4IiB2aWV3Qm94PSIwIDAgMTIwNCAxNDU4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBvcGFjaXR5PSIwLjUiIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2ZfNDkzXzEwMTM0KSI+CjxjaXJjbGUgY3g9IjcyMi4xMjgiIGN5PSI4MzkuMDIiIHI9IjQ4MS40MTkiIGZpbGw9InVybCgjcGFpbnQwX3JhZGlhbF80OTNfMTAxMzQpIi8+CjwvZz4KPGcgb3BhY2l0eT0iMC41IiBmaWx0ZXI9InVybCgjZmlsdGVyMV9mXzQ5M18xMDEzNCkiPgo8Y2lyY2xlIGN4PSI0NzAuMzMzIiBjeT0iNTcwLjMzMyIgcj0iNDcwLjMzMyIgZmlsbD0idXJsKCNwYWludDFfcmFkaWFsXzQ5M18xMDEzNCkiLz4KPC9nPgo8ZyBvcGFjaXR5PSIwLjUiIGZpbHRlcj0idXJsKCNmaWx0ZXIyX2ZfNDkzXzEwMTM0KSI+CjxjaXJjbGUgY3g9IjY5MS41MTEiIGN5PSI1MjIuMjk3IiByPSIzMzEuNTAzIiBmaWxsPSJ1cmwoI3BhaW50Ml9yYWRpYWxfNDkzXzEwMTM0KSIvPgo8L2c+CjxnIG9wYWNpdHk9IjAuNSIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjNfZl80OTNfMTAxMzQpIj4KPGNpcmNsZSBjeD0iNjA4LjI0NCIgY3k9IjEwNzkuOTciIHI9IjMzMS41MDMiIHRyYW5zZm9ybT0icm90YXRlKC04MS4yMjQ0IDYwOC4yNDQgMTA3OS45NykiIGZpbGw9InVybCgjcGFpbnQzX3JhZGlhbF80OTNfMTAxMzQpIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZl80OTNfMTAxMzQiIHg9IjE0MC43MDkiIHk9IjI1Ny42MDEiIHdpZHRoPSIxMTYyLjg0IiBoZWlnaHQ9IjExNjIuODQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNTAiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl80OTNfMTAxMzQiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjFfZl80OTNfMTAxMzQiIHg9Ii0xMDAiIHk9IjAiIHdpZHRoPSIxMTQwLjY3IiBoZWlnaHQ9IjExNDAuNjciIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNTAiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl80OTNfMTAxMzQiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjJfZl80OTNfMTAxMzQiIHg9IjI2MC4wMDgiIHk9IjkwLjc5MzkiIHdpZHRoPSI4NjMuMDA2IiBoZWlnaHQ9Ijg2My4wMDYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNTAiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl80OTNfMTAxMzQiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjNfZl80OTNfMTAxMzQiIHg9IjE3Ni42OTQiIHk9IjY0OC40MjMiIHdpZHRoPSI4NjMuMSIgaGVpZ2h0PSI4NjMuMSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI1MCIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzQ5M18xMDEzNCIvPgo8L2ZpbHRlcj4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzQ5M18xMDEzNCIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSg3MjIuMTI4IDgzOS4wMikgcm90YXRlKDkwKSBzY2FsZSg0ODEuNDE5KSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRjFBNkMiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYxQTZDIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDFfcmFkaWFsXzQ5M18xMDEzNCIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSg0NzAuMzMzIDU3MC4zMzMpIHJvdGF0ZSg5MCkgc2NhbGUoNDcwLjMzMykiPgo8c3RvcCBzdG9wLWNvbG9yPSIjM0FBQ0ZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzNBOTVGRiIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQyX3JhZGlhbF80OTNfMTAxMzQiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjkxLjUxMSA1MjIuMjk3KSByb3RhdGUoOTApIHNjYWxlKDMzMS41MDMpIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzQ4M0FGRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM0ODNBRkYiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50M19yYWRpYWxfNDkzXzEwMTM0IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDYwOC4yNDQgMTA3OS45Nykgcm90YXRlKDkwKSBzY2FsZSgzMzEuNTAzKSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkM4M0EiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZDODNBIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K); */
    padding: 0px;
    letter-spacing: var(--ezr-letterspacing-default);
    box-sizing: border-box;
    user-select: none;
}

.mud-layout{}
.mud-layout .mud-main-content{padding-top: var(--ezrappbar-height);}
.BodyWrapper{padding: 1rem;}

.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before{
    vertical-align: unset;
}

@keyframes zoomIn {from {opacity: 0; transform: scale(0.9);} to {opacity: 1; transform: scale(1);}}
@keyframes fadeIn {from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); }}

.fade-enter-active {animation: fadeIn 0.2s ease-in-out;}  

.text-primary{color: var(--ezrprimary);}
.text-secondary{color: var(--ezrsecondary);}
.text-tertiary{color: var(--ezrtertiary);}
.text-warning{color: var(--ezrwarning);}
.text-info{color: var(--ezrinfo);}
.text-danger{color: var(--ezrdanger);}
.text-success{color: var(--ezrsucces);}

.fw-bold{font-weight: bold !important;}
.bg-transparent{background-color: transparent !important;}
.text-uppercase{text-transform: uppercase !important;}
.w-100{width: 100%;}
.mud-border-line{border-color: var(--ezr-cardborder-color);}
.mud-typography-caption {color: var(--mud-palette-text-secondary)}

/*============================= VALIDATION Summary START ================================*/
.validationSummary {max-height: 100px;overflow: auto;}
.validationSummary:empty {display: none;}
/*============================= VALIDATION Summary END ================================*/

/*=============================== LOGIN START =================================*/
.LoginWrapper{
    --loginbg : url("/_content/SharedUI/img/loginpattern.svg");
    min-height: 100vh; max-width: 100%; display: flex; align-items: stretch; justify-content: center;
    background-color: var(--mud-palette-primary-lighten);
    background-image: var(--loginbg); background-size: cover;background-position: center;
}
.logincard{
    padding: 2rem; border: 1px solid var(--ezr-border-color);
    border-radius: var(--ezr-border-radius); height: 100%;
    display: flex; flex-direction: column; gap: 2.5rem;
}
.logincard .logincard-brand{width: 100%; overflow: hidden;}
.logincard .logincard-body{flex: 1;}
.logincard .logincard-action{display: flex; flex-direction: column; gap: 1rem;}
.logincard .logincard-body .rz-security-code-input{width: 2.5rem;}
.logincard-progress-stack{display: flex;flex-direction: column;height: 100%;justify-content: center}
.logincard-progress-status{display: flex;}
@media (min-width: 567px){
    .LoginWrapper{padding: 2.5rem;}
    /* .logincard{height: 100%;} */
}
/*================================ LOGIN END ==================================*/
/*======================== HOME/LANDING START ============================*/
.landingpage-section{padding: 5rem 0;}
.landingpage-section.bg-light{
    background-color: var(--mud-palette-primary-lighten);
}
.section-heading{
	display: flex; justify-content: center; flex-direction: column; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.75rem;
}
.section-heading .section-title{
	font-weight: bold; letter-spacing: 0.10rem; color: var(--ezr-text-color); line-height: 1.1;

}
.section-heading .section-subtitle{
	font-weight: 500; letter-spacing: 0.10rem; text-transform: uppercase;
}
.hero-section{
    height: calc(100vh - var(--mud-appbar-height));
    position: relative; display: flex; align-items: center; overflow: hidden;
    --circleshape-width : 65vw;
}
.hero-section:before{
    content: ''; position: absolute; bottom: calc(-1 * (var(--circleshape-width) / 2)); left: calc(-1 * (var(--circleshape-width) / 2));
    width: var(--circleshape-width); height: var(--circleshape-width); border-radius: 50%; overflow: hidden;
    background-color: rgba(var(--ezrprimary-rgb), 0.2); z-index: -1;
}
.hero-section .hero-title{
    outline: none; font-weight: 400;
    background: linear-gradient(82deg, #173F63 0%, #4DA6E3 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.hero-section .hero-subtitle{letter-spacing: 1px; font-weight: 500;}
.hero-section .hero-description{letter-spacing: 1px; font-weight: 500;}
.about-section{
    background: linear-gradient(90deg, rgba(var(--ezrprimary-rgb), 0.2) 50%, var(--mud-palette-background) 100%);
}

@media (max-width: 1280px){}
@media (min-width: 961px){}
@media (max-width: 960px){
	.section-heading .section-title{font-size: 2.5rem; text-align: center;}
	.section-heading .section-subtitle{font-size: 0.9rem; text-align: center;}
}
@media (max-width: 600px){
	.section-heading .section-title{font-size: 1.65rem}
	.section-heading .section-subtitle{font-size: 0.8rem}
}
/*========================= HOME/LANDING END =============================*/
/*======================== CUSTOMIZATION DRAWER START =========================*/
.customization-drawer{}
.customization-drawer .mud-drawer-header{padding: 1rem;}
.customization-drawer .mud-drawer-header .mud-drawer-header-title{
    font-size: 1rem; font-weight:  500; text-transform: capitalize; letter-spacing: 0.05rem;
}
.setting-card.mud-card{
    margin-bottom: 1rem; background-color: transparent; border: 1px solid var(--ezr-border-color);
}
.setting-card.mud-card .mud-card-header{
    border-bottom: 1px solid var(--ezr-border-color); padding: 0.5rem; background-color: var(--ezr-bglight-color);
}
.setting-card.mud-card .mud-card-header .mud-card-header-title{
    text-transform: uppercase; letter-spacing: 0.10rem; font-weight: 600;
}
.setting-card.mud-card .mud-card-content{padding: 0.5rem;}

.color-togglegroup.mud-toggle-group{ display: flex; flex-wrap: wrap;gap: 0.75rem;}
.color-togglegroup.mud-toggle-group .mud-toggle-item{ border-width: 0px !important; position: relative;}
.color-togglegroup.mud-toggle-group .mud-toggle-item:not(.transparent-color){
    width: 42px; height: 42px; background-color: var(--bgcolor); color: #fff; border-radius: 7px;}
.color-togglegroup.mud-toggle-group .mud-toggle-item:is(:hover, :focus, :active, .mud-theme-primary){
    background-color: var(--bgcolor) !important;
}
.color-togglegroup.mud-toggle-group .mud-toggle-item.default-color,
.color-togglegroup.mud-toggle-group .mud-toggle-item.transparent-color{
    width: 42px; height: 42px; color: var(--ezr-text-color) !important;
    border: 1px solid var(--ezr-border-color) !important; border-radius: 7px !important;
}
.color-togglegroup.mud-toggle-group .mud-toggle-item.mud-toggle-item-selected{
    border-color: var(--ezrprimary);
}
.color-togglegroup.mud-toggle-group .mud-toggle-item.mud-toggle-item-selected:before{
    content: '\e876'; font-family:  'Material Icons';
    position: absolute; top: 0; right: 0; height: 100%; width: 100%;
    font-size: 1.45rem; display: flex; align-items: center; justify-content: center;
}   
.color-togglegroup.mud-toggle-group .mud-toggle-item.mud-toggle-item-selected .mud-svg-icon{display: none;}
/*========================= CUSTOMIZATION DRAWER END ==========================*/
/*=========================== APPBAR HEADER START =============================*/
.appbar-header.mud-appbar:not([class*="mud-theme-"]){
    background-color: var(--ezr-bgappbar-color);
    color: var(--ezr-appbar-color);
}
/* .appbar-header.mud-appbar.appbar-gradient.appbar-image{
    background: var(--ezr-bgappbar-gradient), var(--ezr-bgappbar-image);
    background-position: bottom;
} */
.appbar-header.mud-appbar.appbar-gradient:before{
    content: ''; z-index: -2; width: 100%; position: absolute; height: 100%;
    background: var(--ezr-bgappbar-gradient);
}
.appbar-header.mud-appbar.appbar-pattern:after{
    content: ''; z-index: -1; width: 100%; position: absolute; height: 100%;
    background-image: var(--ezr-bgappbar-pattern);
}
.appbar-header.mud-appbar.appbar-image:after{
    content: ''; z-index: -1; width: 100%; position: absolute; height: 100%;
    background-image: var(--ezr-bgappbar-image);
}

.appbar-header.mud-appbar.mud-theme-primary{color: var(--ezronprimary);}
.appbar-header.mud-appbar.mud-theme-secondary{color: var(--ezronsecondary);}
.appbar-header.mud-appbar.mud-theme-tertiary{color: var(--ezrontertiary);}
.appbar-header.mud-appbar.mud-theme-success{color: var(--ezronsuccess);}
.appbar-header.mud-appbar.mud-theme-danger{color: var(--ezrondanger);}
.appbar-header.mud-appbar.mud-theme-warning{color: var(--ezronwarning);}
.appbar-header.mud-appbar.mud-theme-dark{color: var(--ezrondark);}
.appbar-header.mud-appbar.mud-theme-transparent{color: var(--ezr-text-color);}
.appbar-header.mud-appbar .mud-toolbar-appbar{
    --nav-spacing: 0.5rem;
    --nav-width : 36px;
    --nav-height : 36px;
    height: var(--ezrappbar-height); padding: 0.5rem; gap: var(--nav-spacing);
    /* border-bottom: 1px solid var(--ezr-border-color); */
}
.appbar-header.mud-appbar .appbar-menu{
	width: var(--nav-width); height: var(--nav-height);
    outline: 0; padding: 0; border: 0px; border-radius: var(--ezr-border-radius);
    font-size: 1.15rem; background-color: transparent; box-shadow: none;
    margin-inline-end: 0px;
}
.appbar-header.mud-appbar .appbar-menu:is(:hover, :focus, :active) {
    background-color: rgba(var(--mud-palette-secondary-rgb), 0.1); color: var(--ezr-appbar-color); border: 0;
    box-shadow: none; outline: none;
}
.appbar-header.mud-appbar .appbar-pageheading{
    display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: 0.275rem; height: 100%;  
}
.appbar-header.mud-appbar .appbar-pageheading .mud-breadcrumbs{
    padding: 0; line-height: 1;
}
.appbar-header.mud-appbar .appbar-pageheading .mud-breadcrumbs .mud-breadcrumb-item:not(.mud-disabled) a{
    color: var(--ezrprimary); font-weight: 500;
}
.appbar-header.mud-appbar .appbar-pageheading .mud-breadcrumbs .mud-breadcrumb-item a:hover{
    text-decoration: underline;
}
.appbar-header.mud-appbar .appbar-pagetitle{
    margin: 0; font-size: var(--ezr-typo-h6-size); font-weight: 700; line-height: 1; letter-spacing: var(--ezr-letterspacing-small)
}
.appbar-header.mud-appbar .appbar-pageheading .appbar-brand{
	display: flex; align-items: center; gap: var(--nav-spacing); text-decoration: none; 
}
.appbar-header.mud-appbar:is([class*="mud-theme-"]) .appbar-pageheading .appbar-brand{
    color: var(--mud-palette-primary-text);
}
.appbar-header.mud-appbar.mud-theme-transparent .appbar-pageheading .appbar-brand{
    color: var(--ezr-appbar-color);
}
.appbar-header.mud-appbar .appbar-pageheading .appbar-brand .appbar-brand-image{height: 26px;}
.appbar-header.mud-appbar:is([class*="mud-theme-"]) .appbar-pageheading .appbar-brand .appbar-brand-image{
    height: 35px; background: rgba(255, 255, 255, 0.85); padding: 0.375rem; border-radius: 0.275rem;
}
.appbar-header.mud-appbar .appbar-pageheading .appbar-brand .appbar-brand-image img{width: 100%; height: 100%;}
.appbar-header.mud-appbar .appbar-pageheading .appbar-brand .appbar-brand-text {
    display: flex; align-items: center; font-size: 0.9rem; letter-spacing: 0.05rem; font-weight: 600; 
    text-transform: uppercase; line-height: 1; margin: 0; 
}
.appbar-header.mud-appbar .appbar-right{
    padding: 0 1rem; flex: 0 0 auto; display: flex; align-items: stretch; justify-content: flex-end;
    gap: var(--nav-spacing); height: 100%;
}
.appbar-header.mud-appbar .appbar-right>.mud-icon-button,
.appbar-header.mud-appbar .appbar-right .mud-menu .mud-icon-button{
    width: var(--nav-width); height: var(--nav-height); border-color: var(--ezr-border-color);
    align-self: center; color: var(--mud-palette-appbar-text);
}
.appbar-header.mud-appbar .appbar-right>.mud-icon-button:is(:hover, :focus, :active),
.appbar-header.mud-appbar .appbar-right .mud-menu .mud-icon-button:is(:hover, :focus, :active){
    background-color: rgba(var(--mud-palette-secondary-rgb), 0.1); box-shadow: none; outline: none;
}
.appbar-header.mud-appbar .account-user .mud-avatar{
    width: var(--nav-width); height: var(--nav-height);
}
.appbar-header.mud-appbar .account-user .mud-avatar>.mud-typography{
    text-transform: uppercase; font-weight: bold;
}
.appbar-header.mud-appbar .account-user .account-user-inner {
    padding: 0 0.5rem; display: flex; flex-direction: column; justify-content: center; row-gap: 0.15rem; width: 140px;     
}
.appbar-header.mud-appbar .account-user .account-user-inner .account-subtitle {
    font-size: 0.65rem; letter-spacing: 0.10rem; line-height: normal;
}
.appbar-header.mud-appbar .account-user .account-user-inner .account-title {
    font-weight: 600; letter-spacing:0.10rem; line-height: normal;
    white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
.appbar-header.mud-appbar .appbar-right .mud-icon-button{
	border-color: var(--ezr-border-color);
}
.appbar-header.mud-appbar .appbar-right .mud-icon-button .mud-svg-icon{font-size: 1.15rem;}
.appbar-dropdown{
    min-width: 200px; top: var(--ezrappbar-height) !important; 
}
.appbar-dropdown .mud-list .mud-list-item{padding: 0.5rem 1rem; display: flex; align-items: center; justify-content: flex-start;} 
.appbar-dropdown .mud-list .mud-list-item .mud-list-item-icon{margin-right: .5rem; min-width: auto;} 
.appbar-dropdown .mud-list .mud-list-item .mud-list-item-icon .mud-svg-icon{font-size: 1.25rem;}
.appbar-dropdown .mud-list .mud-list-item .mud-list-item-text{} 
.appbar-dropdown .mud-list .mud-list-item .mud-list-item-text .mud-typography-body1{font-size: 0.75rem; font-weight: 500; letter-spacing: 0.05rem;}

@media (max-width: 991.98px){
    .appbar-header.mud-appbar .appbar-pageheading{display: none;}
    .appbar-header.mud-appbar .account-user .account-user-inner{display: none;}
}
@media (max-width: 767.98px){}

/*============================ APPBAR HEADER END ==============================*/

/*=========================== SIDEBAR/DRAWER START ============================*/
.aside-menu.mud-drawer{
	--mud-default-borderradius : 0.375rem;
	overflow: hidden;
    
}
.aside-menu.mud-drawer:not([class*="mud-theme-"]){
    background-color: var(--ezr-bgdrawer-color);
    color: var(--ezr-drawer-color);
}
.aside-menu.mud-drawer:is([class*="mud-theme-"]){
    --mud-palette-primary : var(--ezr-drawer-color);
    --mud-palette-primary-text : var(--ezr-drawer-color);
    --mud-palette-drawer-icon : var(--ezr-drawer-color);
    --mud-palette-drawer-text : var(--ezr-drawer-color);
}
.aside-menu.mud-drawer.mud-theme-primary{
    --ezr-bgdrawer-color : var(--ezrprimary); --ezr-drawer-color: var(--ezronprimary);
}
.aside-menu.mud-drawer.mud-theme-secondary{
    --ezr-bgdrawer-color : var(--ezrsecondary); --ezr-drawer-color: var(--ezronsecondary);
}
.aside-menu.mud-drawer.mud-theme-tertiary{
    --ezr-bgdrawer-color : var(--ezrtertiary); --ezr-drawer-color: var(--ezrontertiary);
}
.aside-menu.mud-drawer.mud-theme-success{
    --ezr-bgdrawer-color : var(--ezrsuccess); --ezr-drawer-color: var(--ezronsuccess);
}
.aside-menu.mud-drawer.mud-theme-error{
    --ezr-bgdrawer-color : var(--ezrdanger); --ezr-drawer-color: var(--ezrondanger);
}
.aside-menu.mud-drawer.mud-theme-warning{
    --ezr-bgdrawer-color : var(--ezrwarning); --ezr-drawer-color: var(--ezronwarning);
}
.aside-menu.mud-drawer.mud-theme-dark{
    --ezr-bgdrawer-color : var(--ezrdark); --ezr-drawer-color: var(--ezrondark);
}
.aside-menu.mud-drawer.mud-theme-transparent{
    --ezr-bgdrawer-color : transparent; 
}

.aside-menu.mud-drawer.mud-drawer-mini{
    --mud-zindex-drawer: 1300;
}
.mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never), 
.mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always{
    top: var(--ezrappbar-height);
}

.aside-menu.mud-drawer.mud-drawer-responsive.mud-drawer-clipped-always .mud-drawer-header,
.aside-menu.mud-drawer.mud-drawer-responsive.mud-drawer-clipped-docked .mud-drawer-header,
.aside-menu.mud-drawer.mud-drawer-persistent.mud-drawer-clipped-always .mud-drawer-header,
.aside-menu.mud-drawer.mud-drawer-persistent.mud-drawer-clipped-docked .mud-drawer-header,
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer-clipped-always .mud-drawer-header,
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer-clipped-docked .mud-drawer-header{display: none;}

.aside-menu.mud-drawer.mud-drawer-temporary.mud-drawer-clipped-always .mud-drawer-header{
    border-bottom: 1px solid var(--ezr-border-color);
}
.aside-menu.mud-drawer .mud-drawer-header{
    /* border-bottom: 1px solid var(--ezr-border-color); */
    background-color: var(--ezr-bgdrawer-color);
	display: flex; justify-content: center; 
	padding: 0.65rem 0.65rem; height: var(--ezrappbar-height); 
}
.aside-menu.mud-drawer .mud-drawer-body{
    background-color: var(--ezr-bgdrawer-color);
    padding: 0.5rem; overflow-y: auto; flex-grow: 1; scrollbar-width: thin;
}
.aside-menu.mud-drawer .mud-drawer-header .drawer-brand{
	flex: 1; padding: 0px; display: flex; align-items: center; gap: 0.5rem; text-decoration: none;
}
.aside-menu.mud-drawer .mud-drawer-header .drawer-brand .drawer-brand-icon{ width: 24px; height: 24px;}
.aside-menu.mud-drawer .mud-drawer-header .drawer-brand .drawer-brand-icon img{ width: 100%; height: 100%;}
.aside-menu.mud-drawer .mud-drawer-header .drawer-brand .drawer-brand-image{height: 24px;}
.aside-menu.mud-drawer .mud-drawer-header .drawer-brand .drawer-brand-image img{width: 100%; height: 100%;}
.aside-menu.mud-drawer .mud-drawer-header .drawer-brand .drawer-brand-icon{display: none}
.aside-menu.mud-drawer .mud-drawer-header .drawer-brand .drawer-brand-text{
    color: var(--ezr-drawer-color);	
	display: flex; align-items: center; font-size: 0.9rem; letter-spacing: 0.05rem; font-weight: 600;
    text-transform: uppercase; line-height: 1; margin: 0; 
    
}
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--closed.mud-drawer-clipped-never .mud-drawer-header .drawer-brand{
    justify-content: center; align-items: center; flex-direction: column;  gap: 0.275rem;
}
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--closed.mud-drawer-clipped-never .mud-drawer-header .drawer-brand .drawer-brand-text{
    font-size: 0.375rem; text-align: center;
}
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--closed .mud-divider,
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--closed .drawer-brand-image{display: none !important;}
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--closed .drawer-brand-icon,
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--open .drawer-brand-image{display: block;}
.aside-menu.mud-drawer .aside-navmenu.mud-navmenu .mud-tooltip-inline{width: 100%;}
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--closed .aside-navmenu.mud-navmenu>.mud-tooltip-inline>.mud-nav-item>.mud-nav-link>.mud-nav-link-text,
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--closed .aside-navmenu.mud-navmenu>.mud-nav-item>.mud-nav-link>.mud-nav-link-text,
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--closed .aside-navmenu.mud-navmenu .mud-nav-group>.mud-nav-link>.mud-nav-link-text,
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--closed .aside-navmenu.mud-navmenu .mud-nav-link .mud-nav-link-expand-icon{
    display: none;   
}
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--closed .aside-navmenu.mud-navmenu>.mud-nav-link{
    justify-content: center; width: 48px; height: 48px;
}

.aside-navmenu.mud-navmenu{gap: 0.5rem; display: flex; flex-direction: column;}
.aside-navmenu.mud-navmenu .mud-nav-item{}

.aside-navmenu.mud-navmenu .mud-nav-item .mud-nav-link, .aside-navmenu.mud-navmenu .mud-nav-group .mud-nav-link{
	text-decoration: none; display: flex; align-items: center; justify-content: center; position: relative; padding: 0.75rem;
    transition: all 0.25s linear;  box-sizing: border-box;
}
/* .aside-menu.mud-drawer-mini .aside-navmenu.mud-navmenu .mud-nav-item .mud-nav-link{
    padding: 0.5rem;
} */
.aside-navmenu.mud-navmenu .mud-nav-item .mud-nav-link .mud-nav-link-icon,
.aside-navmenu.mud-navmenu .mud-nav-group .mud-nav-link .mud-nav-link-icon{
	font-size: 1.25rem; 
    line-height: 1;
}
.aside-navmenu.mud-navmenu .mud-nav-item .mud-nav-link:has(.mud-nav-link-icon) .mud-nav-link-text,
.aside-navmenu.mud-navmenu .mud-nav-group .mud-nav-link:has(.mud-nav-link-icon) .mud-nav-link-text{
    margin-left: 12px;
}

.aside-navmenu.mud-navmenu .mud-nav-item .mud-nav-link .mud-nav-link-text,
.aside-navmenu.mud-navmenu .mud-nav-group .mud-nav-link .mud-nav-link-text{
	font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.05rem;
	line-height: normal;
    margin-left: 0;
}
.aside-navmenu.mud-navmenu  .mud-nav-group>.mud-navgroup-collapse{
	position: relative;
}
.aside-navmenu.mud-navmenu  .mud-nav-group>.mud-navgroup-collapse .mud-collapse-wrapper .mud-navmenu{
	gap: 0.5rem; display: flex; flex-direction: column;
}
.aside-navmenu.mud-navmenu .mud-nav-group>.mud-navgroup-collapse .mud-collapse-wrapper .mud-navmenu .mud-nav-item{}
.aside-navmenu.mud-navmenu .mud-nav-group>.mud-navgroup-collapse .mud-collapse-wrapper .mud-navmenu .mud-nav-item .mud-nav-link{
    padding-left: 10px;
}
/* .aside-navmenu.mud-navmenu .mud-nav-group>.mud-navgroup-collapse .mud-collapse-wrapper .mud-navmenu .mud-nav-item .mud-nav-link .mud-nav-link-text{
	margin-left: 0; 
} */
/* .aside-menu.mud-drawer:not([class*="mud-theme-"]) .aside-navmenu.mud-navmenu.mud-navmenu-default .mud-nav-group .mud-nav-link.mud-expanded{
    --mud-palette-drawer-icon : var(--mud-palette-primary-text);
    color : var(--mud-palette-primary-text);
	background-color : var(--mud-palette-primary) !important;
} */
.aside-menu.mud-drawer:not([class*="mud-theme-"]) .aside-navmenu.mud-navmenu.mud-navmenu-default .mud-nav-link.active:is(:hover, :focus),
.aside-menu.mud-drawer:not([class*="mud-theme-"]) .aside-navmenu.mud-navmenu.mud-navmenu-default .mud-nav-link:is(.active, :hover, :focus){
	color : var(--mud-palette-primary-text);
	background-color : var(--mud-palette-primary) !important;
}
.aside-menu.mud-drawer:not([class*="mud-theme-"]) .aside-navmenu.mud-navmenu.mud-navmenu-default .mud-nav-link:is(.active, :hover, :focus) .mud-nav-link-icon{
	color : var(--mud-palette-primary-text);
}
.aside-menu.mud-drawer:not([class*="mud-theme-"]) .aside-navmenu.mud-navmenu.mud-navmenu-default .mud-nav-link:is(.active, :hover, :focus) .mud-nav-link-expand-icon{
	fill: var(--mud-palette-primary-text);
}
.aside-menu.mud-drawer:not([class*="mud-theme-"]) .aside-navmenu.mud-navmenu.mud-navmenu-default .mud-nav-link .mud-nav-link-expand-icon{
	fill: var(--mud-palette-drawer-text);
}




.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--closed .aside-navmenu.mud-navmenu .mud-nav-group{position: static;}
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--closed .aside-navmenu.mud-navmenu .mud-nav-group>.mud-navgroup-collapse{
    position: fixed;
    overflow: auto;
    top: calc(var(--ezrappbar-height) + 1px);
    height: calc(100% - var(--ezrappbar-height)) !important;
    width: var(--ezrmininesteddrawer-width);
    left: calc(var(--mud-drawer-width-mini-left) + 1px);
    /* border-right: 1px solid var(--ezr-border-color); */
    background-color: var(--ezr-bgdrawer-color);
    z-index: -1;
    transform: translateX(calc(-100% - var(--mud-drawer-width-mini-left)));
    transition: transform .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--closed .aside-navmenu.mud-navmenu .mud-nav-group>.mud-navgroup-collapse.mud-collapse-entered {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.aside-menu.mud-drawer.mud-drawer--open .aside-navmenu.mud-navmenu .mud-nav-group>.mud-navgroup-collapse.mud-collapse-entered::before,
.aside-menu.mud-drawer.mud-drawer--open .aside-navmenu.mud-navmenu .mud-nav-group>.mud-navgroup-collapse.mud-collapse-entering::before{
	content: "";
    position: absolute;
    left: 1.375rem;
    width: 1px;
    height: 100%;
    background-color: var(--ezr-border-color);
}
.aside-menu.mud-drawer.mud-drawer--open .aside-navmenu.mud-navmenu .mud-nav-group>.mud-navgroup-collapse .mud-collapse-wrapper{
	position: relative;
    padding-top: 0.5rem;
    padding-left: 2.175rem;
}
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--closed .aside-navmenu.mud-navmenu .mud-nav-group>.mud-navgroup-collapse.mud-collapse-entered .mud-collapse-wrapper{
    padding: 0.5rem; overflow: auto;
}
.aside-menu.mud-drawer.mud-drawer-mini.mud-drawer--closed .aside-navmenu.mud-navmenu .mud-nav-group>.mud-navgroup-collapse.mud-collapse-entered .mud-navmenu .mud-nav-item .mud-nav-link .mud-nav-link-text{
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: var(--ezr-letterspacing-small);
}

@media (max-width : 767px) {
    .mud-drawer-close-mini-md-left .mud-main-content,
    .mud-drawer-close-mini-md-left .mud-appbar,
    .mud-drawer.mud-drawer-mini{
        --mud-drawer-width-mini-left : 0px;
    }
}

.mud-drawer .mud-drawer-header-title{
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.05rem;
}
/*============================ SIDEBAR/DRAWER END =============================*/

/*------------------------------ BUTTON START -----------------------------*/
.rz-button{
    --rz-button-border-radius: var(--rz-border-radius);
    --rz-button-disabled-opacity: 0.4;
    font-weight: 500; white-space: nowrap; letter-spacing: var(--rz-text-button-letterspacing); outline: none; text-transform: none;
}
.rz-button.rz-button-lg{font-size: .9375rem; padding: .75rem 1rem;}
.rz-button.rz-button-md{font-size: var(--rz-text-button-font-size); padding: 0.5rem 1rem;}
.rz-button.rz-button-sm{font-size: .75rem; padding: .375rem 0.5rem;}
.rz-button.rz-button-xs{font-size: .7rem; padding: .3rem .3rem;}

.mud-button:has(.mud-progress-circular) .mud-button-label{
    gap: 0.5rem;
}
.mud-button:is(.mud-button-text-size-large, .mud-button-filled-size-large, .mud-button-outlined-size-large) .mud-progress-circular{
    width: 22px; height: 22px;
}
.mud-button:is(.mud-button-text-size-medium, .mud-button-filled-size-medium, .mud-button-outlined-size-medium) .mud-progress-circular{
    width: 20px; height: 20px;
}
.mud-button:is(.mud-button-text-size-small, .mud-button-filled-size-small, .mud-button-outlined-size-small) .mud-progress-circular{
    width: 18px; height: 18px;
}
.mud-button:has(.mud-progress-circular) .mud-button-icon-start,
.mud-button:has(.mud-progress-circular) .mud-button-icon-end{
    display: none;
}
/*------------------------------- BUTTON END ------------------------------*/

/*------------------------ MUD TABLE/DATAGRID START -------------------------*/

.mud-simple-table table thead tr th, .mud-simple-table table tbody tr th, .mud-simple-table table tfoot tr th,
.mud-simple-table.mud-table-sticky-header * table thead * th{background: var(--ezr-tablehead-bgcolor);color: var(--ezr-tablehead-color)}
.mud-simple-table table thead th{font-size: var(--ezr-typo-body2-size); font-weight: 600; letter-spacing: var(--ezr-letterspacing-small);}
.mud-simple-table table tbody td{font-size: var(--ezr-typo-body2-size);font-weight: 400; letter-spacing: var(--ezr-letterspacing-small);}
.mud-simple-table table * tr>td, .mud-simple-table table * tr th{padding: 0.75rem 0.75rem;}
.mud-simple-table.mud-table-dense * tr td, .mud-simple-table.mud-table-dense * tr th {padding: 0.275rem 0.75rem;}
.mud-simple-table .table .action-td:has(a, button){padding-top: 0.175rem; padding-bottom: 0.175rem;}
.mud-simple-table table tbody tr:last-child td{border-bottom: 1px solid var(--mud-palette-table-lines);}

.mud-table.mud-table-sticky-header .mud-table-root .mud-table-head tr th, .mud-table .mud-table-root .mud-table-head tr th,
.mud-table .mud-table-root .mud-table-foot tr td, .mud-table .mud-table-root .mud-table-foot tr th,
.mud-table .mud-table-root .mud-table-body tr th{
    background: var(--ezr-tablehead-bgcolor); color: var(--ezr-tablehead-color);
}
.mud-table .mud-table-root .mud-table-head .mud-table-cell, .mud-table .mud-table-root .mud-table-foot .mud-table-cell,
.mud-table .mud-table-root .mud-table-body th.mud-table-cell{
    font-size: var(--ezr-typo-body2-size); font-weight: 600; letter-spacing: var(--ezr-letterspacing-small);
}
.mud-table .mud-table-root .mud-table-body .mud-table-cell{
    font-size: var(--ezr-typo-body2-size);font-weight: 500; letter-spacing: var(--ezr-letterspacing-small);
}
.mud-table-cell{padding: 0.75rem 0.75rem;}
.mud-table.mud-table-dense .mud-table-root * .mud-table-row .mud-table-cell {padding: 0.275rem 0.75rem;}
.mud-table.table-text-center .mud-table-root .mud-table-foot .mud-table-cell,
.mud-table.table-text-center .mud-table-root .mud-table-body .mud-table-cell,
.mud-table.table-text-center .mud-table-root .mud-table-head .mud-table-cell{text-align: center;}

.mud-table.mud-table-striped .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd) .mud-table-cell.sticky-left,
.mud-table.mud-table-striped .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd) .mud-table-cell.sticky-right{
    background-color: var(--mud-palette-table-striped);
    /* background-color: var(--mud-palette-background-gray); */
}
.mud-table.mud-table-striped .mud-table-root .mud-table-body .mud-table-row:nth-of-type(even) .mud-table-cell.sticky-left,
.mud-table.mud-table-striped .mud-table-root .mud-table-body .mud-table-row:nth-of-type(even) .mud-table-cell.sticky-right{
    background-color: var(--mud-palette-surface);
    /* background-color: var(--mud-palette-gray-lighter); */
}
.mud-table.mud-table-dense .mud-table-root * .mud-table-row .mud-table-cell.edit-mode-cell{}
.mud-table.mud-table-dense .mud-table-root * .mud-table-row .mud-table-cell.edit-mode-cell .mud-input>input.mud-input-root{
    padding: 7.5px 5px;}
.mud-table.mud-table-dense .mud-table-root * .mud-table-row .mud-table-cell.edit-mode-cell .mud-switch-label-medium{
    font-size: var(--ezr-typo-body2-size) !important; font-weight: 500; letter-spacing: var(--ezr-letterspacing-small);}
.mud-code-input-inner .mud-input>input.mud-input-root{margin-inline-start: 0px !important;}
.mud-code-input-inner .mud-input>input.mud-input-root.mud-input-root-margin-dense{padding: 12.5px 7px;}

@media (max-width: 1280px) {
    .mud-md-table.mud-table .mud-table-row{margin: 1rem; border: 1px solid var(--ezr-tableborder-color);
        display: block; border-radius: var(--ezr-border-radius);}
    .mud-md-table.mud-table .mud-table-row .mud-table-cell{display: flex; align-items: center; justify-content: flex-start;
        padding: 0.625rem 1rem; font-size: var(--ezr-typo-body2-size); margin: 0; font-weight: 500; letter-spacing: var(--ezr-letterspacing-small);
        position: relative; vertical-align: middle;}
    .mud-md-table.mud-table.mud-table-bordered .mud-table-row .mud-table-cell:not(:last-child){
        border-bottom: 1px solid var(--ezr-tableborder-color);}
    .mud-md-table.mud-table .mud-table-row .mud-table-cell:last-child{border-bottom: 0px}
    .mud-md-table .mud-table-cell:before{content: attr(data-label) " :"; color: var(--ezr-textlight-color); font-size: var(--ezr-typo-body2-size);
        font-weight: 400; line-height: normal; white-space: normal; letter-spacing: var(--ezr-letterspacing-small);
        width: 90px; text-align: right;}
}
@media (max-width: 960px) {
    .mud-sm-table.mud-table .mud-table-row{margin: 1rem; border: 1px solid var(--ezr-tableborder-color);
        display: block; border-radius: var(--ezr-border-radius);}
    .mud-sm-table.mud-table .mud-table-row .mud-table-cell{display: flex; align-items: center; justify-content: flex-start;
        padding: 0.625rem 1rem; font-size: var(--ezr-typo-body2-size); margin: 0; font-weight: 500; letter-spacing: var(--ezr-letterspacing-small);
        position: relative; vertical-align: middle;}
    .mud-sm-table.mud-table.mud-table-bordered .mud-table-row .mud-table-cell:not(:last-child){
        border-bottom: 1px solid var(--ezr-tableborder-color);}
    .mud-sm-table.mud-table .mud-table-row .mud-table-cell:last-child{border-bottom: 0px}
    .mud-sm-table .mud-table-cell:before{content: attr(data-label) " :"; color: var(--ezr-textlight-color); font-size: var(--ezr-typo-body2-size);
        font-weight: 400; line-height: normal; white-space: normal; letter-spacing: var(--ezr-letterspacing-small);
        width: 90px; text-align: right;}
}
@media (max-width: 600px) {
    .mud-xs-table.mud-table .mud-table-row{ border: 1px solid var(--ezr-tableborder-color);
        display: block; border-radius: var(--ezr-border-radius);}
    .mud-xs-table.mud-table .mud-table-row .mud-table-cell{display: flex; align-items: center; justify-content: flex-start;
        padding: 0.625rem 1rem; font-size: var(--ezr-typo-body2-size); margin: 0; font-weight: 500; letter-spacing: var(--ezr-letterspacing-small);
        position: relative; vertical-align: middle;}
    .mud-xs-table.mud-table.mud-table-bordered .mud-table-row .mud-table-cell:not(:last-child){
        border-bottom: 1px solid var(--ezr-tableborder-color);}
    .mud-xs-table.mud-table .mud-table-row .mud-table-cell:last-child{border-bottom: 0px}
    .mud-xs-table .mud-table-cell:before{content: attr(data-label) " :"; color: var(--ezr-textlight-color); font-size: var(--ezr-typo-body2-size);
        font-weight: 400; line-height: normal; white-space: normal; letter-spacing: var(--ezr-letterspacing-small);
        width: 90px; text-align: right;}
}
/*------------------------ MUD TABLE/DATAGRID END --------------------------*/

/*------------------------------ MUDCARD START ----------------------------*/
.mud-card{--card-padding-y : 0.85rem; --card-padding-x : 0.85rem;}
.mud-card.fullscreen{
	position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1800;
}
.mud-card .mud-card-header, .mud-card .mud-card-actions{
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem;
    border-style: solid; border-color: var(--ezr-cardborder-color); background: var(--ezr-cardhead-bgcolor);
    padding: var(--card-padding-y) var(--card-padding-x);
}
.mud-card .mud-card-header{border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-width: 1px;}
.mud-card .mud-card-actions{border-bottom-left-radius: inherit; border-bottom-right-radius: inherit;
    border-top-width: 1px; display: flex; justify-content: flex-end;}
.mud-card .mudcard-title{margin: 0; padding: 0.25rem 0; font-size: var(--ezr-typo-h6-size); font-weight: 600; line-height: 1.2; font-family: var(--ezr-secondaryfont);}
.mud-card .mud-card-header .mud-card-header-content{}
.mud-card .mud-card-header .mud-card-header-actions{
    display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; width: fit-content; margin: 0;
}
.mud-card .mud-card-content{padding: var(--card-padding-y) var(--card-padding-x);}
.cardscroll{scrollbar-color: #c4c4c4 transparent; scrollbar-width: thin; overflow-x: auto; overflow-y: hidden;}
.rz-tablecard .rz-group-header{border-radius: var(--ezr-border-radius) var(--ezr-border-radiuss) 0 0; gap: 0.5rem;
}
.rz-tablecard .rz-group-header .rz-custom-header{
	display: flex; align-items: center; justify-content: space-between; gap: .5rem; flex-wrap: wrap; width: 100%;
}
/*------------------------------ MUDCARD END ------------------------------*/

/*------------------------------TOOLBAR START-------------------------------*/
.toolbar.mud-appbar{
	z-index: calc(var(--mud-zindex-appbar) - 1);
}
.toolbar.mud-toolbar{
	--nav-spacing: 0.5rem;
	background-color: var(--ezr-bgappbar-color);
    /* --nav-width: 36px;
    --nav-height: 36px; */
    min-height: var(--ezrtoolbar-height); padding: 0.5rem; gap: var(--nav-spacing); 
    border-bottom: 1px solid var(--ezr-border-color);
    border-top: 1px solid var(--ezr-border-color);
}
.toolbar-title{
    margin: 0;
    padding: 0.25rem 0;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: var(--ezr-letterspacing-medium);
    font-family: var(--ezr-secondaryfont);
}
.toolbar .toolbar-left, .toolbar .toolbar-right{display: flex; align-items: stretch; align-self: center; flex-wrap: wrap; gap: var(--nav-spacing);}
.toolbar .toolbar-left{}
.toolbar .toolbar-right{}

/*------------------------------TOOLBAR END-------------------------------*/

/*--------------------------TOOLBAR BOTTOM START--------------------------*/
.toolbar-foot.mud-appbar{
	z-index: calc(var(--mud-zindex-appbar) - 1);
    position: sticky; bottom: 0px;
}
.toolbar-foot .mud-toolbar{
    --nav-spacing: 0.5rem;
	background-color: var(--ezr-bgappbar-color);
    justify-content: space-between;
    flex-wrap: wrap;
    height: auto !important;
    min-height: var(--ezrtoolbarfoot-height) !important; 
    padding: 0.5rem; gap: var(--nav-spacing); 
}
.toolbar-foot .foot-left, .toolbar-foot .foot-right{display: flex; align-items: stretch; align-self: center; flex-wrap: wrap; gap: var(--nav-spacing);}
.toolbar-foot .foot-left{}
.toolbar-foot .foot-right{}
/*--------------------------TOOLBAR BOTTOM END----------------------------*/

/*------------------------ RADZEN GRID TABLE START ------------------------*/
.rz-data-grid{
	--rz-grid-stripe-background-color : var(--ezr-table-stripedbgcolor);
	--rz-grid-stripe-odd-background-color : var(--ezr-table-bgcolor);
	--rz-grid-background-color : var(--ezr-table-bgcolor);

    

	--rz-grid-cell-border: 1px solid  var(--ezr-tableborder-color);
	--rz-grid-bottom-cell-border : 1px solid  var(--ezr-tableborder-color);
	--rz-grid-header-cell-border-bottom : 1px solid  var(--ezr-tableborder-color);
    
    --rz-grid-cell-padding: 0.625rem 1rem;
    --rz-grid-cell-color: var(--ezr-text-color);
    --rz-grid-cell-font-size: var(--ezr-typo-body2-size); 
    --rz-grid-header-font-size : var(--ezr-typo-body2-size);
    
	--rz-grid-frozen-cell-background-color : var(--ezr-frozen-bgcolor);
	--rz-grid-frozen-cell-border : var(--rz-grid-cell-border);

	--rz-grid-border-radius : var(--ezr-border-radius);
	--rz-grid-shadow : none;
    --rz-grid-header-color : var(--ezr-tablehead-color);
	--rz-grid-header-background-color : var(--ezr-tablehead-bgcolor);
    --rz-grid-foot-background-color : var(--ezr-tablehead-bgcolor);
    

	--rz-pager-background-color : rgba(var(--ezrsecondary-rgb), 0.0);
	--rz-pager-numeric-button-hover-background-color : rgba(var(--ezrsecondary-rgb), 0.0);
	
	--rz-grid-sort-icon-color : var(--ezr-tablehead-color);
	--rz-grid-filter-color : var(--ezr-tablehead-color);
    --rz-grid-header-filter-icon-font-size : 1.1rem;

	--rz-grid-filter-background-color : var(--ezr-tablehead-bgcolor);
    --rz-grid-filter-border : var(--ezr-tableborder-color);
    --rz-grid-filter-font-size : var(--ezr-typo-body2-size);
	--rz-grid-filter-buttons-background-color : var(--ezr-table-bgcolor);

    
    

	--rz-border-radius: var(--ezr-border-radius);
    --rz-overlay-background-color : var(--ezr-table-bgcolor);
	--rz-overlay-shadow: var(--ezr-boxshadow);

	border: 0;
}
.rz-datatable-thead th .rz-column-title-content, .rz-grid-table thead th .rz-column-title-content,
.rz-datatable-tfoot td .rz-column-footer, .rz-grid-table tfoot th, .rz-grid-table tfoot td{
	color: var(--ezr-tablehead-color);
    margin: 0;
    font-weight: 600;
    letter-spacing: var(--ezr-letterspacing-small);
    position: relative;
	white-space: normal;
    line-height: normal;
}
.rz-datatable-data td .rz-cell-data, .rz-grid-table th.rz-frozen-cell{
    --rz-grid-frozen-cell-background-color : var(--rz-grid-header-background-color);
}
.rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data{
	/* color: var(--ezr-text-color); */
    margin: 0;
    font-weight: 500;
    letter-spacing: var(--ezr-letterspacing-small);
    position: relative;
    vertical-align: middle;
}
.rz-datatable-data td .rz-cell-data, .rz-grid-table td.text-wrap .rz-cell-data{
	white-space: normal;
	white-space-collapse: collapse;
	text-wrap: wrap;
} 
.rz-datatable-data td .rz-cell-data>:is(.rz-textbox, .rz-autocomplete, .rz-dropdown, .rz-inputtext), 
.rz-grid-table td .rz-cell-data>:is(.rz-textbox, .rz-autocomplete, .rz-dropdown, .rz-inputtext){
	width: 100%; background-color: var(--ezr-formcontrol-bgcolor);
}

.rz-data-grid .action-td .btn.link-delete{color: var(--ezrred);}
.rz-data-grid .action-td .btn.link-delete:is(:hover, :focus, :active){background-color: rgba(var(--ezrred-rgb), 0.1);}

.rz-data-grid .action-td .btn.link-green{color: var(--ezrgreen);}
.rz-data-grid .action-td .btn.link-green:is(:hover, :focus, :active){background-color: rgba(var(--ezrgreen-rgb), 0.1);}

.rz-data-grid .action-td .btn.link-primary{color: var(--ezrprimary);}
.rz-data-grid .action-td .btn.link-primary:is(:hover, :focus, :active){background-color: rgba(var(--ezrprimary-rgb), 0.1);}

.rz-data-grid .action-td .btn.link-blue{color: var(--ezrblue);}
.rz-data-grid .action-td .btn.link-blue:is(:hover, :focus, :active){background-color: rgba(var(--ezrblue-rgb), 0.1);}

.rz-data-grid .action-td .btn.link-secondary{color: var(--ezrsecondary);}
.rz-data-grid .action-td .btn.link-secondary:is(:hover, :focus, :active){background-color: rgba(var(--ezrsecondary-rgb), 0.1);}

.rz-data-grid .action-td .btn{
    width: 36px; height: 36px; border: 0 !important;
    display: inline-flex; align-items: center; justify-content: center; text-decoration: none;
}
.rz-data-grid .action-td .btn.link{color:  var(--ezrsecondary);}
.rz-data-grid .action-td .btn span, .rz-data-grid .action-td .btn i{
    font-size: 1.35rem;
}
.rz-data-grid .action-td .btn:not(.link-delete, .btn-icon, .link-primary, .link-green, .link-blue):is(:hover, :focus, :active){
	background-color: rgba(var(--ezrsecondary-rgb), 0.1);
    box-shadow: none;
}
.rz-data-grid.form-data-grid{
	--rz-grid-cell-padding: 0.125rem 0.375rem;
}
.rz-group-header-drop{font-size: 0.85rem; font-weight: 500;}
.rz-pager {
    --rz-pager-button-border-radius: var(--ezr-border-radius);
    border-bottom: var(--rz-grid-header-cell-border-bottom);
    --rz-pager-next-button-background-color: rgba(var(--ezrsecondary-rgb), 0.1);
    --rz-pager-back-button-background-color: rgba(var(--ezrsecondary-rgb), 0.1);
    --rz-pager-next-button-color: var(--ezr-text-color);
    --rz-pager-back-button-color: var(--ezr-text-color);
    --rz-pager-padding: 0.5rem 0.5rem;
    --rz-pager-summary-font-size: var(--ezr-typo-body2-size);
    --rz-pager-numeric-button-color: var(--ezr-text-color);
    /* --rz-pager-summary-color : var(--rz-text-color); */
}

.rz-pager .rz-pager-element{
	min-height: 36px; height: 36px; min-width: 36px; padding: 0.5rem; font-size: var(--ezr-typo-body2-size);
	display: flex; align-items: center; justify-content: center; font-weight: 500;
}
.rz-pager .rz-pager-summary{
	flex: 1; letter-spacing: var(--ezr-letterspacing-small);
}
.rz-pager-last, .rz-pager-next {
    background-color: var(--rz-pager-next-button-background-color);
    color: var(--rz-pager-next-button-color);
    border-radius: var(--rz-pager-button-border-radius);
}
.rz-pager-element:not(.rz-state-disabled):hover:not(:active){
	background-color: var(--rz-pager-numeric-button-selected-background-color);
    color: var(--rz-pager-numeric-button-selected-color);
}
.rz-pager .rz-pager-element .rz-pager-icon{
	font-size: 1.2rem;
	display: flex;
    align-items: center;
    justify-content: center;
}
.rz-cell-filter{}
.rz-cell-filter .rz-cell-filter-label .rz-textbox,
.rz-cell-filter .rz-cell-filter-label .rz-current-filter,
.rz-cell-filter-content .rz-textbox, 
.rz-cell-filter-content .rz-inputtext{
    text-indent: inherit;
}
.rz-cell-filter .rz-cell-filter-label .rz-textbox,
.rz-cell-filter .rz-cell-filter-label .rz-current-filter{
	color: var(--ezr-text-color);
	font-weight: 600;
	letter-spacing: var(--ezr-letterspacing-medium);
}
.rz-cell-filter .rz-cell-filter-label .rz-button{
	border-radius: var(--rz-input-border-radius);
	background-color: transparent;
    color: var(--rz-text-color);
}
.rz-cell-filter .rz-cell-filter-label:has(.rz-button){
	height: var(--rz-input-height) !important;
	border: var(--rz-input-border);
    border-radius: var(--rz-input-border-radius);
    box-shadow: var(--rz-input-shadow);
    background-color: var(--rz-input-background-color);
}

.rz-overlaypanel{
    --rz-overlay-background-color : var(--ezr-dropdown-bgcolor);
    --rz-grid-filter-buttons-background-color : var(--ezr-dropdown-bgcolor);
    --rz-grid-apply-filter-button-background-color : var(--ezrprimary);
    --rz-grid-apply-filter-button-color : var(--ezronprimary);

    --rz-grid-clear-filter-button-background-color : var(--ezrsecondary);
    --rz-grid-clear-filter-button-color : var(--ezronsecondary);
    --rz-grid-filter-gap : 0.5rem;
}
.rz-overlaypanel .rz-grid-filter{padding: 0.5rem;}
.rz-grid-filter-icon{margin-right: 0.5rem}

.rz-overlaypanel .rz-date-filter .rz-date-filter-label,
.rz-overlaypanel .rz-grid-filter .rz-grid-filter-label{
	font-family: var(--ezr-secondaryfont); text-transform: uppercase; padding: 0.35rem 0;
	letter-spacing: var(--ezr-letterspacing-medium); color: var(--ezr-pagetitle-color);
	
}
.rz-overlaypanel .rz-date-filter-buttons,
.rz-overlaypanel .rz-grid-filter-buttons{
	/* border-top: 1px solid var(--ezr-border-color); */
    gap: 0.5rem; padding: 0.5rem; padding-top: 0;
}
.rz-overlaypanel .rz-date-filter-buttons .rz-button,
.rz-overlaypanel .rz-grid-filter-buttons .rz-button{
	flex: 1; font-size: var(--ezr-typo-button-size); text-transform: capitalize; font-weight: 500; letter-spacing: var(--ezr-letterspacing-small);
}
.rz-overlaypanel .rz-date-filter-buttons .rz-button.rz-clear-filter{background-color: var(--rz-secondary); color: var(--rz-on-secondary);}
.rz-overlaypanel .rz-date-filter-buttons .rz-button.rz-apply-filter{background-color: var(--rz-primary); color: var(--rz-on-primary);}
.rz-overlaypanel *:is(.rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox, .rz-date-filter) {
    font-weight: 500;
    color: var(--ezr-text-color);
    letter-spacing: var(--ezr-letterspacing-small);
    font-size: var(--ezr-typo-body2-size);
    min-height: 40px;
    line-height: 26px;
    background-color: var(--ezr-formcontrol-bgcolor);
    /* border: 1px solid var(--ezr-border-color); */
    --rz-input-focus-shadow: none;
}
.rz-overlaypanel .rz-date-filter{
	--rz-listbox-item-padding : 0.35rem 1rem;
	--rz-dropdown-item-hover-background-color : var(--rz-secondary-lighter);
}
    .rz-overlaypanel .rz-date-filter .rz-listbox .rz-listbox-item {
        font-size: var(--ezr-typo-body2-size);
    }

.rz-colorpicker:is(:focus, :hover), .rz-lookup-search input:is(:focus, :hover), .rz-numeric:is(:focus, :hover), 
.rz-calendar .rz-inputtext:is(:focus, :hover), .rz-multiselect:is(:focus, :hover), .rz-dropdown:is(:focus, :hover), 
.mask:is(:focus, :hover), .rz-textarea:is(:focus, :hover), .rz-textbox:is(:focus, :hover){border-color: var(--ezrprimary);}
.rz-dropdown-panel{	
	--rz-dropdown-item-font-size : 0.85rem; --rz-listbox-header-icon-height: 1.15rem; --rz-listbox-header-icon-width: 1.15rem;
	--rz-lookup-panel-background-color : var(--ezr-dropdown-bgcolor); 
    --rz-dropdown-open-background-color :var(--ezr-dropdown-bgcolor); 
    --rz-lookup-panel-padding: 0.5rem;
    --rz-lookup-search-gap : 0;
}

.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td{
	background-color: var(--rz-grid-selected-background-color); color: var(--rz-grid-selected-color);
}

.rz-dropdown-panel .rz-lookup-search .rz-lookup-search-input{margin: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.rz-dropdown-panel .rz-lookup-search .rz-button{border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: none;}

.rz-dropdown-panel .rz-data-grid .rz-pager{border-bottom: 0;}

.rz-dropdown-item:hover, .rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, 
.rz-dropdown-items li:hover, .rz-autocomplete-items li:hover, .rz-multiselect-items li:hover{
	background-color: var(--rz-dropdown-item-selected-background-color); color: var(--rz-dropdown-item-selected-color)
}
.rz-datatable-emptymessage{
	--rz-grid-cell-padding : 2rem 1rem; text-align: center;	color: rgba(var(--ezrsecondary-rgb), 0.75); font-weight: 300; 
	font-size: 1.35rem; text-transform: uppercase;
}
.rz-dropdown-filter-container .rz-dropdown-filter{
	font-size: var(--rz-dropdown-item-font-size); font-weight: 500; letter-spacing: var(--ezr-letterspacing-small);
}
.rz-dropdown-filter-container .rzi-search{opacity: 0.6;}
@media (max-width: 991.98px) {
	.rz-data-grid .action-td, .rz-data-grid .action-th{max-width: auto; width: auto;}
}
@media (max-width: 767.98px) {
	.rz-datatable-reflow .rz-data-row{margin: 1rem; border: var(--rz-grid-cell-border); border-radius: var(--ezr-border-radius); overflow: hidden;}
	.rz-grid-table.rz-grid-gridlines-both > tbody > tr > td:not(:last-child){border-right: 0;}
	.rz-grid-table.rz-grid-gridlines-both > tbody > tr > td:last-child{border-bottom: 0;}
	.rz-datatable-reflow .rz-data-row>td{display: flex !important; align-items: center; column-gap: 1rem; justify-content: flex-start;}
    .rz-datatable-reflow .rz-data-row > td .rz-column-title{font-size: var(--ezr-typo-body2-size); font-weight: 400; line-height: normal; white-space: normal;
		color: rgba(var(--ezr-text-color-rgb), 0.7); letter-spacing: var(--ezr-letterspacing-small); width: 74px; text-align: right;
	}
	.rz-datatable-reflow .rz-data-row > td > .rz-column-title:after{content: ':';}
    .rz-datatable-reflow .rz-data-row > td .rz-cell-data{flex: 1;}
}
/*------------------------ RADZEN GRID TABLE END --------------------------*/

/*------------------------- RADZEN FORM START -----------------------------*/
.rz-form-group .form-label{color: var(--ezr-formlabel); font-size: 0.85rem; margin-bottom: 1px; font-weight: 400; 
	letter-spacing: var(--ezr-letterspacing-medium);
}

input[type=file]::-webkit-file-upload-button{font-size: 0.85rem; font-weight: 600; color: rgba(var(--ezr-text-color-rgb), 0.8);
	background-color: var(--ezr-formcontrol-bgcolor); letter-spacing: var(--ezr-letterspacing-small);}
input[type=file]::file-selector-button{background-color: var(--ezr-formcontrol-bgcolor);}
input[type=file]:is(:hover, :focus, :active):not(:disabled):not([readonly])::file-selector-button{
  	background-color: rgba(var(--ezrsecondaryhover-rgb), 0.2);
}

[data-ezr-theme="dark"] input[type="date"], [data-ezr-theme="dark"] input[type="datetime-local"],
[data-ezr-theme="dark"] input[type="month"], [data-ezr-theme="dark"] input[type="time"],
[data-ezr-theme="dark"] input[type="week"], [data-ezr-theme="dark"] input[type="color"]{color-scheme: dark; }

::-webkit-input-placeholder {
	font-size: var(--ezr-typo-body2-size); letter-spacing: var(--ezr-letterspacing-medium); color: var(--ezr-placeholder-color) !important; font-weight: 300;
}
::-moz-placeholder { 
	font-size: var(--ezr-typo-body2-size); letter-spacing: var(--ezr-letterspacing-medium); color: var(--ezr-placeholder-color) !important; font-weight: 300;
}
:-ms-input-placeholder {
	font-size: var(--ezr-typo-body2-size); letter-spacing: var(--ezr-letterspacing-medium); color: var(--ezr-placeholder-color) !important; font-weight: 300;
}
:-moz-placeholder {
	font-size: var(--ezr-typo-body2-size); letter-spacing: var(--ezr-letterspacing-medium); color: var(--ezr-placeholder-color) !important; font-weight: 300;
}

.invalid-feedback, .valid-feedback{font-size: 0.75rem; font-weight: 500;}
.is-invalid:focus, .is-valid:focus{box-shadow: none !important;}

/* COMMENTED DUE TO ALIGNMENT SPACING IN GRID ITEM */
/* .rz-form-field .rz-form-field-content{margin: 0;} */
.rz-form-field{
    --rz-icon-size : var(--ezr-formicon-size);
}
.rz-form-field .rz-form-field-content .rz-form-field-start .rz-button-icon-only i,
.rz-form-field .rz-form-field-content .rz-form-field-end .rz-button-icon-only i,
.rz-form-field .rz-form-field-content .rz-form-field-start .material-icons-outlined,
.rz-form-field .rz-form-field-content .rz-form-field-end .material-icons-outlined{font-size: var(--rz-icon-size);}

.rz-form-field .rz-form-field-content .rz-form-field-start,
.rz-form-field .rz-form-field-content .rz-form-field-end{color: var(--ezr-textlight-color);}
.rz-form-field .rz-form-field-content .rz-form-field-start>*,
.rz-form-field .rz-form-field-content .rz-form-field-end>*{margin: 0px;}
.rz-form-field .rz-form-field-content .rz-form-field-start .bi,
.rz-form-field .rz-form-field-content .rz-form-field-end .bi{
	font-size: 1.175rem; 
}

.rz-form-field .rz-form-field-content .rz-form-field-start:has(.rz-button, .btn, .rz-dropdown),
.rz-form-field .rz-form-field-content .rz-form-field-end:has(.rz-button, .btn, .rz-dropdown){
	padding: 0px;
}

.rz-form-field .rz-form-field-content .rz-form-field-start .rz-dropdown,
.rz-form-field .rz-form-field-content .rz-form-field-end .rz-dropdown{
	height: var(--rz-input-height); border: 0;
}
.rz-form-field .rz-form-field-content .rz-form-field-start>:is(.rz-button, .btn),
.rz-form-field .rz-form-field-content .rz-form-field-start .rz-dropdown{
	border-top-right-radius: 0; border-bottom-right-radius: 0;
}
.rz-form-field:not(.rz-variant-text) .rz-form-field-content .rz-form-field-end>:is(.rz-button, .btn),
.rz-form-field:not(.rz-variant-text) .rz-form-field-content .rz-form-field-end .rz-dropdown{
	border-top-left-radius: 0; border-bottom-left-radius: 0;
}
.rz-form-field .rz-form-field-content .rz-form-field-start>:is(.rz-button, .btn),
.rz-form-field .rz-form-field-content .rz-form-field-end>:is(.rz-button, .btn){
	height: var(--rz-input-height); min-width: var(--rz-input-height);
}
.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start .rz-dropdown,
.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end .rz-dropdown{
	/* background-color: var(--rz-form-field-filled-hover-background-color); */
	background-color: transparent;
}
.rz-form-field .rz-form-field-content .rz-form-field-start .rz-dropdown .rz-helper-hidden-accessible,
.rz-form-field .rz-form-field-content .rz-form-field-end .rz-dropdown .rz-helper-hidden-accessible{width: 0;}


.rz-form-group{margin-bottom: 0.75rem; display: flex; flex-direction: column;}
.form-label+[style="display: inline-block;"]{display: block !important;}
.rz-form-field{display: flex;}
.mud-grid-item>.rz-form-field{margin-top: 8px; margin-bottom: 4px;}


.rz-form-field.rz-variant-outlined .rz-form-field-content{box-shadow: none !important; 
	border: var(--rz-border-width) solid var(--ezr-formcontrol-border); background-color:  var(--ezr-formcontrol-bgcolor);}
.rz-form-field.rz-variant-outlined.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content, 
.rz-form-field.rz-variant-outlined.rz-state-focused:not(.rz-state-disabled):hover .rz-form-field-content{border-color: var(--ezrprimary);}

.rz-form-field.rz-variant-filled .rz-form-field-content{box-shadow: none !important; border: var(--rz-border-width) solid var(--ezr-formcontrol-border);}
.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content{border-color: var(--ezr-formcontrol-border);}
.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content, 
.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled):hover .rz-form-field-content{border-color: transparent;}
.rz-form-field .rz-placeholder:is(.rz-textbox, .rz-inputtext, .rz-textarea, .rz-dropdown, .rz-multiselect),
.rz-form-group .rz-placeholder:is(.rz-textbox, .rz-inputtext, .rz-textarea, .rz-dropdown, .rz-multiselect)
{letter-spacing: var(--ezr-letterspacing-medium); color: var(--rz-input-placeholder-color) !important; font-weight: 300;}
.rz-form-field .rz-textbox, .rz-form-field .rz-inputtext, .rz-form-field .rz-textarea,
.rz-textbox, .rz-inputtext, .rz-textarea{
	font-weight: 500; color: var(--ezr-text-color); letter-spacing: var(--ezr-letterspacing-small);
    line-height: 26px; 
}

.rz-placeholder,
.rz-form-field .rz-textbox.rz-state-empty + .rz-form-field-label,
.rz-form-field .rz-numeric.rz-state-empty + .rz-form-field-label,
.rz-form-field .rz-textarea.rz-state-empty + .rz-form-field-label,
.rz-form-field .rz-inputtext.rz-state-empty + .rz-form-field-label,
.rz-form-field .rz-numeric:has(.rz-numeric-input.rz-state-empty) + .rz-form-field-label,
.rz-form-field .rz-autocomplete.rz-state-empty + .rz-form-field-label,
.rz-form-field .rz-dropdown.rz-state-empty + .rz-form-field-label {
    color: var(--ezr-placeholder-color); font-size: var(--ezr-formtext-size); letter-spacing: var(--ezr-letterspacing-small);
    --rz-form-field-label-floating-background-color: var(--rz-input-background-color);
}
.rz-form-field .rz-fileupload.rz-state-empty + .rz-form-field-label,
.rz-form-field .rz-datepicker.rz-state-empty + .rz-form-field-label,
.rz-form-field .rz-colorpicker.rz-state-empty + .rz-form-field-label,
.rz-form-field.duo-form-field .rz-state-empty + .rz-form-field-label{
    color: var(--ezr-formlabel);  
    font-size: var(--ezr-formlabel-size); letter-spacing: var(--ezr-letterspacing-small);
    --rz-form-field-label-floating-background-color: var(--rz-input-background-color);
    --rz-input-placeholder-color : var(--ezr-formlabel); 
}
.rz-form-field .rz-textbox:not(.rz-state-empty)+.rz-form-field-label,
.rz-form-field .rz-numeric:not(.rz-state-empty)+.rz-form-field-label,
.rz-form-field .rz-textarea:not(.rz-state-empty)+.rz-form-field-label,
.rz-form-field .rz-inputtext:not(.rz-state-empty)+.rz-form-field-label,
.rz-form-field .rz-numeric:has(.rz-numeric-input)+.rz-form-field-label,
.rz-form-field .rz-autocomplete:not(.rz-state-empty)+.rz-form-field-label,
.rz-form-field .rz-dropdown:not(.rz-state-empty)+.rz-form-field-label,
.rz-form-field .rz-fileupload:not(.rz-state-empty)+.rz-form-field-label,
.rz-form-field .rz-datepicker:not(.rz-state-empty)+.rz-form-field-label,
.rz-form-field .rz-colorpicker:not(.rz-state-empty)+.rz-form-field-label{
    color: var(--ezr-formlabel); font-weight: 400; font-size: var(--ezr-formlabel-size);letter-spacing: var(--ezr-letterspacing-small);
}

.rz-form-field.rz-state-focused .rz-textbox~.rz-form-field-label,
.rz-form-field.rz-state-focused .rz-numeric~.rz-form-field-label,
.rz-form-field.rz-state-focused .rz-textarea~.rz-form-field-label,
.rz-form-field.rz-state-focused .rz-inputtext~.rz-form-field-label,
.rz-form-field.rz-state-focused .rz-numeric:has(.rz-numeric-input)+.rz-form-field-label,
.rz-form-field.rz-state-focused .rz-autocomplete~.rz-form-field-label,
.rz-form-field.rz-state-focused .rz-dropdown~.rz-form-field-label,
.rz-form-field.rz-state-focused .rz-fileupload~.rz-form-field-label,
.rz-form-field.rz-state-focused .rz-datepicker~.rz-form-field-label,
.rz-form-field.rz-state-focused .rz-colorpicker~.rz-form-field-label{
    color: var(--ezrprimary);  font-size: var(--ezr-formlabel-size);
}

.rz-numeric .rz-numeric-button{padding: 0;}
.rz-multiselect-list{
	--rz-dropdown-item-selected-background-color: rgba(var(--ezrprimary-rgb), 0.2);
    --rz-dropdown-item-selected-color: var(--ezrprimary);
    --rz-dropdown-item-selected-hover-background-color: rgba(var(--ezrprimary-rgb), 0.2);
    --rz-dropdown-item-selected-hover-color: var(--ezrprimary);
}
.rz-autocomplete-list li, .rz-dropdown-item, .rz-menuitem, 
.rz-autocomplete-list-item, .rz-multiselect-item,  .rz-dropdown-items li, 
.rz-autocomplete-items li, .rz-multiselect-items li{
	--rz-dropdown-item-padding: 0.5rem 1rem;
    font-weight: 500;
}
.rz-multiselect-panel .rz-multiselect-header{
    font-weight: 500; font-size: 0.85rem; border-bottom: 1px solid var(--ezr-border-color);
}
.rz-dropdown-clear-icon{font-size: 1.15rem; color: var(--ezrred);}

.rz-dropdown.rz-dropdown-chips {
    --rz-chip-font-size: var(--ezr-typo-body2-size);
    --rz-dropdown-chips-padding: var(--rz-input-padding);
    --rz-chip-background-color: var(--ezr-bglight-color);
    --rz-chip-color: var(--ezr-text-color);
    font-weight: 500;
}

.rz-dropdown.rz-dropdown-chips .rz-dropdown-chips-wrapper{}
.rz-dropdown-chips .rz-chip{}

.rz-form-field.rz-variant-filled .rz-dropdown-chips .rz-chip{
    --rz-chip-background-color : rgba(var(--ezrsecondary-rgb), 0.1);}

.rz-dropdown-chips .rz-chip .rz-button{
	background-color: transparent; min-height: 100%; color: var(--ezrsecondary); padding: 0.15rem;}
.rz-dropdown-chips .rz-chip .rz-button:is(:hover, :focus){
	box-shadow: none; color: var(--ezrred);  background-color: rgba(var(--ezrred-rgb), 0.1);}
.rz-dropdown-chips .rz-chip .rz-button i{font-size: 0.85rem;}

/* DISABLED FORM FIELD*/
.rz-textbox.rz-state-disabled .rz-inputtext,
.rz-spinner.rz-state-disabled .rz-inputtext,
.rz-textarea.rz-state-disabled .rz-inputtext,
.rz-inputtext.rz-state-disabled .rz-inputtext,
.rz-autocomplete.rz-state-disabled .rz-inputtext,
.rz-dropdown.rz-state-disabled .rz-inputtext,
.rz-fileupload.rz-state-disabled .rz-inputtext,
.rz-radio-button-list-horizontal.rz-state-disabled .rz-radiobutton-label,
.rz-radio-button-list-vertical.rz-state-disabled .rz-radiobutton-label,
.rz-checkbox-list-horizontal.rz-state-disabled .rz-chkbox-label,
.rz-checkbox-list-vertical.rz-state-disabled .rz-chkbox-label{
	color: var(--rz-input-disabled-color); border: 0px;
	background-color: var(--rz-input-disabled-background-color);
}
.rz-textbox.rz-state-disabled,
.rz-spinner.rz-state-disabled,
.rz-textarea.rz-state-disabled,
.rz-inputtext.rz-state-disabled,
.rz-autocomplete.rz-state-disabled,
.rz-dropdown.rz-state-disabled,
.rz-calendar.rz-state-disabled,
.rz-colorpicker.rz-state-disabled,
.rz-fileupload.rz-state-disabled{
	color: var(--rz-input-disabled-color);
}
.rz-form-field.rz-state-disabled:not(.rz-variant-outlined) :not(.rz-state-empty) .rz-form-field-label{
	background-color: var(--rz-input-disabled-background-color) !important;
}
.rz-form-field.rz-state-disabled {
	--rz-form-field-label-floating-background-color : var(--rz-input-disabled-background-color) !important;
}
.rz-form-field.rz-state-disabled .rz-form-field-content{
	color: var(--rz-input-disabled-color);
	background-color: var(--rz-input-disabled-background-color);
}

/* CHECKBOX / RADIO */
.rz-checkbox, .rz-chkbox{
	--rz-checkbox-width: 1rem; --rz-checkbox-height: 1rem;
	--rz-checkbox-border-width: 1px; --rz-checkbox-border-radius: 4px;
	--rz-checkbox-label-margin: 0 0.5rem; --rz-checkbox-icon-font-size: 0.75rem;
}
.rz-chkbox .rz-chkbox-icon{display: flex; align-items: center;justify-content: center; font-weight: bold;}
.rz-radio-btn{
	--rz-radio-width: 1rem; --rz-radio-height: 1rem; --rz-radio-border-radius: 50%; --rz-radio-border-width: 1px;
	--rz-radio-label-margin: 0 0.5rem; --rz-radio-icon-width: 0.5rem; --rz-radio-icon-height: 0.5rem;
}
.rz-checkbox .rz-chkbox-label, .rz-chkbox+.rz-label, .rz-radio-btn .rz-radiobutton-label{
	font-weight: 500; letter-spacing: var(--ezr-letterspacing-small); font-size: var(--ezr-typo-body2-size); color: var(--ezr-text-color);
}

.rz-form-field .rz-checkbox-list-horizontal, .rz-form-field .rz-checkbox-list-vertical,
.rz-form-field .rz-radio-button-list-horizontal, .rz-form-field .rz-radio-button-list-vertical{
	display: flex; gap: 0.7rem; flex-wrap: wrap; color: var(--ezr-text-color);
    padding-block: var(--rz-input-padding-block);
    padding-inline: var(--rz-input-padding-inline);
    /* padding: 1rem 1rem 0.75rem 1rem;  */
    height: var(--rz-input-height);
}
.rz-form-field:is(.rz-variant-text, .rz-variant-filled) .rz-form-field-content:before{
    height: calc(var(--rz-border-width) - 1px);
}
.rz-form-field:is(.rz-variant-flat, .rz-variant-filled) .rz-checkbox-list-horizontal, 
.rz-form-field:is(.rz-variant-flat, .rz-variant-filled) .rz-checkbox-list-vertical,
.rz-form-field:is(.rz-variant-flat, .rz-variant-filled) .rz-radio-button-list-horizontal, 
.rz-form-field:is(.rz-variant-flat, .rz-variant-filled) .rz-radio-button-list-vertical{
	padding-top: 2rem;
}
.rz-form-field:is(.rz-variant-text) .rz-checkbox-list-horizontal, 
.rz-form-field:is(.rz-variant-text) .rz-checkbox-list-vertical,
.rz-form-field:is(.rz-variant-text) .rz-radio-button-list-horizontal, 
.rz-form-field:is(.rz-variant-text) .rz-radio-button-list-vertical{
	padding-left: 0px;
}
.rz-form-field.rz-variant-text .rz-form-field-content::after{}

.rz-form-field .rz-checkbox-list-horizontal~.rz-form-field-label, 
.rz-form-field .rz-checkbox-list-vertical~.rz-form-field-label,
.rz-form-field .rz-radio-button-list-horizontal~.rz-form-field-label, 
.rz-form-field .rz-radio-button-list-vertical~.rz-form-field-label{
    color: var(--ezr-formlabel); font-weight: 400; font-size: var(--ezr-formlabel-size);letter-spacing: var(--ezr-letterspacing-small);
}

/* DATEPICKER / TIMEPICKER */
.rz-form-field .rz-inputtext + .rz-datepicker-trigger{ font-size: var(--rz-icon-size); box-shadow: none;}

.rz-form-field .rz-calendar .rz-calendar-button{ padding: 0.175rem;}
.rz-calendar{
    --rz-datepicker-trigger-icon-color : var(--rz-input-value-color);
}
.rz-datepicker, .rz-calendar{
	--rz-datepicker-calendar-selected-background-color : var(--ezrprimary);
	--rz-datepicker-calendar-selected-hover-background-color: var(--ezrprimary-hover);
	--rz-datepicker-calendar-hover-color : var(--ezronprimary);
	--rz-datepicker-calendar-hover-background-color : var(--ezrprimary-hover);
    --rz-datepicker-calendar-padding-block: 0 0.5rem;
    --rz-datepicker-calendar-padding-inline: 0.5rem;    
}
.rz-datepicker .rz-ampm-picker{
	display: flex; background-color: var(--rz-timepicker-background-color); flex: 0 0 25%;
	border: var(--rz-input-border); border-radius: var(--rz-input-border-radius);
	height: var(--rz-input-height); position: relative; padding: 0.5rem 1.5rem 0.5rem 0.5rem;	
}
.rz-datepicker .rz-ampm-picker a{
	display: inline-flex; color: var(--ezr-text-color); position: absolute; right: 0.2rem;
}
.rz-datepicker .rz-ampm-picker a:nth-child(1){top: 0.2rem}
.rz-datepicker .rz-ampm-picker a:nth-child(3){bottom: 0.2rem}
.rz-datepicker .rz-ampm-picker span{font-size: var(--rz-input-font-size)}
.rz-hour-picker, .rz-minute-picker, .rz-second-picker, .rz-ampm-picker{
	--rz-timepicker-background-color : var(--rz-input-background-color);
}
.rz-timepicker .rz-spinner-button{
	--rz-button-focus-shadow : none;
	display: flex; align-items: center; justify-content: center; font-size: var(--rz-input-font-size);
}
/* COLORPICKER */
.rz-colorpicker{
	padding-right: 0.5rem; column-gap: 0.5rem;
}

/* FILEPICKER / FILE UPLOAD  */
.rz-fileupload{
	--rz-upload-button-bar-padding: 0px;
	--rz-upload-button-bar-background-color: var(--rz-input-background-color);
	--rz-upload-choose-background-color : var(--rz-input-background-color);
	--rz-upload-files-background-color : transparent;
}
.rz-form-field.rz-variant-filled .rz-form-field-content .rz-fileupload{
	--rz-upload-choose-background-color : var(--rz-form-field-filled-background-color);
}
.rz-fileupload.rz-state-disabled input[type="file"]{opacity: 0 !important;}
.rz-fileupload.rz-state-disabled>.rz-fileupload-buttonbar>.rz-fileupload-choose{
	opacity: 1;	color: var(--rz-input-disabled-color); background-color: var(--rz-input-disabled-background-color);
}

.rz-fileupload.rz-state-disabled>.rz-fileupload-buttonbar>.rz-fileupload-choose .rz-button-text{z-index: 9;}
.rz-fileupload .rz-fileupload-buttonbar{}
.rz-fileupload .rz-fileupload-buttonbar > .rz-button{
	box-shadow: none; width: 100%; padding: 0.4375rem 0.9375rem; height: var(--rz-input-height); 
	display: flex; align-items: center; flex-direction: row-reverse; border-radius: var(--rz-input-border-radius);
}
.rz-fileupload:not(.rz-state-disabled) .rz-fileupload-buttonbar > .rz-button:is(:hover, :focus){
	box-shadow: none; background-color: var(--rz-input-background-color);
}
.rz-fileupload .rz-fileupload-buttonbar>.rz-fileupload-choose i.rzi{font-size: 1.275rem;}
.rz-fileupload .rz-fileupload-buttonbar > .rz-button.rz-fileupload-choose input[type='file']{width: 100%;}
.rz-fileupload:not(.rz-state-empty) .rz-fileupload-buttonbar{border-bottom: 1px solid var(--ezr-border-color)}
/* .rz-fileupload-files>div{display: flex; flex-direction: column; gap: 0.5rem;} */
.rz-fileupload-files{
    --rz-upload-files-padding : 0px;
}
.rz-fileupload-files .rz-fileupload-row{font-size: 0.85rem; color: var(--ezr-text-color);}
.rz-fileupload-files .rz-fileupload-row img{width: 50px; height: 50px; object-fit: cover; overflow: hidden; border-radius: var(--rz-border-radius);}
.rz-fileupload-files .rz-fileupload-row .rz-button{
	box-shadow: none; --rz-upload-files-remove-color : var(--ezrred);
	--rz-button-hover-shadow: none; --rz-upload-files-remove-background-color : transparent;
    background-color: var(--rz-upload-files-remove-background-color);
    color: var(--rz-upload-files-remove-color);
}
.rz-fileupload-files .rz-fileupload-row .rz-button:is(:hover, :focus){background-color: rgba(var(--ezrred-rgb), 0.1);}


.rz-form-field .rz-fileupload{width: 100%;}
.rz-form-field .rz-fileupload .rz-fileupload-buttonbar{border: 0;}
.rz-fileupload>.rz-fileupload-buttonbar>.rz-fileupload-choose{justify-content: space-between;}
.rz-form-field .rz-form-field-content:has(.rz-fileupload){flex-direction: row;}
.rz-form-field .rz-form-field-content:has(.rz-fileupload-content){flex-direction: column;}
.rz-form-field .rz-form-field-content:has(.rz-fileupload)>.rz-button .rz-button-text{display: none;}
.rz-form-field .rz-form-field-content:has(.rz-fileupload-content)>.rz-button .rz-button-text{display: block;}
/* .rz-form-field .rz-form-field-content:has(.rz-fileupload)>.rz-button{display: none;}
.rz-form-field .rz-form-field-content:has(.rz-fileupload-content)>.rz-button{display: block;} */
.rz-form-field .rz-form-field-content:has(.rz-fileupload)>.rz-button{flex: 0 0 48px; height: 40px;}
.rz-form-field .rz-form-field-content:has(.rz-fileupload-content)>.rz-button{flex: 0 0 auto;}
.rz-form-field:is(.rz-variant-flat, .rz-variant-filled) .rz-form-field-content:has(.rz-fileupload)>.rz-button{height: 54px;}
.rz-form-field:is(.rz-variant-flat, .rz-variant-filled) .rz-form-field-content:has(.rz-fileupload-content)>.rz-button{height: auto;}
.rz-form-field .rz-form-field-content:has(.rz-fileupload) ~ .rz-form-field-helper{padding: 0;}

.rz-form-field .rz-form-field-content:has(.rz-fileupload) ~ .rz-form-field-helper .rz-progressbar{
	--rz-progressbar-height: 0.85rem;
	--rz-progressbar-font-size: 0.75rem;
	--rz-progressbar-border-radius : 0.275rem;
}
.rz-fileupload.rz-uploadarea{
    --rz-upload-button-bar-background-color : transparent;
    --rz-upload-choose-background-color : : transparent;
    --rz-upload-button-bar-padding : 0px;
    --rz-upload-button-bar-border-radius : 0px;

    box-shadow: none;
    border: 2px  dashed var(--ezr-border-color);
    
    background-color: rgba(var(--ezrprimary-rgb), 0.04);
    border-radius: var(--ezr-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 180px; height: 100%;
    
}
.rz-fileupload.rz-uploadarea .rz-fileupload-buttonbar{
    width: 100%; border-bottom: 0px; height: 100%;
}
.rz-fileupload.rz-uploadarea .rz-fileupload-buttonbar .rz-fileupload-choose{
    display: flex; flex-direction: column; justify-content: center; gap: 1rem; height: 100%;
}
.rz-fileupload.rz-uploadarea .rz-fileupload-buttonbar .rz-fileupload-choose .rzi{font-size: 1.75rem;}
/* .rz-fileupload.rz-uploadarea:has(.) */
.rz-fileupload.rz-uploadarea .rz-fileupload-content{width: 100%;}
.rz-uploadarea:has(.rz-fileupload-content) .rz-fileupload-buttonbar .rz-fileupload-choose{
    flex-direction: row;
    padding: 0.5rem;
    height: 50px;
    border-bottom: 1px solid var(--ezr-border-color);
    margin-bottom: 0.5rem;
    border-radius: 0;
}

/* RADZEN FORM VALIDATION */
.rz-messages-error{font-size: 0.75rem; font-weight: 500;}
.rz-form-field:not(.rz-variant-text) .rz-form-field-content:has(.invalid){border-color: var(--ezrdanger)} 
.rz-form-field.rz-variant-text .rz-form-field-content:has(.invalid):after{border-color: var(--ezrdanger)} 
.rz-form-field.rz-variant-filled .rz-form-field-content:has(.invalid):after{border-color: var(--ezrdanger)} 

.rz-form-field .rz-form-field-content:has(.invalid) .rz-dropdown .rz-dropdown-trigger .rz-dropdown-trigger-icon{display: none;}

.rz-form-field .rz-form-field-content .invalid{
    padding-right: calc(1.5em + 0.75rem); background-repeat: no-repeat; 
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.rz-form-field .rz-form-field-content>.invalid{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}
.rz-form-field .rz-form-field-content .invalid.rz-textarea{
	padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

/* RATING */
.rz-rating{
	--rz-rating-color: rgba(var(--ezrsecondary-rgb), 0.65);
    --rz-rating-opacity: 1;
    --rz-rating-font-size: var(--rz-icon-size);
    --rz-rating-selected-color: var(--ezrorange);
}
/* HTML EDITOR */
.rz-html-editor{
	--rz-editor-border : var(--ezr-border-color);
	--rz-editor-separator-background-color :  var(--ezr-border-color);
	--rz-editor-content-background-color : var(--ezr-formcontrol-bgcolor);
	--rz-editor-toolbar-background-color : var(--ezr-cardhead-bgcolor);
	--rz-editor-button-color : var(--ezr-text-color);
	--rz-editor-button-background-color : var(--ezr-cardhead-bgcolor);

	--rz-editor-button-selected-background-color: var(--ezrprimary);
    --rz-editor-button-selected-color: var(--ezronprimary);
    border: 1px solid var(--rz-editor-border);
	
}
.rz-html-editor .rz-html-editor-toolbar{
    border-bottom: 1px solid var(--ezr-cardborder-color);
}
.rz-html-editor-dropdown-items{
	--rz-dropdown-item-hover-background-color : rgba(var(--ezrsecondary-rgb), 0.2);
	--rz-dropdown-item-selected-background-color: rgba(var(--ezrsecondary-rgb), 0.2);
    --rz-dropdown-item-selected-color: var(--ezrprimary);
    --rz-dropdown-item-selected-hover-background-color: rgba(var(--ezrprimary-rgb), 0.2);
    --rz-dropdown-item-selected-hover-color: var(--ezrprimary);
}
.rz-html-editor .rz-html-editor-dropdown{color: var(--rz-editor-button-color);}

/* DUO FORM FIELD */
.rz-form-field.duo-form-field .rz-form-field-content .rz-form-field-start div:is(.rz-textbox, .rz-numeric, .rz-textarea, .rz-inputtext, .rz-autocomplete, .rz-dropdown,
.rz-calendar, .rz-colorpicker, .rz-fileupload){
    border: 0; width: 100%; background-color : transparent;
}

.rz-form-field.duo-form-field .rz-form-field-content{align-items: stretch;}
.rz-form-field.duo-form-field .rz-form-field-content .rz-form-field-start{
	flex: 1; border-right: 1px solid var(--ezr-border-color); padding: 0px; 
	--rz-input-border : none;  --rz-input-focus-border : none; --rz-input-hover-border : none; --rz-input-focus-outline : none;
}
.rz-form-field.duo-form-field .rz-form-field-content .rz-form-field-start,
.rz-form-field.duo-form-field .rz-form-field-content .rz-form-field-end{
    /* height: 40px; */
}
.rz-form-field.duo-form-field .rz-form-field-content .rz-form-field-start>.rz-button,
.rz-form-field.duo-form-field .rz-form-field-content .rz-form-field-end>.rz-button{height: 100%;}

@media (min-width: 768px) {
	.rz-form-field.duo-form-field .rz-form-field-content .rz-form-field-start{
		border-right: 1px solid var(--ezr-border-color);
	}
}
@media (max-width: 767.98px) {
	.rz-form-field.duo-form-field .rz-form-field-content{
		flex-wrap: wrap;
	}
	.rz-form-field.duo-form-field .rz-form-field-content .rz-form-field-start{
		flex: auto; border-bottom: 1px solid var(--ezr-border-color); border-right: 0px;
	}
}
/*-------------------------- RADZEN FORM END ---------------------------*/

/*------------------------------- MUD FORM START ------------------------------*/

.mud-picker .mud-input .mud-icon-button .mud-svg-icon{
    font-size: var(--ezr-formicon-size);
}
.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol{
    color: var(--ezr-formlabel); font-size: var(--ezr-formlabel-size);
    margin-bottom: 1px; font-weight: 400; 
	letter-spacing: var(--ezr-letterspacing-small);
}

.mud-input-control>.mud-input-control-input-container>.mud-input-label-inputcontrol{
    color: var(--ezr-placeholder-color); letter-spacing: var(--ezr-letterspacing-small); 
    font-size: var(--ezr-formtext-size);
}
.mud-input-control>.mud-input-control-input-container>.mud-input-label-inputcontrol:not(.mud-input-label-margin-dense){
    line-height: 12px !important; transform: translate(14px, 18px) scale(1);
}
/* ADDED SHRINK LABEL FONT SIZE */
.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined.mud-input-label-margin-dense, 
.mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined.mud-input-label-margin-dense{
    transform: translate(8px, -8px) scale(1.0);
    
}
.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined:not(.mud-input-label-margin-dense), 
.mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined:not(.mud-input-label-margin-dense){
    transform: translate(8px, -6px) scale(1.0); 
}
.mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined{
    font-size: var(--ezr-formlabel-size);
}
.mud-input.mud-input-outlined>.mud-input-outlined-border legend{
    margin: 0 11px 0 9px;
}
/* COMMENTED DUE TO UNDERLINE STYLE LABLE */
/* .mud-input-control>.mud-input-control-input-container>.mud-input-label-inputcontrol:not(.mud-input-label-margin-dense){
    transform: translate(8px, 16px) scale(1);
} */

.mud-input.mud-input-underline>input.mud-input-root, .mud-input.mud-input-underline div.mud-input-slot.mud-input-root{
    padding-inline-start: 0;
}

.mud-input.mud-input-filled{
    border: 1px solid var(--ezr-formcontrol-border); background-color: var(--ezr-bglight-color); border-bottom: 0px;
}

.mud-input-control.mud-input-required>.mud-input-control-input-container>.mud-input-label::after{
    color: var(--ezrdanger);  font-size: 1.15rem;
}
.mud-input>input.mud-input-root, div.mud-input-slot.mud-input-root{
    font-weight: 500; color: var(--ezr-text-color); letter-spacing: var(--ezr-letterspacing-small);
    font-size: var(--ezr-formtext-size); line-height: 26px; padding: 12.5px 14px;
}
.mud-input.mud-disabled>input.mud-input-root{color: var(--ezr-disabled-color);}
.mud-input.mud-input-outlined{background-color: var(--ezr-formcontrol-bgcolor); border-radius: var(--ezr-formcontrol-radius);}
/* .mud-input.mud-input-outlined .mud-input-adornment .mud-icon-size-medium{font-size: 1.15rem;} */
.mud-input-control.mud-field .mud-input-slot.mud-input-slot-nopadding.mud-input-root-outlined{padding-top: 2px; padding-bottom: 1px;}
.mud-input-control.mud-field .mud-input-slot.mud-input-slot-nopadding.mud-input-root-outlined .mud-radio{margin-left: 0px; margin-inline-start: 0px;}    
.mud-input-control.mud-input-control-margin-dense .mud-input-outlined .mud-input-root{padding-top: 7.8px;padding-bottom: 7.8px;}

.mud-input-control.mud-input-control-margin-dense .mud-input-outlined .mud-input-root .mud-radio-group .mud-icon-button,
.mud-input-control.mud-input-control-margin-dense .mud-input-outlined .mud-input-root .mud-checkbox .mud-icon-button{padding: 7.30px;}

/* DISABLED FIELD */
.mud-input.mud-disabled{background-color: var(--ezr-disabled-bgcolor); color: var(--ezr-disabled-color);}

/* DUO FORM FIELD */
.mud-field.duo-form-field .mud-input-root{padding: 0;}
.mud-field.duo-form-field>.mud-input-slot{}
.mud-field.duo-form-field .mud-input-slot .mud-input-control{
    margin: 0px;
}
.mud-field.duo-form-field .mud-input-slot.mud-input-root-outlined{padding-top: 0px; padding-bottom: 0px;}
.mud-field.duo-form-field .mud-input-slot.mud-input-root-outlined .mud-input-control .mud-input{padding: 12.5px 14px; }
.mud-field.duo-form-field .mud-input-slot.mud-input-root-outlined .mud-input-control .mud-input.mud-input-margin-dense{
    padding: 0px 14px; line-height: 24px;}
.mud-field.duo-form-field .mud-input-slot.mud-input-root-text .mud-input-control .mud-input{padding: 6px 0px 7px;}
.mud-field.duo-form-field .mud-input-slot.mud-input-root-text .mud-input-control .mud-input.mud-input-margin-dense{
    padding-top: 2px; padding-bottom: 2px;}
.mud-field.duo-form-field .mud-input-slot .mud-input-control .mud-input.mud-input-underline:before,
.mud-field.duo-form-field .mud-input-slot .mud-input-control .mud-input.mud-input-underline:after{display: none;}


.mud-field.duo-form-field .mud-input-slot.mud-input-root-filled{}
.mud-field.duo-form-field .mud-input-slot .mud-input-control .mud-input.mud-input-root-filled{
    padding: 27px 12px 10px;
}
.mud-field.duo-form-field .mud-input-slot .rz-button{width: 42px;}
.mud-field.duo-form-field .mud-input-slot:not(.mud-input-root-outlined) .mud-divider{margin: 0 10px;}

.mud-switch-span .mud-switch-track{background-color: var(--mud-palette-secondary);}
.mud-switch-label-medium{font-size: var(--mud-typography-body1-size) !important; font-weight: var(--mud-typography-body1-weight);}

/* FILEPICKER / FILE UPLOAD  */
.mud-file-upload{}
.mud-file-upload .mud-input-control{margin: 0;}
.mud-file-upload .mud-input-control .mud-input .mud-input-root{cursor: pointer;}
.mud-file-upload .mud-input-control .mud-input .mud-input-adornment{
    cursor: pointer;
    --mud-typography-body1-size : 0.75rem; --mud-typography-body1-weight : 500; --mud-typography-body1-lineheight : 1rem;
    --mud-typography-body1-letterspacing : 0.75px; --mud-typography-body1-text-transform : uppercase;
}
.mud-file-upload:focus-within .mud-fileuploaded-files{
    border-width: 2px; border-color: var(--mud-palette-primary);
}
.mud-fileuploaded-files{
    background-color: var(--ezr-formcontrol-bgcolor);
    border-radius: 0 0 var(--ezr-formcontrol-radius) var(--ezr-formcontrol-radius);
    border-color: var(--mud-palette-lines-inputs);
    border-width: 1px;
    border-style: solid;
    border-top-width: 0px !important;
    display: flex;
    flex-direction: column; gap: 10px; padding: 10px;
}
.mud-fileuploaded-files .mud-fileupload-row{
    color: var(--ezr-text-color);
    --mud-typography-body1-size : 0.85rem;   --mud-typography-body1-lineheight : 1rem;
    --mud-typography-body1-letterspacing : 0.75px;
    display: flex; align-items: center;  justify-content: space-between;
}

.mud-file-upload:has(.mud-fileuploaded-files) .mud-input-control .mud-input-outlined-border{
    border-bottom-width: 0px !important;
    border-radius: var(--mud-default-borderradius) var(--mud-default-borderradius) 0 0;
}

.uploadarea{ box-shadow: none; border-width: 2px; border-style: dashed; border-color: var(--mud-palette-lines-default);
	background-color: rgba(var(--ezrprimary-rgb), 0.04); padding: 1rem;
    display: flex; align-items: center; justify-content: center; flex-direction: column;
}
.uploadarea .uploadarea-files{margin-top: 0.5rem;}
.uploadarea:focus-within{border-color: var(--ezrprimary);}
.uploadarea .uploadarea-icon{font-size: 2.85rem;margin-bottom: 1rem;}
.uploadarea .uploadarea-title{font-weight: 600;line-height: 1rem;letter-spacing: 0.75px;}
.mud-fileuploaded-chips{display: flex; align-items: center; flex-wrap: wrap;}


/* VALIDATION FIELD */
.mud-input-control .mud-input.mud-input-error{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    padding-right: calc(1.5em + 0.75rem);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
/*------------------------------- MUD FORM END ------------------------------*/
/*-----------------------------BUTTON GROUP START----------------------------*/
.rz-selectbutton{
	--rz-icon-font-family: 'Material Icons';
	--rz-selectbar-background-color: var(--rz-base-backgorund-color);
    --rz-selectbar-color: var(--ezr-text-color);
    --rz-selectbar-border: 1px solid var(--ezr-border-color);
    --rz-selectbar-selected-background-color: var(--ezrprimary);
    --rz-selectbar-selected-color: var(--ezronprimary);
    --rz-selectbar-selected-border:1px solid var(--ezrprimary);
    --rz-selectbar-border-radius: 0.375rem;
}
.rz-selectbutton .rz-button .rz-button-text{
	text-transform: capitalize;
}
.rz-selectbutton .rz-button:hover{
	background-color: var(--rz-selectbar-selected-background-color);
	color: var(--rz-selectbar-selected-color);
}
.rz-selectbutton .rz-button:not(.rz-state-disabled):focus:not(:active){
	box-shadow: none;
	background-image: none;
}
/*-----------------------------BUTTON GROUP END------------------------------*/

/*------------------------ RADZEN DROPDOWN/LISTBOX START ----------------------*/
.rz-dropdown-items{}
.rz-dropdown-list{
	--rz-dropdown-item-selected-background-color: rgba(var(--ezrprimary-rgb), 0.2);
    --rz-dropdown-item-selected-color: var(--ezrprimary);
    --rz-dropdown-item-selected-hover-background-color: rgba(var(--ezrprimary-rgb), 0.2);
    --rz-dropdown-item-selected-hover-color: var(--ezrprimary);
    --rz-dropdown-item-hover-background-color: rgba(var(--ezrprimary-rgb), 0.2);
    --rz-dropdown-item-hover-color: var(--ezrprimary);
}

/*------------------------- RADZEN DROPDOWN/LISTBOX END ----------------------*/

/*-------------------------- RADZEN CHART START --------------------------*/
.rz-chartwrap{}
.rz-chart{height: 100% !important; min-height: 100%; width: 100% !important;}

.rz-legend{color: var(--ezr-text-color);font-weight: 500; letter-spacing: var(--ezr-letterspacing-medium)}
.rz-legend .rz-legend-items{line-height: normal;display: flex;flex-wrap: wrap; gap: 0 1rem; justify-content: center;}
.rz-chart-tooltip-content{font-size: 0.85rem; font-family: var(--ezr-secondaryfont);}

/*-------------------------- RADZEN CHART END ----------------------------*/

/*-------------------------- RADZEN TABS START ----------------------------*/
.rz-tabview{
    --rz-outline-focus : none;
}

.rz-tabview-nav{
    /* background-color: var(--ezr-cardhead-bgcolor);  */
    overflow-x: auto; overflow-y: hidden;
	--rz-tabs-tab-font-weight: 600;  --rz-tabs-tab-color : var(--ezr-text-color);  --rz-tabs-tab-hover-background-color: transparent;
	--rz-tabs-tab-font-size : 0.9rem; --rz-tabs-icon-font-size: 1.375rem; --rz-tabs-tab-text-transform : uppercase;
	--rz-tabs-tab-padding : 0.5rem 1rem; --rz-tabs-tab-hover-color: var(--ezrprimary); scrollbar-width: none;
}
.rz-tabview.rz-tabview-left .rz-tabview-nav li>a{justify-content: flex-start;}
.rz-tabview.rz-tabview-right .rz-tabview-nav li>a{flex-direction: row-reverse; justify-content: flex-start;}
.rz-tabview-nav li>a{
	min-width: 185px; font-family: var(--ezr-secondaryfont); text-align: center; justify-content: center; gap: 0.375rem;
}
.rz-tabview-nav li>a>.rzi{
	color: var(--ezr-textlight-color);
}
.rz-tabview-nav li>a:hover .rzi, .rz-tabview-nav .rz-tabview-selected>a>.rzi{
	color: var(--rz-tabs-tab-hover-color);
}
/* .rz-tabview-nav li>a:hover, .rz-tabview-nav .rz-tabview-selected>a{font-weight: bold;} */
.rz-tabview-nav .rz-tabview-selected{border-width: 2px !important; margin: 0 !important;}
.rz-tabview > .rz-tabview-panels{border-color: var(--ezr-border-color) !important; flex: 1 !important;}

@media screen and (max-width: 990.98px) {
    .rz-tabview:is(.rz-tabview-left, .rz-tabview-right){flex-direction: column;}
    .rz-tabview:is(.rz-tabview-left, .rz-tabview-right) > .rz-tabview-nav{flex-direction: row;}
    .rz-tabview:is(.rz-tabview-left, .rz-tabview-right) .rz-tabview-nav li>a{justify-content: center;}

    .rz-tabview.rz-tabview-left > .rz-tabview-panels{border-left: 0px; border-top: var(--rz-border-base-300);}
    .rz-tabview.rz-tabview-right > .rz-tabview-panels{border-right: 0px; border-top: var(--rz-border-base-300);}

    .rz-tabview.rz-tabview-left > .rz-tabview-nav li{border-right: 0px; border-bottom: 2px solid transparent;}
    .rz-tabview.rz-tabview-right > .rz-tabview-nav li{border-left: 0px; border-bottom: 2px solid transparent;}

    .rz-tabview.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected{border-right: 0px; border-bottom: 2px solid var(--rz-primary);}
    .rz-tabview.rz-tabview-right > .rz-tabview-nav .rz-tabview-selected{border-left: 0px; border-bottom: 2px solid var(--rz-primary);}
}

/*-------------------------- RADZEN TABS END ----------------------------*/
/*--------------------------- MUD TABS START ----------------------------*/
.mud-tabs{}
.mud-tabs .mud-tabs-tabbar{font-family: var(--ezr-secondaryfont); }
.mud-tabs .tabs-content{display: flex; flex-direction: column;}
.mud-tabs .mud-tabs-tabbar .mud-tab{letter-spacing: 1.25px; gap: 0.5rem;}
.mud-tabs .mud-tabs-tabbar .mud-tab>.mud-svg-icon{
    font-size: 1.375rem;
    /* color: var(--ezr-textlight-color); */
}
.mud-tabs .mud-tabs-vertical{}
.mud-tabs .mud-tabs-vertical .mud-tabs-vertical-reverse{}

.mud-tabs.mud-tabs-vertical .mud-tabs-tabbar .mud-tab{justify-content: flex-start;}
.mud-tabs.mud-tabs-vertical.mud-tabs-vertical-reverse .mud-tabs-tabbar .mud-tab{
    flex-direction: row-reverse;
    
}
/*---------------------------- MUD TABS END ------------------------------*/

/*-------------------------- MUD POPOVER START ---------------------------*/
.mud-popover{
    background-color: var(--ezr-dropdown-bgcolor);
}
.mud-popover-header{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.5rem 1rem 0 1rem;
}
.popover-close{
    position: absolute;
    top: -15px; right: -15px;
}
.mud-popover-content{
    padding: 1rem 1rem;
}
.filters-panel{
    box-shadow: var(--mud-elevation-8);
}
/*-------------------------- MUD POPOVER END -----------------------------*/

/*----------------- MUD ACCORDION/EXPANSION PANEL START ------------------*/
.mud-expand-panel{
    --panel-padding-y: 1rem;
    --panel-padding-x: 1rem;
}
.mud-expand-panel.mud-panel-expanded{}
.mud-expand-panel.mud-panel-expanded>.mud-expand-panel-header{
    border-bottom: 1px solid var(--ezr-cardborder-color);
    border-radius: var(--mud-default-borderradius) var(--mud-default-borderradius) 0 0;
}
.mud-expand-panel .mud-expand-panel-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .5rem;
    border-style: solid;
    border-color: var(--ezr-cardborder-color);
    
    border-radius: var(--mud-default-borderradius);
    padding: var(--panel-padding-y) var(--panel-padding-x);
}
.mud-expand-panel.panel-header-backgroundlight .mud-expand-panel-header{
    background-color: var(--ezr-cardhead-bgcolor);
}
.mudpanel-title{
    margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: var(--ezr-letterspacing-medium);
    font-family: var(--ezr-secondaryfont);
}
.mud-expand-panel .mud-expand-panel-content{
    padding: var(--panel-padding-y) var(--panel-padding-x) !important;
}
/*----------------- MUD ACCORDION/EXPANSION PANEL END --------------------*/

/*------------------------ RADZEN WIZARD STEP START ----------------------*/
.rz-steps{

    --rz-steps-color: var(--ezr-text-color);
    --rz-steps-number-border-radius: 7px;
    --rz-steps-number-padding-block: 0.125rem 0;
    --rz-steps-number-padding-inline: 0;
    --rz-steps-number-width: 1.5rem;
    --rz-steps-number-height: 1.5rem;
    --rz-steps-number-line-height: var(--rz-body-line-height);
    --rz-steps-number-color: var(--rz-text-contrast-color);
    --rz-steps-number-background-color: var(--ezrsecondary);
    --rz-steps-number-selected-color: var(--ezronprimary);
    --rz-steps-number-selected-background: var(--ezrprimary);
    --rz-steps-number-focus-outline: var(--rz-outline-focus);
    --rz-steps-number-focus-outline-offset: var(--rz-outline-offset);
    --rz-steps-title-selected-color: var(--ezrprimary);
    --rz-steps-title-margin-block: 0;
    --rz-steps-title-margin-inline: 0.5rem 1rem;
    --rz-steps-buttons-padding-block: 1rem;
    --rz-steps-buttons-padding-inline: 0;
    
    background-color: var(--ezr-card-bgcolor);
    border-radius: var(--mud-default-borderradius);
    overflow: hidden;
}
.rz-steps>ul{
	background-color: var(--ezr-cardhead-bgcolor);	border-bottom: 1px solid var(--ezr-border-color); margin: 0;
	overflow-y: hidden; overflow-x: auto; 
}
.rz-steps .rz-steps-item{}
.rz-steps .rz-steps-item .rz-menuitem-link{
	padding: var(--rz-tabs-tab-padding-block); font-weight: 500; font-size: 0.85rem;gap: 0.5rem;
}
.rz-steps .rz-menuitem-link:hover .rz-steps-number{
    background-color: var(--ezrprimary);
    color: var(--ezronprimary);
}
.rz-steps .rz-steps-item.rz-state-highlight{font-weight: 600;}
.rz-steps .rz-steps-item .rz-menuitem-link .rz-steps-title{font-family: var(--ezr-secondaryfont); font-size: 0.9rem; 
	text-transform: uppercase; letter-spacing: 1.25px; margin: 0; white-space: nowrap;
}
.rz-steps .rz-steps-item:not(:last-child):after{ background-color: rgba(var(--ezrsecondary-rgb), 0.25);}
.rz-widget-content{padding: 1rem; color: var(--ezr-text-color);}
.rz-steps-buttons{background-color: var(--ezr-cardhead-bgcolor); 
	border-top: 1px solid var(--ezr-border-color); padding: 0.5rem;
}
.rz-steps-buttons>a{padding: 0.5rem 0.85rem; font-size: .85rem; border-radius: var(--rz-border-radius); font-weight: 500;
    display: flex; align-items: center; justify-content: center; gap: 0.5rem;
}
.rz-steps-buttons>a>.rzi{font-size: 1.25rem}
.rz-steps-buttons .rz-steps-prev{--rz-steps-button-color: var(--ezrsecondary); border: 1px solid var(--ezrsecondary);}
.rz-steps-buttons .rz-steps-next{--rz-steps-button-color: var(--ezronprimary); background-color: var(--ezrprimary); color: var(--ezronprimary);
}
.rz-steps-buttons .rz-steps-prev:not(.rz-state-disabled):hover{
	--rz-steps-title-selected-color: var(--ezronsecondary);
	background-color: var(--ezrsecondary); color: var(--ezronsecondary);
}
.rz-steps-buttons .rz-steps-next:not(.rz-state-disabled):hover{
	--rz-steps-title-selected-color: var(--ezronprimary);
	background-color: var(--ezrprimary-hover); border-color: var(--ezrprimary-hover);
} 
.rz-steps-vertical.rz-steps{ --rz-tabs-tab-padding: 1rem 1rem;
	flex-direction: row; display: flex;flex-wrap: wrap;}
.rz-steps-vertical.rz-steps ul[role='tablist']{flex: 0 0 90px; flex-direction: column; 
	overflow: hidden; border-bottom: 0; border-right: 1px solid var(--ezr-border-color);
}
.rz-steps-vertical.rz-steps .rz-steps-item{flex-direction: column;}
.rz-steps-vertical.rz-steps .rz-steps-item:not(:last-child):after{margin-right: 0;width: 1px;height: 100%;}
.rz-steps-vertical.rz-steps .rz-steps-item .rz-menuitem-link{ flex-direction: column; width: 90px;}
.rz-steps-vertical.rz-steps .rz-steps-item .rz-menuitem-link .rz-steps-title{white-space: pre-wrap; 
	text-align: center; line-height: normal;}
.rz-steps-vertical.rz-steps .rz-widget-content{flex: 1 0 calc(100% - 90px);}
.rz-steps-vertical.rz-steps .rz-steps-buttons{flex: 1 0 calc(100% - 90px);}

/*-------------------------- RADZEN WIZARD STEP END ---------------------*/

/*---------------------- RADZEN MODAL/DIALOG START ----------------------*/
.rz-dialog-wrapper{
	left: 0;
	--rz-dialog-zindex: var(--mud-zindex-dialog);
	--rz-dialog-mask-zindex : calc(var(--mud-zindex-dialog) - 10);
	--rz-dialog-shadow: var(--ezr-boxshadow);
	--rz-dialog-background-color: var(--ezr-modal-bgcolor);
	--rz-dialog-title-background-color:  var(--ezr-modalhead-bgcolor);
	--rz-dialog-title-padding : 1rem 0.75rem;
    --rz-dialog-title-padding-block: 1rem 0.75rem;
    --rz-dialog-title-padding-inline : 1rem;
	--rz-dialog-title-border: 1px solid var(--ezr-border-color);
	--rz-dialog-border-radius : 0.75rem;
	--rz-dialog-content-padding : 0;
	--rz-dialog-body-padding : 1rem;
	--rz-dialog-title-font-size: 1.1rem;
	--rz-dialog-title-font-weight: 600;
	--rz-dialog-title-letter-spacing: var(--ezr-letterspacing-medium);
	--rz-dialog-title-color: var(--ezr-pagetitle-color);
	--rz-dialog-close-font-size: 1.375rem;
	--rz-dialog-close-color : var(--ezr-close-color);
	--rz-dialog-close-hover-color : var(--ezr-close-color);
}
.rz-dialog.modal-sm{--dialog-width : 300px;}
.rz-dialog.modal-md{--dialog-width : 500px;}
.rz-dialog.modal-lg{--dialog-width : 800px;}
.rz-dialog.modal-xl{--dialog-width : 1140px;}

.rz-dialog:is(.modal-sm, .modal-lg, .modal-xl){
	width: var(--dialog-width) !important;
}
.rz-dialog.modal-fullscreen{border-radius: 0; height: 100%;}
.rz-dialog.modal-fullscreen .rz-dialog-content, .rz-dialog.modal-fullscreen .rz-dialog-body{flex: 1 1 auto; }
.rz-dialog{
    /* -webkit-animation-name: bounceInDown; animation-name: bounceInDown; */
    /* -webkit-animation-duration: 1s; animation-duration: 1s; */
    -webkit-animation-name: zoomIn; animation-name: zoomIn;
    -webkit-animation-duration: 300ms; animation-duration: 300ms;
    -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@keyframes zoomIn {
    0% {opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3)}
    50% {opacity: 1}
}
@keyframes bounceInDown {
0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {opacity: 0; -webkit-transform: translate3d(0,-3000px,0) scaleY(3); transform: translate3d(0,-3000px,0) scaleY(3)}
60% {opacity: 1; -webkit-transform: translate3d(0,25px,0) scaleY(.9); transform: translate3d(0,25px,0) scaleY(.9)}
75% {-webkit-transform: translate3d(0,-10px,0) scaleY(.95); transform: translate3d(0,-10px,0) scaleY(.95)}
90% {-webkit-transform: translate3d(0,5px,0) scaleY(.985); transform: translate3d(0,5px,0) scaleY(.985)}
to {-webkit-transform: translateZ(0);transform: translateZ(0)}

}
.rz-dialog .rz-dialog-inner{display: flex; flex-direction: column; flex: 1;}
.rz-dialog-titlebar, .rz-dialog-side-titlebar{ display: flex; align-items: center;}
.rz-dialog .rz-dialog-title{font-family: var(--ezr-secondaryfont); }
.rz-dialog .rz-dialog-body{padding: var(--rz-dialog-body-padding);}
.rz-dialog .rz-dialog-footer{padding: var(--rz-dialog-body-padding); display: flex; gap: 0.5rem; 
	justify-content: flex-end;}
.rz-dialog-scrollable{}
.rz-dialog-scrollable .rz-dialog-content{overflow: hidden; display: flex;}
.rz-dialog-scrollable .rz-dialog-body{overflow-y: auto;}

.rz-dialog-titlebar-close, .rz-dialog-side-titlebar-close{
    color: var(--rz-dialog-close-color);
    /* width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; */
}
.rz-dialog-titlebar-close:hover, .rz-dialog-side-titlebar-close:hover{background-color: var(--ezrdanger-faded);}
.mud-dialog{
    --muddialog-padding-y: 1rem;
    --muddialog-padding-x: 1rem;
    --muddialog-close-font-size : 1.375rem;
}
.mud-dialog .mud-dialog-title{
    background: var(--ezr-modalhead-bgcolor);
    padding: var(--muddialog-padding-y) var(--muddialog-padding-x);
    border-bottom: 1px solid var(--ezr-border-color); display: flex; align-items: center;
}
.mud-dialog .mud-dialog-title .mud-dialog-title-text{
    color: var(--ezr-pagetitle-color);
    font-weight: 600; line-height: normal;
    font-family: var(--ezr-secondaryfont);
    letter-spacing: var(--ezr-letterspacing-medium);
}
.mud-dialog .mud-dialog-title .mud-button-close{
    color: var(--ezr-close-color); border-radius: 50px;
    width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;
}
.mud-dialog .mud-dialog-title .mud-button-close:hover{
    background-color: var(--ezrdanger-faded);
}
.mud-dialog .mud-dialog-title .mud-button-close .mud-svg-icon{font-size: var(--muddialog-close-font-size);}

.mud-dialog .mud-dialog-content{
    padding: var(--muddialog-padding-y) var(--muddialog-padding-x);
}
.mud-dialog .mud-dialog-actions{
    padding: var(--muddialog-padding-y) var(--muddialog-padding-x);
}
.mud-dialog.mud-dialog-scrollable{}
.mud-dialog.mud-dialog-scrollable .mud-dialog-content{
	max-height: calc(100vh - 186px);
    overflow-y: auto;
}

@media (min-width: 992px) {
	.rz-dialog-scrollable:not(.modal-fullscreen){max-height: calc(100% - 3.5rem);}
}
/*------------------------ RADZEN MODAL/DIALOG END ----------------------*/


/*--------------------------- RADZEN MENU START -------------------------*/
.rz-menu{
	--rz-menu-top-item-background-color: var(--ezr-bglight-color);
	--rz-menu-top-item-color : var(--rz-text-color);
	--rz-menu-top-item-hover-color : var(--rz-primary);
	--rz-menu-top-item-icon-color : var(--rz-text-color);
	--rz-menu-top-item-icon-hover-color :  var(--rz-primary);
	--rz-menu-top-item-selected-color: var(--rz-primary);
	--rz-context-menu-box-shadow : var(--ezr-boxshadow);
	--rz-menu-item-color : var(--rz-text-color);
	--rz-menu-item-hover-color : var(--rz-primary);
	--rz-menu-item-hover-background-color : var(--rz-primary-lighter);
	--rz-menu-top-item-padding : 0.85rem 0.85rem;
	gap: 0.5rem;
}
.rz-menu-toggle{color: var(--rz-text-color);}
.rz-menu-toggle>.rzi{display: none;}
.rz-menu-toggle::after{
	content: "\f479";
    color: var(--rz-text-color);
    font-family: bootstrap-icons !important;
    font-size: 1.375rem;
}
.rz-menu .rz-navigation-item .rz-navigation-item-link{
	font-weight: 500; 
	letter-spacing: var(--ezr-letterspacing-small); 
	font-size: 0.9rem;
}
.rz-menu .rz-navigation-item .rz-navigation-item-link.active .rz-navigation-item-icon,
.rz-menu .rz-navigation-item .rz-navigation-item-link.active .rz-navigation-item-text{
	color: var(--rz-primary);
}
.rz-menu .rz-navigation-item .rz-navigation-item-link.active::after{content: ''; height: 2px; width: 100%; 
	position: absolute; bottom: 1px; left: 0; right: 0;background-color: var(--rz-primary); 
}
.rz-menu .rz-navigation-item .rz-navigation-item-link .rz-navigation-item-icon{--rz-icon-size : 1.2rem;}
.rz-menu .rz-navigation-item .rz-navigation-item-link .rz-navigation-item-text{line-height: normal;}
/* .rz-menu .rz-navigation-item.rz-navigation-item-active>.rz-navigation-item-wrapper>.rz-navigation-item-link{
	background-color: var(--rz-primary-lighter);
} */
.rz-menu .rz-navigation-menu .rz-navigation-menu{border: 0;}
.rz-menu .rz-navigation-item .rz-navigation-item-link .rz-navigation-item-icon-children{
	font-size: 1.25rem;	color: rgba(var(--ezr-text-color-rgb), 0.5);
}
.rz-menu .rz-navigation-menu .rz-navigation-item  .rz-navigation-item-link{font-size: 0.85rem;}

@media screen and (min-width: 991px) {
	.rz-menu .rz-navigation-menu{--rz-menu-border-radius: 0.375rem; border: 1px solid var(--ezr-border-color)}
}
@media screen and (max-width: 990.98px) {
	.rz-menu .rz-menu-toggle-item{display: flex; width: auto;}	
	.rz-menu.rz-menu-open{display: flex !important; flex-wrap: wrap;} 
	.rz-menu.rz-menu-open .rz-navigation-item{width: 100%;}
	.rz-menu.rz-menu-closed .rz-navigation-item{display: none;}
	.rz-menu.rz-menu-closed .rz-navigation-item.rz-menubrand,
	.rz-menu.rz-menu-open .rz-navigation-item.rz-menubrand{display: flex; order: -1; width: auto;flex: 1;}
}
/*--------------------------- RADZEN MENU END --------------------------------*/

/*------------------------- RADZEN PANEL MENU START --------------------------*/

/*------------------------- RADZEN PANEL MENU END ----------------------------*/

/*------------------------- RADZEN ACCORDION START ---------------------------*/
.rz-accordion{
    
	--rz-accordion-shadow: var(--rz-shadow-0);
	--rz-accordion-item-border: var(--ezr-border-color);
    --rz-accordion-item-background-color: var(--ezr-accordion-bgcolor);
    --rz-accordion-item-color: var(--ezr-accordion-color);
	--rz-accordion-selected-color: var(--ezrprimary);
	--rz-accordion-hover-color: var(--ezrprimary);
	--rz-accordion-border-radius: 0.5rem;
	border: 1px solid var(--rz-accordion-item-border);
}
.rz-accordion .rz-accordion-header:not(:first-child){
	border-top: 1px solid var(--rz-accordion-item-border);
}
.rz-accordion .rz-accordion-header{
	/* border-top: 0; */
	/* border-bottom: 1px solid var(--rz-accordion-item-border); */
}
.rz-accordion .rz-accordion-content{color: var(--rz-text-color);}
/*------------------------- RADZEN ACCORDION END ----------------------------*/

/*-------------------- RADZEN TOASTS/NOTIFICATION START ---------------------*/
.rz-growl{
	--rz-notification-icon-margin: 0 0.75rem 0 0;
    --rz-notification-container-background-color: var(--ezr-bgwhite-color);
	--rz-notification-padding: 0.75rem;
	--rz-notification-border-radius: var(--ezr-border-radius);
}

.rz-growl{}
.rz-growl-item-container{ border-radius: var(--rz-notification-border-radius);}
.rz-growl-item{ font-size: 0.875rem; overflow: hidden;}
.rz-growl-message{display: flex; flex-direction: column; gap: 0.175rem;}

/*-------------------- RADZEN TOASTS/NOTIFICATION END ---------------------*/


/*-------------------- RADZEN CALENDAR/SCHEDULER START -------------------------*/

.rz-scheduler.calendar-view{
	--rz-scheduler-border: var(--ezr-border-color);
    --rz-scheduler-border-color: var(--ezr-border-color);
    --rz-scheduler-minor-border-color: var(--ezr-border-color);
	--rz-scheduler-border-radius : .375rem;
    --rz-scheduler-shadow: none;
	overflow: hidden;

    --rz-scheduler-background-color: var(--ezr-card-bgcolor);
    --rz-scheduler-color: var(--ezr-text-color);

	--rz-scheduler-header-background-color: var(--ezr-tablehead-bgcolor);
    --rz-scheduler-header-font-size: 0.8rem;
    --rz-scheduler-header-text-transform: uppercase;
    --rz-scheduler-header-border: 1px solid rgba(var(--ezrsecondary-rgb), 0.2);
    --rz-scheduler-header-padding: 0.75rem 0;

    --rz-scheduler-toolbar-padding: 1rem;
    --rz-scheduler-toolbar-background-color: var(--ezr-cardhead-bgcolor);
    --rz-scheduler-toolbar-title-font-size: 1.35rem;
    --rz-scheduler-toolbar-title-font-weight: 600;
    --rz-scheduler-toolbar-title-color: var(--ezr-pagetitle-color);

    --rz-scheduler-prev-next-button-background-color: transparent;
    --rz-scheduler-prev-next-button-color: var(--rz-text-color);
    --rz-scheduler-prev-next-button-padding: 0.5rem;
    --rz-scheduler-prev-next-button-font-size: 1.2rem;
    --rz-scheduler-prev-button-border-radius: 0.35rem;
    --rz-scheduler-next-button-border-radius: 0.35rem;

    --rz-scheduler-today-button-margin-left: 0px;
    --rz-scheduler-today-button-padding: 0.5rem 1rem;
    --rz-scheduler-today-button-font-size: 0.85rem;
    --rz-scheduler-today-button-text-transform: capitalize;


    --rz-scheduler-view-button-border: var(--rz-scheduler-header-border);
    --rz-scheduler-view-button-color: var(--ezr-text-color);
    --rz-scheduler-view-button-background-color: transparent;
    --rz-scheduler-view-selected-color:  var(--ezronprimary);
    --rz-scheduler-view-selected-background-color:  var(--ezrprimary);
    --rz-scheduler-view-selected-border-color: var(--ezrprimary);

	
    


    --rz-scheduler-event-color: var(--ezronprimary);
    --rz-scheduler-event-background-color: var(--ezrprimary);
	
    --rz-scheduler-event-font-size: 0.75rem;
    --rz-scheduler-event-line-height: 1.15rem;
    --rz-scheduler-event-padding: 1px 5px;
    --rz-scheduler-event-content-padding: 0.125rem 0.275rem;
    --rz-scheduler-event-list-button-color: var(--ezrdanger);
    --rz-scheduler-event-list-button-font-size: 0.65rem;


    --rz-scheduler-slot-title-font-size: 0.75rem;
    --rz-scheduler-slot-title-font-size-small: 0.6rem;
    --rz-scheduler-slot-title-padding: 0 0.25rem;


    --rz-scheduler-day-number-padding: 0 0.5rem;
    --rz-scheduler-weekend-color: var(--rz-text-disabled-color);
    --rz-scheduler-weekend-background-color: var(--rz-base-50);
    --rz-scheduler-other-month-background-color: var(--rz-base-100);
    --rz-scheduler-timeline-slot-width: 27rem;
    --rz-scheduler-timeline-slot-height: 7rem;
    --rz-scheduler-year-padding: 1.25rem;
    --rz-scheduler-year-slot-padding: 0.25rem;
    --rz-scheduler-year-slot-title-width: fit-content;
    --rz-scheduler-year-slot-title-border-radius: 0.375rem;
	
    --rz-scheduler-planner-slot-width: 3rem;
    --rz-scheduler-planner-slot-height: 4.5rem;
}


.calendar-view .rz-scheduler-nav{}
.calendar-view .rz-scheduler-nav .rz-scheduler-nav-title{font-family: var(--ezr-secondaryfont);}
.calendar-view .rz-scheduler-nav .rz-scheduler-nav-prev-next{column-gap: 0.5rem;}
.calendar-view .rz-scheduler-nav .rz-scheduler-nav-prev-next .rz-button{
	border: var(--rz-scheduler-header-border);
}
.calendar-view .rz-scheduler-nav .rz-scheduler-nav-prev-next .rz-button>i,
.calendar-view .rz-scheduler-nav .rz-scheduler-nav-prev-next .rz-button>.rzi{
	font-size: var(--rz-scheduler-prev-next-button-font-size);
}
.calendar-view .rz-scheduler-nav .rz-scheduler-nav-prev-next .rz-button:not(.rz-state-disabled):is(:hover, :focus){
	background-image: none; background-color: var(--rz-primary-lighter); 
	color: var(--rz-on-primary-lighter); border-color: var(--ezrprimary);
}
.calendar-view .rz-view-header{border-top: var(--rz-scheduler-header-border) !important;}
.calendar-view .rz-view-header .rz-slot-header{font-weight: 600; letter-spacing: var(--ezr-letterspacing-medium);}
.calendar-view .rz-view-header .rz-slot-header:not(:first-child){border-left: var(--rz-scheduler-header-border);}

.calendar-view .rz-month-view .rz-slot{}
.rz-scheduler a.rz-event-list-btn{font-weight: 600; text-transform: uppercase; padding: 0.175rem 0.5rem;}
.rz-events{
	--rz-scheduler-border-radius: 0.275rem;
	--rz-datepicker-calendar-hover-color: var(--rz-scheduler-event-color) ;
    --rz-datepicker-calendar-hover-background-color: var(--rz-scheduler-event-background-color);
}
.rz-event-list{
	--rz-scheduler-event-content-padding : 0.375rem 0.375rem; --rz-scheduler-event-font-size: 0.85rem;
	padding: 0.5rem; display: flex; flex-direction: column; gap: 0.375rem;
}
.rz-event-list .rz-event, .rz-events .rz-event{letter-spacing: var(--ezr-letterspacing-small); font-weight: 500;}
.rz-event-list .rz-event .rz-event-content, .rz-events .rz-event .rz-event-content{
	display: flex; align-items: center; justify-content: center; gap: 0.275rem; white-space: nowrap;}
.rz-event-list .rz-event .rz-event-content .icon{font-size: 1.2rem;}
.rz-events .rz-event .rz-event-content .icon {font-size: 0.85rem;}


.rz-month-view .rz-week{min-height: 100px;}
.rz-year-view{}
.rz-year-view .rz-slot-header{
	--rz-text-subtitle1-font-size: var(--rz-scheduler-header-font-size);
}
.rz-year-view .rz-slot-header .rz-text-subtitle1{
	font-weight: 600; letter-spacing: var(--ezr-letterspacing-medium); text-transform: uppercase;
}
.rz-year-view .rz-view-header{border: var(--rz-scheduler-header-border) !important;}
.rz-year-view .rz-week{border-left: 1px solid var(--rz-scheduler-border-color); border-right: 1px solid var(--rz-scheduler-border-color);}
.rz-year-view .rz-week:last-child{border-bottom: 1px solid var(--rz-scheduler-border-color);}
/*--------------------- RADZEN CALENDAR/SCHEDULER END  -------------------------*/

/*------------------------------ RADZEN LIST START -------------------------------*/
.rz-listbox{
	--rz-listbox-background-color : var(--ezr-dropdown-bgcolor);
	--rz-listbox-filter-border : 1px solid var(--ezr-border-color);
	--rz-dropdown-item-selected-background-color : rgba(var(--ezrprimary-rgb), 0.2);
	--rz-dropdown-item-selected-color : var(--ezrprimary);
	--rz-dropdown-item-selected-hover-background-color : rgba(var(--ezrprimary-rgb), 0.2);
	--rz-dropdown-item-selected-hover-color : var(--ezrprimary);

	--rz-dropdown-item-font-size: 0.85rem;
    --rz-listbox-header-icon-height: 1.15rem;
    --rz-listbox-header-icon-width: 1.15rem;
    --rz-lookup-panel-background-color: var(--ezr-dropdown-bgcolor);
    --rz-lookup-panel-padding: 0.5rem;
}
.rz-listbox .rz-listbox-header .rz-listbox-filter-icon{opacity: 0.6;}
.rz-listbox .rz-listbox-header{
    border-bottom: var(--rz-listbox-filter-border);
}
.rz-listbox .rz-listbox-header .rz-listbox-header-title{
    font-weight: 500; color: var(--ezr-text-color);
    letter-spacing: var(--ezr-letterspacing-small);
    font-size: 0.85rem; line-height: 26px; margin: 0px;
}
.rz-listbox .rz-listbox-list-wrapper{} 
.rz-listbox .rz-listbox-list-wrapper .rz-listbox-list{} 
.rz-listbox .rz-listbox-list-wrapper .rz-listbox-list .rz-multiselect-item{}  
.rz-listbox .rz-listbox-list-wrapper .rz-listbox-list .rz-multiselect-item.rz-state-highlight{}
/*------------------------------- RADZEN LIST END --------------------------------*/

/*----------------------------- RADZEN BADGE START ------------------------------*/
.rz-badge {
    --rz-badge-border-radius: var(--rz-border-radius);
    --rz-badge-pill-border-radius: calc(4* var(--rz-border-radius));
    --rz-badge-padding: 0.25rem 0.435rem;
    --rz-badge-pill-padding: 0.25rem 0.435rem;
    --rz-badge-font-size: var(--ezr-typo-body2-size);
    --rz-icon-size: 1rem;
    --rz-badge-font-weight: 500;
    --rz-badge-line-height: 1rem;
    --rz-badge-text-transform: none;
    --rz-badge-letter-spacing: 0.02rem;
    --rz-text-body1-margin-block-end: 0px;
    display: inline-flex;
}
.rz-badge i.rz-badge-icon{
    width: 1em;
    height: 1em;
    margin-inline-end: 4px;
}
.rz-badge .rz-badge-text{
    font-weight: var(--rz-badge-font-weight);
    font-size: var(--rz-badge-font-size);
    letter-spacing: var(--rz-badge-letter-spacing);
    line-height: var(--rz-badge-line-height);
    color: inherit;
}
/*------------------------------ RADZEN BADGE END -------------------------------*/

/*------------------------------- MUD CHIPS START -------------------------------*/
.mud-chip-container .mud-chip{margin-block-start: 0;margin-block-end: 0;}
/*--------------------------------- MUD CHIPS END -------------------------------*/

/*------------------------- MUD DROPDOWN/MENU/LIST START -------------------------*/
.mud-list{
	/* min-width: 180px; */
	/* box-shadow: 0 .15rem 0.85rem rgba(0,0,0,.1); */
}
.mud-list .mud-list-item{padding: 0.5rem 1rem; display: flex; align-items: center; justify-content: flex-start;} 
.mud-list .mud-list-item .mud-list-item-icon{margin-right: .5rem; min-width: auto;} 
.mud-list .mud-list-item .mud-list-item-icon .mud-svg-icon{font-size: 1.25rem;}
.mud-list .mud-list-item .mud-list-item-text{font-size: var(--mud-typography-body2-size);} 
.mud-list .mud-list-item .mud-list-item-text .mud-typography-body1{font-size: var(--mud-typography-body1-size); font-weight: 500; letter-spacing: var(--ezr-letterspacing-small);}

/*------------------------- MUD DROPDOWN/MENU/LIST END -------------------------*/



/*----------------------------- MUD EXTENSION START ----------------------------*/
.mud-input>input.mud-input-root.mud-select-input-extended, div.mud-input-slot.mud-input-root.mud-select-input-extended{
    /* padding: 17.43px 14px; */
    min-height: 1.912em !important;
    /* line-height: 20px; */
}
.mud-list-extended .mud-list-item-functional{margin-bottom: 0px !important;}
.mud-list-extended .mud-list-subheader-extended{padding:0px 8px !important; }
.mud-list-extended.mud-list-padding-extended .mud-list-subheader-extended{padding-top: 0px; }
.mud-list-extended .mud-list-subheader-extended:not(:first-child){  padding-top: 0px !important;}
.mud-list-extended .mud-list-subheader-extended{margin-top: 0px !important; top: 0px !important;}
/* .mud-list-extended.mud-list-padding-extended{padding-top: 0px; padding-bottom: 0px;} */
/* .mud-list-extended .mud-list-subheader-extended:not(:first-child){margin-top: 0px !important;} */
.mud-ex-file-display{border: 0px !important; padding: 0px !important;}

/*------------------------------ MUD EXTENSION END -----------------------------*/