.tabs {
    width: 99%;
}



    .tabs ul {
        padding: 20px;
        margin: 0;
    }

        .tabs ul li:nth-child(0) {
            border-left: solid 1px #ccc;
        }

        .tabs ul li {
            list-style: none;
            float: left;
            width: 25%;
            /*border-right:solid 1px #ccc;*/
            outline: solid 1px #ccc;
            background-color: #f0f0f0;
        }

            .tabs ul li div {
                padding: 15px;
                color: #616161;
            }

                .tabs ul li div:nth-child(1) {
                    text-align: center;
                    font-weight: bold;
                    font-size: 1.3em;
                }

                .tabs ul li div:nth-child(2) {
                    text-align: left;
                    font-weight: normal;
                    font-size: 1.0em;
                    background: white;
                }

    .tabs .body {
        clear: both;
        width: 90%;
        min-height: 100px;
        padding: 4%;
        visibility: visible;
    }

.selectedTab {
    background: #8ad2fa;
}

.tabs ul li div:nth-child(1):hover {
    background: var(--main-blue);
    cursor: pointer;
}