/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
    list-style-type: none;
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
    .tab-links{
        margin-bottom: 0px;   
    }
 
    .tab-links li {
        margin:0px 5px;
        float:left;
        list-style:none;
    }
 
        .tab-links a {
            padding:9px 15px;
            display:inline-block;
            border-radius:3px 3px 0px 0px;
            background:#6237C5;
            font-size:16px;
            font-weight:600;
            color:rgba(255,255,255,0.8);
            transition:all linear 0.15s;
            text-decoration:none;
        }
 
        .tab-links a:hover {
            background:#523b89;
            color: rgb(255, 255, 255);
            text-decoration:none;
        }
        
        .tab-content .tab a{
            margin: 5px;
        }
 
    .tab-links li.active a, .tab-links li.active a:hover, .tab-content {
        color:rgb(255, 255, 255);
        /* RGBa with 0.6 opacity */
        background-color: rgba(255,255,255,0.1);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
        text-decoration:none;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
        padding:15px;
        border-radius:3px;
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
        min-height: 264px;
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }
        /*----- Tabs -----*/