@layer components {
    .listing-body {
        @apply flex items-center justify-center p-5;
        /* bg-gray-200*/
    }

    .listing-container {
        @apply container;
    }

    .listing-content {
        @apply overflow-y-scroll;
    }

    .listing-align {
        @apply flex justify-center;
    }

    .listing-border {
        @apply bg-white shadow-xl rounded-lg w-full;
    }

    .listing-border ul {
        @apply divide-y divide-indigo-300;
    }

    .listing-border ul li {
        @apply p-4;
    }

    .listing-border-tab {
        @apply bg-white shadow-xl rounded-lg w-full;
    }



    .listing-filter button {
        margin-top: -8px;
        padding-top: 0.45rem;
        padding-bottom: 0.45rem
    }

    .listing-alpha {
        @apply text-indigo-500 bg-transparent border border-indigo-500 hover:bg-indigo-500 hover:text-white active:bg-indigo-600 font-bold uppercase text-sm px-4 py-2 outline-none focus:outline-none mb-1 ease-linear transition-all duration-150;
    }

    .listing-alpha-left {
        @apply rounded-l;
    }

    .listing-alpha-right {
        @apply rounded-r;
    }
}