.tab-bar {
    width: 100%;
    overflow: hidden;
    color: #000;
    background-color: #f1f1f1;
    white-space: normal;

    border-bottom-color: #616161;
    border-bottom-style: inset;
    border-bottom-width: thin;
}

.tab-bar-blade {
    color: #000;
    background-color: #f1f1f1 ;
    /*white-space: normal;*/


    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    /*color: inherit;*/
    /*background-color: inherit;*/
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.tab-bar-blade-selected {
    color: #fff;
    background-color: #616161 ;
}

.tab-panel {
    /*padding: 0.01em 16px;*/
    width:100%;
}

.tab-component{

}

/*.w3-dark-grey, .w3-hover-dark-grey:hover, .w3-dark-gray, .w3-hover-dark-gray:hover {*/
/*    color: #fff !important;*/
/*    background-color: #616161 !important;*/
/*}*/

/*.w3-bar .w3-button {*/
/*    white-space: normal;*/
/*}*/

/*.w3-bar .w3-bar-item {*/
/*    padding: 8px 16px;*/
/*    float: left;*/
/*    width: auto;*/
/*    border: none;*/
/*    display: block;*/
/*    outline: 0;*/
/*}*/

/*.w3-btn, .w3-button {*/
/*    border: none;*/
/*    display: inline-block;*/
/*    padding: 8px 16px;*/
/*    vertical-align: middle;*/
/*    overflow: hidden;*/
/*    text-decoration: none;*/
/*    color: inherit;*/
/*    background-color: inherit;*/
/*    text-align: center;*/
/*    cursor: pointer;*/
/*    white-space: nowrap;*/
/*}*/