.HomeDataPanel {
    height: 368px;
}

.HomeButtonTable {
    border-top: 1px var(--neutral-50) solid;
    margin-top: 6px;
    margin-right: 6px;
    margin-left: 6px;

}

.HomeVersionDetail {
    width: 300px;
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right;
}

.HomeVersionDetail #KioskName, #Version {
    font-size: 14px;
    color: var(--primary-110);
    height: 20px;

}

.HomeVersionDetail #KioskNameValue, #VersionValue {
    font-size: 14px;
    font-weight: bold;
    height: 20px;
}

.UsersButton, .UsersButtonLT {
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    background: var(--bg) url('../Images/DataButtonBG.png') center;
    border-right: 1px var(--neutral-50) solid;
    border-bottom: 1px var(--neutral-50) solid;
}

.UsersButtonLT {
    border-left: 1px var(--neutral-50) solid;
}

.HomeButton, .HomeButtonLT {
    width: 224px;
    height: 71px;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    background: var(--bg) url('../Images/DataButtonBG.png') center;
    border-right: 1px var(--neutral-50) solid;
    border-bottom: 1px var(--neutral-50) solid;
}

.HomeButtonLT {
    border-left: 1px var(--neutral-50) solid;
}

.HomeButtonPress {
    background: var(--bg) url('../Images/DataButtonBGPress.png') center;
}

.HomeButtonDetail {
    color: var(--neutral-50);
    font-size: 10px;
    font-weight: normal;
}

.StatusLayoutTable {
    margin: 6px 6px 0;
    height: 95%;
}

.StatusThermometer {
    width: 80px;
    border: 1px var(--neutral-40) solid;
}

.ThermometerTable {
    width: 80px;
    height: 100%;
}

.ThermometerUnallocated {
    background: var(--bg) url('../Images/ThermometerUnallocatedBG.png');
}

.ThermometerConfirmed {
    padding-top: 10px;
    background: var(--yellow-40) url('../Images/ThermometerConfirmedBG.png');
}

.ThermometerPending {
    padding-top: 10px;
    background: var(--yellow-40) url('../Images/ThermometerPendingBG.png');
}

.ThermometerFailed {
    padding-top: 10px;
    background: var(--yellow-40) url('../Images/ThermometerFailedBG.png');
}

.UserDataPanel {
    height: 100%;
}

.UserActionButtonBG {
    height: 100%;
}

.UserButtonTable {
    margin: 6px;
    border-top: 1px var(--neutral-50) solid;
}

.UserButton, .UserButtonLT {
    width: 224px;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 5px 5px 10px;
    background: var(--bg) url('../Images/DataButtonBG.png') center;
    border-right: 1px var(--neutral-50) solid;
    border-bottom: 1px var(--neutral-50) solid;
}

.UserButtonLT {
    border-left: 1px var(--neutral-50) solid;
}

.UserButtonPress {
    background: var(--bg) url('../Images/DataButtonBGPress.png') center;
}

.UserButtonGroupByInvoiceSequence, .UserButtonLTGroupByInvoiceSequence {
    width: 224px;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 5px 5px 10px;
    background: var(--bg) url('../Images/DataButtonBGGroupByInvoiceSequence.png') center;
    border-right: 1px var(--neutral-50) solid;
    border-bottom: 1px var(--neutral-50) solid;
}

.UserButtonLTGroupByInvoiceSequence {
    border-left: 1px var(--neutral-50) solid;
}

.UserButtonPressGroupByInvoiceSequence {
    background: var(--bg) url('../Images/DataButtonBGPressGroupByInvoiceSequence.png') center;
}

.PalletIDDisplay {
    font-size: 12px;
    font-weight: bold;
}

.PalletDescriptionDisplay {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}

.PalletUnitsDisplay {
    font-size: 12px;
    color: var(--neutral-50);
}

.PalletNewDisplay {
    font-size: 12px;
    font-weight: bold;
    color: var(--text);
}

.PalletPrintedDisplay {
    font-size: 12px;
    font-weight: bold;
    color: var(--primary-50);
}

.PalletPartiallyPickedDisplay {
    font-size: 12px;
    font-weight: bold;
    color: var(--primary-20);
}

.PalletAssignedDisplay {
    font-size: 12px;
    font-weight: bold;
    color: var(--primary-100);
}

.PalletPickCompleteDisplay {
    font-size: 12px;
    font-weight: bold;
    color: var(--yellow-40);
}

.PalletQAFailedDisplay {
    font-size: 12px;
    font-weight: bold;
    color: var(--red-60);
}

.PalletQAPendingDisplay {
    font-size: 12px;
    font-weight: bold;
    color: var(--primary-30);
}

.PalletConfirmedDisplay {
    font-size: 12px;
    font-weight: bold;
    color: var(--yellow-40);
}

.PalletLoadedDisplay {
    font-size: 12px;
    font-weight: bold;
    color: var(--text-secondary);
}

.StatusUnits {
    font-size: 18px;
    font-weight: bold;
}

.StatusDescription {
    font-size: 12px;
    color: var(--text);
}

.StatusTotalUnits, .StatusUnAllocatedUnits {
    color: var(--neutral-60);
}

.StatusUnAssignedUnits {
    color: var(--primary-50);
}

.StatusConveryUnits {
    color: var(--primary-20);
}

.StatusAssignedUnits {
    color: var(--primary-70);
}

.StatusPendingUnits {
    color: var(--primary-30);
}

.StatusFailedUnits {
    color: var(--text-error);
}

.StatusConfirmedUnits {
    color: var(--yellow-40);
}

.SubUserButtonCell {
    width: 66px;
    height: 60px;
}

.SubUserButtonTable {
    width: 66px;
    height: 60px;
}

.SubUserButton {
    background: var(--neutral-30) url('../Images/SubButtonBG.png') center;
    border: 1px var(--neutral-50) solid;
    text-align: center;
}

.SubUserButtonPress {
    background: var(--neutral-30) url('../Images/SubButtonBGPress.png') center;
}

.SubUserButtonSelected {
    border: 1px var(--primary-50) solid;
}

.PalletTransTable {
    width: 98%;
    margin: 6px;
    border-left: 1px var(--neutral-40) solid;
    border-top: 1px var(--neutral-40) solid;
    border-bottom: 1px var(--neutral-40) solid;
}

.PalletTransTable tr {
    height: 30px;
    line-height: 30px;

}

.BinInventoryTable {
    width: 98%;
    margin: 6px;
    border-left: 1px var(--neutral-40) solid;
    border-top: 1px var(--neutral-40) solid;
    border-bottom: 1px var(--neutral-40) solid;
}

.BinInventoryTable tr {
    height: 30px;
    line-height: 30px;

}

.StatusPickersTable {
    width: 100%;
    border-left: 1px var(--neutral-40) solid;
    border-top: 1px var(--neutral-40) solid;
    border-bottom: 1px var(--neutral-40) solid;
}

.StatusPickersTable tr {
    height: 30px;
    line-height: 30px;
}

.TableHeader {
    background: var(--neutral-40) url('../Images/TableHeaderBG.png') center;
    border-right: 1px var(--neutral-40) solid;
    border-bottom: 1px var(--neutral-40) solid;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding: 0 5px;
}

.TableRow0 {
    border-right: 1px var(--neutral-40) solid;
    padding: 0 5px;
    text-align: center;
    font-size: 12px;
}

.TableRow1 {
    border-right: 1px var(--neutral-40) solid;
    background: var(--bg);
    padding: 0 5px;
    text-align: center;
    font-size: 12px;
}

.TableAlignLeft {
    text-align: left;
}

.TableRowSelected {
    border-right: 1px var(--primary-80) solid;
    background: var(--primary-80);
    color: var(--text-onbg-action);
}

.CheckboxCell {
    padding: 0 3px 0 2px;
}

.Checkbox {
    width: 18px;
    height: 18px;
    background: var(--neutral-30) url('../Images/CheckboxBG.png') center;
    border: 1px var(--neutral-40) solid;
}

.CheckboxPress {
    background: var(--neutral-30) url('../Images/CheckboxBGPress.png') center;
}

.CheckboxOff {
    width: 18px;
    height: 18px;
    background-image: url('../Images/CheckMarkSmallOff.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.CheckboxOn {
    width: 18px;
    height: 18px;
    background-image: url('../Images/CheckMarkSmallOn.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.CheckboxSelected {
    border: 1px var(--primary-50) solid;
}

.LoadSheetDateDisplay {
    font-size: 14px;
    font-weight: bold;
}

.LoadSheetDescriptionDisplay {
    font-size: 12px;
}

.LoadSheetNewDisplay {
    font-size: 12px;
    font-weight: bold;
    color: var(--text);
}

.LoadSheetPrintedDisplay {
    font-size: 12px;
    font-weight: bold;
    color: var(--primary-50);
}

.LoadSheetLoadedDisplay {
    font-size: 12px;
    font-weight: bold;
    color: var(--red-90);
}

.WaitTable {
    width: 100%;
    height: 100%;
}

.WaitMessage {
    font-size: 12px;
    color: var(--primary-80);
    text-align: center;
}

.WMSInfoCellLT {
    padding: 6px 6px 0;
    text-align: left;
}

.WMSInfoCellRT {
    padding: 6px 6px 0;
    text-align: right;
}

.WMSDetail {
    font-size: 12px;
    color: var(--neutral-50);
}

.WMSProduct {
    font-size: 16px;
    font-weight: bold;
    color: var(--primary-80);
}

.WMSProductID {
    font-size: 14px;
    font-weight: bold;
}

.ProductDescriptionDisplay {
    width: 200px;
    font-size: 12px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.WMSInfo {
    font-size: 14px;
    font-weight: bold;
}

.WMSInfoTitle {
    font-size: 14px;
}

.DialogMask {
    width: 800px;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--text);
    opacity: 0.08;
    filter: opacity(8%);
}

.Dialog {
    position: absolute;
}

.Dialog .DialogTitleLeft {
    background-image: url("../Images/TopLeft.png");
    background-repeat: no-repeat;
}

.Dialog .DialogTitleText {
    background-image: url("../Images/Top.png");
    padding-left: 6px;
    font-size: 13px;
    text-shadow: 1px 1px 2px var(--neutral-10), 0 0 1em var(--neutral-10), 0 0 0.2em var(--neutral-10);
    background-repeat: repeat-x;
    border-bottom: 1px var(--neutral-120) solid;
}

.Dialog .DialogTitleRight {
    background-image: url("../Images/TopRight.png");
    background-repeat: no-repeat;
}

.Dialog .DialogTitleCloseButton {
    background-image: url("../Images/CloseButton.png");
    background-repeat: repeat-x;
    border-bottom: 1px var(--neutral-120) solid;
}

.Dialog .DialogRightLeft {
    background-image: url("../Images/RightLeft.png");
    background-repeat: repeat-y;
}

.Dialog .DialogBottom {
    background-image: url("../Images/Bottom.png");
}

.Dialog .DialogFootLeft {
    background-image: url("../Images/BottomLeft.png");
    background-repeat: no-repeat;
}

.Dialog .DialogFootRight {
    background-image: url("../Images/BottomRight.png");
    background-repeat: no-repeat;
}

.Dialog .DialogCenter {
    background-color: var(--bg);

}