.web-form-signup .button-container {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.web-form-signup.message-container {
    border: 1px solid #999999;
    background-color: #ffffff;
    transition: max-height .2s ease;
    font-family: Helvetica, Arial,sans-serif;
    position: relative;
}

    .web-form-signup.message-container.hidden {
        max-height: 0px;
    }

    .web-form-signup.message-container h2 {
        margin: 0;
        padding: 20px 20px;
        color: #ffffff;
    }

    .web-form-signup.message-container p.web-form-error {
        background-color: red !important;
        color: #f1f1f1 !important;
        padding: 10px !important;
        margin: 10px !important;
    }

p.web-form-success {
    background-color: #02bf02 !important;
    color: #f1f1f1 !important;
    padding: 10px !important;
    margin: 10px !important;
}

.web-form-signup.message-container .content {
    margin: 20px 10px;
    border: 1px solid #dbdbdb;
    padding: 10px;
    display: flex;
    background-color: #fff;
    flex-direction: column;
}

.web-form-signup.message-container .content p {
    color:#232323 !important;
}

.web-form-signup.message-container form * {
    margin: 5px 0;
}

.web-form-signup.message-container form input {
    padding: 10px;
}

.web-form-signup.message-container form textarea {
    height: 100px;
    padding: 10px;
}

    .web-form-signup.message-container form textarea::placeholder {
        font-family: Helvetica, Arial,sans-serif;
    }

.web-form-signup.message-container form button {
    cursor: pointer;
    color: #fff;
    border: 0;
    border-radius: 4px;
    padding: 10px;
}

    .web-form-signup.message-container form button:hover {
        background-color: #16632f;
    }

.web-form-signup .userCode {
    position: absolute;
    left: -5000px;
}
.web-form-loaderContainer {
    height: 82%;
    background-color: #e1e1e1;
    opacity: .85;
    z-index: 10;
    width: 100%;
    position: absolute;
    padding-top: 60px;
}
/*.result-success {
    display:none;
}*/
.web-form-center {
    text-align:center;
}
.web-form-rotating img { width:100px;}

@-webkit-keyframes web-form-rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes web-form-rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.web-form-rotating {
    -webkit-animation: web-form-rotating 1s linear infinite;
    -moz-animation: web-form-rotating 1s linear infinite;
    -ms-animation: web-form-rotating 1s linear infinite;
    -o-animation: web-form-rotating 1s linear infinite;
    animation: web-form-rotating 1s linear infinite;
    width: 100px;
    text-align: center;
    margin: 0 auto;
}