#grid-options {
    /*border: 1px solid #00c1cf;*/
    background: #c0c5ca;


    /*background: #f0f5fa;*/

    background: rgba(192, 197, 202, .25);

    /*background: rgba(240, 245, 250, .2);*/
    box-shadow: 0 0 .5em rgba(0, 0, 0, .2) inset;
    border-radius: 5px;
    color: #40454a;
    overflow: hidden;
    margin: 18px;
    max-height: 100em;
    transition: max-height .5s, margin 0s 0s;
    text-shadow: 0 1px rgba(255, 255, 255, .2);
}

#grid-options input[type=number],
#grid-options select {
    box-shadow: 0 0 .5em rgba(0, 0, 0, .15);
}

#grid-options:not(.active) {
    max-height: 0;
    margin: 0;
    transition-delay: 0s, .5s;
}

#grid-options > div {
    width: 100%;
    padding: 25px;
    overflow: hidden;
}

.option-panel {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.option-panel .option-column {
    /*display: flex;*/
    /*flex: 1 1 auto;*/
    width: 48%;
    /*flex-flow: column nowrap;*/
    justify-content: space-between;
}