/* Font Family */
@import url('../fonts/font-family/font.css');
/* Bstrap */
@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
/* Icons Bootstrap */
@import url(../fonts/bootstrap-icons/font/bootstrap-icons.css);

/* Root Variables */
:root {
    --mainAppColor1: #1DB45D;
    --mainAppColor2: #F4FDF3;
    --mainAppColor3: #11D300;
    --linkColor: #0A6CAF;
    --netroWhite: #FFFFFF;
    --netroBlack: #000000;
    --inputFieldLabelColor: #737373;
    --inputFieldPlaceHolderColor: #7D7D7D;
    --contentTitleColor: #555555;
    --headerFontSize: 18px;
    --subHeaderFontSize: 17px;
    --contentFontSize: 14px;
    --sideBarExpandSize: 220px;
    --searchBarExpandSize_md: 400px;
    --searchBarExpandSize: 200px;
    --scrollBarColor: #e6e6e6;
    --scrollBarWdith: 10px;
    --radzenOverflowHighterLightColor: #d3f8d3;
    /* Breakpoints - Max Values */
    --endPoint_xs: 575.98px;
    --endPoint_sm: 767.98px;
    --endPoint_md: 992.98px;
    --endPoint_lg: 1199.98px;
    --endPoint_xl: 1399.98px;
}

.epgGroupDropdown {
    display: flex;
    overflow-x: scroll;
    width: 100%;
}

.epgGroupDropdown-div {
    flex: 1;
    max-width: 100px;
    white-space: nowrap;
    margin: 1px;
}

/* Scroll Bar */

body::-webkit-scrollbar {
    width: var(--scrollBarWdith);
}

body::-webkit-scrollbar-thumb {
    background: var(--scrollBarColor);
    border-radius: 10px;
}

.validation-message {
    font-weight: 500;
}

/* Global Classes */
.application_fontFamily {
    font-family: 'Inter', sans-serif;
}

.appHeader_fontSize {
    font-size: var(--headerFontSize);
}

.appSubHeader_fontSize {
    font-size: var(--subHeaderFontSize);
}

.appContent_fontSize {
    font-size: var(--contentFontSize);
}

.epgImgDisabled {
    opacity: 0.4;
    cursor: unset !important;
}

.edit_validationmessage {
    font-size: 80%;
    color: red !important;
    margin-right: auto;
}

/* ------- Normal Styles ------ */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
}

body {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: var(--mainAppColor2);
}


/* - BreadCrumb - */

.epgbreadCrumb .epgBreadCrumbLinks {
    font-size: var(--contentFontSize);
    color: var(--linkColor);
    text-decoration: none;
    font-weight: 500;
}

.epgParcelBreadCrumb {
    font-weight: 600;
    padding-right: 10px;
    cursor: pointer;
}

.epgParcelBreadCrumb-Img {
    height: 13px;
    width: 11px;
    margin-left: 7px;
}

.epgParcelBreadCrumb-Page {
    font-weight: 600;
}
/* - Loader - */
.loader_container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999999;
    background-color: rgba(0,0,0,0.60);
}

/* Toogle Buttons */

.epgToggleButtons {
    background: #FFFFFF;
    border: 1px solid #A7A7A7;
    border-radius: 6px;
    overflow: hidden;
}

.epgToggleBtn_Item {
    background: transparent;
    border-right: 1px solid #A7A7A7;
    text-align: center;
    color: #0E0D26;
    font-size: var(--contentFontSize);
}

    .epgToggleBtn_Item:last-child {
        border-right: none;
    }

.epgToggleButtons .epgToggleBtn_active {
    background: #1BA555;
    color: var(--netroWhite);
}

.epgToggleButtons_Disabled {
    background: #EFEFEF;
    border: 1px solid #A7A7A7;
    border-radius: 6px;
    overflow: hidden;
}

.epgToolTip {
    background-color: lightgray;
    color: var(--netroBlack);
    border: medium;
    border-color: black;
    border-width: 1px;
}

.epgToggleButtons_Disabled .epgToggleBtn_Item {
    cursor: none;
}

.epgToggleButtons_Disabled .epgToggleBtn_active {
    background: #999999;
    color: var(--netroWhite);
}

/* -- Dashboard -- */
/* Header */
.dashBoard_title {
    color: var(--netroBlack);
    font-size: 22px;
    padding-right: 10px;
}

epgDisplayMandatory {
    color: red
}


/* Form & Table */
.dashBoard_FormContainer, .dashBoard_TableContainer {
    background: var(--netroWhite);
    box-shadow: 13px 10px 30px rgba(15, 13, 35, 0.07);
    border-radius: 7px;
}

.dashBoard_FormTitle, .dashBoard_TableTitle {
    font-size: var(--subHeaderFontSize);
    color: var(--contentTitleColor);
    font-family: 500;
}

.dashboard_FormBody, .dashboard_TableBody {
}

/* Carousel */

.epgCarousel_Container {
    background: transparent;
}

.epgCarousel_Inner {
    background: transparent;
}

.epgCarousel_Item {
    /* width: 49% !important;*/
}

.epgCarousel_CardContainer {
    background: var(--netroWhite);
    border-radius: 7px;
    box-shadow: rgba(15, 13, 35, 0.07) 0px 2px 12px 0px;
    border: 2px solid var(--netroWhite);
}

.epgCarousel_activeCard {
    border: 2px solid var(--mainAppColor1);
}

.dashboard_epgCarousel .splide__pagination {
    display: none;
}

.dashboard_epgCarousel .splide__arrow:disabled {
    opacity: .2;
}

.dashboard_epgCarousel .splide__arrow {
    background: var(--netroWhite);
    opacity: .9;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.dashboard_epgCarousel .splide__arrow--prev {
    left: -7px;
}

.dashboard_epgCarousel .splide__arrow--next {
    right: -7px;
}

.epgCarousel_CardTitle {
    color: var(--contentTitleColor);
    font-size: var(--subHeaderFontSize);
    font-weight: 500;
}

.epgCarousel_CardLink {
    color: var(--linkColor);
    font-size: var(--subHeaderFontSize);
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer
}


.epgCarousel_CardBody {
    height: 340px;
}


/* Search Bar */
.epgSearchBarContainer {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    overflow: hidden;
}

.epgSearchBarContainer_Disabled {
    background: #F0F0F0;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    overflow: hidden;
}

.epgSearchBarField, .epgSearchBarField:hover, .epgSearchBarField:focus {
    outline: none;
    border: none;
}

.epgSearchBarField {
    font-size: var(--contentFontSize);
    color: var(--netroBlack);
}

    .epgSearchBarField::placeholder {
        color: var(--inputFieldPlaceHolderColor);
        font-size: 12px;
    }

    .epgSearchBarField:disabled {
        font-size: var(--contentFontSize);
        color: var(--netroBlack);
        background: #F0F0F0;
    }

.epgSearchBarField_CloseIcon {
    cursor: pointer;
    font-size: 20px;
}

.epgSearchBarIcon {
    background: var(--mainAppColor1);
    color: var(--netroWhite);
    cursor: pointer;
}

.epgSearchBarIcon_Disabled {
    background: #999999;
    color: var(--netroWhite);
    cursor: pointer;
}

/* PeriodControl */
.epgPeriodCtrlPEToggle {
    padding-right: 12.15px !important;
}

.epgPeriodCtrlPSToggle {
    padding-left: 12.15px !important;
}


/* -- Shipment -- */

.parcelDetailsContainer {
    background: var(--netroWhite);
    box-shadow: 10px 24px 30px rgba(15, 13, 35, 0.07);
    border-radius: 7px;
    padding: 15px;
}

.parcelDetails_FiltersBtn {
    background: #F5F5F5 !important;
    border: 1px solid #DDDBDB !important;
    border-radius: 6px;
    text-align: center !important;
    font-size: var(--contentFontSize) !important;
    color: var(--netroBlack) !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}

    .parcelDetails_FiltersBtn img {
        width: 10px !important;
        height: 11px !important;
    }

.parcelDetails_CancelBtn {
    background: #F5F5F5 !important;
    border: 1px solid #DDDBDB !important;
    border-radius: 6px;
    text-align: center !important;
    font-size: var(--contentFontSize) !important;
    color: var(--netroBlack) !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}

    .parcelDetails_CancelBtn img {
        width: 15px !important;
        height: 15px !important;
    }

.parcelDetails_SaveBtn {
    background: #F5F5F5 !important;
    border: 1px solid #DDDBDB !important;
    border-radius: 6px;
    text-align: center !important;
    font-size: var(--contentFontSize) !important;
    color: var(--netroBlack) !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}

    .parcelDetails_SaveBtn img {
        width: 15px !important;
        height: 16px !important;
    }

.parcelDetails_SaveAndCloseBtn {
    background: #F5F5F5 !important;
    border: 1px solid #DDDBDB !important;
    border-radius: 6px;
    text-align: center !important;
    font-size: var(--contentFontSize) !important;
    color: var(--netroBlack) !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}

    .parcelDetails_SaveAndCloseBtn img {
        width: 20px !important;
        height: 21px !important;
    }

.parcelDetails_DownloadMenu {
    background: #F5F5F5 !important;
    border: 1px solid #DDDBDB !important;
    border-radius: 6px;
}

.parcelError_NewBtn {
    background: #F5F5F5 !important;
    border: 1px solid #DDDBDB !important;
    border-radius: 6px;
    text-align: center !important;
    font-size: var(--contentFontSize) !important;
    color: var(--netroBlack) !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}

    .parcelError_NewBtn:hover {
        background: #DB1010 !important;
        color: #FFFFFF !important;
    }

.parcelError_NewBtnActive {
    background: #DB1010 !important;
    border: 1px solid #DDDBDB !important;
    border-radius: 6px;
    text-align: center !important;
    font-size: var(--contentFontSize) !important;
    font-weight: 600 !important;
    text-transform: capitalize;
    color: #FFFFFF !important;
}

.parcelError_ReviewBtn {
    background: #F5F5F5 !important;
    border: 1px solid #DDDBDB !important;
    border-radius: 6px;
    text-align: center !important;
    font-size: var(--contentFontSize) !important;
    color: var(--netroBlack) !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}

    .parcelError_ReviewBtn:hover {
        background: #ED6C02 !important;
        color: #FFFFFF !important;
    }

.parcelError_ReviewBtnActive {
    background: #ED6C02 !important;
    border: 1px solid #DDDBDB !important;
    border-radius: 6px;
    text-align: center !important;
    font-size: var(--contentFontSize) !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}

.parcelError_FixedBtn {
    background: #F5F5F5 !important;
    border: 1px solid #DDDBDB !important;
    border-radius: 6px;
    text-align: center !important;
    font-size: var(--contentFontSize) !important;
    color: var(--netroBlack) !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}

    .parcelError_FixedBtn:hover {
        background: #1976D2 !important;
        color: #FFFFFF !important;
    }

.parcelError_FixedBtnActive {
    background: #1976D2 !important;
    border: 1px solid #DDDBDB !important;
    border-radius: 6px;
    text-align: center !important;
    font-size: var(--contentFontSize) !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}


.rz-navigation-item-wrapper:hover {
    background: #F5F5F5 !important;
}

.parcelDetails_DownloadMenu .rz-navigation-item .rz-navigation-item-wrapper .rz-navigation-item-link {
    padding: 8px 16px;
}

    .parcelDetails_DownloadMenu .rz-navigation-item .rz-navigation-item-wrapper .rz-navigation-item-link .rz-navigation-item-text {
        font-size: var(--contentFontSize) !important;
        color: var(--netroBlack) !important;
        font-weight: 600 !important;
    }

.parcelDetails_DownloadMenu .rz-navigation-menu {
    border-radius: 6px !important;
}

.parcelDetails_FormsAndChipsContainers {
    background: #FBFDFB;
    border: 1px solid #E6E6E6;
    padding: 20px;
}

.parcelDetails_DownloadMenu img {
    width: 10px !important;
    height: 11px !important;
    margin-right: 4px;
}

.parcelDetails_DownloadMenu i {
    margin-left: 2px;
}

.parcelDetails_DownloadMenu .rz-navigation-item-wrapper-active .rz-navigation-item-link {
    color: var(--netroBlack) !important;
}


.parcelDetails_FormsAndChipsContainers {
    background: #FBFDFB;
    border: 1px solid #E6E6E6;
    padding: 20px;
}


.parcelDetails_FormsAndTabsContainer {
    background: #F9FFF9;
    border: 1px solid #E6E6E6;
    padding: 10px;
}

.parcelDetails_FormsContainer {
    background: #FFF;
    border: 1px solid #E6E6E6;
    padding: 5px;
    max-height: calc(100vh - 38vh);
    min-height: calc(100vh - 38vh);
    overflow-y: auto;
}

    .parcelDetails_FormsContainer::-webkit-scrollbar {
        width: var(--scrollBarWdith);
    }

    .parcelDetails_FormsContainer::-webkit-scrollbar-thumb {
        background: var(--scrollBarColor);
        border-radius: 10px;
    }

.parcelDetailsContainer .rz-dialog-wrapper {
    left: 0 !important;
}

/* Modal Dialog */
/*.epgModalContainer .epgModalContent {
    background: #FFFFFF;
    box-shadow: 10px 10px 20px rgba(15, 13, 35, 0.07);
    border-radius: 6px;
    padding: 40px 25px;
    border: 1px solid rgba(232, 50, 116, 0.3);
}
*/

.epgModalContainer .epgModalContent {
    background: #FFFFFF;
    box-shadow: 10px 10px 20px rgba(15, 13, 35, 0.07);
    border-radius: 6px;
    /* padding: 40px 25px;
    border: 1px solid rgba(232, 50, 116, 0.3);*/
}


.epgModalContainer .epgModalBody_Content {
    font-size: var(--contentFontSize);
    font-weight: 500;
    color: #646464;
}

.epgModalHeadBand {
    padding: 20px !important;
    background-color: red !important;
}

.epgModalBody {
    position: relative !important;
    flex: 1 1 auto !important;
    padding: 2.5rem !important;
}


.epgParcelInputLabel_Wrapper {
    width: calc(100% - 30%);
}

/* Chips */
.epgChipsTitle {
    font-size: var(--contentFontSize);
    color: #737373;
    font-weight: 500;
}

.epgChipsButton {
    background: #EEEEEE;
    border: 1px solid #A7A7A7;
    border-radius: 6px;
    padding: 3px 5px;
}

.epgChipsLink {
    font-size: var(--contentFontSize);
    color: var(--linkColor);
    text-decoration: underline;
}

.epgChipsButtonTitle {
    font-size: var(--contentFontSize);
    font-weight: 700;
    color: #0E0D26;
}

.epgChipsButtonText {
    font-weight: 500;
}

.epgChipsButtonIcon {
    cursor: pointer;
}


/* Dialog */

.epgDialogHeader {
    background: #16A251;
    padding: 14px 10px;
}

.epgDialogHeader_title {
    font-weight: 600;
    font-size: var(--contentFontSize);
    color: var(--netroWhite);
}

.epgDialogHeader_CloseImg {
    cursor: pointer;
}

.epgDialogFooter {
    /*    position: relative;*/
}


/* Edit Form */

.epgParcelEditField_Title {
    background: #E9E9E9;
    color: var(--netroBlack);
    font-size: var(--contentFontSize);
    font-weight: 600;
    padding: 10px 14px;
}

.epgParcelEditField_widthToggle {
    width: calc(100% - 50%);
}

.epgEditParcel_DialogFooter {
    position: sticky !important;
    bottom: 0;
    background: white;
}

.epgEditParcel_DialogContent .rz-dialog-content {
    padding-bottom: 0px !important;
}

.epgEditParcel_DialogContent .rz-dialog-titlebar {
    background: #16A251;
    padding: 6px 15px;
}

.epgEditParcel_DialogContent .rz-dialog-title {
    font-weight: 600;
    font-size: var(--contentFontSize);
    color: var(--netroWhite);
}

.epgEditParcel_DialogContent .rz-dialog-titlebar-icon {
    height: 10px;
    margin-top: 7px;
}

    .epgEditParcel_DialogContent .rz-dialog-titlebar-icon .rzi {
        background-image: url(/images/greyBlack_CloseIcon.png);
        color: transparent;
        background-size: contain;
    }

    .epgEditParcel_DialogContent .rz-dialog-titlebar-icon .rz-dialog-titlebar-close .rzi-times:before {
        content: url(/images/greyBlack_CloseIcon.png);
        background-size: contain;
    }

.rz-dialog-mask {
    background-color: black;
}

/*Applied Rules tab table border and setting the column width*/

.epgParcelViewEdit_AppliedRule_Table thead,
.epgParcelViewEdit_AppliedRule_Table tbody,
.epgParcelViewEdit_AppliedRule_Table tr,
.epgParcelViewEdit_AppliedRule_Table th,
.epgParcelViewEdit_AppliedRule_Table td {
    border: 2px solid #FFFFFF !important;
    border-collapse: separate !important;
}

    .epgParcelViewEdit_AppliedRule_Table th:first-child,
    .epgParcelViewEdit_AppliedRule_Table td:first-child {
        border: 2px solid #FFFFFF !important;
        border-collapse: separate !important;
        width: 14% !important; /* width of the first and last columns */
    }

    .epgParcelViewEdit_AppliedRule_Table th:last-child,
    .epgParcelViewEdit_AppliedRule_Table td:last-child {
        border: 2px solid #FFFFFF !important;
        border-collapse: separate !important;
        width: 12% !important; /* width of the first and last columns */
    }

    .epgParcelViewEdit_AppliedRule_Table th:nth-child(2),
    .epgParcelViewEdit_AppliedRule_Table td:nth-child(2),
    .epgParcelViewEdit_AppliedRule_Table th:nth-child(3),
    .epgParcelViewEdit_AppliedRule_Table td:nth-child(3),
    .epgParcelViewEdit_AppliedRule_Table th:nth-child(4),
    .epgParcelViewEdit_AppliedRule_Table td:nth-child(4) {
        width: 12% !important; /* width of the 2nd and 3rd columns */
    }

    .epgParcelViewEdit_AppliedRule_Table th:nth-child(7),
    .epgParcelViewEdit_AppliedRule_Table td:nth-child(7) {
        width: 10% !important; /* width of the 2nd and 3rd columns */
    }

    .epgParcelViewEdit_AppliedRule_Table th:nth-child(5),
    .epgParcelViewEdit_AppliedRule_Table td:nth-child(5) {
        width: 23% !important; /* width of the 2nd and 3rd columns */
    }

.epgParcelViewEdit_Table, .epgParcelViewEdit_TableOddEven {
    border: none;
}

.epgParcelViewEdit_TableOddEven {
    table-layout: fixed;
    border-spacing: 2px 2px;
    border-collapse: separate;
}

.epgParcelViewEdit_TableHeader {
    background: #E9E9E9 !important;
    color: var(--netroBlack);
    font-size: var(--contentFontSize);
    font-weight: 600;
    border: 0 !important;
    padding: 12px !important;
}

    .epgParcelViewEdit_TableHeader .epgInpuField_Label {
        color: var(--netroBlack) !important;
    }

.epgParcelViewEdit_AppliedRules_TableHeader {
    background: #E9E9E9 !important;
    color: var(--netroBlack) !important;
    font-size: var(--contentFontSize);
    font-weight: 600;
    border: 0 !important;
    padding: 12px !important;
    /*    text-align: center;
*/
}

    .epgParcelViewEdit_AppliedRules_TableHeader .epgInpuField_Label {
        color: var(--netroBlack) !important;
    }


.CurrencyCss {
    font-size: small;
    font-weight: 500;
    backdrop-filter
}


.epgParcelViewEdit_TableBody {
    border-top: none !important;
}

.epgParcelViewEdit_TableRow {
    background: #FFFFFF;
    border-bottom: 1px solid #EAE7E7 !important;
}


    .epgParcelViewEdit_TableRow:last-child {
        border-bottom: none !important;
    }

.epgParcelViewEdit_TableData {
    border: none !important;
    color: var(--netroBlack);
    font-size: var(--contentFontSize);
    font-weight: 500;
    padding: 12px !important;
}

.epgParcelViewEdit_TableDataIcon {
    vertical-align: middle;
}

.epgParcelViewEdit_TableIcon {
    margin-top: -10px;
    cursor: pointer;
}


.epgParcelViewEdit_TableOddEvenRow {
    background: red !important;
}

.epgParcelViewEdit_TableOddEvenData {
    color: var(--netroBlack);
    font-size: var(--contentFontSize);
    font-weight: 500;
    padding: 12px !important;
}


.epgParcelViewEdit_TableOddEvenRow:nth-child(odd) .epgParcelViewEdit_TableOddEvenData:nth-child(odd) {
    background: #EAF6E9 !important;
    text-align: right;
    width: calc(100% - 60%);
    white-space: normal;
    overflow-wrap: anywhere;
}

.epgParcelViewEdit_TableOddEvenRow:nth-child(odd) .epgParcelViewEdit_TableOddEvenData:nth-child(even) {
    background: #F5FCF4 !important;
    white-space: normal;
    overflow-wrap: anywhere;
}

.epgParcelViewEdit_TableOddEvenRow:nth-child(even) .epgParcelViewEdit_TableOddEvenData:nth-child(odd) {
    background: #F4FCF3 !important;
    text-align: right;
    width: calc(100% - 60%);
    white-space: normal;
    overflow-wrap: anywhere;
}

.epgParcelViewEdit_TableOddEvenRow:nth-child(even) .epgParcelViewEdit_TableOddEvenData:nth-child(even) {
    background: #FBFDFB !important;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* View Form */
.epgParcelViewField_Table, .epgParcelViewField_TableOddEven {
    border: none;
}

.epgParcelViewField_TableOddEven {
    table-layout: fixed;
    border-spacing: 2px 2px;
    border-collapse: separate;
}

.epgParcelViewField_TableHeader {
    background: #14F30F26 !important;
    color: var(--netroBlack);
    font-size: var(--contentFontSize);
    font-weight: 600;
    border: 0 !important;
    padding: 12px !important;
}


.epgParcelViewField_TableBody {
    border-top: none !important;
}

.epgParcelViewField_TableRow {
    background: #FFFFFF;
    border-bottom: 1px solid #EAE7E7 !important;
}


    .epgParcelViewField_TableRow:last-child {
        border-bottom: none !important;
    }

.epgParcelViewField_TableData {
    border: none !important;
    color: var(--netroBlack) !important;
    font-size: var(--contentFontSize);
    font-weight: 500;
    padding: 12px !important;
}

/*Applied Rules tab Table Data*/

.epgParcelViewField_AppliedRule_TableData {
    border: none !important;
    color: var(--netroBlack);
    font-size: var(--contentFontSize);
    font-weight: 500;
    padding: 12px !important;
    text-align: center;
}

/*Applied Rules tab Table Row*/

.epgParcel_AppliedRules_TableOddEvenRow {
    border: 2px solid #fcfcfc !important;
}

.epgParcelViewField_TableOddEvenData {
    border: none !important;
    color: var(--netroBlack);
    font-size: var(--contentFontSize);
    font-weight: 500;
    padding: 12px !important;
}


/*Applied Rules tab Table Data as Odd Even data*/

.epgParcel_AppliedRules_TableOddEvenData {
    border: none !important;
    color: var(--netroBlack);
    font-size: var(--contentFontSize);
    font-weight: 500;
    padding: 11px !important;
    width: 100px;
    /*word-wrap: break-word;*/
    white-space: normal;
}


.epgParcelViewField_TableOddEvenRow:nth-child(odd) .epgParcelViewField_TableOddEvenData:nth-child(odd) {
    background: #F5FCF4 !important;
    width: calc(100% - 75%);
    white-space: normal;
    overflow-wrap: anywhere;
    font-weight: 400;
}

.epgParcelViewField_TableOddEvenRow:nth-child(odd) .epgParcelViewField_TableOddEvenData:nth-child(even) {
    background: #F5FCF4 !important;
    white-space: normal;
    overflow-wrap: anywhere;
    font-weight: 600;
}

.epgParcelViewField_TableOddEvenRow:nth-child(even) .epgParcelViewField_TableOddEvenData:nth-child(odd) {
    background: #FBFDFB !important;
    width: calc(100% - 65%);
    white-space: normal;
    overflow-wrap: anywhere;
    font-weight: 400;
}

.epgParcelViewField_TableOddEvenRow:nth-child(even) .epgParcelViewField_TableOddEvenData:nth-child(even) {
    background: #FBFDFB !important;
    white-space: normal;
    overflow-wrap: anywhere;
    font-weight: 600;
}


/*Applied Rules tab --> Table format*/

.epgParcel_AppliedRules_TableOddEvenRow:nth-child(odd) .epgParcel_AppliedRules_TableOddEvenData:nth-child(odd) {
    background: #FBFDFB !important;
    white-space: normal;
    overflow-wrap: anywhere;
    border: 2px solid #fcfcfc !important;
    color: var(--netroBlack);
    font-size: var(--contentFontSize);
    font-weight: 500;
    padding: 11px !important;
    /*word-wrap: break-word; */
    white-space: normal;
}

.epgParcel_AppliedRules_TableOddEvenRow:nth-child(odd) .epgParcel_AppliedRules_TableOddEvenData:nth-child(even) {
    background: #FBFDFB !important;
    white-space: normal;
    overflow-wrap: anywhere;
    border: 2px solid #fcfcfc !important;
    color: var(--netroBlack);
    font-size: var(--contentFontSize);
    font-weight: 500;
    padding: 12px !important;
    /*word-wrap: break-word;*/
    white-space: normal;
}

.epgParcel_AppliedRules_TableOddEvenRow:nth-child(even) .epgParcel_AppliedRules_TableOddEvenData:nth-child(odd) {
    background: #F5FCF4 !important;
    white-space: normal;
    overflow-wrap: anywhere;
    border: 2px solid #fcfcfc !important;
    color: var(--netroBlack);
    font-size: var(--contentFontSize);
    font-weight: 500;
    padding: 12px !important;
    /*word-wrap: break-word;*/
    white-space: normal;
}

.epgParcel_AppliedRules_TableOddEvenRow:nth-child(even) .epgParcel_AppliedRules_TableOddEvenData:nth-child(even) {
    background: #F5FCF4 !important;
    white-space: normal;
    overflow-wrap: anywhere;
    border: 2px solid #fcfcfc !important;
    color: var(--netroBlack);
    font-size: var(--contentFontSize);
    font-weight: 500;
    padding: 12px !important;
    /*word-wrap: break-word;*/
    white-space: normal;
}


.epgSelectAll {
    text-align: center;
    padding: 10px;
    background: rgb(251, 253, 251);
}

.epgSelectAllDisplayStatus {
    font-size: initial;
    color: #737373;
    font-weight: 500;
    cursor: pointer;
}

.epgSelectAllRecordsInAllPages {
    color: #087ed1;
    padding: 2px;
    font-weight: 700;
    font-size: initial;
    cursor: pointer;
}

.border-md-7 {
    border-width: 7px !important;
}

.mud-width-full {
    width: 90%;
}

.mud-input {
    display: flex;
    justify-content: space-evenly;
}
/*.SideFilterPopDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {*/
/*width: calc(1200px - 53vw) !important;*/
/*overflow: hidden;
    text-overflow: ellipsis;
}*/

.SideFilterDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
    /*    width: 100% !important;
*/
    width: inherit !important;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
}

.SideFilterPopDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
    /*    width: calc(1200px - 50vw) !important;

*/
    width: inherit !important;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
}

.EditDropDownClass > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
    width: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
}
/* ------- MudBlazor Styles ------ */
/* -- Manfatory -- */
.epgMudDropDownField_Mandatory .mud-input-control-input-container {
    border: 1px solid #3AD51A !important;
}


/* -- Non Manfatory -- */
.epgMudDropDownField_NonMandatory .mud-input-control-input-container {
    border: 1px solid #A7A7A7 !important;
}

/* -- Disable -- */
.epgMudDropDownField_NonMandatoryDisable .mud-input-control-input-container {
    user-select: none !important;
    background: #F0F0F0 !important;
    border: 1px solid #A7A7A7 !important;
}

.epgMudDropDownField_MandatoryDisable .mud-input-control-input-container {
    user-select: none !important;
    background: #F0F0F0 !important;
    border: 1px solid #3AD51A !important;
}

.epgMudDropDownField_DefaultDisable .mud-input-control-input-container {
    user-select: none !important;
    background: #F0F0F0 !important;
    border: 1px solid #A7A7A7 !important;
}

/* -- Mandatory Error -- */
.epgMudDropDownField_MandatoryError .mud-input-control-input-container {
    border: 1px solid #DB1010 !important;
}


/* -- Default -- */
.epgMudDropDownField_Default {
}

    .epgMudDropDownField_Default .mud-input-control-input-container {
        border: 1px solid #A7A7A7;
        border-radius: 6px !important;
        background: var(--netroWhite);
        color: var(--netroBlack) !important;
        box-shadow: none !important;
        overflow: hidden !important;
        outline: none !important;
        padding: 7px;
    }

        .epgMudDropDownField_Default .mud-input-control-input-container:hover, .epgMudDropDownField_Default .mud-input-control-input-container:focus-within {
            border: 1px solid #16ACED !important;
        }

        .epgMudDropDownField_Default .mud-input-control-input-container .mud-shrink {
            height: 20px;
            font-size: 15px;
        }

        .epgMudDropDownField_Default .mud-input-control-input-container .mud-input-slot {
            padding: 0px;
        }

        .epgMudDropDownField_Default .mud-input-control-input-container .mud-input-adornment {
            margin-inline-end: 0px;
        }

            .epgMudDropDownField_Default .mud-input-control-input-container .mud-input-adornment .mud-icon-size-medium {
                color: black;
                font-size: 1.3rem;
                position: relative;
                margin-left: 0%;
            }

    .epgMudDropDownField_Default .mud-input-outlined-border, .epgMudDropDownField_Default .mud-input-outlined-border:hover, .epgMudDropDownField_Default .mud-input-outlined-border:focus-within {
        border: 0px !important;
    }

.epgMudDropDownField_Popover {
    margin-top: 4px;
}

    .epgMudDropDownField_Popover .mud-list-extended {
        padding: 0px;
    }

        .epgMudDropDownField_Popover .mud-list-extended .mud-list-subheader-extended {
            padding: 0px;
        }

            .epgMudDropDownField_Popover .mud-list-extended .mud-list-subheader-extended .mud-list-item-extended {
                padding: 0px;
            }

        .epgMudDropDownField_Popover .mud-list-extended .mud-list-item-extended .mud-input {
            margin-top: 5px !important;
            padding: 6px;
            height: 28px;
            padding-bottom: 12px
        }

        .epgMudDropDownField_Popover .mud-list-extended .mud-list-item-extended .mud-input-underline::after {
            border-bottom: 1px solid var(--netroBlack) !important;
        }

        .epgMudDropDownField_Popover .mud-list-extended .mud-list-item-extended .mud-input .mud-input-adornment .mud-primary-text {
            color: var(--netroBlack) !important;
        }

        .epgMudDropDownField_Popover .mud-list-extended .mud-list-item-clickable-extended {
            /*padding: 0px;
            height: 35px;
            font-size: var(--subHeaderFontSize);*/
            padding: 0px !important;
            height: max-content !important;
            font-size: var(--subHeaderFontSize) !important;
        }

            .epgMudDropDownField_Popover .mud-list-extended .mud-list-item-clickable-extended:hover {
                background: var(--mainAppColor2)
            }

        .epgMudDropDownField_Popover .mud-list-extended .mud-selected-item {
            background: var(--radzenOverflowHighterLightColor) !important;
            color: var(--netroBlack) !important;
        }

        .epgMudDropDownField_Popover .mud-list-extended .mud-list-item-extended .mud-typography {
            font-size: var(--contentFontSize);
        }


/* ------- Radzen Styles ------ */

/* - Input Field - */

.epgInputField_Container {
    overflow: hidden;
}


.epgInputField {
    overflow: hidden;
}

.epgFieldLabelContainer {
}

.epgInpuField_Label {
    font-size: var(--contentFontSize);
    color: var(--inputFieldLabelColor);
}

.epgFieldLabel_Info {
    position: relative;
}


.epgFieldLabel_InfoIcon {
    color: #2E75B6;
    cursor: pointer;
}

.sticky-div {
    position: sticky;
    top: 0;
    background-color: white;
    padding: 10px;
}

/* Tooltip */

.epgFieldLabel_InfoMsg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 10;
    top: calc(100% - 65%);
    margin-left: 20px;
    min-width: 220px;
    max-width: 220px;
    min-height: auto;
    max-height: 100px;
    background: #ECF2F6;
    border: 2px solid #2E75B6;
    border-radius: 6px;
    color: var(--netroBlack);
    font-size: var(--contentFontSize);
    padding: 10px;
    flex-wrap: wrap;
    word-break: break-word;
    overflow-y: auto;
    overflow-x: hidden;
    visibility: hidden;
}


.epgFieldLabel_InfoIcon:hover ~ .epgFieldLabel_InfoMsg {
    visibility: visible;
}

.emptyLabel {
    margin-bottom: 22px;
}

/* Date Range Viewer */

.epgDateRangeViewer {
    padding: 6px;
    border: 1px solid #A7A7A7 !important;
    border-radius: 6px;
    color: var(--netroBlack);
    box-shadow: none !important;
    overflow: hidden !important;
    user-select: none !important;
    background: #EFEFEF !important;
}

/* Field in different state */
.epgInputField_Mandatory::placeholder, .epgInputField_NonMandatory::placeholder {
    color: var(--inputFieldPlaceHolderColor);
}

/* - Mandatory - */


.epgInputField_Mandatory {
    border: 1px solid #3AD51A !important;
    border-radius: 6px !important;
    background: var(--netroWhite) !important;
    color: var(--netroBlack) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    outline: none !important;
}

    .epgInputField_Mandatory .rz-calendar input {
        border: none !important;
        box-shadow: none !important;
    }

.epgInputField_MandatoryError {
    outline: none !important;
    border: 1px solid #DB1010 !important;
}

.epgInputField_Mandatory:hover {
    border: 1px solid #16ACED !important;
}

.epgInputField_Mandatory:focus-within {
    border: 1px solid #16ACED !important;
}


.epgInputField_MandatoryDisable, epgInputField_MandatoryDisable:focus-within, .epgInputField_MandatoryDisable:hover {
    user-select: none !important;
    background: #F0F0F0 !important;
    border: 1px solid #3AD51A !important;
}

    .epgInputField_MandatoryDisable label {
        background: #F0F0F0 !important;
    }

    .epgInputField_MandatoryDisable .rz-calendar, .epgInputField_MandatoryDisable .rz-calendar input {
        background: transparent !important;
    }

/* Default */
.epgInputField_Default {
    border: 1px solid #A7A7A7 !important;
    border-radius: 6px !important;
    background: var(--netroWhite) !important;
    color: var(--netroBlack) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    outline: none !important;
}

    .epgInputField_Default .rz-calendar input {
        border: none !important;
        box-shadow: none !important;
    }

    .epgInputField_Default:hover {
        border: 1px solid #16ACED !important;
    }

    .epgInputField_Default:focus-within {
        border: 1px solid #16ACED !important;
    }


.epgInputField_DefaultDisable, epgInputField_DefaultDisable:focus-within, .epgInputField_DefaultDisable:hover {
    user-select: none !important;
    background: #F0F0F0 !important;
    border: 1px solid #A7A7A7 !important;
}

    .epgInputField_DefaultDisable label {
        background: #F0F0F0 !important;
    }

    .epgInputField_DefaultDisable .rz-calendar, .epgInputField_DefaultDisable .rz-calendar input {
        background: transparent !important;
    }

/* Non-Mandatory */
.epgInputField_NonMandatory {
    border: 1px solid #A7A7A7;
    border-radius: 6px !important;
    background: var(--netroWhite) !important;
    color: var(--netroBlack) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    outline: none !important;
}


    .epgInputField_NonMandatory input:first-child {
        color: var(--netroBlack) !important;
    }

    .epgInputField_NonMandatory .rz-calendar input {
        border: none !important;
        box-shadow: none !important;
        /*        width: min-content !important;
*/
    }

    .epgInputField_NonMandatory:hover {
        border: 1px solid #16ACED !important;
    }

    .epgInputField_NonMandatory:focus-within {
        border: 1px solid #16ACED !important;
    }


.epgInputField_NonMandatoryDisable, epgInputField_NonMandatoryDisable:focus-within, .epgInputField_NonMandatoryDisable:hover {
    user-select: none !important;
    background: #EFEFEF !important;
    border: 1px solid #A7A7A7 !important;
}

    .epgInputField_NonMandatoryDisable label {
        background: #EFEFEF !important;
    }




/* ListBox */

.epgListContainer {
    background: #FFFFFF;
    border: 1px solid #EAE7E7;
    box-shadow: 3px 3px 20px rgba(15, 13, 35, 0.13);
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 20;
    transition: visibility 0.6s ease-in-out;
}

.epgListHeader {
    padding: 10px 15px;
    border-bottom: 1px solid #EEEEEE;
}


.epgListCloseIcon {
    cursor: pointer;
}

.epgListTitle {
    color: #000000;
    font-size: var(--headerFontSize);
    font-weight: 500;
}

.epgListBody {
    padding: 10px 15px;
    min-height: auto;
    max-height: 829px;
    overflow-y: auto;
    overflow-x: hidden !important;
}

    .epgListBody .rz-listbox-list {
        overflow-y: hidden;
    }

.epgListBodyContent {
    padding: 0px !important;
    overflow-x: hidden !important;
}

    .epgListBodyContent .rz-multiselect-header {
        margin-left: auto;
    }

    .epgListBodyContent .rz-multiselect-item {
        background: #FFFFFF;
        border: 1px solid #EEEEEE;
        border-radius: 4px;
        margin-bottom: 4px;
    }

        .epgListBodyContent .rz-multiselect-item:hover {
            background: #FFFFFF;
        }

.rz-multiselect-item span:first-of-type {
    font-size: var(--contentFontSize);
    color: var(--netroBlack) !important;
    user-select: none;
}

.epgListBodyContent ul li:last-of-type {
    margin-bottom: 0px;
}

.epgListFooter {
    padding: 15px;
}


/* Draggable ListBox */

.epgDraggableListContainer {
    /*background: #FFFFFF;
    border: 1px solid #EAE7E7;
    box-shadow: 3px 3px 20px rgba(15, 13, 35, 0.13);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
    transition: visibility 0.6s ease-in-out;
    width: 246px;*/
}

.epgSelectAllInCloumnDetails {
    padding-left: 5px !important;
    border: none !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}


.epgSelectAllText {
    font-size: 16px !important;
}

.epgDraggableListHeader {
    padding: 10px 15px;
    border-bottom: 1px solid #EEEEEE;
}


.epgDraggableListCloseIcon {
    cursor: pointer;
}

.epgDraggableListTitle {
    color: #000000;
    font-size: var(--headerFontSize);
    font-weight: 500;
}

.epgDraggableListBody {
    padding: 15px 15px;
    min-height: auto;
    max-height: 866px;
    overflow-y: auto;
    overflow-x: hidden !important;
}

.epgDraggableListBodyContent {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    margin-bottom: 4px;
    padding: 6px;
    overflow-x: hidden !important;
    margin: var(--rz-checkbox-margin);
}

    .epgDraggableListBodyContent label:first-of-type {
        font-size: var(--contentFontSize);
        color: var(--netroBlack) !important;
        user-select: none;
        padding-left: 5px;
        font-weight: var(--bs-body-font-weight);
        line-height: var(--bs-body-line-height);
    }

    .epgDraggableListBodyContent Selectall {
        border: none !important;
        margin-bottom: 0px !important;
        font-size: larger !important;
    }

    .epgDraggableListBodyContent:hover {
        background: #FFFFFF;
    }

input.epgDraggableListBodyContentCheckBox {
    accent-color: #1ba555;
    cursor: pointer;
    margin-right: 5px;
}

.rz-multiselect-item span:first-of-type {
    font-size: var(--contentFontSize);
    color: var(--netroBlack) !important;
    user-select: none;
}

.epgDraggableListBodyContent ul li:last-of-type {
    margin-bottom: 0px;
}

.epgDraggableListFooter {
    padding: 15px;
}


/*List Tabs*/
.epgTabs {
    margin-bottom: 15px
}

.epgListTabs {
    margin: 0;
}

.epgListTabs_Item {
    position: relative;
    display: block;
    color: var(--netroBlack);
    font-weight: 500;
    background-color: #F9FFF9;
    margin-right: 0.7rem;
    cursor: pointer;
}

.epgListTabs_SelectedItem::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: var(--linkColor);
    bottom: 0px;
    border-radius: 5px;
}

.epgListTabs_SelectedItem {
    font-weight: 600;
}

.sample {
    position: relative;
    /*background:red !important;*/
}


    .sample::before {
        content: url(../images/sample.png);
        position: absolute;
        top: 20%;
        right: 0;
        z-index: 20;
        display: block;
    }

/* DropDown,DatePicker & Ach */
.rz-dropdown-panel .rz-dropdown-items-wrapper::-webkit-scrollbar, .rz-autocomplete-panel::-webkit-scrollbar {
    width: var(--scrollBarWdith);
}

.rz-dropdown-panel .rz-dropdown-items-wrapper::-webkit-scrollbar-thumb, .rz-autocomplete-panel::-webkit-scrollbar {
    background: var(--scrollBarColor);
    border-radius: 10px;
}

.rz-dropdown-panel, .rz-datepicker, .rz-autocomplete-panel {
    border: none !important;
    /* background:var(--netroWhite) !important;*/
    background: var(--netroWhite) !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    margin-top: 4px !important;
}

    .rz-datepicker .rz-datepicker-header .rz-datepicker-title .rz-dropdown {
        margin-top: 0px !important;
    }

    .rz-dropdown-panel .rz-dropdown-list .rz-dropdown-item, .rz-datepicker .rz-datepicker-calendar-container .rz-state-default, .rz-autocomplete-panel .rz-autocomplete-list .rz-autocomplete-list-item {
        font-size: var(--contentFontSize) !important;
        color: var(--netroBlack) !important;
    }

        .rz-dropdown-panel .rz-dropdown-list .rz-dropdown-item:hover, .rz-datepicker .rz-datepicker-calendar-container .rz-state-default:hover, .rz-autocomplete-panel .rz-autocomplete-list .rz-autocomplete-list-item:hover {
            background: var(--mainAppColor2) !important;
            color: var(--netroBlack) !important;
        }

    .rz-dropdown-panel .rz-dropdown-list .rz-state-highlight, .rz-datepicker .rz-datepicker-calendar-container .rz-state-active, .rz-autocomplete-panel .rz-autocomplete-list .rz-state-highlight {
        background: var(--radzenOverflowHighterLightColor);
        color: var(--netroBlack);
    }


/* CheckBox */



.rz-chkbox .rz-chkbox-box {
    background: var(--netroWhite) !important;
}

.rz-chkbox .rz-state-active {
    background: #1BA555 !important;
}

.rz-chkbox .rzi {
    background: var(--netroWhite) !important;
}

.rz-chkbox .rz-state-active .rzi-check {
    background: transparent !important;
}

    .rz-chkbox .rz-state-active .rzi-check::before {
        content: url(/images/icons8-done-16.png) !important;
        position: absolute !important;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 10px !important;
        height: 10px !important;
        background-color: transparent !important;
        color: white !important;
        z-index: 3;
    }


/* Radio Buttons */

.rz-radiobutton {
    background: transparent;
}

/*.rz-radio-btn .rz-radiobutton-label{
  font-size:var(--contentFontSize);
  color:var(--netroBlack);
  user-select:none;
}
*/
.rz-radio-btn .rz-state-active .rzi-circle-on {
    background-color: var(--mainAppColor3) !important;
}


/* -- Layouts -- */
/* AppBar */
.appBar_Container {
    background: var(--netroWhite);
}

.appBar_notificationImg {
    margin-top: 1px;
    height: 21px;
}

.appBar_LogOutImg {
    margin-top: 1px;
    height: 21px;
    cursor: pointer;
}

.profile_img {
    width: 33px;
    height: 30px;
    background-color: #efefef;
}

.appBar_HamburgerImg {
    cursor: pointer;
    height: 30px;
}

.brandImg {
    height: 40px;
    cursor: pointer;
}

.profile_name {
    font-size: 15px;
}

/* SideBar */
.sideBar_Container {
    position: relative;
    background: var(--netroWhite);
    border: none;
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.09);
}

.sideBar, .sideBar_items div, .sideBar_items div a {
    background: var(--netroWhite) !important;
}

.sideBar_items {
    color: var(--netroBlack);
    font-size: var(--subHeaderFontSize);
}

    .sideBar_items:hover, .sideBar_items div:hover {
        background: var(--netroWhite) !important;
    }

    .sideBar_items i {
        color: var(--netroBlack) !important;
        font-size: 23px;
    }

    .sideBar_items span {
        margin-left: 6px;
        margin-top: 2px;
    }

    /* Active State */
    .sideBar_items:hover, .sideBar_items:hover i, .sideBar_activeItem, .sideBar_activeItem i {
        color: #1BA555 !important;
    }

/* SideBar Expand & Collapse */
.sideBar_Collapsed {
    width: 55px !important;
    opacity: 1 !important;
}

.appBarCollapse_shadow {
    box-shadow: 55px 4px 4px rgba(0, 0, 0, 0.09);
}

.sideBar_Expanded {
    width: var(--sideBarExpandSize) !important;
    opacity: 1 !important;
}

.appBarExpanded_shadow {
    box-shadow: var(--sideBarExpandSize) 4px 4px rgba(0, 0, 0, 0.09);
}


/* ContentBody */

.contentBody_Container {
    background: var(--mainAppColor2);
    position: relative !important;
}


/* Action Buttons */

.epgPrimaryButton {
    background-color: #1BA555 !important;
    border-radius: 6px !important;
    text-align: center !important;
    font-size: var(--contentFontSize) !important;
    color: var(--netroWhite) !important;
    font-weight: 600 !important;
    text-transform: capitalize;
    cursor: pointer;
}

    .epgPrimaryButton:hover {
        background-color: #138744 !important;
    }

    .epgPrimaryButton:focus {
        background-color: #24C267 !important;
    }

    .epgPrimaryButton:disabled {
        background: #BADFCA !important;
        cursor: none !important;
    }

.epgSecondaryButton {
    background: #EBEBEB !important;
    border-radius: 6px !important;
    text-align: center !important;
    font-size: var(--contentFontSize) !important;
    color: var(--netroBlack) !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}


    .epgSecondaryButton:hover {
        background-color: #D7D7D7 !important;
    }

    .epgSecondaryButton:focus {
        background-color: #EDEDED !important;
    }

    .epgSecondaryButton:disabled {
        background: #DEDDDD !important;
        cursor: none !important;
    }


.epgDangerButton {
    background: #DB1010;
    border-radius: 6px;
    text-align: center !important;
    font-size: var(--contentFontSize) !important;
    color: var(--netroWhite) !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}

    .epgDangerButton:hover {
    }

    .epgDangerButton:focus {
    }

    .epgDangerButton:disabled {
    }


/* Icon Action Button */


.epgIconButton_Danger {
    background: #FEE8E8;
    border: 1px solid #ED2B2B;
    border-radius: 4px;
    text-align: center !important;
    font-weight: 600 !important;
    text-transform: capitalize;
    outline: none;
    padding: 3px 7px;
}

    .epgIconButton_Danger .btnicon {
        color: #CB1D1D;
    }

    .epgIconButton_Danger .btnTxt {
        color: #CB1D1D;
        font-weight: 600;
        font-size: var(--contentFontSize);
    }

    .epgIconButton_Danger:focus {
        outline: none;
        /* background: #fcb6b6;*/
    }

    .epgIconButton_Danger:hover {
        outline: none;
        background: #fdcece;
    }
/* Grid Table */
.epgGridTable {
    min-height: auto;
    max-height: 218px;
    overflow-y: auto;
}


    .epgGridTable, .epgGridTable div:first-child, .epgGridTable div table {
        border: none !important;
        box-shadow: none !important;
    }

        .epgGridTable th {
            /* background: #a7f1a7 !important;*/
            background: #bdf5bd !important;
            font-size: var(--contentFontSize);
            color: var(--netroBlack);
            font-weight: 600;
            border-bottom: 2px solid var(--netroWhite) !important;
        }

            .epgGridTable th .rz-column-title {
                padding-right: 8px !important;
            }

        .epgGridTable tbody tr td {
            background-color: transparent !important;
        }

        .epgGridTable tbody tr .epgGridTablelinks span, .epgGridTable tbody tr:hover .epgGridTablelinks span {
            cursor: pointer;
            text-decoration: underline !important;
            /*color: var(--linkColor) !important;*/
        }

        .epgGridTable tbody tr td span, .epgGridTable tbody tr:hover td span {
            font-size: var(--contentFontSize) !important;
            color: var(--netroBlack) !important;
            font-weight: 500 !important;
            text-decoration: none !important;
        }



        .epgGridTable tbody tr:nth-child(odd) {
            background: #EEFAED !important;
        }



        .epgGridTable tbody tr:nth-child(even) {
            background: #F9FFF9 !important;
        }


        .epgGridTable tbody .rz-datatable-emptymessage-row td {
            text-align: center;
        }

        .epgGridTable .rz-paginator {
            margin-top: 30px;
        }

        .epgGridTable .rz-paginator-page {
            color: var(--netroBlack);
            background: transparent;
        }

        .epgGridTable .rz-state-active {
            color: var(--netroWhite);
            background: #1BA555;
            border-radius: 50%;
        }



        .epgGridTable .rz-paginator-next, .epgGridTable .rz-paginator-prev {
            border-radius: 50%;
            color: var(--netroBlack);
            background: transparent;
            margin: 0;
        }

        .epgGridTable .rz-paginator-first, .epgGridTable .rz-paginator-last {
            display: none;
        }

/* Tree Grid Table */
.epgTreeGridTable {
    min-height: auto;
    max-height: 575px;
    overflow-y: auto !important;
}

    .epgTreeGridTable .rz-data-grid-data, .epgTreeGridTable tbody {
        /*overflow-y: hidden !important;*/
    }

    .epgTreeGridTable, .epgTreeGridTable div:first-child, .epgTreeGridTable div table {
        border: none !important;
        box-shadow: none !important;
    }

        .epgTreeGridTable th {
            /*        background: #a7f1a7 !important;*/
            background: #E9E9E9 !important;
            font-size: var(--contentFontSize);
            color: var(--netroBlack);
            font-weight: 600;
            border-bottom: 1px solid var(--netroWhite) !important;
            padding: 3px 0px !important;
        }

        .epgTreeGridTable tbody tr td {
            background-color: transparent !important;
        }
        /* .epgTreeGridTable tbody tr td:last-of-type {
                    position: sticky !important;
                    right: 0 !important;
                    z-index: 2 !important;
                }
                .epgTreeGridTable thead tr th:last-of-type {
                    position: sticky !important;
                    right: 0 !important;
                    z-index: 2 !important;
                }*/

        .epgTreeGridTable tbody tr:nth-child(odd) {
            background: #EEFAED !important;
            font-size: var(--contentFontSize);
            color: var(--netroBlack);
            font-weight: 500;
        }

        .epgTreeGridTable tbody tr:nth-child(even) {
            background: #F9FFF9 !important;
            font-size: var(--contentFontSize);
            color: var(--netroBlack);
            font-weight: 500;
        }

        .epgTreeGridTable tbody tr:hover {
            background: rgba(20, 243, 15, 0.15) !important;
        }

        .epgTreeGridTable tbody .rz-datatable-emptymessage-row td {
            text-align: center;
        }


        .epgTreeGridTable tbody .rz-expanded-row-template tr:first-child {
            background: var(--netroWhite) !important;
        }


        .epgTreeGridTable tbody .rz-expanded-row-template {
            padding: 5px !important;
            background: var(--netroWhite) !important;
        }

        .epgTreeGridTable tbody .rz-expanded-row-content:nth-child(odd), .epgTreeGridTable tbody .rz-expanded-row-content:nth-child(even) {
            background: var(--netroWhite) !important;
        }

        .epgTreeGridTable .epgTreeGridTable_ParcelBadge {
            background: #1DB45D;
            border-radius: 6px;
            font-weight: 500;
            font-size: var(--contentFontSize);
            text-transform: capitalize;
            padding: 3px 6px;
        }

        .epgTreeGridTable .epgTreeGridTable_AddressBadge {
            background: #1976D2;
            border-radius: 6px;
            font-weight: 500;
            font-size: var(--contentFontSize);
            text-transform: capitalize;
            padding: 3px 6px;
        }

        .epgTreeGridTable .epgTreeGridTable_AddressErrorBadge {
            background: #DB1010;
            border-radius: 6px;
            font-weight: 500;
            font-size: var(--contentFontSize);
            text-transform: capitalize;
            padding: 3px 6px;
        }

        .epgTreeGridTable .epgTreeGridTable_ParcelErrorBadge {
            background: #ED6C02;
            border-radius: 6px;
            font-weight: 500;
            font-size: var(--contentFontSize);
            text-transform: capitalize;
            padding: 3px 6px;
        }

        .epgTreeGridTable .epgTreeGridTable_HoldBadge {
            background: #E74C3C; /* red */
            border-radius: 6px;
            font-weight: 500;
            font-size: var(--contentFontSize);
            text-transform: capitalize;
            padding: 3px 6px;
        }

        .epgTreeGridTable .epgTreeGridTable_PendingBadge {
            background: #F1C40F; /* yellow */
            border-radius: 6px;
            font-weight: 500;
            font-size: var(--contentFontSize);
            text-transform: capitalize;
            padding: 3px 6px;
        }


        .epgTreeGridTable .epgTreeGridTable_ReadyBadge {
            background: #1DB45D;
            border-radius: 6px;
            font-weight: 500;
            font-size: var(--contentFontSize);
            text-transform: capitalize;
            padding: 3px 6px;
        }

.epgTreeGridTable_IconsContainer {
    visibility: hidden;
}

.epgTreeGridTable tbody tr:hover .epgTreeGridTable_IconsContainer {
    visibility: visible;
}

.epgTreeGridTable .epgInlineTreeGridTable_Icon {
    cursor: pointer;
}

.epgTreeGridTable .rz-paginator {
    margin-top: 10px;
    flex-wrap: wrap;
    padding: 3px 0px !important;
}

.epgTreeGridTable .rz-paginator-page {
    color: var(--netroBlack);
    background: transparent;
    border-radius: 50%;
}

.epgTreeGridTable .rz-state-active {
    color: var(--netroWhite);
    background: #1BA555;
    border-radius: 50%;
}


.bCheckBox .form-check-input {
    height: 1.4em;
    width: 1.4em;
    box-shadow: none;
    border: 1px solid #e9eaed;
    border-width: var(--rz-checkbox-border-width);
    border-radius: var(--rz-checkbox-border-radius);
    box-shadow: var(--rz-input-shadow);
    background-color: var(--rz-input-background-color);
    transition: var(--rz-transition-all);
}

    .bCheckBox .form-check-input:checked {
        color: var(--netroWhite);
        background-color: #1BA555;
        border-color: #1BA555;
    }

    .bCheckBox .form-check-input:focus {
        /*border-color: #1BA555;*/
    }

    .bCheckBox .form-check-input[type=checkbox]:indeterminate {
        background-color: #1BA555;
        border-color: #1BA555;
    }

    .bCheckBox .form-check-input:after {
        content: "";
        position: absolute;
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        opacity: 0;
        transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition);
    }

.epgTreeGridTable .form-check .form-check-input {
    float: none;
}

.bCheckBox .check-intermediate {
    width: 0.625rem;
    height: 0.125rem;
    font-size: 0;
}

.epgTreeGridTable .rz-paginator-next, .epgTreeGridTable .rz-paginator-prev {
    border-radius: 50%;
    color: var(--netroBlack);
    background: transparent;
    margin: 0;
}

.epgTreeGridTable .rz-paginator-first, .epgTreeGridTable .rz-paginator-last {
    display: block;
    border-radius: 50%;
    color: var(--netroBlack);
    background: transparent;
    margin: 0;
}

.epgTreeGridTable .rz-paginator-summary {
    order: 2;
    margin: 9px;
    margin-left: auto;
}

.epgTreeGridTable .rz-dropdown {
    margin-left: 0;
    border: 1px solid #A7A7A7 !important;
    border-radius: 6px !important;
    background: var(--netroWhite) !important;
    color: var(--netroBlack) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    outline: none !important;
    width: 80px;
}

    .epgTreeGridTable .rz-dropdown:hover {
        border: 1px solid #848484 !important;
    }


    .epgTreeGridTable .rz-dropdown:focus-within {
        border: 1px solid #4D4D4D !important;
    }

.epgTreeGridTable tbody tr .epgGridTablelinks span, .epgTreeGridTable tbody tr:hover .epgGridTablelinks span {
    cursor: pointer;
    /*text-decoration: underline !important;*/
    color: var(--linkColor) !important;
}

.epgTreeGridTable tbody tr .epgGridTableErrorDescription span, .epgTreeGridTable tbody tr:hover .epgGridTableErrorDescription span {
    color: #DB1010;
}

.epgTreeGridTable_JumpTo {
    order: 1;
    align-items: center;
    justify-content: space-evenly;
    width: 240px;
}

.epgTreeGridTable_JumpToLabel {
    color: rgba(115, 115, 115, 0.87);
    font-size: 0.875rem;
    font-weight: 400;
}

.epgTreeGridTable_JumpTo .epgInputField {
    width: 80px !important;
}

.epgTreeGridTable_JumpToInputBox {
    width: 74px !important;
    margin-right: 6px;
    margin-left: 3px;
    height: 2.25rem;
    vertical-align: middle;
}

.epgTreeGridTable_JumpToButton {
    font-size: 12px !important;
    width: 75px;
    height: 2.25rem;
}

/* Inline Tree Grid Table */

.epgInlineTreeGridTable table tbody {
    overflow-y: auto !important;
}

.epgInlineTreeGridTable table {
    width: auto;
}

.epgInlineTreeGridTable, .epgInlineTreeGridTable div:first-child, .epgInlineTreeGridTable div table {
    border: none !important;
    box-shadow: none !important;
}

    .epgInlineTreeGridTable th {
        /*        background: #a7f1a7 !important;*/
        background: #e9e9e9 !important;
        font-size: var(--contentFontSize);
        color: var(--netroBlack);
        font-weight: 600;
        padding: 5px 0px !important;
        /* border-bottom: 2px solid var(--netroWhite) !important;*/
    }

    .epgInlineTreeGridTable tbody tr td {
        background-color: transparent !important;
    }

    .epgInlineTreeGridTable tbody tr:nth-child(even), .epgInlineTreeGridTable tbody tr:nth-child(odd) {
        background: var(--netroWhite) !important;
        font-size: var(--contentFontSize);
        color: var(--netroBlack);
        font-weight: 500;
    }

    .epgInlineTreeGridTable tbody .rz-datatable-emptymessage-row td {
        text-align: center;
    }


    .epgInlineTreeGridTable tbody .epgInlineTreeGridTable_Icon {
        cursor: pointer;
    }


/* Charts */
.epgChartsContainer .epgCharts {
    display: flex;
    flex-direction: column-reverse;
}

.epgChartsTooltipContainer {
    background: var(--netroWhite);
}

.epgChartsTooltip_Title, .epgChartsTooltip_Msg {
    color: var(--netroBlack);
}

.epgChartsTooltip_Title {
    font-size: var(--subHeaderFontSize);
}

.epgChartsTooltip_Msg {
    font-size: var(--contentFontSize);
}

.epgChartsContainer .rz-axis .rz-tick .rz-tick-text {
    fill: var(--netroBlack) !important;
}


.epgChartsContainer .epgDonutCharts svg g:first-child, .epgChartsContainer .epgPieCharts svg g:first-child {
    transform: none !important;
}

.epgChartsContainer .epgColumnCharts svg g:first-child, .epgChartsContainer .epgStackedCharts svg g:first-child {
    transform: translate(60px,35px) !important;
}

.epgChartsContainer .epgDonutCharts, .epgChartsContainer .epgPieCharts {
    margin-bottom: -40px;
}

.epgChartsContainer .epgCharts .rz-legend-bottom {
    /* background: #A7A7A7 !important;*/
    position: static;
    margin-bottom: -20px;
}

.epgChartsContainer .epgCharts div:first-child ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap !important;
}

    .epgChartsContainer .epgCharts div:first-child ul li, {
        margin: 0px 10px;
        white-space: nowrap !important;
        text-align: center !important;
        font-size: var(--contentFontSize) !important;
    }

.epgChartsContainer .epgColumnCharts svg .rz-tick .rz-tick-text {
    font-size: var(--contentFontSize) !important;
}


.epgChartsContainer .epgEmptyCharts {
    overflow: hidden;
}

.epgEmptyCharts_Img {
    height: 100%;
    width: fit-content;
}

epgEmptyCharts_Msg {
    font-size: var(--contentFontSize);
    color: #6A6A6A;
    font-weight: 400;
}

.epgChartsContainer .epgStackedChartsContainer .epgStackedCharts_Legend .epgStackedCharts_LegendItems .epgStackedCharts_LegendItemsTxt {
    text-align: center !important;
    font-size: var(--contentFontSize) !important;
}

.epgStackedCharts_LegendItemsIcon {
    font-size: var(--contentFontSize) !important;
}

/* Hr */

.epgThin_HrLine {
    height: 1.9px !important;
    color: #D9D9D9 !important;
}

/* Toastr (Notifications) */
.rz-growl-message-success .rz-growl-item {
    background-color: #1db45d;
}

.rz-growl-message-error .rz-growl-item {
    background-color: #f44336;
}

.rz-notification-message.rz-growl {
    position: fixed !important;
    top: 12% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* set elements unselectable */
.unselectable {
    user-select: none;
    -moz-user-select: none;
    /*-khtml-user-select: none;*/
    -webkit-user-select: none;
    /*-o-user-select: none;*/
}

.epgTreeGridTable tbody tr td:nth-child(2) {
    /*position: absolute !important;
    left: 0 !important;
    z-index: 1 !important;*/
    /*background: var(--rz-grid-frozen-cell-background-color);*/
    /*border-right: #FFFFFF !important;
    box-shadow: #FFFFFF !important;
    background: #f80101 !important;*/
}

.epgTreeGridTable thead tr th:nth-child(2) {
    /*position: absolute !important;
    left: 0 !important;
    z-index: 1 !important;*/
    /*background: var(--rz-grid-frozen-cell-background-color);*/
    /*border-right: #f80101 !important;
    box-shadow: #f80101 !important;
    background: #f80101 !important;*/
}


/* Filter Panel*/
.epgFilterPanel {
    top: 0;
    width: calc( 100% - 55% );
}

/*Column Panel*/
.epgColumnPanel {
    top: 0;
    width: calc( 100% - 80% );
}

/*Toast*/
.epgToastContainer {
    position: fixed !important;
    top: 9% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1002;
}

.epgToast_CloseIcon {
    cursor: pointer;
    background-image: url(/images/greyBlack_CloseIcon.png) !important;
    color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*Success Toast*/
.epgSuccessToast {
    border: 1px solid;
    border-left: 5px solid;
    border-color: #1BA555;
    border-radius: 0;
}

.epgErrorToast {
    border: 1px solid;
    border-left: 5px solid;
    border-color: #DB1010;
    border-radius: 0;
}

.epgWarningToast {
    border: 1px solid;
    border-left: 5px solid;
    border-color: #ff9800;
    border-radius: 0;
}

.wrapper {
    max-width: 350px;
    min-height: 400px;
    margin: 80px auto;
    padding: 40px 30px 30px 30px;
    background-color: white;
    border-radius: 15px;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #cbced1;
}

.logo {
    width: 100%;
    margin: auto;
}

    .logo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /*box-shadow: 0px 0px 3px #5f5f5f, 0px 0px 0px 5px #ecf0f3, 8px 8px 15px #a7aaa7, -8px -8px 15px #fff;*/
    }

.wrapper .name {
    font-weight: 600;
    font-size: 1.4rem;
    letter-spacing: 1.3px;
    padding-left: 10px;
    color: #555;
}

.wrapper .form-field input {
    width: 100%;
    display: block;
    border: none;
    outline: none;
    background: none;
    font-size: 1.2rem;
    color: #666;
    padding: 10px 15px 10px 10px;
    /* border: 1px solid red; */
}

.wrapper .form-field {
    padding-left: 10px;
    margin-bottom: 20px;
    border-radius: 20px;
    box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #fff;
}


    .wrapper .form-field .fas {
        color: #555;
    }

.wrapper .btn {
    box-shadow: none;
    width: 100%;
    height: 40px;
    background-color: #1BA555 !important;
    color: #fff;
    border-radius: 25px;
    box-shadow: 3px 3px 3px #b1b1b1, -3px -3px 3px #fff;
    letter-spacing: 1.3px;
}

    .wrapper .btn:hover {
        background-color: #138744 !important;
    }

@media(max-width: 380px) {
    .wrapper {
        margin: 30px 20px;
        padding: 40px 15px 15px 15px;
    }
    /*.SideFilterDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
        width: 100px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .SideFilterPopDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
        width: 160px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .EditDropDownClass > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
        width: 100px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }*/
}


/* ----- Media Query -----  */
/* xxxl - Below 1600.98px*/
@media only screen and (max-width:1700.98px) {
    /* Charts */
    .epgChartsContainer .epgCharts .rz-legend-bottom {
        margin-bottom: -30px;
    }

    .epgChartsContainer .epgColumnCharts svg .rz-category-axis .rz-tick .rz-tick-text, .epgChartsContainer .epgStackedCharts svg .rz-category-axis .rz-tick .rz-tick-text {
        font-size: 10px !important;
    }
    /*.SideFilterDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
        width: 255px !important;

    }

    .SideFilterPopDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
        width: 250px !important;

    }
    .EditDropDownClass > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
        width: 255px !important;

    }*/
}

@media only screen and (max-width:1600.98px) {
    .flex-xxxl-column {
        flex-direction: column !important;
    }

    .text-xxxl-start {
        text-align: start !important;
    }

    /* Filter Panel*/
    .epgFilterPanel {
        width: calc( 100% - 45% );
    }

    .epgColumnPanel {
        top: 0;
        width: calc( 100% - 75% );
    }
    /*.SideFilterDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
        width: 220px !important;

    }

    .SideFilterPopDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
        width: 270px !important;

    }
    .EditDropDownClass > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
        width: 220px !important;

    }*/
}

/* xxl - Below 1400.98px*/
@media only screen and (max-width:1400.98px) {
    /* Charts */
    .epgChartsContainer .epgCharts .rz-legend-bottom {
        margin-bottom: -34px;
    }

    .parcelDetails_FormsAndChipsContainers {
        padding: 10px;
    }

    /* Filter Panel*/
    .epgFilterPanel {
        width: calc( 100% - 40% );
    }

    .epgColumnPanel {
        top: 0;
        width: calc( 100% - 70% );
    }
    /*.SideFilterDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
        width: 330px !important;

    }

    .SideFilterPopDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
        width: 260px !important;

    }
    .EditDropDownClass > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
        width: 330px !important;

    }*/
}

@media only screen and (min-width:1201px) and (max-width:1400px) {
    /*.SideFilterDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
        width: 160px !important;
    }
    .EditDropDownClass > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
        width: 180px !important;
    }*/
}

/* lg- Below 1400.98px*/
@media only screen and (max-width:1200.98px) {
    /* Charts */
    .epgChartsContainer .epgCharts .rz-legend-bottom {
        margin-bottom: -50px;
    }

    .epgChartsContainer .epgCharts div:first-child ul li {
        margin: 0px 5px;
    }

    .epgChartsContainer .epgColumnCharts svg .rz-category-axis .rz-tick .rz-tick-text, .epgChartsContainer .epgStackedCharts svg .rz-category-axis .rz-tick .rz-tick-text {
        font-size: 8px !important;
    }

    .epgParcelInputLabel_Wrapper {
        width: 100%;
    }

    /*.SideFilterDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
            width: 130px !important;
        }

        .SideFilterPopDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
            width: 240px !important;

        }
        .EditDropDownClass > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
            width: 130px !important;

        }*/
    /*.SideFilterPopDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
            width: calc(100vw - 392px) !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }*/
}

/* Tablet */
@media only screen and (max-width:992.98px) {
    /* SideBar Expand & Collapse */

    .sideBar_md_Collapsed {
        width: 0px !important;
        opacity: 0 !important;
    }

    .appBarCollapse_md_shadow {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.09);
    }

    .sideBar_md_Expanded {
        width: var(--sideBarExpandSize) !important;
        opacity: 1 !important;
    }

    .appBarExpanded_md_shadow {
        box-shadow: var(--sideBarExpandSize) 4px 4px rgba(0, 0, 0, 0.09);
    }


    /* Carousel */

    .epgCarousel_Item {
        width: 100% !important;
        margin-right: 20px;
    }

    /* Charts */
    .epgChartsContainer .epgCharts .rz-legend-bottom {
        margin-bottom: -20px;
    }

    .epgChartsContainer .epgColumnCharts svg .rz-category-axis .rz-tick .rz-tick-text, .epgChartsContainer .epgStackedCharts svg .rz-category-axis .rz-tick .rz-tick-text {
        font-size: var(--contentFontSize) !important;
    }

    /* Modal Dialog */


    .epgModalContainer .epgModalContent {
        padding: 20px 10px;
    }


    .epgEditParcel_DialogContent {
        height: 100vh !important;
    }

    .epgColumnPanel {
        top: 0;
        width: calc( 100% - 60% );
    }

    /*.SideFilterDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
            width: 80% !important;
        }*/

    /*.SideFilterPopDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
            width: calc(100vw - 392px) !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }*/
    /*.EditDropDownClass > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
            width: 280px !important;

        }*/
}

/* Sm - Small Moblie */
@media only screen and (max-width:767.98px) {
    /* SearchBar */
    .epgSearchBarContainer {
        width: var(--searchBarExpandSize);
    }

    /* Charts */

    .epgChartsContainer .epgColumnCharts svg .rz-category-axis .rz-tick .rz-tick-text, .epgChartsContainer .epgStackedCharts svg .rz-category-axis .rz-tick .rz-tick-text {
        font-size: 9px !important;
    }

    /* PeriodControl */
    .epgPeriodCtrlPEToggle {
        padding-right: 0px !important;
    }

    .epgPeriodCtrlPSToggle {
        padding-left: 0px !important;
    }

    /* Grid Tree Table*/

    .epgTreeGridTable .rz-paginator {
        display: flex;
    }

    /* Edit Form */

    .epgParcelEditField_widthToggle {
        width: 100%;
    }

    .border-none {
        border-width: 0 !important;
    }

    .epgColumnPanel {
        top: 0;
        width: calc( 100% - 0% );
    }

    /*.SideFilterDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
            width: 100% !important;

        }*/

    /*.SideFilterPopDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
            width: calc(100vw - 392px) !important;
            overflow: hidden;
            text-overflow: ellipsis;

        }*/
    /*.EditDropDownClass > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
            width: 100% !important;

        }*/
}

/* Xs - Extra Small Moblie */
@media only screen and (max-width:575.98px) {

    /* layout Content Body */
    .contentBody_Container {
        padding-bottom: 100px !important;
    }

    .epgCarousel_CardBody {
        height: 370px;
    }
    /* Charts */
    .epgChartsContainer .epgCharts .rz-legend-bottom {
        margin-bottom: -63px;
    }

    .epgChartsContainer .epgColumnCharts svg .rz-category-axis .rz-tick .rz-tick-text, .epgChartsContainer .epgStackedCharts svg .rz-category-axis .rz-tick .rz-tick-text {
        font-size: 5.5px !important;
    }


    /* Filter Panel*/
    .epgFilterPanel {
        width: calc( 100% - 0% );
    }

    .epgColumnPanel {
        top: 0;
        width: calc( 100% - 0% );
    }

    /*.SideFilterDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
            min-width: 170px !important;
            max-width: 100%;
        }*/

    /* .SideFilterPopDropDown > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
                width: 574px !important;
                overflow: hidden;
                text-overflow: ellipsis;
        }*/
    /*.EditDropDownClass > .mud-input-control-input-container > .mud-input > .mud-width-full > .mud-input-slot > div {
            min-width: 170px !important;
            max-width: 100%;
        }*/
}