.btn-back {
	color: var(--surface);
	background: var(--thirdary);
	border-color: var(--thirdary);
}

.btn-back:hover {
	color: var(--surface);
	background: var(--btn-hover);
	border-color: var(--btn-hover);
}

.btn-delete {
	color: var(--surface);
	background: var(--danger);
	border-color: var(--danger);
}

.btn-delete:hover {
	color: var(--surface);
	background: var(--danger-hover);
	border-color: var(--danger-hover);
}

.btn-add,
.btn-import,
.btn-geolocalize {
	color: var(--surface);
	background: var(--btn-color);
	border-color: var(--btn-color);
}

.btn-add:hover,
.btn-import:hover,
.btn-geolocalize:hover {
	color: var(--surface);
	background: var(--btn-hover);
	border-color: var(--btn-hover);
}

.btn-edit {
	color: var(--surface);
	background: var(--edit);
	border-color: var(--edit);
}

.btn-edit:hover {
	color: var(--surface);
	background: var(--edit-hover);
	border-color: var(--edit-hover);
}

.btn-cancel {
	color: var(--surface);
	background: var(--warning);
	border-color: var(--warning);
}

.btn-cancel:hover {
	color: var(--surface);
	background: var(--warning-hover);
	border-color: var(--warning-hover);
}

.btn-warning {
	color: #212529;
	background-color: var(--warning);
	border-color: var(--warning);
}

/* Proprietà comuni */

.btn-success,
.btn-danger,
.btn-neutral {
	font-size: 13px !important;
	font-weight: 550;
	min-width: 100px;
	border-radius: 3px;
}

.btn-success {
	background: var(--btn-color);
	border-color: var(--btn-color);
}

.btn-success:hover,
.btn-success:active:focus,
.btn-success:focus,
.btn-success:visited {
	background: var(--btn-hover);
	border-color: var(--btn-hover);
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
	background-color: var(--btn-hover);
	border-color: var(--btn-hover);
}

.btn-danger {
	background: var(--surface);
	border-color: var(--danger);
	color: var(--danger);
}

.btn-danger:hover {
	background: var(--danger);
	border-color: var(--danger);
	color: var(--surface);
}

.btn-neutral {
	background: var(--surface);
	border-color: var(--btn-color);
	color: var(--btn-color);
}

.btn-neutral:hover {
	background: var(--btn-color);
	border-color: var(--btn-color);
	color: var(--surface);
}

/* Outline buttons */

.btn-outline {
	color: inherit;
	background-color: transparent;
	transition: all .5s;
}

.btn-primary.btn-outline {
	color: var(--outline-primary);
}

.btn-success.btn-outline {
	color: var(--success);
}

.btn-info.btn-outline {
	color: var(--outline-info);
}

.btn-warning.btn-outline {
	color: var(--outline-warning);
}

.btn-danger.btn-outline {
	color: var(--outline-danger);
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
	color: var(--surface);
}

.btn-group .btn {
	margin-right: 5px;
}

.btn,
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	height: 34px;
}


.btn-neutral.disabled,
.btn-neutral[disabled],
fieldset[disabled] .btn-neutral {
    background-color: var(--input-bg-disabled);
    border-color: var(--input-border);
    color: var(--text-color);
    cursor: not-allowed;
    opacity: 0.65;
    box-shadow: none;
}

.btn-neutral.disabled:hover,
.btn-neutral[disabled]:hover,
fieldset[disabled] .btn-neutral:hover {
    background-color: var(--input-bg-disabled);
    border-color: var(--input-border);
    color: var(--text-color);
}