.lp_congif_grid {
	display: grid;
	grid-template-areas:
		"LABEL CHECK INPUT ";
	grid-template-columns: 400px 60px auto;
	gap: var(--rd-spacing-md);
	margin-bottom: var(--rd-spacing-md);
	align-items: center;
	margin-bottom: var(--rd-spacing-x-big);
}

.lp_congif_grid.su_admin {
	grid-template-areas:
		"LABEL CHECK INPUT ACTION";
	grid-template-columns: 400px 60px 200px 40px;
}

.rd-card-left .lp_congif_grid {
	grid-template-columns: auto 60px 200px 40px;
}

.lp_congif_grid input {
	max-width: 100%;
	border: 1px solid var(--rd-input-default);
}

.sp_name {
	color: var(--rd-font-dark);
	text-align: right;
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
}

.btn-flex {
	display: flex;
	gap: var(--rd-spacing-md);
}

.LearnSetingConfig .sp_name {
	text-align: left;
}

.lp_congif_grid.group_title {
	text-transform: uppercase;
	background-color: transparent;
	padding: 0;
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 19px;
	color: var(--cl-blue-grey) !Important;
	text-transform: uppercase;
	box-shadow: none;
	display: inline-block;
}


@media screen and (max-width: 900px) {
	.lp_congif_grid.su_admin {
		grid-template-areas:
			"LABEL LABEL LABEL"
			"CHECK INPUT ACTION" !important;
		grid-template-columns: 60px 200px auto !important;
	}

	.LearnSetingConfig .sp_actions {
		grid-area: ACTION;
	}

	.LearnSetingConfig .sp_name {
		grid-area: LABEL;
	}
}

@media screen and (max-width: 450px) {
	.lp_congif_grid.su_admin {
		grid-template-areas:
			"LABEL CHECK"
			"INPUT ACTION" !important;
		grid-template-columns: 75% 20% !important;
	}
}