 
.@{prefix}-tabs {            

    ul.@{prefix}-nav {
        font-family: sans-serif;
        font-size: 12px;
        background-color: #FFFFFF;
        padding:0;
        margin:0;
        list-style: none;
        
        li {
             
            margin: 0;
            display: inline-block;
            padding: 10px 6px;
            border-bottom: 1px solid #CECECE;
            cursor: pointer;
            a {
                position: relative;
                text-decoration: none;
                color: #ADADAD;
                bottom: -4px;
                transition: bottom 0.1s ease-out;
            }
        }
        
        li.active {
            border: 1px solid #CECECE;
            border-bottom: 0;
            -webkit-box-shadow: 0px -2px 8px 0px rgba(189,189,189,0.71);
            -moz-box-shadow: 0px -2px 8px 0px rgba(189,189,189,0.71);
            box-shadow: 0px -2px 8px 0px rgba(189,189,189,0.71);
            a {
                transition: bottom 0.1s ease-out;
                bottom: 0;
            }
        }
    }


    .@{prefix}-tab-content {        
        position: relative;
        overflow-y: hidden;
         
        .tab {    
            width: 100%;
            padding: 2px 4px;
            pointer-events: none;            
            margin-top: -180%;
            transition: margin-top 0.3s ease-out;                    
            float: left;
            
            &:after {
                content: "";
                clear: both;
                display: table;
            }
        }
        
        .active {
            pointer-events: auto;
            margin-top: 0;
            transition: margin-top 0.3s ease-out;
        }
    }
}

 