.button-danger {
    background-color: red !important;
    color: white !important;
    border: none !important;
}

select {
    font-size: 14px;
    line-height: 2;
    color: #2c3338;
    border-color: #8c8f94;
    box-shadow: none;
    border-radius: 3px;
    padding: 0 24px 0 8px;
    min-height: 30px;
    max-width: 25rem;
    -webkit-appearance: none;
    background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
    background-size: 16px 16px;
    cursor: pointer;
    vertical-align: middle;
    border: 1px solid #ddd;
    outline: none;
}

.hidden {
    display:none;
}

.menu {
    margin-top: 12px;
    margin-bottom: 12px;
    display:flex;
    flex-direction: row;
    justify-content: space-evenly;
    /* align-items: stretch; */
}

.menu-icon-btn:first-child {
    border-bottom-left-radius: 0.5em;
    border-top-left-radius: 0.5em;
}

.menu-icon-btn:last-child {
    border-bottom-right-radius: 0.5em;
    border-top-right-radius: 0.5em;
}

.menu-icon-btn {
    display: flex;
    width:100%;
    text-align: center;
    height: 36px;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
    cursor: pointer;
}

.menu-icon-btn.selected {
    background-color: #F6DECD;
}