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

.fields.inline {
    @apply flex flex-row flex-wrap gap-4 items-center;
}

.field {
    label {
        @apply text-gray-700;

        em {
            font-style: normal;
            font-size: 0.9em;
        }
    }

    p:not(.comment) {
        @apply mt-2 text-gray-500;
    }

    .input {
        @apply mt-1 block w-full;
    }
}

.label-group {
    @apply flex flex-wrap gap-2 items-center;
}

p.comment {
    @apply my-2 text-gray-500  dark:text-gray-300;
}

td.text-center, th.text-center {
    @apply !text-center;

    .p-datatable-column-header-content {
        display: flow;
    }
}

h1 {
    @apply text-6xl;
}

h2 {
    @apply text-5xl;
}

h3 {
    @apply text-4xl;
}

h4 {
    @apply text-3xl;
}

h5 {
    @apply text-2xl;
}

h5.group-header {
    @apply !mt-8 !mb-4;
}

h5 a {
    font-size: 14px;
    @apply ml-2;
    color: var(--p-primary-color);
}

h5 span, h5 a span {
    font-size: 14px;
}

h5 a:hover {
    color: var(--p-primary-700);
}

h6 {
    @apply text-xl;
}

header {
    @apply text-2xl;
}

.pi-remove::before {
    content: "\e90b"
}

.icon.circle:before {
    content: "\e9dc";
}

.icon.remove::before, .icon.close::before {
    content: "\e90b"
}

.icon.pencil::before {
    content: "\e942"
}

.icon.expand::before {
    content: "\ea0a";
}

.icon.setting::before {
    content: "\e94a";
}

.icon.info::before {
    content: "\e923";
}

.icon.info.circle::before {
    content: "\e924";
}

.icon.home::before {
    content: "\e925";
}

.icon.arrow.left::before {
    content: "\e91a";
}

.icon.arrow.right::before {
    content: "\e91b";
}

.icon.angle.down::before {
    content: "\e930";
}

.icon.angle.up::before {
    content: "\e933";
}

.icon.search::before {
    content: "\e908";
}

.icon.bars::before {
    content: "\e91d";
}

.icon.expand:before {
    content: "\ea0a";
}

.icon.copy:before {
    content: "\e957";
}

.icon.database:before {
    content: "\e9e3";
}

.icon.download:before {
    content: "\e956";
}

.icon.home:before {
    content: "\e925";
}

.icon.user:before {
    content: "\e939";
}

.icon.cloud:before {
    content: "\e945";
}

.icon.bell:before {
    content: "\e97c";
}

.icon.file:before {
    content: "\e958";
}

.icon.sign.out:before {
    content: "\e971";
}

.icon.dashboard:before {
    content: "\ea37";
}

.icon.clone:before {
    content: "\e955";
}

.icon.address.book:before {
    content: "\ea2a";
}

.icon.ticket:before {
    content: "\e9a9";
}

.icon.dollar:before {
    content: "\e96b";
}

.icon.shield:before {
    content: "\e9b9";
}

.icon.globe:before {
    content: "\e94f";
}

.icon.paper.plane:before {
    content: "\e9ca";
}

.icon.puzzle.piece:before {
    content: "\e918";
}

.icon.magnet:before {
    content: "\e9b9";
}

.icon.plus:before {
    content: "\e90d";
}

.icon.check:before {
    content: "\e909";
}

.icon.chart.area:before {
    content: "\e98b";
}

.icon.table:before {
    content: "\e969";
}

.icon.tag:before {
    content: "\e95e";
}

.icon {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon:before {
    --webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.icon.small {
    font-size: 12px;
}

.pi.small {
    font-size: 12px;
}

.pi.tiny {
    font-size: 0.7em;
}

.pi.red, .icon.red {
    @apply !text-red-500;
}

.pi.green, .icon.green {
    @apply !text-green-500;
}

.pi.gray, .pi.grey, .icon.gray, .icon.grey {
    @apply text-gray-400;
}

.card {
    @apply block p-6 bg-white border border-gray-200 rounded-lg shadow hover:bg-gray-100 dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700
}

.card.green {
    @apply text-green-500 border-t-green-500 border-t-2;
}

.card.red {
    @apply text-red-500 border-t-red-500 border-t-2;
}

/** span **/
span.small {
    font-size: 0.9em;
}

code-label {
    @apply bg-gray-100 py-1 px-2 rounded-md;
}