.btn {
	display: inline-flex;
	align-items: center;
}

.btn:not(.btn-responsive) {
	justify-content: center;
}

.btn-warning {
	color: #ffffff;
}

.btn.btn-icon-only {
	padding-left: 0;
	padding-right: 0;
}

.btn.btn-outline-success.btn-bg-white:not(:hover),
.btn.btn-outline-danger.btn-bg-white:not(:hover),
.btn.btn-outline-info.btn-bg-white:not(:hover),
.btn.btn-outline-warning.btn-bg-white:not(:hover),
.btn.btn-outline-secondary.btn-bg-white:not(:hover) {
	background-color: #ffffff !important;
}

label.btn > input {
	color: inherit;
}

.btn.btn-icon.btn-xs {
	padding: 0.3rem 0.5rem;
	width: inherit;
	height: inherit;
	min-width: 26px;
	min-height: 26px;
}

.btn.btn-icon.btn-xs > svg, .btn.btn-icon.btn-xs > i {
	font-size: 1rem;
}

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

.btn-round {
	border-radius: 500px
}

.btn-round, .btn-round:hover, .btn-round:active {
	border-color: transparent
}

.btn.btn-icon svg,
.btn.btn-icon i {
	margin: 0 !important;
}

.btn-sm,
.btn-group-sm > .btn {
	font-size: 1rem;
}

.btn i.far,
.btn i.fas,
.btn i.fal,
.btn i.fa {
	font-size: 1rem;
	padding: 0;
}

.kt-portlet .kt-portlet__head .kt-portlet__head-toolbar > .kt-portlet__head-actions > span > .btn.collapsed,
.kt-portlet .kt-portlet__head .kt-portlet__head-toolbar > .kt-portlet__head-actions > div > .btn.collapsed {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

a.btn.disabled, fieldset:disabled a.btn {
	pointer-events: visible !important;
}

/* --------------- Button recolor to bootstrap --------------- */

.btn-primary:not(.btn-outline),
.btn-outline-primary.active,
.btn-outline-primary:active,
.btn-outline-primary:hover {
	color: var(--white) !important;
	background-color: var(--primary) !important;
	border-color: var(--primary) !important;
}

.btn-outline-primary {
	color: #0275d8 !important;
	background-image: none !important;
	background-color: transparent !important;
	border-color: #0275d8 !important;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):hover {
	background-color: #025aa5 !important;
	border-color: #01549b !important;
}

.btn-info:not(.btn-outline),
.btn.blue:not(.btn-outline),
.btn-outline-info.active,
.btn-outline-info:active,
.btn-outline-info:hover {
	color: var(--white) !important;
	background-color: #14b6d0 !important;
	border-color: var(--info) !important;
}

.btn-outline-info {
	color: #14b6d0 !important;
	background-image: none !important;
	background-color: transparent !important;
	border-color: #14b6d0 !important;
}

.btn-outline-info > i {
	color: #14b6d0 !important;
}

.btn.blue:not(:disabled):not(.disabled):active,
.btn.blue:not(:disabled):not(.disabled).active,
.btn.blue:not(:disabled):not(.disabled):hover,
.show > .btn.blue.dropdown-toggle,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):hover,
.show > .btn-info.dropdown-toggle {
	background-color: #05a4bb !important;
	border-color: #0099af !important;
}

.btn-outline-secondary {
	background-image: none !important;
	background-color: transparent !important;
	border-color: #ccc !important;
}

.btn-outline-secondary.active,
.btn-outline-secondary:active,
.btn-outline-secondary:hover {
	color: var(--white) !important;
	background-color: #ccc !important;
	border-color: #ccc !important;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):hover,
.show > .btn-secondary.dropdown-toggle {
	background-color: #e6e6e6 !important;
	border-color: #adadad !important;
}

.btn-success:not(.btn-outline),
.btn-outline-success.active,
.btn-outline-success:active,
.btn-outline-success:hover {
	color: var(--white) !important;
	background-color: var(--green) !important;
	border-color: var(--green) !important;
}

.btn-outline-success {
	color: var(--green) !important;
	background-image: none !important;
	background-color: transparent !important;
	border-color: var(--green) !important;
}

.btn-outline-success > i,
.btn-outline-success > svg {
	color: var(--green) !important;
}

.btn-outline-success:hover > i,
.btn-outline-success:hover > svg,
.btn-outline-success:active > svg,
.btn-outline-success.active > svg {
	color: var(--white) !important;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):hover,
.show > .btn-success.dropdown-toggle {
	background-color: #449d44 !important;
	border-color: #419641 !important;
}

.btn-warning:not(.btn-outline),
.btn.yellow:not(.btn-outline),
.btn-outline-warning.active,
.btn-outline-warning:active,
.btn-outline-warning:hover {
	color: var(--white) !important;
	background-color: var(--yellow) !important;
	border-color: var(--yellow) !important;
}

.btn-outline-warning {
	color: var(--yellow) !important;
	background-image: none !important;
	background-color: transparent !important;
	border-color: var(--yellow) !important;
}

.btn-outline-warning > i,
.btn-outline-warning > svg {
	color: var(--yellow) !important;
}

.btn-outline-warning:hover > i,
.btn-outline-warning:hover > svg,
.btn-outline-warning:active > svg,
.btn-outline-warning.active > svg {
	color: var(--white) !important;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):hover,
.show > .btn-warning.dropdown-toggle {
	color: var(--white) !important;
	background-color: #ec971f !important;
	border-color: #eb9316 !important;
}

.btn-danger:not(.btn-outline),
.btn-outline-danger.active,
.btn-outline-danger:active,
.btn-outline-danger:hover {
	color: var(--white) !important;
	background-color: var(--danger) !important;
	border-color: var(--danger) !important;
}

.btn-outline-danger {
	color: var(--danger) !important;
	background-image: none !important;
	background-color: transparent !important;
	border-color: var(--danger) !important;
}

.btn-outline-danger > i,
.btn-outline-danger > svg {
	color: var(--danger) !important;
}

.btn-outline-danger:hover > i,
.btn-outline-danger:hover > svg,
.btn-outline-danger:active > svg,
.btn-outline-danger.active > svg {
	color: var(--white) !important;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):hover,
.show > .btn-danger.dropdown-toggle {
	background-color: #c9302c !important;
	border-color: #c12e2a !important;
}

.btn-link {
	font-weight: 400 !important;
	color: var(--primary) !important;
	border-radius: 0 !important;
	cursor: pointer;
}

.btn-link:not(:disabled):not(.disabled):active,
.btn-link:not(:disabled):not(.disabled).active,
.btn-link:not(:disabled):not(.disabled):hover,
.show > .btn-link.dropdown-toggle {
	color: var(--primary) !important;
}

.show > .btn.btn-outline-warning.dropdown-toggle.dropdown-toggle:after {
	color: #FFA800;
}

.show > .btn.dropdown-toggle.dropdown-toggle:after {
	transform: rotate(180deg);
}

.btn.dropdown-toggle.dropdown-toggle:after {
	transition: transform .25s linear;
}

/* --------------- Button sizes --------------- */

.btn.btn-xs [class^="fa-"], .btn-group-xs > .btn [class^="fa-"], .btn.btn-xs [class*=" fa-"], .btn-group-xs > .btn [class*=" fa-"] {
	font-size: 0.925rem;
}

.btn-xs, .btn-group-xs > .btn {
	padding: .2rem .6rem;
	font-size: .925rem;
	line-height: 19px;
	min-height: 26px;
}

.form-group label.btn-sm {
	padding: .4rem 1rem;
	font-size: .925rem;
}

/* --------------- Responsive button --------------- */

.btn-responsive {
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: width 350ms ease-out !important;
	-moz-transition: width 350ms ease-out !important;
	-ms-transition: width 350ms ease-out !important;
	-o-transition: width 350ms ease-out !important;
	transition: width 350ms ease-out !important;
}

.btn-responsive:not(:active):not(.active) {
	width: 35px;
}

.btn-responsive:not(:hover):not(:active):not(.active) > svg,
.btn-responsive:not(:hover):not(:active):not(.active) > i,
.btn-responsive:is(:disabled) > svg,
.btn-responsive:is(:disabled) > i {
	-webkit-transition: margin 1ms ease-in 270ms !important;
	-moz-transition: margin 1ms ease-in 270ms !important;
	-ms-transition: margin 1ms ease-in 270ms !important;
	-o-transition: margin 1ms ease-in 270ms !important;
	transition: margin 1ms ease-in 270ms !important;
	margin-right: 20px !important;
	max-width: 14px;
	min-width: 14px;
}