/*@import '../../vendor/filament/forms/dist/module.esm.css';*/

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

@layer components {
@import "../../vendor/masterix21/laravel-app-ui/resources/css/app-ui.css";
}

[x-cloak] {
    display: none;
}

.btn-primary {
    @apply inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:ring focus:ring-gray-300 disabled:opacity-25 transition;
}

.border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
}

.hover\:border-green-600:hover{
    --tw-border-opacity: 1;
    border-color: rgb(5 150 105 / var(--tw-border-opacity));
}

.hover\:text-green-600:hover{
    --tw-text-opacity: 1;
    color: rgb(5 150 105 / var(--tw-text-opacity));
}

.border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}

.hover\:border-red-600:hover{
    --tw-border-opacity: 1;
    border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.hover\:text-red-600:hover{
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}


.orizzontalPosition {
    margin: 0 auto;
}

.hidden {
    display: none;
}

.visible {
    display: block;
}

.m-top10{
    margin-top: 10px;
}
.align-modal {
    position: absolute;
    top: 75%;
    left: 5%;
    margin-top: -100px;
}

.overflow-y-auto{
    overflow-y:auto
}

.box-signed {
    border-radius: 15px;
    border-width: 2px;
    /*background-color: #FCFCFC;*/
    max-height: 45rem;
    text-align: justify;
}

.box-signature-text {
    /*border-radius: 15px;
    border-width: 1px;*/
    /*background-color: #FCFCFC;*/
    padding: 15px;
    max-height: 24rem;
    text-align: justify;
}

.mt-10 {
    margin-top: 2.5rem;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-10 {
    margin-bottom: 2.5rem;
}

.p-5 {
    padding: 1.25rem;
}

.tab-signature {
    display: inline-block;
    padding: 0.5rem;
    cursor: pointer;
}

.text-blue-600 {
    color: rgb(2 132 199);
}

.border-b-sky-600 {
    border-bottom-width: 2px;
    border-color: rgb(2 132 199);
}

.rounded-t-lg {
    border-top-left-radius: 0.5rem; /* 8px */
    border-top-right-radius: 0.5rem; /* 8px */
}