.en-scrollableGrid {
    overflow-x: scroll;
    width: 100%;
}

 


.en-coleight {
    width: 12.49% !important;
}

.en-number{
    width: 8em;
    text-align: right;
}

.en-barcode{
    width: 15em;

}
input[type="submit"] {
    margin-top: 5px !important;
    margin-right: 10px !important;
}

.en-displayLabel {
    display: block !important;
}
.en-checkbox {
    display: block !important;
}
.autoCompleteList {
    visibility: hidden;
    margin: 0px !important;
    background-color: Gray;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    height: 220px;
    text-align: left;
    list-style-type: none;
    white-space: nowrap;
    z-index: 10005 !important;
}




.autoCompleteSelectedItem {
    background-color: #ffff99;
    color: black;
    padding: 1px;
    overflow: hidden;
}

.autoCompleteItem {
    background-color: Gray;
    color: windowtext;
    padding: 1px;
}
/*Hover Menu*/
.popupMenu {
    position: absolute;
    visibility: hidden;
    background-color: #F5F7F8;
    opacity: .9;
    filter: alpha(opacity=90);
}

.popupHover {
    background-image: url(images/header-opened.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #F5F7F8;
}

/*Modal Popup*/
.modalPopup {
    background-color: White;
    width: 50em;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}

.modalBackground {
    background-color: Gray;
    opacity: .7;
}
.closePopup {
    float: right;
    margin: 3px;
}
/* ajax hover menu extender */

.popupMessage {
    background-color: white;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    border-radius: 12px;
    padding: 6px;
}

.popupCloseButton {
    font-size: smaller;
    min-width: 48px;
    padding: 3px;
}

/* Keep label, textbox, and button on one line and vertically centered */
.controls-inline {
    display: flex;
    align-items: center;
    gap: 8px; /* space between items */
}

/* Match textbox height to W3 button */
.match-btn {
    height: 38px; /* match w3-button height */
    line-height: normal;
    padding: 0 8px;
    box-sizing: border-box;
    margin-top: 5px; /* align with default w3-button top margin */
}

/* Optional: your custom medium grey button background */
.w3-medium-grey {
    background-color: #939597 !important;
    color: #fff !important;
}

/* If you ever need to force a W3 input inline in other places */
.inline-input {
    display: inline-block !important;
    width: auto;
    vertical-align: middle;
}

 
/* All table headers inside .w3-table should be dark grey */
.w3-table thead tr,
.w3-table tr:first-child {
    background-color: #616161 !important; /* same as w3-dark-grey */
    color: #fff !important;
}

/* Center-align and vertically middle all table content */
.w3-table td,
.w3-table th {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc; /* consistent border */
}

/* Ensure tables always have border collapse for clean look */
.w3-table {
    border-collapse: collapse;
}