.col-span-1 { grid-column: span 1 / span 1; }
.col-span-2 { grid-column: span 2 / span 2; }
.col-span-3 { grid-column: span 3 / span 3; }
.col-span-4 { grid-column: span 4 / span 4; }
.col-span-5 { grid-column: span 5 / span 5; }
.col-span-6 { grid-column: span 6 / span 6; }
.col-span-7 { grid-column: span 7 / span 7; }
.col-span-8 { grid-column: span 8 / span 8; }
.col-span-9 { grid-column: span 9 / span 9; }
.col-span-10 { grid-column: span 10 / span 10; }
.col-span-11 { grid-column: span 11 / span 11; }
.col-span-12 { grid-column: span 12 / span 12; }

div {
	text-wrap: initial;
}

.active
{
	background-color: rgb(31 41 61 / var(--tw-bg-opacity));
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
}

ul, ol {
	margin: auto;
	padding: auto;
	list-style: disc;
}

tbody td {
    white-space: normal;
}

.menuIcon {
	min-width: 25px;
    text-align: center;
    align-self: anchor-center;
	
}

.text-center {
	text-align:center!important;
	text-wrap:initial;
}



.btn {
    display: inline-flex;
    align-items: center;
    border-radius: .375rem;
    border-width: 1px;
    padding: .5rem 1rem;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	margin-right: 5px;
}

.btn-info:hover {
    background-color: #1f293d;
    color: #fff;
}

input:read-only,
textarea:read-only {
    background-color: #e6e6e6;
    cursor: not-allowed;
}

.tabactive {
	border: 1px;
    border-style: groove;
    background-color: #f8f8f8;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}


[x-cloak] { display: none !important; }