.navbar {
	display:none;
}

@media (max-width:1200px) {
	.row-cols-xl-3 > * {
		flex: 0 0 auto;
		width: 33.333333%;
	}
}

.user-table1 {
	width: 69%;
	float: left;
}

.status-ex {
	width: 26%;
	float: left;
	margin-left: 1%;
	margin-top: 20px;
	padding: 1%;
}

@media (max-width:767px) {
	body {
		padding-top: 60px;
		padding-bottom: 20px;
		background:black;
	}

	.navbar {
		display: block;
	}

	.row-cols-xl-3 > * {
		flex: 0 0 auto;
		width: 50%;
	}

	.EditlistInfo {
		background:white;
		padding:0;
	}

	.user-table1 {
		width: 100%;
		float: left;
	}

	.status-ex {
		width: 100%;
		float: left;
		margin-left: 1%;
		margin-top: 20px;
		padding: 1%;
	}


	.user-table tr td, .user-table tr th {
		border: 1px solid lightgray;
		text-align: center;
		padding: 2px;
	}
}

@media (max-width:500px) {

	.row-cols-xl-3 > * {
		flex: 0 0 auto;
		width: 100%;
	}

	.body-content {
		padding:0;
	}
}

.link a {
	color:blue;
	text-decoration:underline;
}