@tailwind base;
@tailwind components;
@tailwind utilities;
@import 'actiontext.css';


.markdown {
    & ul {
        @apply list-disc list-inside mt-2;
    }
}

.flight-plan-table td, .flight-plan-table th {
    @apply px-6 py-4 border border-solid border-2 border-white;
}

.flight-plan-table .unselected-speaker {
    @apply bg-gray-200;
}

.flight-plan-table .past-block {
    @apply text-gray-400 bg-gray-300;
}

.flight-plan-table .active-block {
    @apply bg-blue-200;
}

.flight-plan-table td {
    @apply leading-7;
}

.reset-links a {
    @apply text-blue-500;
    @apply hover:underline;
}

.dc-chat-message li > p {
    @apply inline
}

.dc-chat-message a {
    word-break: break-all;
}

.form-styles {
    & select {
        @apply mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-mainGreen focus:border-mainGreen sm:text-sm rounded-md;
    }

    & label {
        @apply block text-sm font-medium text-gray-700;
    }

    & input[type=checkbox] {
        @apply h-4 w-4 text-mainGreen focus:ring-mainGreen border-gray-300 rounded;
    }

    & input[type=submit] {
        @apply inline-flex justify-center rounded-md border border-transparent bg-mainGreen px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-hoverGreen focus:outline-none focus:ring-2 focus:ring-hoverGreen focus:ring-offset-2 disabled:cursor-not-allowed disabled:bg-gray-400;
    }

    & input[type=text], & input[type=datetime-local], & input[type=number], & textarea {
        @apply focus:outline-none focus:ring-mainGreen focus:border-mainGreen;
    }
}

.btn-primary {
    @apply flex-none rounded-md bg-mainGreen px-4 py-2.5 text-sm font-semibold text-white shadow-sm
           hover:bg-hoverGreen focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2
           focus-visible:outline-hoverGreen mx-2;
}