ul.tab-nav {
    padding-top:20px;
    list-style: none;
    
    padding-left: 5px;
    list-style-type:none;
  float: none;

}

ul.tab-nav li {
    display: inline;
    
}

ul.tab-nav li button.button {
    width:120px;
    max-width:inherit;
    min-width:100%;
    border-radius: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
    
    background-color:#f4f4f4;
    border-bottom: 1px solid black;
    font-weight:900;
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
    
}

ul.tab-nav li button.add-page-tab {
    width:inherit;
    max-width:inherit;
    min-width:100%;
    
    border-radius: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
    
    background-color:#555555;
    color:#f9f9f9;
    border-bottom: 1px solid black;
    
}

ul.tab-nav li.right{
    float:right;
}
ul.tab-nav li button.website-elements-tab {
    width:inherit;
    max-width:200px;
    min-width:200px;
    height:35px;
    
    padding-bottom:10px;
    
    
    border-radius: 30px;
    vertical-align:top;
    padding-bottom:20px;
    border-bottom: none;
    background-image: linear-gradient(#3A7E62,#429070 40%);/*linear-gradient(#78AD29, #92D038 40%);background-color: #89C72F;*/ /*#94c02e;*/
    color:#f9f9f9;
    
    z-index:-1;
    float:right;
}

.tabs-container{
  
 }

ul.tab-nav li button.active.button {
    border-color:black;
    border-bottom: 0.175em solid #fff;
    background-color:white;
    
}

.tab-content .tab-pane {
    display: none;
}

.tab-content .tab-pane.active {
    display: block;
    background-color:white;
}

.inner-button{
    border:none;
}

/* smaller than desktop */
@media (max-width: 1050px) {

    .tabs-container{
        padding-left:5px;
        padding-right:10px;
    }
    ul.tab-nav li button.button {
        width:120px;
        max-width:inherit;
        min-width:100%;
        border-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        margin-bottom: -1px;
        background-color:#f4f4f4;
        border-bottom: 1px solid black;
        font-weight:900;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
  
    
    }

    ul.tab-nav li button.add-page-tab {
        width:inherit;
        max-width:inherit;
        min-width:100%;
    
        border-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        margin-bottom: -1px;
    
        background-color:black;
        color:#f9f9f9;
        border-bottom: 1px solid black;
    
    }
    ul.tab-nav li button.website-elements-tab {
        width:inherit;
        max-width:inherit;
        min-width:100%;
        height:35px;
    
        padding-bottom:10px;
    
        margin-top:10px;
        border-radius: 5px;
        vertical-align:top;
        padding-bottom:20px;
        border-bottom: none;
        background-image: linear-gradient(#3A7E62,#429070 40%);/*background-color:#94c02e;*/
        color:#f9f9f9;
    
        z-index:-1;
        float:right;
    }


}