/*ERROR*/
input.incorrect-field,
textarea.incorrect-field {
    border: 1px solid #ff402f;
    color: #ff402f;
}
input.incorrect-field::-webkit-input-placeholder,
textarea.incorrect-field::-webkit-input-placeholder {
    color: #ff402f;
}
input.incorrect-field:-moz-placeholder,
textarea.incorrect-field:-moz-placeholder {
    color: #ff402f;
}
input.incorrect-field::-moz-placeholder,
textarea.incorrect-field::-moz-placeholder {
    color: #ff402f;
}
input.incorrect-field:-ms-input-placeholder,
textarea.incorrect-field:-ms-input-placeholder {
    color: #ff402f;
}
label.incorrect-field,
label.incorrect-field ~ div .pre-icon {
    color: #ff402f;
}

/*READONLY & DISABLED*/
input[readonly],
textarea[readonly],
input[disabled],
textarea[disabled] {
    background-color: #f8f8ff !important;
}

/*SPINNER*/
.half-circle-spinner, .half-circle-spinner * {
    box-sizing: border-box;
}
.half-circle-spinner {
    border-radius: 100%;
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: sub;
}
.half-circle-spinner .circle {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: calc(30px / 10) solid transparent;
}
.half-circle-spinner .circle.circle-1 {
    border-top-color: #fff;
    animation: half-circle-spinner-animation 1s infinite;
}
.half-circle-spinner .circle.circle-2 {
    border-bottom-color: #fff;
    animation: half-circle-spinner-animation 1s infinite alternate;
}
@keyframes half-circle-spinner-animation {
    0% {
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}