@tailwind base;
@tailwind components;
@tailwind utilities;

.sibar-ul{
    @apply flex mt-6 py-2.5 pl-[25px] text-xl rounded-[15px] hover:bg-bee hover:text-black hover:cursor-pointer
}

.sibar-ul-hover{
    @apply bg-bee text-black
}

.sibar-li{
    @apply w-8 group-hover:invert
}

.sibar-li-hover{
    @apply invert 
}

.siber-li-li{
    @apply w-40 mt-2 ml-14 rounded-r-lg border border-transparent border-l-8 hover:border-bee hover:border-l-8 hover:bg-[#343434]  hover:cursor-pointer
}
.siber-li-hover{
    @apply border-bee border-l-8 bg-[#343434] 
}

.UserChemicalBase-li{
    @apply mr-2 py-2 w-72 border-x-4 border-t-4 border-black  rounded-t-lg bg-black text-white text-center cursor-pointer
}

.UserChemicalBase-hold{
    @apply bg-bee text-black
}
.ThreeDMenu-li{
    @apply mr-1 py-0.5 border-x-2 border-t-2 border-black  bg-black text-white text-center cursor-pointer w-auto
}

.ThreeDMenu-hold{
    @apply bg-bee text-black
}

.reviewlist-td{
    @apply break-all leading-8 p-2
}
.share-input{
    @apply xl:border xl:border-[rgb(187,187,187)] xl:rounded-md focus:outline-none xl:focus:border-black border-b-2 border-[rgb(187,187,187)]  focus:border-[rgb(129,117,117)]
}
.factory-button{
    @apply bg-[rgb(44,136,71)] text-white rounded-md px-4 py-1 disabled:opacity-60 
}
.share-table-title{
    @apply xl:flex flex-row justify-between mx-4 py-2 font-bold hidden
}
.share-table-body{
    @apply rounded-b-lg flex flex-col bg-white shadow-2xl
}
.share-table-td{
    @apply flex flex-col xl:flex-row border-b-2 xl:justify-between xl:items-center border-[rgb(195,195,195)] mx-4 py-2
}
.share-table-empty{
    @apply border-b-2 border-[rgb(195,195,195)] mx-4 py-6
}
.model-table-body{
    @apply rounded-b-lg flex flex-col bg-white
}
.small-table-title{
    @apply xl:flex flex-row mx-4 py-2 font-bold justify-between hidden
}
.small-table-body{
    @apply border border-[rgb(112,112,112)] rounded-lg flex flex-col
}
.small-table-td{
    @apply flex flex-col xl:flex-row xl:justify-between xl:items-center border-b-2 border-[rgb(195,195,195)] mx-4 py-1
}
.share-radio{
    @apply h-4 w-5
}
.chem-operate-button{
    @apply bg-[rgb(51,160,199)] rounded-md h-10 w-10 hover:cursor-pointer
}
.cesium-button{
    @apply w-10 h-10 bg-[#303336] text-white z-10 hover:cursor-pointer 
}
.black-checkbox{
    @apply size-4 print:size-2 appearance-none checked:bg-black border border-black
}
body{
    @apply break-all
}