/* * Start of Header Menubar **/

#headerMenu {
    /* @apply h-7 border-b border-gray-200; */
}

#headerMenu > div {
    /* @apply relative rounded-md mr-1 text-base bg-white; */
}

#headerMenu > div > button {
	@apply px-1 py-2 text-sm font-medium text-gray-500 bg-blue-100 hover:text-gray-700 rounded-md;
}

#headerMenu > div > button:hover {
    @apply outline-none  !bg-gray-100;
}

/* #headerMenu > div > button:focus {
    @apply outline-none ring-2 ring-offset-2 !bg-gray-100;
} */

#headerMenu > div > div {
    @apply rounded-md border border-gray-200 bg-white shadow-lg  z-[1000];
}

/* #headerMenu > div > div > div {
    @apply py-1 w-full;
} */

#headerMenu > div > div > div > div > a {
    @apply block px-3 py-1 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 whitespace-nowrap w-full;
}

#headerMenu > div > div > div > div > a > svg {
    @apply mr-3 h-5 w-5 text-gray-400 group-hover:text-gray-500;
}

/* Additional styles for active/selected states if needed */
#headerMenu > div.active > button {
    @apply bg-gray-100 text-gray-900;
}

/* Responsive adjustments if needed */
@media (max-width: 640px) {
    #headerMenu {
        @apply flex-wrap;
    }

    #headerMenu > div {
        @apply w-full;
    }

    #headerMenu > div > div {
        @apply w-full left-0 right-0;
    }
}

.menuBar
{
	/* border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #05386d; */
	@apply border-b-4 border-blue-900
}

/** End of Header Menubar * */