.error {
	border: 1px solid red !important;
}

.success {
	border: 1px solid green !important;
}

.error-text {
	color: red;
	font-weight: bold;
}

.hidden {
	display: none;
}

.dpi {
	display: initial !important;
}

.mb20 {
	margin-bottom: 20px;
}

.mb0 {
	margin-bottom: 10px !important; 
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}