html {
	height: 100vh;
	margin: 0;
	padding: 0;
}

body {
	height: 100vh;
	margin: 0;
	padding: .5rem;
}


.top-25 {
	top: 25% !important;
}
.right-25 {
	right: 25% !important;
}
.bottom-25 {
	bottom: 25% !important;
}
.left-25 {
	left: 25% !important;
}

.top-75 {
	top: 75% !important;
}
.right-75 {
	right: 75% !important;
}
.bottom-75 {
	bottom: 75% !important;
}
.left-75 {
	left: 75% !important;
}


@media screen and (min-width: 576px) {
    .sm\:white-space-normal {
        white-space: normal !important
    }

    .sm\:white-space-nowrap {
        white-space: nowrap !important
    }
}

@media screen and (min-width: 768px) {
    .md\:white-space-normal {
        white-space: normal !important
    }

    .md\:white-space-nowrap {
        white-space: nowrap !important
    }
}

@media screen and (min-width: 992px) {
    .lg\:white-space-normal {
        white-space: normal !important
    }

    .lg\:white-space-nowrap {
        white-space: nowrap !important
    }
}

@media screen and (min-width: 1200px) {
    .xl\:white-space-normal {
        white-space: normal !important
    }

    .xl\:white-space-nowrap {
        white-space: nowrap !important
    }
}


.s-label {
	display: inline-block;
	padding: 0.5rem;
	white-space: nowrap;
	border: 1px solid transparent;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.ui-datatable table.s-table-auto, .s-table-auto .ui-selectonemenu-table {
	table-layout: auto;
}

.s-table-auto td, .s-table-auto th {
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.s-table-auto .s-col-commands {
	width: 3rem;
	text-align: center;
}

.s-noborder, .s-noborder td, .s-noborder th {
    border: 0 !important;
}


.s-cc-field2 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.s-cc-field2 .s-cc-field2-label {
	font-weight: bold;
	padding: 8px 0;
}

.s-cc-field2 .s-cc-field2-value {
	padding: 0 4px;
	/* line-height: 2.45em; */
}

.s-cc-field2 .s-cc-field2-value .s-cc-field2-value-content {
	/* display: inline-block;
	width: 100%; */
	vertical-align: middle;
}

.s-cc-field2 .s-cc-field2-value .s-cc-field2-value-content>label {
	display: block;
	padding: 0.5rem 0.5rem;
	border: 1px solid transparent;
}




table.s-valuetable>tbody>tr>td {
	padding: 0.25rem;
	text-align: right;
}

table.s-valuetable>tbody>tr:nth-child(1)>td, table.s-valuetable>tbody>tr>td:nth-child(1)  {
	background-color: var(--gray-300);
	font-weight: bold;
	text-align: center;
}


/* .ui-tabs {
	display: flex;
	flex-direction: column;
}

.ui-tabs .ui-tabs-nav {
	flex: 0;
}

.ui-tabs .ui-tabs-panels {
	flex: 1;
	overflow: hidden;
}

.ui-tabs .ui-tabs-panels .ui-tabs-panel {
	height: 100%;
	overflow: auto;
} */