/*common css start*/
@charset "utf-8";

:root {
    scroll-behavior: unset;
    scroll-behavior: inherit !important;
    --body-color: #1B1E1D;
    --BackgroundColor: #DDDFE0;
    /*Side Navigation*/
    --SideNavBackgroundColor: #CF2432;
    --SideNavTextColor: #666;
    --SideNavSelectedItemBackgroundColor: #A71931;
    --SideNavSelectedItemTextColor: #A71931;
    --SideNavBottomBorderColor: #FFFFFF;
    --SideNavSubMenuBackgroundColor: #525252;
    --whitebg: #FFF;
    --whitebgtext: #333;
    --StoreTileBg: #FAFAFA;
    --StoreTileBgText: #333;
    /*Buttons*/
    --ButtonBackgroundColor: #A71931;
    --ButtonTextColor: #FFF;
    --WhiteButtonTextColor: #A71931;
    --ButtonBorderColor: #A71931;
    /*Tables*/
    --TableHeaderBorderColor: #666;
    --TableHeaderBackgroundColor: #666;
    --TableHeaderTextColor: #FFF;
    --InnerFormTableHeaderBackgroundColor: #000;
    --InnerFormTableHeaderTextColor: #FFF;
    --TableOddRow: #FAFAFA;
    --TableEvenRow: #FFFFFFF;
    --SelectedRow: #b6d0e8;
    /*Headers*/
    --PageTitleColor: #A71931;
    --SectionHeaderBackGround: #FFF;
    --SectionHeaderTextColor: #A71931;
    --SectionHeaderBorderColor: #FFF;
    /*Text*/
    --secondarycolor: #A71931;
    --ErrorText: #d32f2f;
    --SuccessText: #2e7d32;
    --FormLabelColor: #000;
    /*Tabs*/
    --ActiveTabBackGroundColor: #A71931;
    --ActiveTabTextColor: #FFF;
    --ActiveTabBorderColor: #A71931;
    --InactiveTabBackGroundColor: #FFF;
    --InactiveTabTextColor: #666;
    --InactiveTabBorderColor: #FFF;
}

/* Status chip styles for feedback follow-up indicators */
.status-chip {
    display: inline-block;
    padding: 2px 6px;
    margin-left: 4px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: bold;
    color: white;
    vertical-align: middle;
}

.status-chip.current {
    background-color: var(--SuccessText);
}

.status-chip.overdue {
    background-color: var(--secondarycolor);
}