//@import "../../../abstracts/abstracts";

// Note from Jeroen @ 20-02-2023
// Turned off this styling for regular button elements. Often times we do not want this styling for regular buttons, requiring more CSS to reset all of this styling again.
// If we do want this styling we must simply add the btn-primary class to get this styling.
//button,
.btn-primary {
	@include button();
}

.btn.active.focus,
.btn:focus {
	outline: none;
	background-image: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	outline: none;
	background-image: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn:not(.clr-clear) {
	border-radius: $border-radius-button-default;
	padding: ($padding-default / 2) $padding-default;
}

.btn:enabled,
.btn.enabled {
	cursor: pointer;
}

.btn:disabled,
.btn.disabled { 
	cursor: not-allowed;
}

.modal,
.dbq-popup {
	.modal-footer,
	.dbqdb-footer {
		button.btn {
			padding: 3px 10px;
		}
	}
}

span {
	&.button {
		color: #ffffff !important;
		background: $color-primary;
		border: 1px solid $color-primary;

		&:hover {
			color: $color-primary !important;
			background: #ffffff;
			border: 1px solid #ffffff;
		}
	}
}

// #content-wrapper {
// 	.btn-secondary {
// 		background: #898d94 !important;
// 		border: 2px solid #81848a !important;
// 		color: #001323 !important;
// 		cursor: pointer;
// 		height: 100%;
// 		&:hover {
// 			background: #81848a !important;
// 			border: 2px solid #777a80 !important;
// 			color: #001323 !important;
// 		}
// 	}
// 	.btn-danger {
// 		background: #d5473c !important;
// 		border: 2px solid #c14036 !important;
// 		color: #ffffff !important;
// 		-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
// 		-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
// 		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
// 		cursor: pointer;
// 		&:hover {
// 			background: #c9302c !important;
// 			border: 2px solid #bb2723 !important;
// 			color: #ffffff !important;
// 		}
// 	}
// 	.btn-success {
// 		background: #0fab46 !important;
// 		border: 2px solid #0e983f !important;
// 		color: #ffffff !important;
// 		-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
// 		-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
// 		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
// 		cursor: pointer;
// 		&:hover {
// 			background: #0e983f !important;
// 			border: 2px solid #0c8637 !important;
// 			color: #ffffff !important;
// 		}
// 	}
// 	.btn-link {
// 		background: 0 !important;
// 		border: 2px solid rgba(0, 0, 0, 0) !important;
// 		color: $modal-header-color !important; 
// 		cursor: pointer;
// 		&:hover {
// 			text-decoration: none;
// 			color: $color-primary !important;
// 		}
// 	}
// 	.btn-link.btn-block {
// 		border: 0 !important;
// 	}
// }

.dbq-news-feed-toggle-button {
	border: none;
}