.gridtab, .gridtab>dt, .gridtab>dd {

    position: relative;
    border: 0 solid
}

.gridtab {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: start;
    justify-content: center;
    box-sizing: border-box
}

.gridtab * {
    box-sizing: border-box
}

.gridtab>dd {
    z-index: 1;
    display: none;
    min-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0 auto;
}

.gridtab>dt {
    transition: background 1s;
    background: #f2f2f2
}

.gridtab>dt:after {
    content: '';
    position: absolute;
    right: 0;
    right: 0
}

.gridtab>dt.is-disabled {
    pointer-events: none
}

.gridtab>dt.is-active {
    z-index: 2
}

.gridtab>dt>img {
    max-width: 100%;
    float: right;
    height: auto
}