/* animation */

@keyframes loading {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@-webkit-keyframes loading {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.loading {
    position: relative;
    display: inline-block;
    vertical-align: -10px;
    margin-left: 5px;
    display: none;
}
.loading div,
.loading div:after {
    position: absolute;
    width: 32px;
    height: 32px;
    border: 4px solid #0097db;
    border-top-color: transparent;
    border-radius: 50%;
}
.loading div {
    -webkit-animation: loading 1s linear infinite;
    animation: loading 1s linear infinite;
    top: 16px;
    left: 16px;
}
.loading div:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.loading {
    width: 32px !important;
    height: 32px !important;
    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

/* rules */

#FormContainer {
    min-height: 225px;
}

#ContactForm {
    height: auto;
}

    #ContactForm .has-error {
        border-color: #f2476c !important;
    }

    #ContactForm .validation-message {
        display: none;
    }

    #ContactForm label.has-error > .validation-message,
    #ContactForm .has-error + .validation-message {
        display: block;
        color: #f2476c !important;
        font-size: 0.8rem;
    }

.hidden {
    display: none;
}

#ContactForm #SupportPhoneNumber {
    margin-top: 1rem;
    color: #808080;
}