/* /Components/DatesDropdown.razor.rz.scp.css */
[b-19inbbeg07] .mud-input {
    height: 30px !important;
}

.co-store[b-19inbbeg07] {
    height: 50px;
    width: 200px;
}

[b-19inbbeg07] .text {
    margin-right: 10px;
    color: #191a1a;
    font-family: 'Meijer Sans', sans-serif !important;
    font-size: 20px;
    font-weight: 400;
    white-space: nowrap;
    letter-spacing: 0.04rem;
}
/* /Components/PageName.razor.rz.scp.css */
[b-88hew9w951] .page-name {
    color: #0C60A5;
    font-size: var(--co-font-size-22);
    font-weight: var(--co-font-weight-400);
    font-family: var(--co-font-family);
    line-height: var( --co-line-height-15);
    white-space: nowrap;
    background-color: #F5F9FB;
}
/* /Components/ReportMenuComponent.razor.rz.scp.css */
[b-ufkepsnohc] .mud-paper.home-mud-paper {
    background-color: #F5F9FB;
    border-color: #d3d7db;
    width: 30%;
    min-width: 490px;
}

[b-ufkepsnohc] .submenu-item {
    color: #0C60A5;
    font-weight: 600;
    background-color: #F5F9FB;
    border-color: transparent;
    transition: all 0.3s ease;
    font-family: var(--co-font-family);
    font-size: 1.0rem;
    z-index: 1;
    position: relative !important;
    min-height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    /*border: none !important;*/
    box-shadow: none !important;
    border-style: solid !important;
}

[b-ufkepsnohc] .menu-item {
    color: #0C60A5;
    font-weight: 600;
    background-color: #F5F9FB;
    border-color: transparent;
    transition: all 0.3s ease;
    font-family: var(--co-font-family);
    font-size: 1.0rem;
    z-index: 1;
    position: relative !important;
    min-height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
}

    /* Hover effect for all */
    [b-ufkepsnohc] .menu-item:hover,
    [b-ufkepsnohc] .menu-item.default-hover {
        background-color: #e1ecf9;
    }
/* Ensure submenu item covers entire clickable area */
[b-ufkepsnohc] .submenu-item,
[b-ufkepsnohc] .mud-nav-item.submenu-link,
[b-ufkepsnohc] .mud-nav-link.submenu-link {
    box-sizing: border-box;
    background-color: #F5F9FB;
    border-bottom: 1px solid #b6b2b2 !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow:inherit;
}

    [b-ufkepsnohc] .mud-nav-item.submenu-link:hover,
    [b-ufkepsnohc] .mud-nav-link.submenu-link:hover {
        background-color: #e1ecf9 !important; /* Your intended hover color */
        cursor: pointer;
    }

    /* Optional: diagnostic outline for debugging hover coverage */
    [b-ufkepsnohc] .mud-nav-item.submenu-link:hover {
        outline: none; /* change to 1px solid red if testing hover boundaries */
    }


/* Colored left border */
[b-ufkepsnohc] .menu-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: background-color 0.3s ease, border-radius 0.3s ease;
    z-index: -1;
}

[b-ufkepsnohc] .submenu-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: background-color 0.3s ease, border-radius 0.3s ease;
    z-index: -1;
}

/* Apply color and round corners on hover */
[b-ufkepsnohc] .menu-item:hover::before,
[b-ufkepsnohc] .menu-item.default-hover::before {
    background-color: #0C60A5;
}
[b-ufkepsnohc] .submenu-item.first:hover::before,
[b-ufkepsnohc] .submenu-item.first.default-hover::before {
    border-top-left-radius: 8px;
}

[b-ufkepsnohc] .submenu-item.last:hover::before,
[b-ufkepsnohc] .submenu-item.last.default-hover::before {
    border-bottom-left-radius: 8px;
}



[b-ufkepsnohc] .submenu-item:hover::before,
[b-ufkepsnohc] .submenu-item.default-hover::before {
    background-color: #0C60A5;
}
[b-ufkepsnohc] .submenu-item:hover {
    background-color: #e1ecf9 !important;
}
/* Round top-left corner if first */
[b-ufkepsnohc] .submenu-item.first:hover::before,
[b-ufkepsnohc] .submenu-item.first.default-hover::before {
    border-top-left-radius: 8px;
}

/* Round bottom-left corner if last */
[b-ufkepsnohc] .submenu-item.last:hover::before,
[b-ufkepsnohc] .submenu-item.last.default-hover::before {
    border-bottom-left-radius: 8px;
}

[b-ufkepsnohc] .arrow-icon {
    opacity: 0;
    transition: opacity 0.3s ease;
    color: #0C60A5;
}

[b-ufkepsnohc] .menu-item:hover .arrow-icon,
[b-ufkepsnohc] .menu-item.default-hover .arrow-icon {
    opacity: 1;
}

[b-ufkepsnohc] .mud-nav-item.menu-link {
    padding: 6px 26px 6px 12px;
    background: none !important;
}

[b-ufkepsnohc] .submenu-item:hover .arrow-icon,
[b-ufkepsnohc] .submenu-item.default-hover .arrow-icon {
    opacity: 1;
}

[b-ufkepsnohc] .mud-nav-item.submenu-link {
    padding: 6px 26px 6px 12px;
    background: none !important;
}

[b-ufkepsnohc] .mud-nav-link {
    background: none !important;
    font-weight: unset !important
}

[b-ufkepsnohc] .menu-divider {
    border-color: #e1e4e8 !important;
}

[b-ufkepsnohc] .submenu-divider {
    border-top: 1px solid #e1e4e8 !important;
    margin: 0 !important;
    height: 1px;
    width: 100%;
}
/* Make sure your parent container doesn't clip the submenu */
[b-ufkepsnohc] .home-mud-paper {
    overflow: visible !important;
}


[b-ufkepsnohc] .submenu {
    background-color: #F5F9FB !important;
    border: 1px solid #d3d7db !important;
    border-radius: 6px;
    padding: 0px;
    min-width: 490px;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1000;
    display: none; 

}

[b-ufkepsnohc] .MudSelect {
    width: 125px;
}

.custom-padding-right[b-ufkepsnohc] {
    margin-right: 0%;
}

[b-ufkepsnohc] .menu-item.hovered .submenu {
    display: block !important;
}

[b-ufkepsnohc] .mud-input {
    height: 30px !important;
}

 [b-ufkepsnohc] .mud-input select {
  border: 1px solid #ccc; /* default border */
  outline: none;
 }

        /* Focus style */
[b-ufkepsnohc] .mud-input select:focus {
 border-color: #007BFF !important; /* or any color you prefer */
 box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); /* optional for a glow effect */
 }
[b-ufkepsnohc] .mud-typography {
    color: black !important;
    font-family: 'Meijer Sans', sans-serif !important;
    box-sizing: border-box;
    font-size: 18px;
    padding-right: 10px;
}
[b-ufkepsnohc] .mud-primary-text {
    color: black !important;
}

.menu-reports[b-ufkepsnohc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.menu-header[b-ufkepsnohc] {
    display: flex;
    align-items: center;
    height: 30px;
    padding-left: 25%;
}

.mud-text-custom[b-ufkepsnohc] {
    margin-right: 10px;
    color: #191a1a;
    font-family: 'Meijer Sans', sans-serif !important;
    font-size: 17px;
}

.date-report[b-ufkepsnohc] {
    display: flex;
    align-items: center;
    padding-right: 20%;
}

.cal-position[b-ufkepsnohc] {
    position: relative;
}
[b-ufkepsnohc] .select-width {
    width: 110px !important;
    font-weight:400;
}
.text-custom[b-ufkepsnohc] {
    margin-right: 10px;
    color: #191a1a;
    font-family: 'Meijer Sans', sans-serif !important;
    font-size: 14px;
}
[b-ufkepsnohc] .custom-theme .mud-input-slot {
    color: black;
}
[b-ufkepsnohc] .mud-picker-container {
    background-color: #0C60A5 !important;
}

.menu-item-row[b-ufkepsnohc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.menu-arrow[b-ufkepsnohc] {
  margin-left: auto; /* Pushes the arrow to the right side */
  color: #666; /* Optional: Customize the arrow color */
  font-size: 24px; /* Optional: Adjust the size of the arrow */
}

[b-ufkepsnohc] .mud-icon-root.mud-svg-icon {
  fill: rgb(113 115 116);
}
[b-ufkepsnohc] .cal-position:hover .submenu {
  display: block !important;
}

[b-ufkepsnohc] .cal-position:hover .menu-item {
  background-color: #e1ecf9 !important;
}

  [b-ufkepsnohc] .cal-position:hover .menu-item::before {
    background-color: #0C60A5;
  }

[b-ufkepsnohc] .cal-position:hover .arrow-icon {
  opacity: 1;
}


/* /Components/StoreDateRangeSelector.razor.rz.scp.css */
[b-pcr4uricdb] .mud-paper.home-mud-paper {
    background-color: #F5F9FB;
    border-color: #d3d7db;
    width: 30%;
    min-width: 490px;
}

[b-pcr4uricdb] .submenu-item {
    color: #0C60A5;
    font-weight: 600;
    background-color: #F5F9FB;
    border-color: transparent;
    transition: all 0.3s ease;
    font-family: var(--co-font-family);
    font-size: 1.0rem;
    z-index: 1;
    position: relative !important;
    min-height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    /*border: none !important;*/
    box-shadow: none !important;
    border-style: solid !important;
}

[b-pcr4uricdb] .menu-item {
    color: #0C60A5;
    font-weight: 600;
    background-color: #F5F9FB;
    border-color: transparent;
    transition: all 0.3s ease;
    font-family: var(--co-font-family);
    font-size: 1.0rem;
    z-index: 1;
    position: relative !important;
    min-height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
}

    /* Hover effect for all */
    [b-pcr4uricdb] .menu-item:hover,
    [b-pcr4uricdb] .menu-item.default-hover {
        background-color: #e1ecf9;
    }
/* Ensure submenu item covers entire clickable area */
[b-pcr4uricdb] .submenu-item,
[b-pcr4uricdb] .mud-nav-item.submenu-link,
[b-pcr4uricdb] .mud-nav-link.submenu-link {
    box-sizing: border-box;
    background-color: #F5F9FB;
    border-bottom: 1px solid #b6b2b2 !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow:inherit;
}

    [b-pcr4uricdb] .mud-nav-item.submenu-link:hover,
    [b-pcr4uricdb] .mud-nav-link.submenu-link:hover {
        background-color: #e1ecf9 !important; /* Your intended hover color */
        cursor: pointer;
    }

    /* Optional: diagnostic outline for debugging hover coverage */
    [b-pcr4uricdb] .mud-nav-item.submenu-link:hover {
        outline: none; /* change to 1px solid red if testing hover boundaries */
    }


/* Colored left border */
[b-pcr4uricdb] .menu-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: background-color 0.3s ease, border-radius 0.3s ease;
    z-index: -1;
}

[b-pcr4uricdb] .submenu-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: background-color 0.3s ease, border-radius 0.3s ease;
    z-index: -1;
}

/* Apply color and round corners on hover */
[b-pcr4uricdb] .menu-item:hover::before,
[b-pcr4uricdb] .menu-item.default-hover::before {
    background-color: #0C60A5;
}
[b-pcr4uricdb] .submenu-item.first:hover::before,
[b-pcr4uricdb] .submenu-item.first.default-hover::before {
    border-top-left-radius: 8px;
}

[b-pcr4uricdb] .submenu-item.last:hover::before,
[b-pcr4uricdb] .submenu-item.last.default-hover::before {
    border-bottom-left-radius: 8px;
}

[b-pcr4uricdb] .submenu-item:hover::before,
[b-pcr4uricdb] .submenu-item.default-hover::before {
    background-color: #0C60A5;
}
[b-pcr4uricdb] .submenu-item:hover {
    background-color: #e1ecf9 !important;
}
/* Round top-left corner if first */
[b-pcr4uricdb] .submenu-item.first:hover::before,
[b-pcr4uricdb] .submenu-item.first.default-hover::before {
    border-top-left-radius: 8px;
}

/* Round bottom-left corner if last */
[b-pcr4uricdb] .submenu-item.last:hover::before,
[b-pcr4uricdb] .submenu-item.last.default-hover::before {
    border-bottom-left-radius: 8px;
}

[b-pcr4uricdb] .arrow-icon {
    opacity: 0;
    transition: opacity 0.3s ease;
    color: #0C60A5;
}

[b-pcr4uricdb] .menu-item:hover .arrow-icon,
[b-pcr4uricdb] .menu-item.default-hover .arrow-icon {
    opacity: 1;
}

[b-pcr4uricdb] .mud-nav-item.menu-link {
    padding: 6px 26px 6px 12px;
    background: none !important;
}

[b-pcr4uricdb] .submenu-item:hover .arrow-icon,
[b-pcr4uricdb] .submenu-item.default-hover .arrow-icon {
    opacity: 1;
}

[b-pcr4uricdb] .mud-nav-item.submenu-link {
    padding: 6px 26px 6px 12px;
    background: none !important;
}

[b-pcr4uricdb] .mud-nav-link {
    background: none !important;
    font-weight: unset !important
}

[b-pcr4uricdb] .menu-divider {
    border-color: #e1e4e8 !important;
}

[b-pcr4uricdb] .submenu-divider {
    border-top: 1px solid #e1e4e8 !important;
    margin: 0 !important;
    height: 1px;
    width: 100%;
}
/* Make sure your parent container doesn't clip the submenu */
[b-pcr4uricdb] .home-mud-paper {
    overflow: visible !important;
}


[b-pcr4uricdb] .submenu {
    background-color: #F5F9FB !important;
    border: 1px solid #d3d7db !important;
    border-radius: 6px;
    padding: 0px;
    min-width: 490px;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1000;
    display: none; 

}

[b-pcr4uricdb] .MudSelect {
    width: 125px;
}

.custom-padding-right[b-pcr4uricdb] {
    margin-right: 0%;
}

[b-pcr4uricdb] .menu-item.hovered .submenu {
    display: block !important;
}

[b-pcr4uricdb] .mud-input {
    height: 30px !important;
}

 [b-pcr4uricdb] .mud-input select {
  border: 1px solid #ccc; /* default border */
  outline: none;
 }

        /* Focus style */
[b-pcr4uricdb] .mud-input select:focus {
 border-color: #007BFF !important; /* or any color you prefer */
 box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); /* optional for a glow effect */
 }
[b-pcr4uricdb] .mud-typography {
    color: black !important;
    font-family: 'Meijer Sans', sans-serif !important;
    box-sizing: border-box;
    font-size: 18px;
    padding-right: 10px;
}
[b-pcr4uricdb] .mud-primary-text {
    color: black !important;
}

.menu-reports[b-pcr4uricdb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.menu-header[b-pcr4uricdb] {
    display: flex;
    align-items: center;
    height: 30px;
    padding-left: 5%;
}

.mud-text-custom[b-pcr4uricdb] {
    margin-right: 10px;
    color: #191a1a;
    font-family: 'Meijer Sans', sans-serif !important;
    font-size: 17px;
}

.date-report[b-pcr4uricdb] {
    display: flex;
    align-items: center;
    padding-right: 5%;
}

.cal-position[b-pcr4uricdb] {
    position: relative;
}
[b-pcr4uricdb] .select-width {
    width: 110px !important;
    font-weight:400;
}
.text-custom[b-pcr4uricdb] {
    margin-right: 10px;
    color: #191a1a;
    font-family: 'Meijer Sans', sans-serif !important;
    font-size: 14px;
}
[b-pcr4uricdb] .custom-theme .mud-input-slot {
    color: black;
}
[b-pcr4uricdb] .mud-picker-container {
    background-color: #0C60A5 !important;
}

.menu-item-row[b-pcr4uricdb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.menu-arrow[b-pcr4uricdb] {
  margin-left: auto; /* Pushes the arrow to the right side */
  color: #666; /* Optional: Customize the arrow color */
  font-size: 24px; /* Optional: Adjust the size of the arrow */
}

[b-pcr4uricdb] .mud-icon-root.mud-svg-icon {
  fill: rgb(113 115 116);
}

/* /Components/StoreSelection.razor.rz.scp.css */
.store-dropdown-container[b-iodqlfct3e] {
    height: 50px;
}

[b-iodqlfct3e] .text {
    margin-right: 10px;
    color: #191a1a;
    font-family: Source Sans Pro, Helvetica Neue, tahoma, arial, sans-serif !important;
    font-size: 22px;
    font-weight: 300;
    white-space: nowrap;
    letter-spacing: 0.05rem;
}

/* Width only on root wrapper */
.store-dropdown[b-iodqlfct3e]  .mud-input-root {
    width: 100px;
    box-sizing: border-box;
}

[b-iodqlfct3e] .store-dropdown .mud-input.mud-input-outlined {
    width: 100px;
    height: 32px;
    min-height: 32px;
    display: inline-flex;
    padding: 0px;
    box-sizing: border-box;
}

[b-iodqlfct3e] .mud-select-input-extended .mud-input-slot {
    padding-top: 34px !important;
    padding-bottom: 4px !important;
    line-height: 24px;
}
/* /Components/StoreSelectorBusinessDateComponent.razor.rz.scp.css */
[b-wusdf84kwi] .mud-paper.home-mud-paper {
    background-color: #F5F9FB;
    border-color: #d3d7db;
    width: 30%;
    min-width: 490px;
}

[b-wusdf84kwi] .submenu-item {
    color: #0C60A5;
    font-weight: 600;
    background-color: #F5F9FB;
    border-color: transparent;
    transition: all 0.3s ease;
    font-family: var(--co-font-family);
    font-size: 1.0rem;
    z-index: 1;
    position: relative !important;
    min-height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    box-shadow: none !important;
    border-style: solid !important;
}

[b-wusdf84kwi] .menu-item {
    color: #0C60A5;
    font-weight: 600;
    background-color: #F5F9FB;
    border-color: transparent;
    transition: all 0.3s ease;
    font-family: var(--co-font-family);
    font-size: 1.0rem;
    z-index: 1;
    position: relative !important;
    min-height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
}

[b-wusdf84kwi] .date-picker .mud-input {
    width: 150px !important;
    height: 32px !important;
}

    /* Hover effect for all */
    [b-wusdf84kwi] .menu-item:hover,
    [b-wusdf84kwi] .menu-item.default-hover {
        background-color: #e1ecf9;
    }
/* Ensure submenu item covers entire clickable area */
[b-wusdf84kwi] .submenu-item,
[b-wusdf84kwi] .mud-nav-item.submenu-link,
[b-wusdf84kwi] .mud-nav-link.submenu-link {
    box-sizing: border-box;
    background-color: #F5F9FB;
    border-bottom: 1px solid #b6b2b2 !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow:inherit;
}

    [b-wusdf84kwi] .mud-nav-item.submenu-link:hover,
    [b-wusdf84kwi] .mud-nav-link.submenu-link:hover {
        background-color: #e1ecf9 !important; /* Your intended hover color */
        cursor: pointer;
    }

    /* Optional: diagnostic outline for debugging hover coverage */
    [b-wusdf84kwi] .mud-nav-item.submenu-link:hover {
        outline: none; /* change to 1px solid red if testing hover boundaries */
    }


/* Colored left border */
[b-wusdf84kwi] .menu-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: background-color 0.3s ease, border-radius 0.3s ease;
    z-index: -1;
}

[b-wusdf84kwi] .submenu-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: background-color 0.3s ease, border-radius 0.3s ease;
    z-index: -1;
}

/* Apply color and round corners on hover */
[b-wusdf84kwi] .menu-item:hover::before,
[b-wusdf84kwi] .menu-item.default-hover::before {
    background-color: #0C60A5;
}
[b-wusdf84kwi] .submenu-item.first:hover::before,
[b-wusdf84kwi] .submenu-item.first.default-hover::before {
    border-top-left-radius: 8px;
}

[b-wusdf84kwi] .submenu-item.last:hover::before,
[b-wusdf84kwi] .submenu-item.last.default-hover::before {
    border-bottom-left-radius: 8px;
}



[b-wusdf84kwi] .submenu-item:hover::before,
[b-wusdf84kwi] .submenu-item.default-hover::before {
    background-color: #0C60A5;
}
[b-wusdf84kwi] .submenu-item:hover {
    background-color: #e1ecf9 !important;
}
/* Round top-left corner if first */
[b-wusdf84kwi] .submenu-item.first:hover::before,
[b-wusdf84kwi] .submenu-item.first.default-hover::before {
    border-top-left-radius: 8px;
}

/* Round bottom-left corner if last */
[b-wusdf84kwi] .submenu-item.last:hover::before,
[b-wusdf84kwi] .submenu-item.last.default-hover::before {
    border-bottom-left-radius: 8px;
}

[b-wusdf84kwi] .arrow-icon {
    opacity: 0;
    transition: opacity 0.3s ease;
    color: #0C60A5;
}

[b-wusdf84kwi] .menu-item:hover .arrow-icon,
[b-wusdf84kwi] .menu-item.default-hover .arrow-icon {
    opacity: 1;
}

[b-wusdf84kwi] .mud-nav-item.menu-link {
    padding: 6px 26px 6px 12px;
    background: none !important;
}

[b-wusdf84kwi] .submenu-item:hover .arrow-icon,
[b-wusdf84kwi] .submenu-item.default-hover .arrow-icon {
    opacity: 1;
}

[b-wusdf84kwi] .mud-nav-item.submenu-link {
    padding: 6px 26px 6px 12px;
    background: none !important;
}

[b-wusdf84kwi] .mud-nav-link {
    background: none !important;
    font-weight: unset !important
}

[b-wusdf84kwi] .menu-divider {
    border-color: #e1e4e8 !important;
}

[b-wusdf84kwi] .submenu-divider {
    border-top: 1px solid #e1e4e8 !important;
    margin: 0 !important;
    height: 1px;
    width: 100%;
}
/* Make sure your parent container doesn't clip the submenu */
[b-wusdf84kwi] .home-mud-paper {
    overflow: visible !important;
}


[b-wusdf84kwi] .submenu {
    background-color: #F5F9FB !important;
    border: 1px solid #d3d7db !important;
    border-radius: 6px;
    padding: 0px;
    min-width: 490px;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1000;
    display: none; 

}

[b-wusdf84kwi] .MudSelect {
    width: 125px;
}

.custom-padding-right[b-wusdf84kwi] {
    margin-right: 0%;
}

[b-wusdf84kwi] .menu-item.hovered .submenu {
    display: block !important;
}

[b-wusdf84kwi] .mud-input {
    height: 30px !important;
}

 [b-wusdf84kwi] .mud-input select {
  border: 1px solid #ccc; /* default border */
  outline: none;
 }

        /* Focus style */
[b-wusdf84kwi] .mud-input select:focus {
 border-color: #007BFF !important; /* or any color you prefer */
 box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); /* optional for a glow effect */
 }
[b-wusdf84kwi] .mud-typography {
    color: black !important;
    font-family: 'Meijer Sans', sans-serif !important;
    box-sizing: border-box;
    font-size: 18px;
    padding-right: 10px;
}
[b-wusdf84kwi] .mud-primary-text {
    color: black !important;
}

.menu-reports[b-wusdf84kwi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.menu-header[b-wusdf84kwi] {
    display: flex;
    align-items: center;
    padding-left: 25%;
}

.mud-text-custom[b-wusdf84kwi] {
    margin-right: 10px;
    color: #191a1a;
    font-family: var(--co-font-family);
    font-size: 17px;
}

.date-report[b-wusdf84kwi] {
    display: flex;
    align-items: center;
    padding-right: 20%;
}

.cal-position[b-wusdf84kwi] {
    position: relative;
}
[b-wusdf84kwi] .select-width {
    width: 110px !important;
    font-weight:400;
}
.text-custom[b-wusdf84kwi] {
    margin-right: 10px;
    color: #191a1a;
    font-family: 'Meijer Sans', sans-serif !important;
    font-size: 14px;
}
[b-wusdf84kwi] .custom-theme .mud-input-slot {
    color: black;
}
[b-wusdf84kwi] .mud-picker-container {
    background-color: #0C60A5 !important;
}

.menu-item-row[b-wusdf84kwi] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.menu-arrow[b-wusdf84kwi] {
  margin-left: auto; /* Pushes the arrow to the right side */
  color: #666; /* Optional: Customize the arrow color */
  font-size: 24px; /* Optional: Adjust the size of the arrow */
}

[b-wusdf84kwi] .mud-icon-root.mud-svg-icon {
  fill: rgb(113 115 116);
}

/* /Components/ViewReportButton.razor.rz.scp.css */
[b-882ravdmcg] .ViewReport {
    background-color: #0C60A5 !important;
    color: white;
    font-size: var(--co-font-size-18);
    white-space : nowrap;
    height : 50px !important;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-e8bn2uhhng] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
    min-width: 500px;
}

.header[b-e8bn2uhhng] {
    height: 64px;
    width: 100%;
}

.bodyContainer[b-e8bn2uhhng] {
    height: calc(100vh - 64px);
    background-color: #F5F9FB;
}

@media (max-width: 599px) {
    /* Styles for Xs */
    .header[b-e8bn2uhhng] {
        height: 44px;
    }

    .bodyContainer[b-e8bn2uhhng] {
        height: calc(100vh - 44px);
    }

    .userName[b-e8bn2uhhng] {
        font-size: var(--co-font-size-14);
    }
}

/* Small devices (tablets) 600px to 959px */
@media (min-width: 600px) and (max-width: 959px) {
    /* Styles for Sm */
    .header[b-e8bn2uhhng] {
        height: 46px;
    }

    .bodyContainer[b-e8bn2uhhng] {
        height: calc(100vh - 46px);
    }
}

/* Medium devices (small laptops) 960px to 1279px */
@media (min-width: 960px) {
    /* Styles for Md */
    .header[b-e8bn2uhhng] {
        height: 64px;
    }

    .bodyContainer[b-e8bn2uhhng] {
        height: calc(100vh - 64px);
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
[b-dqf78q30dj] .mud-nav-link {
    padding: 0;
}

[b-dqf78q30dj] .mud-nav-item.image {
    padding: 0;
    width: 150px;
    height: 64px;
}

.userName[b-dqf78q30dj] {
    font-size: var(--co-font-size-22);
    font-weight: var(--co-font-weight-400);
    font-family: var(--co-font-family);
    line-height: var( --co-line-height-15);
    margin-right: 18px;
    white-space: nowrap;
    margin-left: 10px;
}

.navbar[b-dqf78q30dj] {
    padding: 0;
    background-color: #0C60A5;
}

.container-fluid[b-dqf78q30dj] {
    justify-content: space-between;
    flex-wrap: nowrap;
}

.navbar-text[b-dqf78q30dj] {
    font-weight: 650;
    font-size: 30px;
    white-space: nowrap;
    font-size: var(--co-font-size-26);
    text-align: center;
}

@media (max-width: 599px) {
    /* Styles for Xs */
    .header[b-dqf78q30dj] {
        height: 44px;
    }

    [b-dqf78q30dj] .mud-nav-item.image {
        padding: 0;
        width: 150px;
        height: 44px;
    }

    .meijerLogo[b-dqf78q30dj] {
        width: 88px;
        height: 44px;
    }

    .userName[b-dqf78q30dj] {
        font-size: var(--co-font-size-14);
    }

    .navbar-text[b-dqf78q30dj] {
        font-size: var(--co-font-size-18);
    }
}

/* Small devices (tablets) 600px to 959px */
@media (min-width: 600px) and (max-width: 959px) {
    /* Styles for Sm */
    .header[b-dqf78q30dj] {
        height: 46px;
    }

    [b-dqf78q30dj] .mud-nav-item.image {
        padding: 0;
        width: 150px;
        height: 46px;
    }

    .userName[b-dqf78q30dj] {
        font-size: var(--co-font-size-16);
    }

    .meijerLogo[b-dqf78q30dj] {
        width: 98px;
        height: 46px;
    }

    .navbar-text[b-dqf78q30dj] {
        font-size: var(--co-font-size-22);
    }
}

/* Medium devices (small laptops) 960px to 1279px */
@media (min-width: 960px) {
    /* Styles for Md */
    [b-dqf78q30dj] .mud-nav-item .meijerLogo {
        width: 118px;
        height: 64px;
    }

    .header[b-dqf78q30dj] {
        height: 64px;
    }

    .userName[b-dqf78q30dj] {
        font-size: var(--co-font-size-18);
    }

    [b-dqf78q30dj] .mud-nav-item.image {
        padding: 0;
        width: 150px;
        height: 64px;
    }

    .meijerLogo[b-dqf78q30dj] {
        width: 98px;
        height: 46px;
    }

    .navbar-text[b-dqf78q30dj] {
        font-size: var(--co-font-size-26);
    }
}
/* /Pages/Home.razor.rz.scp.css */
[b-00r4wmskkf] .mud-paper.home-mud-paper {
    background-color: #F5F9FB;
    border-color: #d3d7db;
    width: 30%;
    min-width: 490px;
}

[b-00r4wmskkf] .submenu-item {
    color: #0C60A5;
    font-weight: 600;
    background-color: #F5F9FB;
    border-color: transparent;
    transition: all 0.3s ease;
    font-family: var(--co-font-family);
    font-size: 1.0rem;
    z-index: 1;
    position: relative !important;
    min-height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    /*border: none !important;*/
    box-shadow: none !important;
    border-style: solid !important;
}

[b-00r4wmskkf] .menu-item {
    color: #0C60A5;
    font-weight: 600;
    background-color: #F5F9FB;
    border-color: transparent;
    transition: all 0.3s ease;
    font-family: var(--co-font-family);
    font-size: 1.0rem;
    z-index: 1;
    position: relative !important;
    min-height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
}

    /* Hover effect for all */
    [b-00r4wmskkf] .menu-item:hover,
    [b-00r4wmskkf] .menu-item.default-hover {
        background-color: #e1ecf9;
    }
/* Ensure submenu item covers entire clickable area */
[b-00r4wmskkf] .submenu-item,
[b-00r4wmskkf] .mud-nav-item.submenu-link,
[b-00r4wmskkf] .mud-nav-link.submenu-link {
    box-sizing: border-box;
    background-color: #F5F9FB;
    border-bottom: 1px solid #b6b2b2 !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow:inherit;
}

    [b-00r4wmskkf] .mud-nav-item.submenu-link:hover,
    [b-00r4wmskkf] .mud-nav-link.submenu-link:hover {
        background-color: #e1ecf9 !important; /* Your intended hover color */
        cursor: pointer;
    }

    /* Optional: diagnostic outline for debugging hover coverage */
    [b-00r4wmskkf] .mud-nav-item.submenu-link:hover {
        outline: none; /* change to 1px solid red if testing hover boundaries */
    }


/* Colored left border */
[b-00r4wmskkf] .menu-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: background-color 0.3s ease, border-radius 0.3s ease;
    z-index: -1;
}

[b-00r4wmskkf] .submenu-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: background-color 0.3s ease, border-radius 0.3s ease;
    z-index: -1;
}

/* Apply color and round corners on hover */
[b-00r4wmskkf] .menu-item:hover::before,
[b-00r4wmskkf] .menu-item.default-hover::before {
    background-color: #0C60A5;
}
[b-00r4wmskkf] .submenu-item.first:hover::before,
[b-00r4wmskkf] .submenu-item.first.default-hover::before {
    border-top-left-radius: 8px;
}

[b-00r4wmskkf] .submenu-item.last:hover::before,
[b-00r4wmskkf] .submenu-item.last.default-hover::before {
    border-bottom-left-radius: 8px;
}



[b-00r4wmskkf] .submenu-item:hover::before,
[b-00r4wmskkf] .submenu-item.default-hover::before {
    background-color: #0C60A5;
}
[b-00r4wmskkf] .submenu-item:hover {
    background-color: #e1ecf9 !important;
}
/* Round top-left corner if first */
[b-00r4wmskkf] .submenu-item.first:hover::before,
[b-00r4wmskkf] .submenu-item.first.default-hover::before {
    border-top-left-radius: 8px;
}

/* Round bottom-left corner if last */
[b-00r4wmskkf] .submenu-item.last:hover::before,
[b-00r4wmskkf] .submenu-item.last.default-hover::before {
    border-bottom-left-radius: 8px;
}

[b-00r4wmskkf] .arrow-icon {
    opacity: 0;
    transition: opacity 0.3s ease;
    color: #0C60A5;
}

[b-00r4wmskkf] .menu-item:hover .arrow-icon,
[b-00r4wmskkf] .menu-item.default-hover .arrow-icon {
    opacity: 1;
}

[b-00r4wmskkf] .mud-nav-item.menu-link {
    padding: 6px 26px 6px 12px;
    background: none !important;
}

[b-00r4wmskkf] .submenu-item:hover .arrow-icon,
[b-00r4wmskkf] .submenu-item.default-hover .arrow-icon {
    opacity: 1;
}

[b-00r4wmskkf] .mud-nav-item.submenu-link {
    padding: 6px 26px 6px 12px;
    background: none !important;
}

[b-00r4wmskkf] .mud-nav-link {
    background: none !important;
    font-weight: unset !important
}

[b-00r4wmskkf] .menu-divider {
    border-color: #e1e4e8 !important;
}

[b-00r4wmskkf] .submenu-divider {
    border-top: 1px solid #e1e4e8 !important;
    margin: 0 !important;
    height: 1px;
    width: 100%;
}
/* Make sure your parent container doesn't clip the submenu */
[b-00r4wmskkf] .home-mud-paper {
    overflow: visible !important;
}


[b-00r4wmskkf] .submenu {
    background-color: #F5F9FB !important;
    border: 1px solid #d3d7db !important;
    border-radius: 6px;
    padding: 0px;
    min-width: 490px;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1000;
    display: none; 

}

[b-00r4wmskkf] .MudSelect {
    width: 125px;
}

.custom-padding-right[b-00r4wmskkf] {
    margin-right: 0%;
}

[b-00r4wmskkf] .menu-item.hovered .submenu {
    display: block !important;
}

[b-00r4wmskkf] .mud-input {
    height: 30px !important;
}

 [b-00r4wmskkf] .mud-input select {
  border: 1px solid #ccc; /* default border */
  outline: none;
 }

        /* Focus style */
[b-00r4wmskkf] .mud-input select:focus {
 border-color: #007BFF !important; /* or any color you prefer */
 box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); /* optional for a glow effect */
 }
[b-00r4wmskkf] .mud-typography {
    color: black !important;
    font-family: 'Meijer Sans', sans-serif !important;
    box-sizing: border-box;
    font-size: 18px;
    padding-right: 10px;
}
[b-00r4wmskkf] .mud-primary-text {
    color: black !important;
}

.menu-reports[b-00r4wmskkf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.menu-header[b-00r4wmskkf] {
    display: flex;
    align-items: center;
    height: 30px;
    padding-left: 25%;
}

.mud-text-custom[b-00r4wmskkf] {
    margin-right: 10px;
    color: #191a1a;
    font-family: 'Meijer Sans', sans-serif !important;
    font-size: 17px;
}

.date-report[b-00r4wmskkf] {
    display: flex;
    align-items: center;
    padding-right: 20%;
}

.cal-position[b-00r4wmskkf] {
    position: relative;
}
[b-00r4wmskkf] .select-width {
    width: 110px !important;
    font-weight:400;
}
.text-custom[b-00r4wmskkf] {
    margin-right: 10px;
    color: #191a1a;
    font-family: 'Meijer Sans', sans-serif !important;
    font-size: 14px;
}
[b-00r4wmskkf] .custom-theme .mud-input-slot {
    color: black;
}
[b-00r4wmskkf] .mud-picker-container {
    background-color: #0C60A5 !important;
}

.menu-item-row[b-00r4wmskkf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.menu-arrow[b-00r4wmskkf] {
  margin-left: auto; /* Pushes the arrow to the right side */
  color: #666; /* Optional: Customize the arrow color */
  font-size: 24px; /* Optional: Adjust the size of the arrow */
}

[b-00r4wmskkf] .mud-icon-root.mud-svg-icon {
  fill: rgb(113 115 116);
}

/* /Pages/LotteryPostageInventoryExceptionReport.razor.rz.scp.css */
.page[b-gxze1dqoqg] {
    background-color: #F5F9FB;
    height: 100%;
    box-sizing: border-box;
}

[b-gxze1dqoqg] .table-container {
    max-height: calc(100% - 70px);
    overflow-y: auto;
}

[b-gxze1dqoqg] .co-table th,
[b-gxze1dqoqg] .co-table td {
    font-family: 'Meijer Sans';
    font-size: 20px;
}

[b-gxze1dqoqg] .co-table th {
    background-color: #0C60A5 !important;
    color: #E6F0FA !important;
    z-index: 1;
    position: sticky;
}

[b-gxze1dqoqg] .co-table tr {
    background-color: #f5f5ff;
    border-radius: 8px;
}
[b-gxze1dqoqg] .text-box{
    width : 130px;
    height : 90px;
    margin : 0px !important;
}
[b-gxze1dqoqg] .text-box label {
    font-size: var(--co-font-size-20) !important;
    font-weight: var(--co-font-weight-400) !important;
    font-family: var(--co-font-family) !important;
    line-height: var( --co-line-height-15) !important;
    white-space: nowrap !important;
    color: #3c5b75 !important;
}

    [b-gxze1dqoqg] .text-box input {
        font-size: var(--co-font-size-20) !important;
        font-weight: 400 !important;
        font-family: var(--co-font-family) !important;
        line-height: var( --co-line-height-10) !important;
        white-space: nowrap !important;
        color: #333333 !important;
        padding: 5px 5px;
        height: 40px;
    }

    [b-gxze1dqoqg] .text-box input :focus {
        outline: none;
        box-shadow: none;
        border-bottom: 1px solid black;
    }

[b-gxze1dqoqg] .text {
    margin-right: 10px;
    color: #191a1a;
    font-family: 'Meijer Sans', sans-serif !important;
    font-size: 20px;
    font-weight: 400;
    white-space: nowrap;
    letter-spacing: 0.04rem;
    padding-top : 8px;
}

@media (max-width : 1046px){
    [b-gxze1dqoqg] .limits {
        flex-direction : column;
        height: 180px;
        justify-content: center;
    }
    .otherLimit[b-gxze1dqoqg]{
        min-width : 260px;
    }
    .report[b-gxze1dqoqg] {
        width: 270px;
    }
}
@media (min-width : 1047px) {
    [b-gxze1dqoqg] .limits {
        flex-direction : row;
        height: 90px;
        justify-content: end;
    }
    .otherLimit .report[b-gxze1dqoqg]{
        width: auto;
    }
}
@media (max-width : 1499px) {
    [b-gxze1dqoqg] .filter {
         flex-direction: column; 
         align-items: center;
    }
}

@media (min-width : 1500px) {
    [b-gxze1dqoqg] .filter {
        flex-direction: row;
        align-items: normal;
    }
}
.scroll-container[b-gxze1dqoqg] {
    overflow-x: auto;
}
/* /Pages/SafeCountExceptionReport.razor.rz.scp.css */
.page[b-xribtd7281] {
    background-color: #F5F9FB;
    height: 100%;
    box-sizing: border-box;
}
[b-xribtd7281] .table-container {
    max-height: calc(100% - 70px);
    overflow-y: auto;
}

[b-xribtd7281] .co-table th,
[b-xribtd7281] .co-table td {
    font-family: 'Meijer Sans';
    font-size: 20px;
}

[b-xribtd7281] .co-table th {
    background-color: #0C60A5 !important;
    color: #E6F0FA !important;
    z-index: 1;
    position:sticky;
}

[b-xribtd7281] .co-table tr {
    background-color: #f5f5ff;
    border-radius: 8px;
}

@media (max-width : 1046px) {
    [b-xribtd7281] .limits {
        flex-direction: column;
        height: 180px;
        justify-content: center;
    }

    .otherLimit[b-xribtd7281] {
        min-width: 260px;
    }

    .report[b-xribtd7281] {
        width: 270px;
    }
}

@media (min-width : 1047px) {
    [b-xribtd7281] .limits {
        flex-direction: row;
        height: 90px;
        justify-content: end;
    }

    .otherLimit .report[b-xribtd7281] {
        width: auto;
    }
}

@media (max-width : 1499px) {
    [b-xribtd7281] .filter {
        flex-direction: column;
        align-items: center;
    }
}

@media (min-width : 1500px) {
    [b-xribtd7281] .filter {
        flex-direction: row;
        align-items: normal;
    }
}

.reportmargin[b-xribtd7281] {
    margin-top:25px;
}

.scroll-container[b-xribtd7281] {
    overflow-x: auto;
}