* {
    margin: 0;
    padding: 0
}

body, html {
    height: 100%
}

ol, ul, ul li {
    list-style: none
}

a:active, a:focus, a:hover, a:link, a:visited {
    text-decoration: none
}

.simple-tab {
    position: relative;
    overflow: hidden;
    margin-bottom: -1px;
    padding-top: 5px;
    padding-left: 1px;
    z-index: 1
}

    .simple-tab > li {
        position: relative;
        float: left;
        margin-top: 3px;
        margin-left: -1px;
        border: 1px solid #ddd;
        background: #f5f5f5
    }

        .simple-tab > li > a {
            display: table-cell;
            overflow: hidden;
            height: 30px;
            max-width: 250px;
            padding: 0 20px;
            font-size: 15px;
            color: #777;
            line-height: 1.66em;
            letter-spacing: .08em;
            text-overflow: ellipsis;
            vertical-align: middle;
            white-space: nowrap
        }

        .simple-tab > li.selected {
            margin-top: 0;
            box-shadow: 0 -1px 10px rgba(0,0,0,.1);
            border-top-width: 4px;
            border-top-color: #09c453;
            border-bottom-color: #fff;
            background: #fff;
            z-index: 9
        }

            .simple-tab > li.selected > a {
                color: #000
            }

        .simple-tab > li.dimmed > a {
            color: #d5d5d5
        }

@media screen and (max-device-width:767px) {
    .simple-tab {
        display: flex;
        flex-wrap: wrap
    }

        .simple-tab > li {
            display: table;
            flex: 1 1;
            float: none;
            margin-top: -1px !important
        }

            .simple-tab > li > a {
                padding: 4px 5px 0;
                height: 40px;
                font-size: 14px;
                text-align: center;
                -webkit-line-clamp: 2
            }

            .simple-tab > li.selected {
                border-bottom-color: #ddd
            }

                .simple-tab > li.selected > a {
                    padding-top: 1px
                }
}

.simple-tab-content {
    min-height: fit-content;
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff
}