/*ERROR*/
input.incorrect-field,
textarea.incorrect-field {
    border: 1px solid #ff402f !important;
    color: #ff402f !important;
}
input.incorrect-field::-webkit-input-placeholder,
textarea.incorrect-field::-webkit-input-placeholder {
    color: #ff402f !important;
}
input.incorrect-field:-moz-placeholder,
textarea.incorrect-field:-moz-placeholder {
    color: #ff402f !important;
}
input.incorrect-field::-moz-placeholder,
textarea.incorrect-field::-moz-placeholder {
    color: #ff402f !important;
}
input.incorrect-field:-ms-input-placeholder,
textarea.incorrect-field:-ms-input-placeholder {
    color: #ff402f !important;
}
label.incorrect-field,
label.incorrect-field ~ div .pre-icon {
    color: #ff402f !important;
}

/*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;
}
button:hover .half-circle-spinner .circle.circle-1 {
    border-top-color: var(--clr-main);
    animation: half-circle-spinner-animation 1s infinite;
}
button:hover .half-circle-spinner .circle.circle-2 {
    border-bottom-color: var(--clr-main);
    animation: half-circle-spinner-animation 1s infinite alternate;
}
@keyframes half-circle-spinner-animation {
    0% {
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

/* COOKIE*/
.cookie-disclaimer {
    background: #000000;
    color: #FFF;
    opacity: 0.8;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9;
    min-height: 150px;
    position: fixed;
}
.cookie-disclaimer .container {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.cookie-disclaimer .cookie-close{
    float: right;
    padding: 10px;
    cursor: pointer;
}
/*END COOKIE*/