/*
 * Menu Bar - Dark Blue Glass Effect Theme
 * Created: 2025-11-17
 * Description: Dark blue glass effect for menu bar and submenus
 */

/* ========================================
   MENU BAR GLASS EFFECT ONLY
   ======================================== */

/* Menu Bar */
.menubar {
    background: rgba(30, 58, 138, 0.85) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Menu Items */
.menuItem:hover,
.menuItem:Hover {
    background: #1E3A8A !important;
    transition: all 0.3s ease;
}

.subMenuItem {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    transition: all 0.3s ease;
}

.subMenuItem:hover {
    background: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.4);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* ========================================
   SUBMENU / DROPDOWN STYLING
   ======================================== */

/* Dynamic Menu (Submenus) */
.AspNet-Menu-Dynamic,
div[class*="AspNet-Menu-Dynamic"],
.MenuInnoDairy_1,
#MenuInnoDairy ul,
#MenuMPSS ul {
    background: rgba(30, 58, 138, 0.95) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    padding: 5px 0;
}

/* Submenu Items */
.AspNet-Menu-Dynamic a,
.MenuInnoDairy_1 a,
#MenuInnoDairy ul a,
#MenuMPSS ul a {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    margin: 2px 5px;
    padding: 8px 12px !important;
    transition: all 0.3s ease;
}

/* Submenu Items Hover */
.AspNet-Menu-Dynamic a:hover,
.MenuInnoDairy_1 a:hover,
#MenuInnoDairy ul a:hover,
#MenuMPSS ul a:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transform: translateX(5px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Submenu Divider */
.subMenuDivider {
    display: none;
}

/* ========================================
   OVERRIDE PENDING ITEMS COLORS
   ======================================== */

/* Force dark blue for all pending items headers and state-default elements */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
td.ui-state-default,
th.ui-state-default,
.ourStateDefault {
    border: 1px solid #1E3A8A !important;
    background: #1E3A8A !important;
    background-color: #1E3A8A !important;
    color: #ffffff !important;
}

.ui-savesubmit {
    background: #1E3A8A !important;
    background-color: #1E3A8A !important;
    border-color: #1E3A8A !important;
}

/* ========================================
   FOOTER STYLING
   ======================================== */

/* Force dark blue background and white text in footer */
.footer,
#footer,
div.footer,
div#footer {
    background: #1E3A8A !important;
    background-color: #1E3A8A !important;
    color: #FFFFFF !important;
}

.footer td,
#footer td,
.footer span,
#footer span,
.footer .bold,
#footer .bold {
    color: #FFFFFF !important;
}

.footer a,
#footer a,
.footer .pagelink,
#footer .pagelink {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.footer a:hover,
#footer a:hover,
.footer .pagelink:hover,
#footer .pagelink:hover {
    color: #FFFFFF !important;
    text-decoration: underline !important;
}

/* ========================================
   FORGOT PASSWORD LINK
   ======================================== */

/* Forgot Password and other page links - dark blue theme */
a.pagelink,
a.pagelink:link,
a.pagelink:visited,
a.pagelink:active,
.pagelink {
    color: #1E3A8A !important;
}

a.pagelink:hover,
.pagelink:hover {
    color: #1E3A8A !important;
    text-decoration: underline !important;
}

/* ========================================
   TODAY DATE STYLING
   ======================================== */

/* Today's date in header - dark blue theme */
.todayDate {
    color: #1E3A8A !important;
}