/*
 * UI Kit: Button
 */

.secondary-02 {
	background-color: #dae2e5;
}

.nav-04 {
	background-color: #ebf0f2;
}

.primary {
	background-color: #42a5f5;
}

.secondary {
	background-color: #495e69;
}

.accent {
	background-color: #ff6437;
}

.neutral {
	background-color: #cbcbcb;
}

.black {
	background-color: #515356;
}

.success {
	background-color: #6cc79f;
}

.info {
	background-color: #42a5f5;
}

.warning {
	background-color: #ffc200;
}

.danger {
	background-color: #fd5f68;
}

.disabled {
	background-color: #cbcbcb;
}

.btn:not([disabled]):hover,
.btn:not([disabled]):active,
.btn:not([disabled]):focus,
.btn:not([disabled]).active {
	box-shadow: none !important;
}

.btn.primary:not([disabled]):hover,
.btn.primary:not([disabled]):focus {
	background-color: rgba(66, 165, 245, 0.75);
}

.btn.secondary:not([disabled]):hover,
.btn.secondary:not([disabled]):focus {
	background-color: rgba(73, 94, 105, 0.75);
}

.btn.accent:not([disabled]):hover,
.btn.accent:not([disabled]):focus {
	background-color: rgba(255, 100, 55, 0.75);
}

.btn.neutral:not([disabled]):hover,
.btn.neutral:not([disabled]):focus {
	background-color: rgba(203, 203, 203, 0.75);
}

.btn.black:not([disabled]):hover,
.btn.black:not([disabled]):focus {
	background-color: rgba(81, 83, 86, 0.75);
}

.btn.white:not([disabled]):hover,
.btn.white:not([disabled]):focus {
	background-color: rgba(255, 255, 255, 0.75);
}

.btn.success:not([disabled]):hover,
.btn.success:not([disabled]):focus {
	background-color: rgba(108, 199, 159, 0.75);
}

.btn.info:not([disabled]):hover,
.btn.info:not([disabled]):focus {
	background-color: rgba(66, 165, 245, 0.75);
}

.btn.warning:not([disabled]):hover,
.btn.warning:not([disabled]):focus {
	background-color: rgba(255, 194, 0, 0.75);
}

.btn.danger:not([disabled]):hover,
.btn.danger:not([disabled]):focus {
	background-color: rgba(253, 95, 104, 0.75);
}

.btn.disabled:not([disabled]):hover,
.btn.disabled:not([disabled]):focus {
	background-color: rgba(203, 203, 203, 0.75);
}

/* Button text color */
.primary,
.secondary,
.accent,
.neutral,
.black {
	color: #fff;
}

.white {
	color: #515356;
}

.success,
.info,
.warning,
.danger {
	color: #fff;
}

.disabled {
	color: #757575;
}

.text-primary {
	color: #42a5f5 !important;
}

.text-secondary {
	color: #495e69 !important;
}

.text-accent {
	color: #ff6437 !important;
}

.text-neutral {
	color: #cbcbcb !important;
}

.text-black {
	color: #515356 !important;
}

.text-white {
	color: #fff !important;
}

.text-success {
	color: #6cc79f !important;
}

.text-info {
	color: #42a5f5 !important;
}

.text-warning {
	color: #ffc200 !important;
}

.text-danger {
	color: #fd5f68 !important;
}

.text-disabled {
	color: #cbcbcb !important;
}

/* Button border color */
.b-primary {
	border-color: #42a5f5;
}

.b-secondary {
	border-color: #495e69;
}

.b-accent {
	border-color: #ff6437;
}

.b-neutral {
	border-color: #cbcbcb;
}

.b-black {
	border-color: #515356;
}

.b-white {
	border-color: #fff;
}

.b-success {
	border-color: #6cc79f;
}

.b-info {
	border-color: #42a5f5;
}

.b-warning {
	border-color: #ffc200;
}

.b-danger {
	border-color: #fd5f68;
}

.b-disabled {
	border-color: #cbcbcb;
}

/* Button hover/focus states */
.btn.b-primary:hover,
.btn.b-primary:focus {
	background-color: #fff;
	color: #42a5f5 !important;
}

.btn-group .btn.b-primary:hover,
.btn-group .btn.b-primary:focus {
	background-color: #42a5f5;
	color: #fff !important;
}

.btn.b-secondary:hover,
.btn.b-secondary:focus {
	background-color: #fff;
	color: #495e69 !important;
}

.btn.b-accent:hover,
.btn.b-accent:focus {
	background-color: #fff;
	color: #ff6437 !important;
}

.btn.b-neutral:hover,
.btn.b-neutral:focus {
	background-color: #fff;
	color: #cbcbcb !important;
}

.btn.b-black:hover,
.btn.b-black:focus {
	background-color: #fff;
	color: #515356 !important;
}

.btn.b-white:hover,
.btn.b-white:focus {
	background-color: #cbcbcb;
	color: #fff !important;
}

.btn.b-success:hover,
.btn.b-success:focus {
	background-color: #fff;
	color: #6cc79f !important;
}

.btn.b-info:hover,
.btn.b-info:focus {
	background-color: #fff;
	color: #42a5f5 !important;
}

.btn.b-warning:hover,
.btn.b-warning:focus {
	background-color: #fff;
	color: #ffc200 !important;
}

.btn.b-danger:hover,
.btn.b-danger:focus {
	background-color: #fff;
	color: #fd5f68 !important;
}

.btn.b-disabled:hover,
.btn.b-disabled:focus {
	background-color: #fff;
	color: #cbcbcb !important;
}

.form-file button {
	font-size: 0.75rem;
	width: 8.75rem;
	height: 1.875rem;
	line-height: 0.75rem;
}

.btn {
	border-radius: 0.125rem;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.05) !important;
	height: 2.5rem;
}

.btn.rounded {
	border-radius: 500px;
}

.btn.white,
.btn.btn-default {
	box-shadow: none;
}

.input-group > input,
.input-group .input-group-btn > button {
	font-size: 0.875rem;
	height: 2.5rem;
}

.input-group-btn:last-child > .btn {
	border-top-left-radius: 500px;
	border-bottom-left-radius: 500px;
	margin-left: 0;
}

.input-group .input-group-btn .fa {
	font-size: 1.0625rem;
}

.input-group .input-group-btn .fa-front {
	color: #cbcbcb;
	margin-left: 10px;
}

.btn.btn-icon {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
}

.btn.btn-icon.btn-sm {
	width: 2.1875rem;
	height: 2.1875rem;
	line-height: 2.1875rem;
}

.btn.btn-icon.btn-xs {
	width: 1.5625rem;
	height: 1.5625rem;
	line-height: 1.5625rem;
}

.btn-icon.btn-social i:last-child {
	top: 0;
}

.btn-icon.btn-social-colored i:first-child {
	color: inherit;
}

.btn-icon.btn-social:hover i:last-child,
.btn-icon.btn-social:focus i:last-child,
.btn-icon.btn-social.active i:last-child {
	color: inherit;
}

.btn i.m-r {
	margin-right: 0.625rem !important;
}

.btn-grp-horizontal .btn {
	height: 100%;
	padding: 1.25rem 1.875rem 0.9375rem;
}

.btn-grp-horizontal .btn i {
	font-size: 1.3125rem;
}

.btn-grp-horizontal .btn .btn-text {
	font-size: 0.75rem;
}

.dropdown-menu {
	border-color: #cbcbcb;
	border-radius: 0;
	color: #515356;
	margin-top: 0;
	padding: 0;
	width: 100%;
}

.btn-group .dropdown-menu {
	border-top: none;
}

.dropdown-item {
	line-height: 2.125rem;
}

.dropdown-item:hover,
.dropdown-item:focus {
	background-color: #ebf0f2;
}

.dropdown-toggle::after {
	border: none;
	content: "\f107";
	font: normal normal normal 14px/1 FontAwesome;
	-webkit-font-smoothing: antialiased;
	transform: translate(0, 0);
	width: auto;
	height: auto;
}

.btn-toolbar .btn {
	background-color: #fff;
	box-shadow: none !important;
	color: #abd9ff;
	padding: 0.3125rem;
}

.btn-toolbar .btn:hover,
.btn-toolbar .btn:focus {
	background-color: #fff;
	box-shadow: none;
	color: #42a5f5;
}

.btn-lg {
	font-size: 1rem;
	height: 3.125rem;
}

/* vertical buttons */
.btn-group-vertical .btn {
	background-color: #ebf0f2;
	border-left: 4px solid #dae2e5;
	color: #a3afb5;
	padding: 0.4375rem 1.5625rem 0.4375rem 1rem;
	height: 4.375rem;
	min-width: 6.25rem;
	position: relative;
	text-align: left;
}

.btn-group-vertical .btn .btn-text {
	display: inline-block;
	min-width: 1.375rem;
}

.btn-group-vertical .btn::after {
	background: #dae2e5;
	content: "";
	display: block;
	margin: 0;
	width: 80%;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 10px;
	z-index: 10;
}

.btn-group-vertical .btn:last-child::after {
	background: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
	margin-top: 0;
}

.btn-group-vertical .btn.active {
	background-color: #42a5f5;
	border-left: 4px solid #3b93db;
	color: #fff;
}

.btn-group-vertical .btn .fa {
	font-size: 1.125rem;
}

.btn-group-vertical > .btn:first-child:not(:last-child),
.btn-group-vertical > .btn:last-child:not(:first-child) {
	border-radius: 0;
}