/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .navTabs:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .navTabs li {
        margin:0px 5px;
        float:left;
        list-style:none;
    }
 
        .navTabs a {
            padding:9px 15px;
            display:inline-block;
            border-radius:3px 3px 0px 0px;
            background:#7FB5DA;
            font-size:16px;
            font-weight:600;
            color:#4c4c4c;
            transition:all linear 0.15s;
        }
 
        .navTabs a:hover {
            background:#a7cce5;
            text-decoration:none;
        }
 
    .navTabs li.active a, li.active a:hover {
        background:#fff;
        color:#4c4c4c;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
        padding:15px;
        border-radius:3px;
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        background:#fff;
    }
 
        .tabcontent {
            display:none;
        }
 
        .tabcontent.active {
            display:block;
        }
        
        .tabgcontent {
            display:none;
        }
 
        .tabgcontent.active {
            display:block;
        }
        .tabocontent {
            display:none;
        }
 
        .tabocontent.active {
            display:block;
        }