:root {
	--user-background: #007bff;
	--user-text: #2d426a;
	--user-bg-light: #e2e9f5;
}

#front-catch-area,
#banner.jumbotron {
	background-color: var(--user-background) !important;
	background-image: none !important;
}

.btn-success {
	color: #fff;
	background-color: var(--user-background);
	border-color: var(--user-background);
}

.btn-success:hover {
	color: #fff;
	background-color: var(--user-background);
	border-color: var(--user-background);
}

.btn-success.focus,
.btn-success:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important;
}

.btn-success.active,
.btn-success:active {
	color: #fff;
	background-color: var(--user-background) !important;
	border-color: #005cbf !important;
}

.bg-success {
	background-color: var(--user-background) !important;
}

.border-success {
	border-color: var(--user-background) !important;
}

.text-success {
	color: var(--user-text) !important;
}

.text-success:hover {
	color: var(--user-text) !important;
}

.my-page #top .tl-btn-area #login-btn {
	color: var(--user-background) !important;
}

.alert-success {
	color: var(--user-text);
	background-color: var(--user-bg-light);
	border-color: var(--user-bg-light);
}

.btn-outline-success.focus,
.btn-outline-success:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important;
}
.btn-outline-success.active,
.btn-outline-success:active {
	color: #fff;
	background-color: var(--user-background) !important;
	border-color: var(--user-background) !important;
}

#site-logo {
	margin-right: 0px !important;
	max-width: 284px;
	max-height: 60px;
}