LWCmenu {
    color: #5cf0f6;
    /* display: flex; */
    flex-direction: row;
    max-width: 100%;
    /* justify-content: center; */
    /* flex-wrap: wrap; */
    margin: 4px;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    align-content: center;
    justify-content: stretch;
}

menuitem {
    min-width: 18%;
    margin: 4px;
    padding: 4px;
    border-radius: 6px;
    border: solid 3px #5cf0f6;
    box-shadow: 1px 1px #ffbe2e;
    background: transparent;
    color: #5cf0f6;
    text-shadow: 0.5px 0.5px #ffbe2e;
    cursor: pointer;
}

menuitem.active {
    border-color: #ffbe2e;
    box-shadow: -1px -1px #5cf0f6;
    color: #ffbe2e;
    text-shadow: -0.5px -0.5px #5cf0f6;
}

lwcMenu dowContainer {
    grid-area: 1/1/2/2;
    align-content: center;
    justify-content: stretch;
    margin: 4px;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto auto auto auto auto;
}

lwcMenu button {
    color: #5cf0f6;
    background-color: transparent;
    border-color: #5cf0f6;
    border-radius: 10px;
    border-width: 2px;
    margin: 4px;
    /* padding: 4pt 0; */
    font-size: large;
    font-weight: bold;
    padding: 2px 4px;
    margin: 2px;
}

button, pic {
    cursor: pointer;
}

LWCmenu .dowButton.isDisplayDOW {
    /* color: #ea752b; */
    /* border-color: #ea752b; */
}

LWCmenu .dowButton.isServerDOW.isDisplayDOW {
    color: black;
    background-color: #5cf0f6;
    /* border-color: #ea752b; */
    /* COLOR: #EA752B; */
    box-shadow: -1px -1px #747474;
}
LWCmenu .dowButton.isServerDOW:not(.isDisplayDOW) {
    color: black;
    background-color: #5cf0f6;
    border-color: #5cf0f6;
}

LWCmenu menuItemContainer button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: max-content;
}

button label {
    line-height: .9;
}

menuitemcontainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 4px;
    justify-content: space-around;
}


button {
    text-shadow: 1pt 1pt #747474;
    box-shadow: 1px 1px #747474;
}

menuItemContainer button {
    color: #5cf0f6;
    border-color: #5cf0f6;
    box-shadow: -1px -1px #747474;
}

LWCmenu button {
    filter: grayscale(1);
}

LWCmenu button.selected, LWCmenu button.isDisplayDOW {
    filter: none;
}