.top-menu-wrap {
    position:fixed;
    width: 100%;
    z-index:10;
}
.top-menu {
    float:left;
    width:100%;
    min-width:22rem;
    height: var(--top-menu-height);
    background-color: var(--top-menu-bg-color);
    box-shadow: var(--top-menu-shadow);
    overflow: hidden;
}
.top-menu .machine-select-wrapper {
    overflow:hidden;
    float:left;
    margin-top:0.5em;
    max-width:calc(100% - 10.0rem);
}
.top-menu select {
    display:none;
    outline: none;
    opacity:1;
    margin:0.25em 0 0 0;
    height:2.8em;
    border:0;
    font-size: 0.95em;
    color:var(--top-menu-text-color);
    background-color:transparent;
    -webkit-appearance: none;
    appearance: none;
    padding:0.8em;
}
.top-menu option {
    background-color:var(--top-menu-option-bg-color);
    color:var(--top-menu-option-text-color);
    font-size:0.8em;
}
.top-menu option:hover {
    background-color:var(--top-menu-bg-color);
    color:var(--top-menu-option-text-color);
    font-size:0.8em;
}
.top-menu .large-menu {
    display: block;
    float:right;
}
.top-menu .small-menu {
    display: none;
}
@media (max-width: 550px) {
    .top-menu .large-menu {
        display: none;
    }
    .top-menu .small-menu {
        display: block;
    }
}
.top-menu .large-menu a {
    font-size: 1rem;
    color: var(--top-menu-text-color);
    float: left;
    padding: 1em;
    text-decoration: none;
}
.top-menu-wrap .up-down-toggle {
    margin:0.35em 0.25em 0 0.1em;
    background-color: transparent; /*var(--top-menu-text-color);*/
    color:var(--top-menu-text-color);
}
.test-class {
    color: red !important;
    border: 1px solid red !important;
}