.btn-sm {
	margin-right:3px !important;
}

@media (max-width: 991.98px) {
	table {
		border: 0;
	}

	table caption {
		font-size: 1.3em;
	}

	table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	table tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: .625em;
		background-color: #f8f8f8;
		font-size: 1.0em;
	}

	table td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: 1.5em;
		text-align: right;
	}	  


	table td::before {
		/*
		* aria-label has no advantage, it won't be read inside a table
		content: attr(aria-label);
		*/
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}

	table td:last-child {
		border-bottom: 0;
	}

	.btn-sm {
		padding: 0.5rem 1rem !important; /* Increase padding */
		font-size: 1rem !important;/* Increase font size */
		border-radius: 0.3rem !important; /* Optional: Increase border radius */
	}

}