.midiTop {
    width: 90vw;
    height: 90vh;
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
}
@media (min-aspect-ratio: 4/3) {
    .midiTop {
        flex-flow: row nowrap;
    }
}
.midiTop > * {
    flex: 1 1 50%;
    display: flex;
    flex-flow: column nowrap;
    padding: .5em;
    border: 1px solid #999;
    margin: .25em;
}
.midiUnTop {
    
}
.midiUn {
    flex: 1 1 auto;
    overflow-y: hidden;
}
.midiUnItem {
    margin: .25em;
    padding: .5em;
    background: #600;
    color: #fff;
    /*
    border: 1px solid #999;
    border-radius: .25em;
    cursor: pointer;
   */
}
.midiUnRoute {
    font-weight: bold;
}
.midiUnVal {
    padding-left: .5em;
    color: #999;
}
midiAsTop {
    
}
.midiAs {
    flex: 1 1 auto;
    overflow-y: auto;
}
.midiAsItem {
    margin: .25em;
    padding: .5em;
    border: 1px solid #999;
    border-radius: .25em;
    background: #006;
    color: #fff;
    display: flex;
    flex-flow: row nowrap;
}
.midiAsKey {
    
}
.midiAsTarget {
    flex: 1 1 auto;
}
.midiAsActions {
    flex: 1 1 auto;
}
.midiAsClear {
    color: #900;
    flex: 0 0 auto;
}
.midiAsFlash {
    background: #118;
}
.midiHdr {
    font-weight: bold;
}

.midiBanks {
    flex: 1 1 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: baseline;
    overflow-x: hidden;
}
.midiBank {
    padding: .75em;
}
.midiBankSel {
    background: #9fa;
    font-weight: bold;
}
.midiSpacer {
    flex: 1 1 auto;
}

.midiActionsTop {
    width: 20em;
}
.midiActionsHead {
    font-weight: bold;
}
.midiActionsLine {
    padding-top: .25em;
    display: flex;
    flex-flow: row wrap;
}
.midiActionsLine > * {
    padding-right: 1em;
}
.midiActionsLine > select {
    flex: 1 1 auto;
}

.midiTargetTop {
    
}
.midiTargetHead {
    font-weight: bold;
}
.midiTargetLine {
    display: flex;
    flex-flow: row wrap;
    align-items: baseline;
}
.midiTargetLine > select, .midiTargetLine > input {
    padding-top: .25em;
    flex: 1 1 auto;
}
.midiTargetLine > span {
    padding-left: 1em;
}