.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: .9375rem;
	line-height: 1.84615385;
	border-radius: 3px;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	&:focus,
	&:hover {
		text-decoration: none;
	}
	&.focus,
	&:focus {
		outline: 0;
		box-shadow: 0 0 0 2px rgba(194, 197, 199, 0.25);
	}
	&.disabled,
	&:disabled {
		opacity: 0.65;
	}
	&:not(:disabled):not(.disabled) {
		cursor: pointer;
		&.active,
		&:active {
			background-image: none;
		}
	}
}

@media screen and (prefers-reduced-motion: reduce) {
	.btn {
		transition: none;
	}
}

a.btn.disabled,
fieldset:disabled a.btn {
	pointer-events: none;
}

.btn-default {
	color: $color;
	background-color: #eef2f9;
	border-color: #eef2f9;
	&:hover {
		color: $color;
		background-color: #eef2f9;
		border-color: #eef2f9;
	}
}

.btn-secondary {
	color: $white !important;
	background-color: $secondary;
	border-color: $secondary;
	&:hover {
		color: $white;
		background-color: $secondary;
		border-color: $secondary;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(246, 109, 155, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: $primary;
		border-color: $primary;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: $secondary;
			border-color: $secondary;
		}
	}
}

.show>.btn-secondary.dropdown-toggle {
	color: $white;
	background-color: $secondary;
	border-color: $secondary;
}

.btn-secondary:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(246, 109, 155, 0.5);
	}
}

.show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(246, 109, 155, 0.5);
}

.btn-success {
	color: $white;
	background-color: $success;
	border-color: $success;
	&:hover {
		color: $white;
		background-color: #02d277;
		border-color: #02d277;
	}
	&.focus,
	&:focus {
		background-color: $success;
		border-color: $success;
		box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: $success;
		border-color: $success;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #03da7d;
			border-color: #03da7d;
		}
	}
}

.show>.btn-success.dropdown-toggle {
	color: $white;
	background-color: #03da7d;
	border-color: #03da7d;
}

.btn-success:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
	}
}

.show>.btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
}

.btn-info {
	color: $white;
	background-color: $info;
	border-color: $info;
	&:hover {
		color: $white;
		background-color: #00c3ff;
		border-color: #00c3ff;
	}
	&.focus,
	&:focus {
		background-color: $info;
		border-color: $info;
		box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.1);
		color: $white !important;
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #0dabb7;
		border-color: #0dabb7;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #0ca7ec;
			border-color: #0ca7ec;
		}
	}
}

.show>.btn-info.dropdown-toggle {
	color: $white;
	background-color: #0ca7ec;
	border-color: #0ca7ec;
}

.btn-info:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.1);
	}
}

.show>.btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.1);
}

.btn-warning {
	color: $white;
	background-color: $warning;
	border-color: $warning;
	&:hover {
		color: $white;
		background-color: #fa3;
		border-color: #fa3;
	}
	&.focus,
	&:focus {
		background-color: $warning;
		border-color: $warning;
		box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
		color: $white !important;
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: $yellow;
		border-color: $yellow;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #fa3;
			border-color: #fa3;
		}
	}
}

.show>.btn-warning.dropdown-toggle {
	color: $white;
	background-color: #fa3;
	border-color: #fa3;
}

.btn-warning:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
	}
}

.show>.btn-warning.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
}

.btn-danger {
	color: $white;
	background-color: $danger;
	border-color: $danger;
	&:hover {
		color: $white;
		background-color: #fb5b50;
		border-color: #fb5b50;
	}
	&.focus,
	&:focus {
		background-color: $danger;
		border-color: $danger;
		box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.1);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: $danger;
		border-color: $danger;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #fb5b50;
			border-color: #fb5b50;
		}
	}
}

.show>.btn-danger.dropdown-toggle {
	color: $white;
	background-color: #fb5b50;
	border-color: #fb5b50;
}

.btn-danger:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.1);
	}
}

.show>.btn-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.1);
}

.btn-light {
	color: #3d4e67;
	background-color: #f9faff;
	border-color: #e8ebf3;
	&:hover {
		color: #3d4e67;
		background-color: #f9faff;
		border-color: #f9faff;
	}
	&.focus,
	&:focus {
		background-color: #f9faff;
		border-color: #e8ebf3;
		box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
	}
	&.disabled,
	&:disabled {
		color: #3d4e67;
		background-color: #f9faff;
		border-color: #e8ebf3;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: #3d4e67;
			background-color: #dae0e5;
			border-color: #d3d9df;
		}
	}
}

.show>.btn-light.dropdown-toggle {
	color: #3d4e67;
	background-color: #dae0e5;
	border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
	}
}

.show>.btn-light.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}

.btn-dark {
	color: $white;
	background-color: #343a40;
	border-color: #343a40;
	&:hover {
		color: $white;
		background-color: #23272b;
		border-color: $dark;
	}
	&.focus,
	&:focus {
		background-color: #343a40;
		border-color: #343a40;
		box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #343a40;
		border-color: #343a40;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: $dark;
			border-color: #171a1d;
		}
	}
}

.show>.btn-dark.dropdown-toggle {
	color: $white;
	background-color: $dark;
	border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
	}
}

.show>.btn-dark.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}

.show>.btn-outline-secondary.dropdown-toggle {
	color: $secondary;
	background-color: transparent;
	border-color: $secondary;
}

.btn-outline-secondary:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px $secondary-03;
	}
}

.show>.btn-outline-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px $secondary-03;
}

.btn-outline-success {
	color: $success;
	background-color: transparent;
	background-image: none;
	border-color: $success;
	&:hover {
		color: $white;
		background-color: $success;
		border-color: $success;
	}
	&.focus,
	&:focus {
		background-color: transparent;
		background-image: none;
		border-color: $success;
		box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
	}
	&.disabled,
	&:disabled {
		color: $success;
		background-color: transparent;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: $success;
			border-color: $success;
		}
	}
}

.show>.btn-outline-success.dropdown-toggle {
	color: $white;
	background-color: $success;
	border-color: $success;
}

.btn-outline-success:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
	}
}

.show>.btn-outline-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
}

.btn-outline-info {
	color: #0ab2e6;
	background-color: transparent;
	background-image: none;
	border-color: #0ab2e6;
	&:hover {
		color: $white;
		background-color: #0ab2e6;
		border-color: #0ab2e6;
	}
	&.focus,
	&:focus {
		background-color: transparent;
		background-image: none;
		border-color: #0ab2e6;
		box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.1);
		color: $white !important;
	}
	&.disabled,
	&:disabled {
		color: #0ab2e6;
		background-color: transparent;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #0ab2e6;
			border-color: #0ab2e6;
		}
	}
}

.show>.btn-outline-info.dropdown-toggle {
	color: $white;
	background-color: #0ab2e6;
	border-color: #0ab2e6;
}

.btn-outline-info:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.1);
	}
}

.show>.btn-outline-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.1);
}

.btn-outline-warning {
	color: $yellow;
	background-color: transparent;
	background-image: none;
	border-color: $yellow;
	&:hover {
		color: $white;
		background-color: $yellow;
		border-color: $yellow;
	}
	&.focus,
	&:focus {
		background-color: transparent;
		background-image: none;
		border-color: $yellow;
		box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
	}
	&.disabled,
	&:disabled {
		color: $yellow;
		background-color: transparent;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: $yellow;
			border-color: $yellow;
		}
	}
}

.show>.btn-outline-warning.dropdown-toggle {
	color: $white;
	background-color: $yellow;
	border-color: $yellow;
}

.btn-outline-warning:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
	}
}

.show>.btn-outline-warning.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
}

.btn-outline-danger {
	color: $danger;
	background-color: transparent;
	background-image: none;
	border-color: $danger;
	&:hover {
		color: $white;
		background-color: $danger;
		border-color: $danger;
	}
	&.focus,
	&:focus {
		background-color: transparent;
		background-image: none;
		border-color: $danger;
		box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.1);
	}
	&.disabled,
	&:disabled {
		color: $danger;
		background-color: transparent;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: $danger;
			border-color: $danger;
		}
	}
}

.show>.btn-outline-danger.dropdown-toggle {
	color: $white;
	background-color: $danger;
	border-color: $danger;
}

.btn-outline-danger:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.1);
	}
}

.show>.btn-outline-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.1);
}

.btn-outline-light {
	color: #f8f9fa;
	background-color: transparent;
	background-image: none;
	border-color: #f8f9fa;
	&:hover {
		color: #3d4e67;
		background-color: #f8f9fa;
		border-color: #f8f9fa;
	}
	&.focus,
	&:focus {
		background-color: transparent;
		background-image: none;
		border-color: #f8f9fa;
		box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
	}
	&.disabled,
	&:disabled {
		color: #f8f9fa;
		background-color: transparent;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: #3d4e67;
			background-color: #f8f9fa;
			border-color: #f8f9fa;
		}
	}
}

.show>.btn-outline-light.dropdown-toggle {
	color: #3d4e67;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
	}
}

.show>.btn-outline-light.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}

.btn-outline-dark {
	color: #343a40;
	background-color: transparent;
	background-image: none;
	border-color: #343a40;
	&:hover {
		color: $white;
		background-color: #343a40;
		border-color: #343a40;
	}
	&.focus,
	&:focus {
		background-color: transparent;
		background-image: none;
		border-color: #343a40;
		box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
	}
	&.disabled,
	&:disabled {
		color: #343a40;
		background-color: transparent;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #343a40;
			border-color: #343a40;
		}
	}
}

.show>.btn-outline-dark.dropdown-toggle {
	color: $white;
	background-color: #343a40;
	border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
	}
}

.show>.btn-outline-dark.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}

.btn-link {
	font-weight: 400;
	background-color: transparent;
	text-decoration: none;
	&:hover {
		color: $primary;
		text-decoration: underline;
		background-color: transparent;
		border-color: transparent;
	}
	&.focus,
	&:focus {
		text-decoration: underline;
		border-color: transparent;
		box-shadow: none;
	}
	&.disabled,
	&:disabled {
		color: #868e96;
		pointer-events: none;
	}
}

.btn-group-lg>.btn,
.btn-lg {
	padding: .5rem 1rem;
	font-size: 1.125rem;
	line-height: 1.625;
	border-radius: 3px;
}

.btn-group-sm>.btn,
.btn-sm {
	padding: .35rem .5rem;
	font-size: .875rem;
	line-height: 1.33333333;
	border-radius: 3px;
}

.btn-block {
	display: block;
	width: 100%;
	+.btn-block {
		margin-top: 0.5rem;
	}
}

input {
	&[type=button].btn-block,
	&[type=reset].btn-block,
	&[type=submit].btn-block {
		width: 100%;
	}
}

.fade {
	transition: opacity 0.15s linear;
	&:not(.show) {
		opacity: 0;
	}
}

@media screen and (prefers-reduced-motion: reduce) {
	.fade {
		transition: none;
	}
}

.collapse:not(.show) {
	display: none;
	background: $white;
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition: height 0.35s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
	.collapsing {
		transition: none;
	}
}

.btn {
	cursor: pointer;
	font-weight: 400;
	letter-spacing: .03em;
	font-size: .8125rem;
	min-width: 2.375rem;
}

.btn-icon {
	padding-left: .5rem;
	padding-right: .5rem;
	text-align: center;
}

.btn.btn-app {
	position: relative;
	padding: 15px 5px;
	margin: 0 0 10px 10px;
	min-width: 80px;
	height: 60px;
	box-shadow: none;
	border-radius: 0;
	text-align: center;
	color: #a7b4c9;
	border: 1px solid #e8ebf3;
	background-color: #f9faff;
	font-size: 12px;
	> {
		.fa,
		.glyphicon,
		.ion {
			font-size: 20px;
			display: block;
		}
	}
	&:hover {
		background: #f9faff;
		color: #3f5068;
		border-color: #e8ebf3;
	}
	&:active,
	&:focus {
		box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	}
	>.badge {
		position: absolute;
		top: -3px;
		right: -10px;
		font-weight: 400;
	}
}

.btn-pill {
	border-radius: 10rem;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.btn-square {
	border-radius: 0;
}

.btn-facebook {
	color: $white;
	background-color: #3c5a99;
	border-color: #3c5a99;
	&:hover,
	&.active {
		color: $white;
		background-color: #0941d3;
		border-color: #0941d3;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(59, 89, 152, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #0941d3;
		border-color: #0941d3;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #0941d3;
			border-color: #0941d3;
		}
	}
}

.show>.btn-facebook.dropdown-toggle {
	color: $white;
	background-color: #0941d3;
	border-color: #0941d3;
}

.btn-facebook:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(59, 89, 152, 0.5);
	}
}

.show>.btn-facebook.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(59, 89, 152, 0.5);
}

.btn-twitter {
	color: $white;
	background-color: #1da1f2;
	border-color: #1da1f2;
	&:hover {
		color: $white;
		background-color: #0d8ddc;
		border-color: #0c85d0;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(29, 161, 242, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #1da1f2;
		border-color: #1da1f2;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #0c85d0;
			border-color: #0b7ec4;
		}
	}
}

.show>.btn-twitter.dropdown-toggle {
	color: $white;
	background-color: #0c85d0;
	border-color: #0b7ec4;
}

.btn-twitter:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(29, 161, 242, 0.5);
	}
}

.show>.btn-twitter.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(29, 161, 242, 0.5);
}

.btn-google {
	color: $white;
	background-color: #d34836;
	border-color: #d34836;
	&.active,
	&:hover {
		color: $white;
		background-color: #d04237;
		border-color: #d04237;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(220, 78, 65, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #d04237;
		border-color: #d04237;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #d04237;
			border-color: #d04237;
		}
	}
}

.show>.btn-google.dropdown-toggle {
	color: $white;
	background-color: #d04237;
	border-color: #d04237;
}

.btn-google:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(220, 78, 65, 0.5);
	}
}

.show>.btn-google.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(220, 78, 65, 0.5);
}

.btn-youtube {
	color: $white;
	background-color: red;
	border-color: red;
	&:hover {
		color: $white;
		background-color: #d90000;
		border-color: #c00;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: red;
		border-color: red;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #c00;
			border-color: #bf0000;
		}
	}
}

.show>.btn-youtube.dropdown-toggle {
	color: $white;
	background-color: #c00;
	border-color: #bf0000;
}

.btn-youtube:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5);
	}
}

.show>.btn-youtube.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5);
}

.btn-vimeo {
	color: $white;
	background-color: #1ab7ea;
	border-color: #1ab7ea;
	&:hover {
		color: $white;
		background-color: #139ecb;
		border-color: #1295bf;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(26, 183, 234, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #1ab7ea;
		border-color: #1ab7ea;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #1295bf;
			border-color: #108cb4;
		}
	}
}

.show>.btn-vimeo.dropdown-toggle {
	color: $white;
	background-color: #1295bf;
	border-color: #108cb4;
}

.btn-vimeo:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(26, 183, 234, 0.5);
	}
}

.show>.btn-vimeo.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(26, 183, 234, 0.5);
}

.btn-dribbble {
	color: $white;
	background-color: #ea4c89;
	border-color: #ea4c89;
	&:hover {
		color: $white;
		background-color: #e62a72;
		border-color: #e51e6b;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(234, 76, 137, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #ea4c89;
		border-color: #ea4c89;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #e51e6b;
			border-color: #dc1a65;
		}
	}
}

.show>.btn-dribbble.dropdown-toggle {
	color: $white;
	background-color: #e51e6b;
	border-color: #dc1a65;
}

.btn-dribbble:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(234, 76, 137, 0.5);
	}
}

.show>.btn-dribbble.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(234, 76, 137, 0.5);
}

.btn-github {
	color: $white;
	background-color: #181717;
	border-color: #181717;
	&:hover {
		color: $white;
		background-color: #040404;
		border-color: $black;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(24, 23, 23, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #181717;
		border-color: #181717;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: $black;
			border-color: $black;
		}
	}
}

.show>.btn-github.dropdown-toggle {
	color: $white;
	background-color: $black;
	border-color: $black;
}

.btn-github:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(24, 23, 23, 0.5);
	}
}

.show>.btn-github.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(24, 23, 23, 0.5);
}

.btn-instagram {
	color: $white;
	background-color: #e4405f;
	border-color: #e4405f;
	&:hover {
		color: $white;
		background-color: #de1f44;
		border-color: #d31e40;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(228, 64, 95, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #e4405f;
		border-color: #e4405f;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #d31e40;
			border-color: #c81c3d;
		}
	}
}

.show>.btn-instagram.dropdown-toggle {
	color: $white;
	background-color: #d31e40;
	border-color: #c81c3d;
}

.btn-instagram:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(228, 64, 95, 0.5);
	}
}

.show>.btn-instagram.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(228, 64, 95, 0.5);
}

.btn-pinterest {
	color: $white;
	background-color: #bd081c;
	border-color: #bd081c;
	&:hover {
		color: $white;
		background-color: #980617;
		border-color: #8c0615;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(189, 8, 28, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #bd081c;
		border-color: #bd081c;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #8c0615;
			border-color: #800513;
		}
	}
}

.show>.btn-pinterest.dropdown-toggle {
	color: $white;
	background-color: #8c0615;
	border-color: #800513;
}

.btn-pinterest:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(189, 8, 28, 0.5);
	}
}

.show>.btn-pinterest.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(189, 8, 28, 0.5);
}

.btn-vk {
	color: $white;
	background-color: #6383a8;
	border-color: #6383a8;
	&:hover {
		color: $white;
		background-color: #527093;
		border-color: #4d6a8b;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(99, 131, 168, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #6383a8;
		border-color: #6383a8;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #4d6a8b;
			border-color: #496482;
		}
	}
}

.show>.btn-vk.dropdown-toggle {
	color: $white;
	background-color: #4d6a8b;
	border-color: #496482;
}

.btn-vk:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(99, 131, 168, 0.5);
	}
}

.show>.btn-vk.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(99, 131, 168, 0.5);
}

.btn-rss {
	color: $white;
	background-color: orange;
	border-color: orange;
	&:hover {
		color: $white;
		background-color: #d98c00;
		border-color: #cc8400;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: orange;
		border-color: orange;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #cc8400;
			border-color: #bf7c00;
		}
	}
}

.show>.btn-rss.dropdown-toggle {
	color: $white;
	background-color: #cc8400;
	border-color: #bf7c00;
}

.btn-rss:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.5);
	}
}

.show>.btn-rss.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.5);
}

.btn-flickr {
	color: $white;
	background-color: #0063dc;
	border-color: #0063dc;
	&:hover {
		color: $white;
		background-color: #0052b6;
		border-color: #004ca9;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(0, 99, 220, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #0063dc;
		border-color: #0063dc;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #004ca9;
			border-color: #00469c;
		}
	}
}

.show>.btn-flickr.dropdown-toggle {
	color: $white;
	background-color: #004ca9;
	border-color: #00469c;
}

.btn-flickr:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(0, 99, 220, 0.5);
	}
}

.show>.btn-flickr.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(0, 99, 220, 0.5);
}

.btn-bitbucket {
	color: $white;
	background-color: #0052cc;
	border-color: #0052cc;
	&:hover {
		color: $white;
		background-color: #0043a6;
		border-color: #003e99;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #0052cc;
		border-color: #0052cc;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #003e99;
			border-color: #00388c;
		}
	}
}

.show>.btn-bitbucket.dropdown-toggle {
	color: $white;
	background-color: #003e99;
	border-color: #00388c;
}

.btn-bitbucket:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.5);
	}
}

.show>.btn-bitbucket.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.5);
}

.btn-blue {
	color: $white;
	background-color: $blue;
	border-color: $blue;
	&:hover {
		color: $white;
		background-color: #316cbe;
		border-color: #2861b1;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(5, 117, 230, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: $blue;
		border-color: $blue;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #2861b1;
			border-color: #2c60a9;
		}
	}
}

.show>.btn-blue.dropdown-toggle {
	color: $white;
	background-color: #2861b1;
	border-color: #2c60a9;
}

.btn-blue:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(5, 117, 230, 0.5);
	}
}

.show>.btn-blue.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(5, 117, 230, 0.5);
}

.btn-indigo {
	color: $white;
	background-color: $indigo;
	border-color: $indigo;
	&:hover {
		color: $white;
		background-color: #485ac4;
		border-color: #3f51c1;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(101, 116, 205, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: $indigo;
		border-color: $indigo;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #3f51c1;
			border-color: #3b4db7;
		}
	}
}

.show>.btn-indigo.dropdown-toggle {
	color: $white;
	background-color: #3f51c1;
	border-color: #3b4db7;
}

.btn-indigo:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(101, 116, 205, 0.5);
	}
}

.show>.btn-indigo.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(101, 116, 205, 0.5);
}

.btn-purple {
	color: $white;
	background-color: $purple;
	border-color: $purple;
	&:hover {
		color: $white;
		background-color: #923ce6;
		border-color: #8c31e4;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(165, 94, 234, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: $purple;
		border-color: $purple;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #8c31e4;
			border-color: #8526e3;
		}
	}
}

.show>.btn-purple.dropdown-toggle {
	color: $white;
	background-color: #8c31e4;
	border-color: #8526e3;
}

.btn-purple:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(165, 94, 234, 0.5);
	}
}

.show>.btn-purple.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(165, 94, 234, 0.5);
}

.btn-pink {
	color: $white;
	background-color: #e61470;
	border-color: #e61470;
	&:hover {
		color: $white;
		background-color: #e61470;
		border-color: #e61470;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(246, 109, 155, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #e61470;
		border-color: #e61470;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #e61470;
			border-color: #e61470;
		}
	}
}

.show>.btn-pink.dropdown-toggle {
	color: $white;
	background-color: #e61470;
	border-color: #e61470;
}

.btn-pink:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(246, 109, 155, 0.5);
	}
}

.show>.btn-pink.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(246, 109, 155, 0.5);
}

.btn-red {
	color: $white;
	background-color: $danger;
	border-color: $danger;
	&:hover {
		color: $white;
		background-color: #fb5b50;
		border-color: #fb5b50;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: $danger;
		border-color: $danger;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #fb5b50;
			border-color: #fb5b50;
		}
	}
}

.show>.btn-red.dropdown-toggle {
	color: $white;
	background-color: #fb5b50;
	border-color: #fb5b50;
}

.btn-red:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
	}
}

.show>.btn-red.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
}

.btn-orange {
	color: $white;
	background-color: #e67605;
	border-color: #e67605;
	&:hover {
		color: $white;
		background-color: #fd811e;
		border-color: #fc7a12;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(253, 150, 68, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #e67605;
		border-color: #e67605;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #fc7a12;
			border-color: #fc7305;
		}
	}
}

.show>.btn-orange.dropdown-toggle {
	color: $white;
	background-color: #fc7a12;
	border-color: #fc7305;
}

.btn-orange:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(253, 150, 68, 0.5);
	}
}

.show>.btn-orange.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(253, 150, 68, 0.5);
}

.btn-yellow {
	color: $white;
	background-color: $yellow;
	border-color: $yellow;
	&:hover {
		color: $white;
		background-color: #fa3;
		border-color: #fa3;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: $yellow;
		border-color: $yellow;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #fa3;
			border-color: #b6940b;
		}
	}
}

.show>.btn-yellow.dropdown-toggle {
	color: $white;
	background-color: #fa3;
	border-color: #b6940b;
}

.btn-yellow:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
	}
}

.show>.btn-yellow.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}

.btn-green {
	color: $white;
	background-color: $success;
	border-color: $success;
	&:hover {
		color: $white;
		background-color: #3adfab;
		border-color: #3adfab;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: $success;
		border-color: $success;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #3adfab;
			border-color: #3adfab;
		}
	}
}

.show>.btn-green.dropdown-toggle {
	color: $white;
	background-color: #3adfab;
	border-color: #3adfab;
}

.btn-green:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
	}
}

.show>.btn-green.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}

.btn-teal {
	color: $white;
	background-color: $teal;
	border-color: $teal;
	&:hover {
		color: $white;
		background-color: #05fafa;
		border-color: #05fafa;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: $teal;
		border-color: $teal;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #05fafa;
			border-color: #05fafa;
		}
	}
}

.show>.btn-teal.dropdown-toggle {
	color: $white;
	background-color: #05fafa;
	border-color: #05fafa;
}

.btn-teal:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
	}
}

.show>.btn-teal.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
}

.btn-cyan {
	color: $white;
	background-color: #17a2b8;
	border-color: #17a2b8;
	&:hover {
		color: $white;
		background-color: #138496;
		border-color: #117a8b;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #17a2b8;
		border-color: #17a2b8;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #117a8b;
			border-color: #10707f;
		}
	}
}

.show>.btn-cyan.dropdown-toggle {
	color: $white;
	background-color: #117a8b;
	border-color: #10707f;
}

.btn-cyan:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
	}
}

.show>.btn-cyan.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
}

.btn-white {
	color: #3d4e67;
	background-color: $white;
	border-color: rgba(167, 180, 201, 0.6);
	&:hover {
		color: #3d4e67;
		background-color: #e9ecfb;
		border-color: #e9ecfb;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px $white-5;
	}
	&.disabled,
	&:disabled {
		color: #3d4e67;
		background-color: $white;
		border-color: $white;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: #3d4e67;
			background-color: #e9ecfb;
			border-color: #e9ecfb;
		}
	}
}

.show>.btn-white.dropdown-toggle {
	color: #3d4e67;
	background-color: #e9ecfb;
	border-color: #e9ecfb;
}

.btn-white:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px $white-5;
	}
}

.show>.btn-white.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px $white-5;
}

.btn-gray {
	color: $white;
	background-color: #868e96;
	border-color: #868e96;
	&:hover {
		color: $white;
		background-color: #727b84;
		border-color: $color;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #868e96;
		border-color: #868e96;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: $color;
			border-color: #666e76;
		}
	}
}

.show>.btn-gray.dropdown-toggle {
	color: $white;
	background-color: $color;
	border-color: #666e76;
}

.btn-gray:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
	}
}

.show>.btn-gray.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}

.btn-gray-dark {
	color: $white;
	background-color: #343a40;
	border-color: #343a40;
	&:hover {
		color: $white;
		background-color: #23272b;
		border-color: $dark;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #343a40;
		border-color: #343a40;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: $dark;
			border-color: #171a1d;
		}
	}
}

.show>.btn-gray-dark.dropdown-toggle {
	color: $white;
	background-color: $dark;
	border-color: #171a1d;
}

.btn-gray-dark:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
	}
}

.show>.btn-gray-dark.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}

.btn-azure {
	color: $white;
	background-color: #0dabb7;
	border-color: #0dabb7;
	&:hover {
		color: $white;
		background-color: #219af0;
		border-color: #1594ef;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #0dabb7;
		border-color: #0dabb7;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #1594ef;
			border-color: #108ee7;
		}
	}
}

.show>.btn-azure.dropdown-toggle {
	color: $white;
	background-color: #1594ef;
	border-color: #108ee7;
}

.btn-azure:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
	}
}

.show>.btn-azure.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
}

.btn-lime {
	color: $white;
	background-color: #63e600;
	border-color: #63e600;
	&:hover {
		color: $white;
		background-color: #69b829;
		border-color: #63ad27;
	}
	&.focus,
	&:focus {
		box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: #63e600;
		border-color: #63e600;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: #63ad27;
			border-color: #5da324;
		}
	}
}

.show>.btn-lime.dropdown-toggle {
	color: $white;
	background-color: #63ad27;
	border-color: #5da324;
}

.btn-lime:not(:disabled):not(.disabled) {
	&.active:focus,
	&:active:focus {
		box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
	}
}

.show>.btn-lime.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
}

.btn-option {
	background: 0 0;
	color: #a7b4c9;
	&:hover {
		color: #5f6877;
	}
	&:focus {
		box-shadow: none;
		color: #5f6877;
	}
}

.btn-group-sm>.btn,
.btn-sm {
	font-size: .75rem;
	min-width: 2rem;
}

.btn-group-lg>.btn,
.btn-lg {
	font-size: 1.09rem;
	min-width: 2.75rem;
	font-weight: 400;
}

.btn-list {
	margin-bottom: -.5rem;
	font-size: 0;
	> {
		.btn,
		.dropdown {
			margin-bottom: 0.5rem;
		}
		.btn:not(:last-child),
		.dropdown:not(:last-child) {
			margin-right: 0.5rem;
		}
	}
}

.btn-loading {
	color: transparent !important;
	pointer-events: none;
	position: relative;
	&:after {
		content: '';
		-webkit-animation: loader .5s infinite linear;
		animation: loader .5s infinite linear;
		border: 2px solid $white;
		border-radius: 50%;
		border-right-color: transparent !important;
		border-top-color: transparent !important;
		display: block;
		height: 1.4em;
		width: 1.4em;
		position: absolute;
		left: calc(50% - (1.4em / 2));
		top: calc(50% - (1.4em / 2));
		-webkit-transform-origin: center;
		transform-origin: center;
		position: absolute !important;
	}
}

.btn-group-sm>.btn-loading.btn:after {
	height: 1em;
	width: 1em;
	left: calc(50% - (1em / 2));
	top: calc(50% - (1em / 2));
}

.btn-loading {
	&.btn-sm:after {
		height: 1em;
		width: 1em;
		left: calc(50% - (1em / 2));
		top: calc(50% - (1em / 2));
	}
	&.btn-secondary:after {
		border-color: #3d4e67;
	}
}

.btn-send {
	background: none repeat scroll 0 0 #00a8b3;
	color: $white;
	&:hover {
		background: none repeat scroll 0 0 #00a8b3;
		color: $white;
		background: none repeat scroll 0 0 #009da7;
	}
}


/*---- Buttons -----*/

.btn-group {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
}

.btn-group-vertical {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
	>.btn {
		position: relative;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}
}

.btn-group>.btn {
	position: relative;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
	z-index: 1;
}

.btn-group-vertical>.btn {
	&.active,
	&:active,
	&:focus {
		z-index: 1;
	}
}

.btn-group {
	>.btn {
		&.active,
		&:active,
		&:focus {
			z-index: 1;
		}
	}
	.btn+ {
		.btn,
		.btn-group {
			margin-left: -1px;
		}
	}
	.btn-group+ {
		.btn,
		.btn-group {
			margin-left: -1px;
		}
	}
}

.btn-group-vertical {
	.btn+ {
		.btn,
		.btn-group {
			margin-left: -1px;
		}
	}
	.btn-group+ {
		.btn,
		.btn-group {
			margin-left: -1px;
		}
	}
}

.btn-toolbar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
	.input-group {
		width: auto;
	}
}

.btn-group> {
	.btn:first-child {
		margin-left: 0;
	}
	.btn-group:not(:last-child)>.btn,
	.btn:not(:last-child):not(.dropdown-toggle) {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
	padding-right: .375rem;
	padding-left: .375rem;
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
	padding-right: .75rem;
	padding-left: .75rem;
}

.btn-group-vertical {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: center;
	justify-content: center;
	.btn,
	.btn-group {
		width: 100%;
	}
	> {
		.btn+ {
			.btn,
			.btn-group {
				margin-top: -1px;
				margin-left: 0;
			}
		}
		.btn-group {
			+ {
				.btn,
				.btn-group {
					margin-top: -1px;
					margin-left: 0;
				}
			}
			&:not(:last-child)>.btn {
				border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;
			}
		}
		.btn:not(:last-child):not(.dropdown-toggle) {
			border-bottom-right-radius: 0;
			border-bottom-left-radius: 0;
		}
		.btn-group:not(:first-child)>.btn,
		.btn:not(:first-child) {
			border-top-left-radius: 0;
			border-top-right-radius: 0;
		}
	}
}

.btn-group-toggle> {
	.btn,
	.btn-group>.btn {
		margin-bottom: 0;
	}
	.btn input {
		&[type=checkbox],
		&[type=radio] {
			position: absolute;
			clip: rect(0, 0, 0, 0);
			pointer-events: none;
		}
	}
	.btn-group>.btn input {
		&[type=checkbox],
		&[type=radio] {
			position: absolute;
			clip: rect(0, 0, 0, 0);
			pointer-events: none;
		}
	}
}

.btn-compose {
	background: none repeat scroll 0 0 #ff6c60;
	color: $white;
	padding: 12px 0;
	text-align: center;
	width: 100%;
	&:hover {
		background: none repeat scroll 0 0 #f5675c;
		color: $white;
	}
}

btn.dropdown-toggle~.dropdown-menu,
ul.dropdown-menu li.dropdown ul.dropdown-menu {
	background-color: #f4f4f4 !important;
	background-color: $white !important;
	border: 0 solid #4285f4 !important;
	box-shadow: 0 0 3px rgba(25, 25, 25, 0.3) !important;
	top: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.btn-overlay span {
	display: block;
	margin: .5rem;
	font-size: 16px;
	font-weight: 600;
}

.btn-floating {
	&.btn-sm i {
		font-size: .96154rem;
		line-height: 36.15385px;
	}
	i {
		display: inline-block;
		width: inherit;
		text-align: center;
		color: $white;
	}
	width: 35px;
	height: 35px;
	line-height: 1.7;
	position: relative;
	z-index: 1;
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 0;
	cursor: pointer;
	background: $white-2;
	box-shadow: 0 5px 11px 0 $black-1,
	0 4px 15px 0 $black-1;
}

.btn-store {
	color: $white !important;
	background-color: $black;
	&:focus,
	&:hover {
		color: $white !important;
		opacity: 0.8;
	}
}
.btn-check:checked+.btn-outline-primary {
    color: #ffffff;
    background-color: $primary;
    border-color: $primary  !important;
}
.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: none !important;
}
.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #fff;
    background-color: $primary;
    border-color: $primary;
}
.btn-outline-secondary {
	color: $secondary;
	background-color: transparent;
	background-image: none;
	border-color: $secondary;
	&:hover {
		color: $white;
		background-color: $secondary;
		border-color: $secondary;
	}
	&.focus,
	&:focus {
		color: $white !important;
		background-color: $secondary !important;
		border-color: $secondary !important; 
		box-shadow: 0 0 0 2px $secondary-03 !important;
	}
	&.disabled,
	&:disabled {
		opacity: 0.5;
		background-color: transparent;
	}
	&:not(:disabled):not(.disabled) {
		&.active,
		&:active {
			color: $white;
			background-color: $secondary;
			border-color: $secondary;
		}
	}
}


//  color layout  
.bg-background2:before,
.pattern:before {
	background: linear-gradient(-225deg, $primary-08 48%, $secondary-08 100%);
}

.owl-controls .owl-page.active {
	border-color: $primary;
	opacity: 1;
	&:hover {
		border-color: $primary;
		opacity: 1;
	}
}

.owl-carousel:hover .owl-nav button,
.owl-nav button {
	color: $primary !important;
}

a.bg-secondary {
	&:hover,
	&:focus {
		background-color: #37496e !important;
	}
}

button.bg-secondary {
	&:hover,
	&:focus {
		background-color: #37496e !important;
	}
}

.item-card7-overlaytext span {
	background: $primary;
}

.bg-background-color:before {
	background: linear-gradient(-225deg, $primary 48%, $secondary 100%) !important;
}

.bg-dark-purple {
	background-color: #0b0c19 !important;
}

.btn-primary {
	color: $white;
	background-color: $primary;
	border-color: $primary;
	&:hover {
		color: $white;
		background-color: $primary-hover;
		border-color: $primary-border;
	}
	&:focus,
	&.focus {
		background-color: $primary;
		border-color: $primary;
		box-shadow: 0 0 0 2px $primary-03;
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: $primary;
		border-color: $primary;
	}
	&:not(:disabled):not(.disabled) {
		&:active,
		&.active {
			color: $white;
			background-color: $primary;
			border-color: $primary;
		}
	}
}

.show>.btn-primary.dropdown-toggle {
	color: $white;
	background-color: $primary;
	border-color: $primary;
}

.btn-primary:not(:disabled):not(.disabled) {
	&:active:focus,
	&.active:focus {
		box-shadow: 0 0 0 2px rgba(233, 30, 99, 0.1);
	}
}

.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(233, 30, 99, 0.1);
}

.btn-outline-primary {
	color: $primary;
	background-color: transparent;
	background-image: none;
	border-color: $primary !important;
	&:hover {
		color: $white;
		background-color: $primary;
		border-color: $primary !important;
	}
	&:focus,
	&.focus {
		box-shadow: 0 0 0 2px rgba(5, 117, 230, 0.1);
	}
	&.disabled,
	&:disabled {
		color: $primary;
		background-color: transparent;
	}
	&:not(:disabled):not(.disabled) {
		&:active,
		&.active {
			color: $white;
			background-color: $primary;
			border-color: $primary;
		}
	}
}

.show>.btn-outline-primary.dropdown-toggle {
	color: $white;
	background-color: $primary;
	border-color: $primary;
}

.btn-outline-primary:not(:disabled):not(.disabled) {
	&:active:focus,
	&.active:focus {
		box-shadow: 0 0 0 2px rgba(5, 117, 230, 0.1);
	}
}

.show>.btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(5, 117, 230, 0.1);
}

.btn-link {
	color: $primary;
}

.alert-primary {
	color: #fcfdff;
	background-color: $primary;
	border-color: $primary;
	hr {
		background-color: $white !important;
	}
	.alert-link {
		color: #172b46;
	}
}

.label-primary {
	background-color: $primary !important;
}

.badge-primary {
	color: $white;
	background-color: $primary;
	&[href] {
		&:hover,
		&:focus {
			color: $white;
			text-decoration: none;
			background-color: $primary;
		}
	}
}

.bg-gradient-primary {
	background: linear-gradient(-225deg, $primary-08 48%, $secondary-08 100%); 
}

.bg-primary {
	background-color: $primary !important;
}

a.bg-primary {
	&:hover,
	&:focus {
		background-color: $primary !important;
	}
}

button.bg-primary {
	&:hover,
	&:focus {
		background-color: $primary !important;
	}
}

.border-primary {
	border-color: $primary !important;
}

.text-primary {
	color: $primary !important;
}

a {
	&.text-primary {
		&:hover,
		&:focus {
			color: $primary !important;
		}
	}
	&.text-dark {
		&:hover,
		&:focus {
			color: $primary !important;
		}
	}
}

.social-box.linkedin i {
	background: $primary;
}

.checkbox span:after,
.user-card .card-block .activity-leval li.active {
	background-color: $primary;
}

#count-down .clock-presenter .digit {
	background: $primary;
}

.masthead .masthead-bg {
	background: linear-gradient(120deg, #0f75ff 0%, $primary 100%);
}

.notifyimg {
	background: $primary;
}

.drop-icon-wrap .drop-icon-item:hover {
	color: $primary;
}

.dropdown-item {
	&:hover,
	&:focus,
	&.active,
	&:active {
		color: $primary;
	}
}

.timeline__item:after {
	border: 6px solid $primary;
}

.custom-control-input:checked~.custom-control-label::before {
	background-color: $primary;
}

.custom-checkbox .custom-control-input {
	&:checked~.custom-control-label::before,
	&:indeterminate~.custom-control-label::before {
		background-color: $primary;
	}
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: $primary;
}

.custom-select:focus {
	border-color: $primary;
}

.custom-file-input:focus~.custom-file-label {
	border-color: $primary;
	&::after {
		border-color: $primary;
	}
}

.custom-file-label::after {
	background-color: $primary;
	border-left: 1px solid $primary;
}

.custom-range {
	&::-webkit-slider-thumb,
	&::-moz-range-thumb,
	&::-ms-thumb {
		background-color: $primary;
	}
}

.nav-link.active {
	background-color: $primary;
}

.nav-pills {
	.nav-link.active,
	.show>.nav-link {
		background-color: $primary;
	}
}

.page-link:hover {
	color: $primary;
}

.page-item.active .page-link {
	background-color: $primary;
	border-color: $primary;
}

.range.range-primary {
	input[type="range"] {
		&::-webkit-slider-thumb,
		&::-moz-slider-thumb {
			background-color: $primary;
		}
	}
	output {
		background-color: $primary;
	}
	input[type="range"] {
		outline-color: $primary;
	}
}

.nav-tabs .nav-item1 .nav-link {
	&:hover:not(.disabled),
	&.active {
		background: $primary;
	}
}

.panel.price>.panel-heading {
	background: $primary;
	color: $white;
	background: $primary;
}

.heading-primary {
	background-color: $primary;
}

.page-header .breadcrumb-item a {
	color: $color;
}

.breadcrumb-item1 a:hover,
.panel-title1 a {
	color: $primary;
}

.header {
	background: linear-gradient(120deg, #0f75ff 60%, $primary 100%);
}

.header-bg {
	background: #eef2f9;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #eef2f9, $primary);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #eef2f9, $primary);
}

.nav-tabs .nav-link {
	&:hover:not(.disabled),
	&.active {
		color: $white;
		background: $primary;
	}
}

.navtab-wizard.nav-tabs .nav-link {
	&.active,
	&:hover {
		color: $primary;
		background: $white;
	}
}

.admin-navbar {
	.nav-item.active .nav-link {
		color: $primary;
		.icon {
			color: $primary;
		}
	}
	.nav-link {
		&:hover,
		&:focus,
		&.active {
			color: $primary;
		}
	}
	.mega-dropdown .sub-item .section-label {
		color: $primary;
	}
	.sub-item ul a {
		&:active {
			background-color: $primary;
		}
		&:hover,
		&:focus {
			color: $primary;
			text-decoration: none;
			background-color: #f9faff;
		}
	}
}

.expanel-primary {
	>.expanel-heading {
		color: $white !important;
		background-color: $primary !important;
		border-color: $primary !important;
	}
}

.error-img .form-control:focus {
	color: $white;
	background-color: $white-2;
	border-color: $primary;
}

.avatar {
	background: $primary no-repeat center/cover;
}

.spinner {
	background: linear-gradient(120deg, $primary 0%, $primary 100%);
}

.spinner-lg {
	background-color: $primary;
}

.double-bounce1,
.double-bounce2,
.cube1,
.cube2 {
	background: linear-gradient(120deg, $primary 0%, $primary 100%);
}

.lds-heart div {
	background: $primary;
	&:after,
	&:before {
		background: $primary;
	}
}

.lds-ring div {
	border: 6px solid $primary;
	border-color: $primary transparent transparent transparent;
}

.lds-hourglass:after {
	border: 26px solid $primary;
	border-color: $primary transparent;
}

.mediaicon {
	border: 1px solid $primary;
	background: $primary;
}

a.chip:hover {
	background-color: $primary;
}

.highlight .s {
	color: $primary;
}

.selectgroup-input {
	&:checked+.selectgroup-button {
		border-color: $primary;
		z-index: 1;
		color: $primary;
		background: #f6f7fb;
	}
	&:focus+.selectgroup-button {
		border-color: $primary;
		z-index: 2;
		color: $primary;
		box-shadow: 0 0 0 2px $primary-03;
	}
}

.custom-switch-input {
	&:checked~.custom-switch-indicator {
		background: $primary;
	}
	&:focus~.custom-switch-indicator {
		box-shadow: 0 0 0 2px $primary-03;
		border-color: $primary;
	}
}

.imagecheck-input:focus~.imagecheck-figure {
	// border-color: $primary;
	// box-shadow: 0 0 0 2px $primary-03;
}

.imagecheck-figure:before {
	background: $primary url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center (center / 50%) 50%;
	color: $white;
}

.colorinput-input:focus~.colorinput-color {
	border-color: $primary;
	box-shadow: 0 0 0 2px $primary-03;
}

.ui-datepicker .ui-datepicker-title {
	color: $primary;
}

#back-to-top {
	background: $primary;
	&:hover {
		background: $white;
		color: $primary;
		border: 2px solid $primary;
	}
}

#chat-message {
	background: linear-gradient(-225deg, $primary-08 48%, $secondary-08 100%);
}

.tabs-menu ul li .active {
	background: $primary !important;
}

.tabs-menu1 ul li .active {
	border: 1px solid $primary;
	color: $primary;
}

.wideget-user-tab .tabs-menu1 ul li .active {
	border-bottom: 2px solid $primary !important;
}

.rating-stars .rating-stars-container .rating-star {
	&.is--active .fa-heart,
	&.is--hover .fa-heart {
		color: $primary;
	}
}

.message-feed:not(.right) .mf-content {
	background: $primary;
	color: $white;
	&:before {
		border-right-color: $primary;
	}
}

.msb-reply button {
	background: $primary;
}

.wizard-card {
	.moving-tab {
		background-color: $primary !important;
	}
	.choice {
		&:hover .icon,
		&.active .icon {
			border-color: $primary !important;
			color: $primary !important;
		}
	}
}

.cal1 .clndr {
	.clndr-table {
		.header-days {
			background: $primary;
		}
		tr .day {
			&.today.event,
			&.my-today.event {
				background: $primary;
			}
			&.today:hover,
			&.my-today:hover {
				background: $primary;
				color: $white;
			}
		}
	}
	.clndr-controls .clndr-control-button {
		.clndr-previous-button {
			color: $primary;
			background: #e6f2fe;
		}
		.clndr-next-button {
			color: $primary;
			background: #e6f2fe;
			&:hover {
				background: $primary;
			}
		}
		.clndr-previous-button:hover {
			background: $primary;
		}
	}
}

.fc button {
	background: $primary;
}

.fc-event,
.fc-event-dot {
	background-color: $primary;
	color: #f1f1f1 ! important;
}

#sidebar {
	.accordion-toggle i {
		background: linear-gradient(120deg, #0f75ff 60%, $primary 100%);
	}
	ul li.active>a {
		color: $primary;
		&:hover {
			color: $primary;
		}
	}
	li a[aria-expanded="true"].active:before {
		background: linear-gradient(120deg, #0f75ff 60%, $primary 100%);
	}
	ul li a:hover,
	.collapse li a:hover {
		color: $primary;
	}
}

.sweet-alert button {
	background-color: $primary !important;
}

.timeline__item:after {
	border: 6px solid $primary;
}

.label-primary.arrowed:before {
	border-right-color: $primary;
}

.widgetdate p,
.widgetbox p,
.datebox p {
	border-bottom: 2px solid $primary;
}

.arrow-ribbon.bg-primary:before {
	border-left: 15px solid $primary;
}

.arrow-ribbon2:before {
	border-left: 24px solid $primary;
}

.badge-offer.bg-primary:after,
.badge-offer1.bg-primary:after {
	border-top: 12px solid $primary;
}

.social-icons li:hover {
	background: $primary;
	color: $white;
}

.social li a:hover,
.footer-main a:hover,
.footer-links a:hover {
	color: $primary !important;
}

.product-tags li a:hover {
	background: $primary;
	border-color: $primary;
}

.info .counter-icon {
	border: 1px solid $white-6;
	i {
		color: $white;
	}
}

.counter-icon {
	border: 1px solid $primary;
	i {
		color: $primary;
	}
}

.header-links li a {
	&.active,
	&:hover {
		background: $primary;
		color: $white;
	}
}

.card-pay .tabs-menu li a.active,
.item1-tabs-menu ul li .active {
	background: $primary;
}

.items-blog-tab-heading .items-blog-tab-menu li .active {
	background: $primary !important;
	color: $white;
}

.item2-gl-nav .item2-gl-menu li .active {
	color: $primary !important;
}

.item-all-cat {
	.item-all-card:hover .item-all-text h5 {
		color: $primary !important;
	}
	.category-type .item-all-card img {
		background: linear-gradient(120deg, #3ba2ff 0%, #6963ff 100%);
	}
	.item-all-card {
		position: relative;
		padding: 1.5rem 1.5rem;
		border-radius: 4px;
		margin-bottom: 10px;
		color: $white;
	}
	.category-type .item-all-card img {
		width: 7rem;
		height: 7rem;
		border-radius: 50%;
		padding: 2.3rem 0;
	}
	.row .item-all-card {
		margin-bottom: 1.5rem;
	}
	.item-all-card a {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
}

.iteam-all-icon i {
	font-size: 1.5rem;
}

.item-all-card img.imag-service {
	width: 40%;
}

.item-cards7-ic.realestate-list li a:hover {
	color: $primary;
}

.item1-links a {
	&:hover {
		color: $primary;
	}
	&.active {
		background: $background;
		color: $primary;
		border-right: 2px solid $primary;
	}
}

.settings-tab .tabs-menu li a.active {
	background: $primary;
}

.ads-tabs .tabs-menus ul li .active {
	background: $primary;
	color: $white;
	border: 0;
}

.showmore-button-inner {
	border: 1px solid $primary;
	color: $primary;
}

.owl-nav button,
.owl-carousel:hover .owl-nav button {
	color: $primary !important;
}

.owl-nav>div i {
	color: $primary;
}

.tabs-menu ul.eductaional-tabs li .active {
	background: $primary;
}

.register-right .nav-tabs .nav-link:hover {
	background: $primary;
	color: $white;
}

.gradient-icon {
	background: linear-gradient(120deg, #3ba2ff 0%, $primary 100%);
}

.axgmap-img {
	border: 3px solid $primary;
}

.horizontalMenu>.horizontalMenu-list>li {
	> {
		.horizontal-megamenu .menu_form input {
			&[type="submit"],
			&[type="button"] {
				background-color: $primary;
				color: $white;
			}
		}
		a.active {
			background-color: $secondary;
			color: $white;
		}
	}
	&:hover>a {
		background-color: $secondary;
		color: $white !important;
		.fa {
			background-color: $secondary;
			color: $white !important;
		}
	}
	>ul.sub-menu>li {
		&:hover>a {
			background-color: $secondary;
			color: $white;
		}
		>ul.sub-menu>li {
			&:hover>a,
			>ul.sub-menu>li:hover a {
				background-color: $secondary;
				color: $white !important;
			}
		}
	}
}

code {
	color: $primary;
}

#gdpr-cookie-message {
	h4,
	h5 {
		color: $primary;
	}
	a {
		color: $primary;
		border-bottom: 1px solid $primary;
		&:hover {
			border-bottom: 1px solid $primary;
			transition: all 0.3s ease-in;
			color: $primary;
		}
	}
}

button#gdpr-cookie-advanced {
	color: $white;
	background-color: $primary !important;
}

.ui-widget-header,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: $primary;
}

.side-menu li a.active:before {
	background: linear-gradient(120deg, $primary 60%, #2ddcd3 100%);
	box-shadow: 0px 0px 14px 0px $primary;
}

.app-sidebar {
	.side-menu__item.active {
		color: $primary !important;
		&:hover {
			color: $primary !important;
		}
	}
	.side-menu li {
		&.active>a,
		a.active {
			color: $primary;
		}
	}
	.slide-menu li.active>a {
		color: $primary;
	}
	.side-menu li {
		ul li a:hover,
		a:hover,
		&.active>a,
		a.active {
			color: $primary;
		}
	}
	.slide-menu li.active>a,
	.side-menu li a:hover {
		color: $primary;
	}
}

.side-menu li a.active:before {
	background: linear-gradient(120deg, $primary 60%, #2ddcd3 100%);
	box-shadow: 0px 0px 14px 0px $primary;
}

.navtab-wizard.nav-tabs .nav-link {
	&.active,
	&:hover {
		color: $white;
		background: $primary;
	}
}

.form-inline .nav-search .btn {
	border: 2px solid $primary;
}

.wrapper>h1 span {
	border-bottom: 2px solid $primary;
	color: $primary;
}

.tab_wrapper {
	>ul li.active {
		border-color: $primary;
		background: $primary;
		color: $white;
	}
	.controller span {
		background: $primary;
	}
	.content_wrapper .accordian_header.active {
		color: $primary;
		&:after {
			background: $primary;
		}
		.arrow {
			border-top: 3px solid $primary;
			border-left: 3px solid $primary;
		}
	}
	&.left_side>ul li.active:after,
	&.right_side>ul li.active:after {
		background: $primary;
	}
}

.addui-slider .addui-slider-track {
	.addui-slider-range,
	.addui-slider-handle:after {
		background: $primary;
	}
}

.accordionjs .acc_section.acc_active>.acc_head {
	background: $primary !important;
}

.perfect-datetimepicker tbody td.selected {
	border: 1px solid $primary !important;
	background-color: $primary !important;
}

div.conv-form-wrapper div {
	&.options div.option {
		border: 1px solid $primary;
		color: $primary;
	}
	&#messages div.message.from {
		background: $primary;
	}
	&.options div.option.selected {
		background: $primary;
		color: $white;
	}
}

form.convFormDynamic button.submit {
	border: 1px solid $primary;
	background: $primary;
	&:hover {
		background: $primary;
		color: $white;
	}
}

.exzoom {
	.exzoom_nav .exzoom_nav_inner span.current {
		border: 1px solid $primary;
	}
	.exzoom_btn a {
		/*border: 1px solid $primary   ;*/
		color: $primary;
	}
}

.prev:hover {
	transform: translate(-5px, 0px);
	color: $primary !important;
}

.next:hover {
	color: $primary !important;
}

.g_f-s {
	.prev:hover i {
		transform: translate(-5px, 0px);
		color: $primary;
	}
	.next:hover i {
		color: $primary;
	}
	.close-button>*:hover {
		color: $primary;
	}
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
	color: $primary;
}

.register {
	background: linear-gradient(120deg, #4f4ac7 0%, $primary 100%);
}

.btnRegister {
	background: $primary;
}

.register .nav-tabs .nav-link.active {
	color: $primary;
	border: 1px solid $primary;
}

.pretty {
	input:checked~.state.p-primary label:after,
	&.p-toggle .state.p-primary label:after {
		background-color: $primary !important;
	}
	input:checked~.state.p-primary-o label:before,
	&.p-toggle .state.p-primary-o label:before {
		border-color: $primary;
	}
	input:checked~.state.p-primary-o {
		.icon1,
		.svg,
		svg {
			color: $primary;
			stroke: $primary;
		}
	}
	&.p-toggle .state.p-primary-o {
		.icon1,
		.svg,
		svg {
			color: $primary;
			stroke: $primary;
		}
	}
	&.p-default:not(.p-fill) input:checked~.state.p-primary-o label:after {
		background-color: $primary !important;
	}
	&.p-switch {
		input:checked~.state.p-primary:before {
			border-color: $primary;
		}
		&.p-fill input:checked~.state.p-primary:before {
			background-color: $primary !important;
		}
	}
}

.owl-carousel button.owl-dot {
	background: $black-2;
	&.active {
		background: $secondary !important;
	}
}

.bg-background:before,
.bg-background2:before,
.bg-background-color:before {
	background: linear-gradient(-225deg, $primary-08 48%, $secondary-08 100%) !important;
}

.bg-background3:before {
	background: linear-gradient(-225deg, $primary-08 48%, $secondary-08 100%);
}

.bg-background-5:before,
.bg-background-6:before,
.slider-header .item:before {
	background: linear-gradient(-225deg, $primary-08 48%, $secondary-08 100%);
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	box-shadow: none;
}

.custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 1px #f9faff, 0 0 0 2px $primary-03;
}

.custom-file-input:focus~.custom-file-label {
	box-shadow: 0 0 0 2px $primary-03;
}

.custom-range {
	&::-webkit-slider-thumb:focus,
	&::-moz-range-thumb:focus,
	&::-ms-thumb:focus {
		outline: none;
		box-shadow: 0 0 0 1px #f9faff, 0 0 0 2px $primary-03;
	}
}

.error-img .form-control:focus {
	outline: 0;
	box-shadow: 0 0 0 2px $primary-03;
}

.selectize-input.focus {
	border-color: $blue;
	box-shadow: 0 0 0 2px $primary-03;
}

.item-card:hover .item-card-desc:before,
.item-card7-imgs:hover a {
	background: linear-gradient(-225deg, rgba(72, 1, 255, 0.7) 0%, rgba(121, 24, 242, 0.7) 48%, rgba(172, 50, 228, 0.7) 100%);
}

.item-card2-img:hover a {
	background: transparent;
}

.app-sidebar {
	.side-menu__item.active {
		background: $background !important;
		color: $primary !important;
		&:hover {
			background: $background !important;
			color: $primary !important;
		}
	}
	&:before {
		background: #22337d;
	}
}

.app-sidebar-footer {
	background: #22337d;
}

.masthead .masthead-bg {
	background: linear-gradient(-225deg, $primary 48%, $secondary 100%) !important;
}

@media (max-width: 992px) {
	.search-show .nav-search {
		background: linear-gradient(to right, rgb(105, 99, 255), rgb(59, 162, 255));
	}
}

@media (max-width: 992px) {
	.nav-item.with-sub .sub-item {
		border-top: 2px solid $primary;
	}
}

@media (max-width: 480px) {
	.zoom-container .arrow-ribbon2:before {
		border-top: 17px solid transparent;
		border-left: 17px solid $primary;
		border-bottom: 17px solid transparent;
	}
}

.bg-secondary {
	background-color: $secondary !important;
}

a.bg-secondary {
	&:hover,
	&:focus {
		background-color: $secondary !important;
	}
}

button.bg-secondary {
	&:hover,
	&:focus {
		background-color: $secondary !important;
	}
}

.btn-secondary {
	color: $white;
	background-color: $secondary;
	border-color: $secondary;
	&:hover {
		color: $white;
		background-color: $secondary;
		border-color: $secondary;
	}
	&:focus,
	&.focus {
		background-color: $secondary;
		border-color: $secondary;
		box-shadow: 0 0 0 2px $secondary-03;
	}
	&.disabled,
	&:disabled {
		color: $white;
		background-color: $secondary;
		border-color: $secondary;
	}
	&:not(:disabled):not(.disabled) {
		&:active,
		&.active {
			color: $white;
			background-color: $secondary;
			border-color: $secondary;
		}
	}
}

.show>.btn-secondary.dropdown-toggle {
	color: $white;
	background-color: $secondary;
	border-color: $secondary;
}

.btn-secondary:not(:disabled):not(.disabled) {
	&:active:focus,
	&.active:focus {
		box-shadow: 0 0 0 2px rgba(47, 12, 108, 0.5);
	}
}

.show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(47, 12, 108, 0.5);
}

.bg-linkedin {
	background: #0077b5;
}

.bg-facebook {
	background: #3C5A99;
}

.accent-2 {
	border-top: 2px solid $primary;
}

.header-main i {
	color: $primary;
}

.item-card {
	.item-card-desc:before {
		background: rgba(40, 35, 47, 0.5);
	}
	&:hover .item-card-desc:before {
		background: linear-gradient(-225deg, $primary-08 48%, $secondary-08 100%);
	}
}

@media (min-width: 992px) {
	.sticky-wrapper.is-sticky .horizontalMenu>.horizontalMenu-list>li>a {
		&.active,
		&:hover {
			background-color: $secondary;
			color: $white;
		}
	}
}

.btn-orange {
	color: $white;
	background-color: #e67605;
	border-color: #e67605;
}

.item-card7-imgs:hover a,
.item-card2-img:hover a {
	background: transparent;
}

.arrow-ribbon.bg-secondary:before {
	border-left: 15px solid $secondary;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: $background;
	color: $primary;
}

.sticky-wrapper.relative.banners .horizontalMenu>.horizontalMenu-list>li {
	>a.active,
	&:hover>a {
		background-color: $primary;
	}
}

.pricingTable2.pink .pricing-plans {
	background-color: $primary;
}

.pricingTable {
	.title:after {
		border-left: 26px solid rgba(255, 56, 43, 0.1);
	}
	&:hover,
	&.advance-pricing {
		border: 1px solid rgb(255, 56, 43);
	}
	&:hover .title {
		background: $primary;
	}
}

.construction-image:before {
	content: '';
	background: rgba(41, 5, 134, 0.88);
}

.construction {
	z-index: 1;
}

.countdown-timer-wrapper .timer .timer-wrapper .time {
	color: $primary;
	background: rgb(255, 255, 255);
}

.pricingTable {
	&:hover .pricingTable-signup {
		background: $primary;
		color: $white;
	}
	.pricingTable-signup {
		background: rgba(255, 56, 43, 0.12);
		color: $primary;
	}
	&:hover .title {
		background: $primary;
		color: $white;
	}
	&.advance-pricing {
		border: 1px solid $primary;
	}
	&:hover {
		border: 1px solid $primary;
		.title {
			&:before {
				border-right-color: $primary;
			}
			&:after {
				border-left-color: $primary;
			}
		}
	}
	.title {
		&:before {
			content: "";
			border-right: 26px solid rgba(255, 56, 43, 0.1);
		}
		&:after {
			content: "";
			border-right: 26px solid rgba(255, 56, 43, 0.1);
			border-right: none;
			border-left: 26px solid rgba(255, 56, 43, 0.1);
		}
		background: rgba(255,
		56,
		43,
		0.1);
		color: $primary;
	}
}

.construction-image:before {
	background: linear-gradient(-225deg, $primary-08 48%, $secondary-08 100%);
}

@media (max-width: 991px) {
	.horizontalMenu>.horizontalMenu-list>li>a.active {
		background-color: $primary;
		color: $white;
	}
}

@media (min-width: 992px) {
	.sticky-wrapper.is-sticky .horizontal-main {
		background: $primary;
	}
}

.horizontal-main {
	background: linear-gradient(-225deg, $primary-08 48%, $secondary-08 100%);
}

.bg-card-light:hover {
	border-color: $primary;
}

.status-border:hover {
	border: 1px solid $primary !important;
	i {
		color: $primary !important;
	}
}

.bg-card {
	&:hover {
		border: 1px solid $primary;
	}
	.cat-img i {
		color: $primary;
	}
}

.sticky-wrapper.absolute.banners {
	.horizontalMenu>.horizontalMenu-list>li>a.active {
		background-color: $secondary;
		color: $white !important;
	}
	// .horizontal-main:after {
	// 	background: $secondary;
	// }
	.horizontalMenu>.horizontalMenu-list>li {
		&:hover>a,
		>a.active {
			background-color: $secondary;
			color: $white !important;
		}
	}
}

@media (max-width: 991px) {
	.horizontalMenu>.horizontalMenu-list>li>a.active {
		background-color: $primary;
	}
}

.ribbon-1 {
	&:after {
		border-top: 13px solid $primary;
	}
	span {
		background: $primary;
		&:before,
		&:after {
			background: $primary;
		}
	}
}

.header-main i {
	color: $primary;
}

.pricingTable {
	.title {
		color: $primary;
	}
	&:hover .title {
		background: $primary;
	}
	&.advance-pricing {
		border: 1px solid $primary;
	}
	&:hover {
		border: 1px solid $primary;
		.title {
			&:before {
				border-right-color: $primary;
			}
			&:after {
				border-left-color: $primary;
			}
		}
	}
	.pricingTable-signup {
		color: $primary;
	}
	&:hover .pricingTable-signup {
		background: $primary;
		color: $white;
	}
}

.pricingTable2.pink .pricing-plans {
	background-color: $primary;
}

.bg-card-light:hover {
	border-color: $primary;
}

.status-border:hover {
	border: 1px solid $primary !important;
	i {
		color: $primary !important;
	}
}

.bg-card .cat-img i {
	color: $primary;
}

.custom-control-input:checked~.custom-control-label::before {
	color: $white;
	border-color: $primary;
	background-color: $primary;
}

.rev-btn {
	background-color: $primary;
	border-color: $primary;
	&:hover {
		background-color: $primary !important;
		border-color: $primary;
	}
}

a:hover,
.breadcrumb-item.active {
	color: $primary;
}

@media (min-width: 992px) {
	.sticky-wrapper.is-sticky {
		.horizontal-main:after {
			// background: $secondary;
		}
		.horizontalMenu>.horizontalMenu-list>li>a.active {
			background-color: $secondary;
			color: $white;
		}
	}
}

.label {
	&.arrowed-in:before,
	&.arrowed:before {
		border-right-color: $primary;
	}
}

.accent-2 {
	border-top: 2px solid $primary !important;
	opacity: 1 !important;
}

.item-card7-overlaytext span,
.item-card8-overlaytext h6 {
	background: $primary;
}

.onoffswitch-checkbox:checked+.onoffswitch-label {
	background: $primary;
	border-color: $primary;
	&:before {
		border-color: $primary;
	}
}

.onoffswitch2-checkbox:checked+ {
	.onoffswitch2-label {
		background: $primary;
	}
	.onoffswitch-label2,
	.onoffswitch2-label:before {
		border-color: $primary;
	}
}

#gdpr-cookie-message button,
button#ihavecookiesBtn {
	background: $secondary;
}

.ribbon-2 {
	&:after {
		border-top: 13px solid $secondary;
	}
	span {
		background: $secondary;
		&:before,
		&:after {
			background: $secondary;
		}
	}
}

.pricingTable2.blue .pricing-plans {
	background-color: $secondary;
}

.badge-secondary {
	color: $white;
	background-color: $secondary;
	&[href] {
		&:focus,
		&:hover {
			color: $white;
			text-decoration: none;
			background-color: $secondary;
		}
	}
}

.modal-header .close.btn {
	background-color: $secondary;
	border-color: $secondary;
}

.bg-secondary {
	background-color: $secondary !important;
}

a.bg-secondary {
	&:focus,
	&:hover {
		background-color: $secondary !important;
	}
}

button.bg-secondary {
	&:focus,
	&:hover {
		background-color: $secondary !important;
	}
}

.text-secondary {
	color: $secondary !important;
}

a.text-secondary {
	&:focus,
	&:hover {
		color: $secondary !important;
	}
}

.arrow-ribbon.bg-secondary:before {
	border-left: 15px solid $secondary;
}

.bg-secondary-transparent {
	background-color: $secondary-03;
	color: $secondary !important;
}

.bg-primary-transparent {
	background-color: $primary-03;
	color: $primary !important;
}
.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
    color: $secondary !important;
}