/**
 * Bootstrap buttons - flat, modern styling (brand-neutral).
 *
 * Replaces the legacy Bootstrap 3 skeuomorphic look (gradients, text-shadow, inset box-shadow,
 * IE gradient filters, hover background-position tricks) with flat solid fills and a simple
 * colour transition on hover. The hues are kept as-is: these are semantic UI colours, NOT the
 * whitelabel brand colour. The primary CTA (.btn-success-discovergy) stays driven by
 * --primary-color in color_scheme.css, so per-partner branding is untouched.
 */
.btn {
	padding: 4px 10px;
	border: 1px solid transparent;
	border-radius: 6px;
	line-height: 1.4;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: none;
	outline-width: 0;
}

.btn-xlg {
	padding: 10px 16px;
	font-size: 17px;
}

/* Disabled buttons keep their base fill (no hover darkening) and lose any depth cues */
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	opacity: 0.65;
	box-shadow: none;
}

/* ---------------------------------------------------------------- Flat variants ---------------------------------------------------------------- */

.btn-default {
	color: #333333;
	background-color: #ffffff;
	border-color: #cccccc;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
	color: #333333;
	background-color: #e6e6e6 !important;
	border-color: #b3b3b3;
}

.btn-primary {
	color: #ffffff;
	background-color: #428bca;
	border-color: #428bca;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
	color: #ffffff;
	background-color: #3071a9;
	border-color: #3071a9;
}

.btn-order {
	color: #ffffff;
	background-color: #6a9a43;
	border-color: #6a9a43;
}

.btn-order:hover, .btn-order:focus, .btn-order:active, .btn-order.active {
	color: #ffffff;
	background-color: #587a36;
	border-color: #587a36;
}

.btn-info {
	color: #ffffff;
	background-color: #5bc0de;
	border-color: #5bc0de;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
	color: #ffffff;
	background-color: #31b0d5;
	border-color: #31b0d5;
}

.btn-warning {
	color: #ffffff;
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
	color: #ffffff;
	background-color: #ec971f;
	border-color: #ec971f;
}

.btn-danger {
	color: #ffffff;
	background-color: #d9534f;
	border-color: #d9534f;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
	color: #ffffff;
	background-color: #c9302c;
	border-color: #c9302c;
}

.btn-inverse {
	color: #ffffff !important;
	background-color: #333333;
	border-color: #333333;
}

.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active {
	color: #ffffff;
	background-color: #222222;
	border-color: #222222;
}

.btn-old-primary {
	color: #ffffff !important;
	background-color: #0088cc;
	border-color: #0088cc;
}

.btn-old-primary:hover, .btn-old-primary:focus, .btn-old-primary:active, .btn-old-primary.active {
	color: #ffffff;
	background-color: #0044cc;
	border-color: #0044cc;
}

/* ---------------------------------------------------------------- btn-new ---------------------------------------------------------------- */

.btn-new {
	padding: 4px 10px;
	color: #ffffff;
	background-color: #9B004B;
	border-color: #9B004B;
}

.btn-new:hover, .btn-new:focus, .btn-new:active, .btn-new.active, .btn-new.disabled, .btn-new[disabled] {
	color: #ffffff;
	background-color: #7d033e;
	border-color: #7d033e;
}

.btn-new.active {
	color: rgba(255, 255, 255, 0.75);
}

.btn-group.open .btn-new.dropdown-toggle {
	background-color: #7d033e;
}

.btn-new .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
	opacity: 0.75;
	filter: alpha(opacity = 75);
}

.newDropdown.dropdown-menu li > a:hover,
.newDropdown.dropdown-menu .active > a,
.newDropdown.dropdown-menu .active > a:hover {
	background-color: #9B004B;
	color: #ffffff;
}