/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}

    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }

    .tab-links li {
        margin:0px 5px;
        float:left;
        list-style:none;
    }

        .tab-links a {
            padding:9px 15px;
            display:inline-block;
            border-radius:3px 3px 3px 3px;
            background: #808080; /* bbb */
            font-size:15px;
            font-weight:bold;
            color: white;
            transition:all linear 0.15s;
            text-decoration: none;
        }

        .tab-links a:hover {
            background: #2676a9; /*#2676a9;*/
            text-decoration: underline;
            color: white;
        }

    li.active a, li.active a:hover {
        background:#2676a9;
        color: white;
    }

    /*----- Content of Tabs -----*/
    .tab-content {
        padding:5px 5px 0 5px;
        margin-top:-16px;
        border-radius:3px;
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        /*background: #2676a9;*/
        border: 4px solid #2676a9;
    }
    
    .tab-content p {
         /*color: white;*/
    } 

        .tab {
            display:none;
        }

        .tab.active {
            display:block;
        }