.tabs {
    @apply flex flex-wrap justify-start space-x-1 border-b overflow-auto;
}

.tabs .tab {
    @apply cursor-pointer py-2 px-4 text-gray-600 uppercase text-xs font-bold shadow-inner border-b-2 border-color;
}

.tab-content {
    @apply pr-3 pl-3 pt-3 my-2;
}

/*----------------------------------
    Tabs
----------------------------------*/
.tabs .tab.active {
    @apply text-color bg-color-hover;
    border-radius: 5px 5px 0 0;
    /*
        Active tab styles:
        - Additional styles for active state with border and font weight.
    */
}