@charset "UTF-8";
/* CSS Document */

.select-member .sel-member-list {
	width:56%;
	margin:0 auto;
	border-radius: 2px;
}

.row > div > button {
	width:100%;
	margin-bottom:0.75em;
	position:relative;
	text-align: left;
	padding-left:1em;
} 

/* .row > div > button::after {
	content: "\f105";
	position:absolute;
	right:1em;
	top:50%;
	transform: translateY(-50%);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
} */


.row > div > button img {
	width:2.5em;
	padding-right:0.5em;
	vertical-align: middle;
}

.logout {
	margin-top:2em;
}
.logout .btn {
	width:80%;
}

@media (min-width: 576px) {
	main section {
		width:60%;
		margin:auto;
	}
	.select-member .sel-member-list.form-control{
		height: calc(2em + 0.75rem + 2px);
	}
	.row > div > button {
		font-size:1.75em;
		margin-bottom:1em;
	} 
	
	.logout .btn {
		font-size:1.2em;
	}
}

@media (min-width: 1024px) {
	main section {
		width:100%;
		margin:auto;
	}
	.select-member .sel-member-list {
	width:365px;
	margin:0 auto 0 0;
	border-radius: 2px;
}
	.logout .btn {
	width:374px;
}
.row > div > button {
		font-size:1.4em;
		height:100px;
		margin-bottom:1.5em;
	}

	
}