@media (max-width: 640px) {

    /* 1) Remove the top blank spacer (empty uk-container with inline margin) */
    .uk-width-1-1 > .uk-container[style*="margin:10px"] {
        display: none !important;
    }

    /* 2) Reduce UIkit vertical spacing on mobile */
    .uk-margin-top { margin-top: 0px !important; }
    .uk-margin-bottom { margin-bottom: 0px !important; }

    /* 3) Keep content inset a bit so buttons aren’t flush left/right */
    .uk-container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* 4) Make your “tight” class NOT add extra vertical gaps */
    .mobile-tight {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .mobile-tight p {
        margin: 2px 0 !important;
    }

    /* 5) Shrink button block spacing a bit */
    .light-inner {
        margin-bottom: 6px !important;
        padding: 5px !important; /* was 20px */
        width: 100% !important;   /* optional: makes buttons wider on mobile */
    }

    /* Make bottom BACK / NEXT CHILD match top buttons */
    .uk-grid .light-inner {
        width: 90% !important;
        margin: 0 auto !important;
    }

    /* Reduce their vertical gap a bit */
    .uk-grid .light-inner + .light-inner {
        margin-top: 6px !important;
    }
	
  .light-inner a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;   /* tweak: try 48–60 */
    width: 100% !important;
  }
  
  .light-inner p {
    margin: 0 !important;
    line-height: 1 !important;
  }

  /* Hide the uk-width wrapper that contains pnl_Form */
  /*.uk-width-1-1:has(> .uk-container > #ctl00_mainContent_pnl_Form) {
    display: none !important;
  }*/
  
    /* existing rules */
    .mobile-grid-tight {
        grid-row-gap: 5px !important;
    }

    .mobile-center-tight {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        line-height: 1.1 !important;
    }

    .mobile-center-tight p {
        margin: 0 !important;
        line-height: 1.1 !important;
    }

    .mobile-center-tight br {
        line-height: 1.1 !important;
        display: inline;
    }
}



#ctl00_mainContent_lgn_User { width:100%}
.group-inner {
    background-color:#F3F4F0;padding:20px;
}
.forminput {
    border-radius: 5px;
    width: 100% !important;
    padding: 11px 10px;
    box-sizing: border-box;
    border: 1px solid #d0d0d0;
}
.logo_wrapper_secure {
    position:absolute;min-width:120px;width:100px;top:20px;left:15px;
}
.banner_secure {
    width:100%;height:40px;background-color:#4F5C30;
}
.banner_secure a {
    float:right;color:#ffffff;margin-top:5px;
}
.banner__wrapper_secure {
    min-height: 200px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%;
}
.svg_white {
    filter: invert(99%) sepia(2%) saturate(1062%) hue-rotate(246deg) brightness(119%) contrast(100%);
}
.validation-error {color:red;}

.dark-inner {
    background-color: #4F5C30;
    padding: 20px;
    width:90%;margin:0 auto;
    text-align:center;
    color:#ffffff;
}
    .dark-inner p, .light-inner p { color:#ffffff;margin:0;margin-top:10px;}
    .dark-inner .submit-button-checkout {
        color: #FFFFFF;
        background-color: #8A976B;
        font-size: 18px;
        padding: 3px 10px;
        font-weight: bold;
        margin-top: 15px;
    }
    .dark-inner a {
        color: #a4d138;
    }

    .dark-inner a:hover {
        color: #7B8F4B
    }
    .dark-inner p a {
        color: #ffffff;font-size:14px;
    }
    .centerdark {
        margin:0 auto !important;
    }

.light-inner {
    background-color: #8A976B;
    padding: 20px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    margin-bottom: 10px !important;
}

table.tblChildDetails {
    border-collapse: separate !important;
    border-spacing: 0 3px !important;
}
    table.tblChildDetails td {
        padding: 4px;
        padding-left: 10px;
        background-color: #F3F4F0;
    }
table th {
    padding: 4px;
    padding-left: 10px;
    text-align:left;
    background-color: #7B8F4B;
    color: #ffffff;
    font-weight: bold;
    font-size:16px;
}
table td {
    color: #4F5C30;
    font-size: 16px;
}
.week-selection-tbl { margin-bottom:15px;}
table a, table a:hover, table a:focus {
    color: #FFFFFF;
    background-color: #4F5C30;
    font-size: 14px;
    padding: 3px 10px;
    font-weight: bold;
    display: block;
    text-align: center;
    max-width: 120px;
    float: right;
}
.hsmtables td {
    padding: 4px;
    padding-left: 10px;
    background-color: #F3F4F0;
}
.allergy-indicator {margin-right:5px;}

.modalPanel {
    background-color: #ffffff;
    padding: 20px;
    border: 2px solid green;
    position: fixed;
    width: 95%;
    top: 20%;
    left: 2.5%;
    right: 0;
    overflow-x: hidden !important;
    text-align: center;
    max-height: 600px;
}

.dropbtn {
    border: none;
    margin-top:5px;
}

.dropdown {
    position: relative;
    display: inline-block;
    float:right;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        float:none;
    }

        .dropdown-content a:hover {
            
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    
}

@media only screen and (max-width: 768px) {

    .uk-child-width-1-3>* { width:100% !important;margin-bottom:10px !important;}
    .uk-child-width-1-2>* { width:100% !important;}
}

.submit-button-go { /*background-color:#6181A8;*/
    background-color: #898989;
    color: #dde4ec;
    padding: 4px 20px;
    font-size: 13px;
    border: solid 1px #dde4ec;
}

    .submit-button-go:hover, .submit-button-go:focus {
        background-color: #088F00;
        color: #dde4ec;
        cursor: pointer;
    }

.submit-button-go-alt {
    background-color: #8F8F8F;
    color: #FFF;
    padding: 4px 20px;
    font-size: 13px;
    border: solid 1px #dde4ec;
    max-width: none;
}

    .submit-button-go-alt:hover, .submit-button-go-alt:focus {
        background-color: #088F00;
        color: #FFF;
        cursor: pointer;
    }

.popupWrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}