@layer components {
    .tab-header {
        @apply mb-5 flex list-none flex-col flex-wrap border-b-0 pl-0 md:flex-row;
    }

    .tab-header-li {
        @apply flex-grow text-center;
    }

    /*.tab-header-a {*/
    /*    @apply my-2 border-t-0 border-b-2 border-r-0 border-l-0 px-7 pt-4 pb-3.5 text-sm block border-transparent font-medium uppercase leading-tight text-gray-500 hover:isolate hover:border-transparent hover:text-pink-400 bg-gray-100 focus:isolate focus:border-transparent;*/
    /*}*/

    /*.tab-header-a[data-te-nav-active] {*/
    /*    @apply my-2 border-t-0 border-b-2 border-r-0 border-l-0 px-7 pt-4 pb-3.5 text-sm block border-transparent font-medium uppercase leading-tight text-blue-500 border-blue-500;*/
    /*}*/

    .tab-header-a {
        @apply my-2 border-t-0 border-b-2 border-r-0 border-l-0 px-7 pt-4 pb-3.5 text-sm block border-transparent font-medium uppercase leading-tight text-gray-500 hover:isolate hover:border-transparent hover:bg-gray-100 focus:isolate focus:border-transparent;
    }

    .tab-header-a[data-te-nav-active] {
        @apply my-2 border-t-0 border-b-2 border-r-0 border-l-0 px-7 pt-4 pb-3.5 text-sm block border-transparent font-medium uppercase leading-tight text-emerald-500 border-emerald-500;
    }

    .tab-content-div {
        @apply opacity-0 opacity-100 transition-opacity duration-150 ease-linear;
    }

    .maintab-header {
        @apply mb-5 flex list-none flex-col flex-wrap border-b-0 pl-0 md:flex-row;
    }

    .maintab-header-li {
        @apply flex-grow text-center;
    }

    .maintab-header-a {
        @apply my-2 border-t-0 border-b-2 border-r-0 border-l-0 px-7 pt-4 pb-3.5 text-sm block border-transparent bg-blue-200 rounded-t-xl font-semibold uppercase leading-tight text-blue-800 border-blue-800 hover:isolate hover:bg-blue-300 focus:isolate  ;
    }

    .maintab-header-a[data-te-nav-active] {
        @apply my-2 border-t-0 border-b-2 border-r-0 border-l-0 px-7 pt-4 pb-3.5 text-sm block border-transparent bg-gray-600 rounded-t-xl font-semibold uppercase leading-tight text-white border-blue-800;
    }
    .maintab-content-div {
        @apply opacity-0 opacity-100 transition-opacity duration-150 ease-linear;
    }
}