.btn:focus, 
.btn.focus,
.btn:active:focus, 
.btn:active.focus,
.btn.active:focus, 
.btn.active.focus {
	outline: 0 !important;
	outline-offset: 0 !important;
	box-shadow: none !important;
}


/* Action Buttons */
.btn-default,
.btn-primary,
.btn-success,
.btn-warning,
.btn-info,
.btn-danger,
.btn-file,
.btn-action {
	background-image: var(--bpi-gradient) !important;
	background-color: var(--bpi-red) !important;
	border: 1px solid transparent !important;
	color: #ffffff !important;
	/* font-weight: 600; */
	/* letter-spacing: 0.08em; */
	border-radius: 4px !important;
	outline: 0 !important;
	box-shadow: none !important;
	transition: background-color 0.15s ease,
				background-image 0.15s ease;
}

/* Button Hover */
.btn-default:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-danger:hover,
.btn-file:hover,
.btn-action:hover {
	background-image: none !important;
	background-color: var(--bpi-red) !important;
	border: 1px solid transparent !important;
	color: #ffffff !important;
	outline: 0 !important;
	box-shadow: none !important;
	
}

/* Button Active/Click */
.btn-default:active, .btn-default.active,
.btn-primary:active, .btn-primary.active,
.btn-success:active, .btn-success.active,
.btn-warning:active, .btn-warning.active,
.btn-info:active, .btn-info.active,
.btn-danger:active, .btn-danger.active,
.btn-file:active, .btn-file.active,
.btn-action:active, .btn-action.active,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-success,
.open > .dropdown-toggle.btn-warning,
.open > .dropdown-toggle.btn-info,
.open > .dropdown-toggle.btn-danger,
.open > .dropdown-toggle.btn-file,
.open > .dropdown-toggle.btn-action {
	background-image: none !important;
	background-color: var(--bpi-red-dark) !important;
	border: 1px solid transparent !important;
	color: #ffffff !important;
	outline: 0 !important;
	box-shadow: none !important;
}

/* Button Focus */
.btn-default:focus, .btn-default.focus,
.btn-primary:focus, .btn-primary.focus,
.btn-success:focus, .btn-success.focus,
.btn-warning:focus, .btn-warning.focus,
.btn-info:focus, .btn-info.focus,
.btn-danger:focus, .btn-danger.focus,
.btn-file:focus, .btn-file.focus,
.btn-action:focus, .btn-action.focus {
	background-image: none !important;
	background-color: var(--bpi-red) !important;
	border: 1px solid transparent !important;
	color: #ffffff !important;
	outline: 0 !important;
	box-shadow: none !important;	
}

/* Button Focus-Visible */
.btn-default:focus-visible, .btn-default.focus-visible,
.btn-primary:focus-visible, .btn-primary.focus-visible,
.btn-success:focus-visible, .btn-success.focus-visible,
.btn-warning:focus-visible, .btn-warning.focus-visible,
.btn-info:focus-visible, .btn-info.focus-visible,
.btn-danger:focus-visible, .btn-danger.focus-visible,
.btn-file:focus-visible, .btn-file.focus-visible,
.btn-action:focus-visible, .btn-action.focus-visible {
	background-image: none !important;
	background-color: var(--bpi-red) !important;
	border: 1px solid transparent !important;
	color: #ffffff !important;
	outline: 2px solid var(--bpi-gray) !important;
	outline-offset: 4px !important;
	box-shadow: var(--focus-shadow) !important;	
}

/* Button Disabled */
.btn-default[disabled], .btn-default.disabled,
.btn-primary[disabled], .btn-primary.disabled,
.btn-success[disabled], .btn-success.disabled,
.btn-warning[disabled], .btn-warning.disabled,
.btn-info[disabled], .btn-info.disabled,
.btn-danger[disabled], .btn-danger.disabled,
.btn-file[disabled], .btn-file.disabled,
.btn-action[disabled], .btn-action.disabled,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-file,
fieldset[disabled] .btn-action {
	background-image: var(--bpi-gradient) !important;
	background-color: var(--bpi-red) !important;
	border: 1px solid transparent !important;
	color: #ffffff !important;
	opacity: 0.4 !important;
	cursor: not-allowed !important;
	pointer-events: none;
	outline: 0 !important;
	box-shadow: none !important;	
}

/* Button Cancel */
.btn-cancel {
	background-image: none;
	background-color: var(--btn-cancel-bg);
	border: 1px solid var(--btn-cancel-border);
	color: var(--btn-cancel-text);
	/* font-weight: 600; */
	/* letter-spacing: 0.08em; */
	border-radius: 4px;
	outline: 0 !important;
	box-shadow: none;
	transition: background-color 0.15s ease,
				font-weight 0.15s ease;
}

.btn-cancel:hover {
	background-color: var(--btn-cancel-hover);
	border-color: var(--btn-cancel-border);
	color: var(--btn-cancel-text-hover);
	/* font-weight: 600; */
	outline: 0;
	box-shadow: none;
}

.btn-cancel:active,
.btn-cancel.active,
.btn-cancel:active:focus {
	background-color: var(--btn-cancel-press);
	border-color: var(--btn-cancel-border);
	color: var(--btn-cancel-text-hover);
	outline: 0;
	box-shadow: none;
}

.btn-cancel:focus,
.btn-cancel.focus {
	background-color: var(--btn-cancel-press);
	border-color: var(--btn-cancel-border);
	color: var(--btn-cancel-text-hover);
	outline: 0;
	box-shadow: none;
}


.btn-cancel:focus-visible,
.btn-cancel.focus-visible {
	background-color: var(--btn-cancel-bg);
	border-color: var(--btn-cancel-border);
	color: var(--btn-cancel-text);
	outline: 2px solid var(--bpi-grey);
	outline-offset: 4px;
	box-shadow: var(--focus-shadow);
}

.btn-cancel[disabled],
.btn-cancel.disabled {
	background-color: var(--btn-cancel-bg);
	border-color: #c5cdd1;
	color: #c5cdd1;
	opacity: 0.4;
	cursor: not-allowed;
	outline: 0;
	box-shadow: none;	
}

.btn .fa,
.btn [class^="fa-"],
.btn [class*= " fa- "],
.btn span {
	color: inherit !important;
}