.btn-add-edit {
	width: 100%;
	cursor: pointer;
}

.badge {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	padding: 3px 6px;
	border: 1px solid transparent;
	min-width: 10px;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 99999px
}

.badge.badge-outlined {
	border-color: var(--bs-btn-hover-bg);
	color: var(--bs-btn-hover-bg);
}

.badge.badge-outlined:hover {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border-color);
}

.table-row,.table-header {
	text-overflow: ellipsis;
	overflow: hidden;
}

.data-date {
	white-space: nowrap;	
}

.material-symbols-outlined {
	cursor: pointer
}

.icon {
	background-size: cover;
	height: 19px;
	width: 19px;
	margin: auto
}

@media (max-width: @screen-xl-min) {
	.modal-xl { width: @modal-lg; }
}

.sort-low-high {
	transform: scale(1, -1);
}

.sort-high-low {
	transform: scale(1);
}