/** SVG animation of checkmark after register and passwd */

.checkmark-animation {
    width: 160px;
    max-width: 60%;
    margin: 0 auto;
    padding: 20px 0;
}

.checkmark-animation .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    animation: check-dash 2s ease-in-out;
    -webkit-animation:  check-dash 2s ease-in-out;
}
.checkmark-animation .spin {
    animation: check-spin 2s;
    -webkit-animation: check-spin 2s;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
}
@-webkit-keyframes check-dash {
    0% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes check-dash {
    0% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes check-spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes check-spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}