/*TAB*/
.w-tab {
/*    border: 2px solid black;
*/    border-radius: 0px;
    display: flex;
    flex-direction: column;

    padding: 0px;
    width: 100%;
    padding: 0px;
    max-width: 100%;
    box-sizing: border-box;
    position: relative;
}


        /*tab-header*/

        .w-tab .w-tab-header {
    
        border-bottom: 1px solid white;
        border-radius: 0px;
        justify-content: center;
        box-sizing: border-box;
        display: flex;
        padding: 2px;
        border: 2px solid black;
        flex-wrap: wrap;
        border: 0px;
        border-radius: 5px;
        padding: 0px;
        align-self:flex-start;
    }



/*TAB PAGE*/
    .w-tab .w-tabpage-header {
        cursor: pointer;
        padding: 5px;
        font-size: 0.7em;
        color: white;
        position: relative;
        margin: 5px;
        border: 1px solid silver;
        border-radius: 3px;
        width: 70px;
    }
    .w-tab .w-tabpage-header {
        background-color: black;
        background: linear-gradient(15deg, rgb(30, 136, 229) 0%, rgb(21, 101, 192) 10%, rgb(30, 136, 229) 100%);
        background: linear-gradient(15deg, rgb(238, 242, 246) 0%, rgb(238, 242, 246) 10%, rgb(238, 242, 246)100%);
        border-color: rgb(30, 136, 229);
        color: rgb(30, 136, 229);
        padding: 2px 2px 2px 2px;
        padding-bottom: 48px;
    }
        .w-tab .w-tabpage-header.active {
/*            background: linear-gradient(15deg, rgb(238, 242, 246) 0%, rgb(203 253 255) 10%, rgb(238, 242, 246) 100%);
*/        }
    .w-tab .w-tabpage-header.record-count-0 {
        color: black;
        background-color: black;
    }
    .w-tab .w-tabpage-header {
        background-color: black;
    }
    .w-tab .w-tabpage-header.active {     
        background-color: black;
    }
 
/*tab-page-header - SUB TABS*/
    .w-tab .w-tab .w-tabpage-header {
        color: white;
        border-radius: 0px;
        padding: 0px;
        background: linear-gradient(15deg, rgba(0,0,0,1) 0%, rgba(20,40,52,1) 70%, green 100%);

    }





/*w-tabpage-content*/

.w-tabpage-content {
    margin: 0px;
    padding: 0px;
    width: 100%;
    padding: 0px;
/*    background-color: black;
*/    max-width: 100%;
    box-sizing: border-box;
    position:relative;
}

.w-tab.w-tab-mode .w-tabpage-header,
.w-tab.w-tab-mode .w-tabpage-content,
.w-tab.w-tab-mode .w-tabpage-footer {
    display: none;
}

.w-tab .w-tabpage-content,
.w-tab .w-tabpage-footer {
    display: none;
}

.w-tab .w-tabpage-header.active,
.w-tab .w-tabpage-content.active,
.w-tab .w-tab .w-tabpage-footer.active {
    display: inline-block;
    display: flex;
}