.cmg-auth-wrap {
	max-width: 420px;
	margin: 2em auto;
	padding: 2em;
	border: 1px solid #e2e2e2;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.cmg-notice {
	background: #eef6ff;
	border-left: 4px solid #2271b1;
	padding: 0.75em 1em;
	margin-bottom: 1.25em;
	font-size: 0.95em;
}

.cmg-notice.cmg-error {
	background: #fcecec;
	border-left-color: #d63638;
	color: #7a1a1a;
}

.cmg-tabs {
	display: flex;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #e2e2e2;
}

.cmg-tab-btn {
	flex: 1;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0.75em 0;
	font-size: 1em;
	cursor: pointer;
	color: #666 !important;
	border-bottom: 2px solid transparent !important;
}

.cmg-tab-btn.cmg-active {
	color: #111 !important;
	font-weight: 600;
}

.cmg-tab-panel {
	display: none;
}

.cmg-tab-panel.cmg-active {
	display: block;
}

.cmg-auth-wrap label {
	display: block;
	margin-bottom: 0.35em;
	font-weight: 600;
	font-size: 0.9em;
}

.cmg-auth-wrap input[type="text"],
.cmg-auth-wrap input[type="email"],
.cmg-auth-wrap input[type="password"] {
	width: 100%;
	padding: 0.6em 0.75em;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	margin-bottom: 0.25em;
}

.cmg-btn {
	display: inline-block;
	background: #2271b1;
	color: #fff !important;
	border: none;
	padding: 0.7em 1.4em;
	border-radius: 5px;
	font-size: 1em;
	cursor: pointer;
	text-decoration: none;
	box-shadow: none !important;
	appearance: none;
	-webkit-appearance: none;
}

.cmg-btn:hover {
	background: #1a5a8a;
}