@charset "UTF-8";

.e-in-c {
	float: left;
}

#rfr {
	margin-top: 24px;
}

.invalid-cell {
	background-color: #7f1d1d !important;
	color: #fca5a5;
}

.content-wrapper.w-90 {
	max-width: 1400px;
	margin: -40px auto 40px auto;
	padding: 15px;
	background: white;
	border-radius: 12px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
	position: relative;
	z-index: 10;
	box-sizing: border-box;
}

.data-card {
	width: 100%;
	box-sizing: border-box;
}

.card-group {
	gap: 15px; 
}

.card-group .card {
	width: 100% !important;
	max-width: 100% !important;
	flex: 1 1 0% !important;
}


@media ( max-width : 991px) {
	#c-table.table-large {
		width: 100% !important;
		overflow-x: auto !important;
	
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch;
	
		margin-bottom: 20px;
		box-sizing: border-box !important;
	}
	#c-table.table-large table {
		margin-bottom: 0 !important; 
		width: 100% !important;
		min-width: 1200px;
		
	}

	
	.data-card>.row:first-child {
		display: flex !important;
		flex-direction: column !important;
	}


	#c-filter.col-10, .data-card>.row:first-child>.col-2 {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		box-sizing: border-box !important;
	}


	#frm {
		width: 100% !important;
		max-width: 100% !important;
		overflow: visible !important;
		display: block !important;
		box-sizing: border-box !important;
	}

	
	.data-card>.row:first-child>.col-2 {
		display: flex !important;
		flex-direction: row !important;
		gap: 10px !important;
		margin-top: 15px;
	}
	.data-card>.row:first-child>.col-2 .btn {
		flex: 1 !important;
		width: 100% !important;
		margin: 0 !important;
	}


	#c-filter .e-in-c {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-bottom: 15px;
		box-sizing: border-box !important;
	}


	#c-filter .e-in-c input, #c-filter .e-in-c select, #c-filter .e-in-c .form-control,
		#c-filter .e-in-c .form-select, #c-filter .e-in-c button, #c-filter .e-in-c .btn
		{
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		display: block !important;
		float: none !important;
	}
	
	.list-group-item.d-flex {
		width: 100% !important;
		box-sizing: border-box !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

@media ( min-width : 768px) {
	.content-wrapper.w-90 {
		padding: 30px;
	}
}