/* rotate */

.rotate_anim {
    animation: rotation 1s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
    }
}


/* shake */

.shake_anim {
    animation: shake 0.2s ease-in-out;
    -webkit-animation: shake 0.2s ease-in-out;
}

@keyframes shake {
    from {
        transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
    }
    to {
        transform-origin: center center;
        -webkit-transform-origin: center center;
        transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
    }
}


/* toggle hide */

.hide_slide_anim {
    animation: 0.1s ease-in-out 0.1s infinite alternate;
    -webkit-animation: 0.1s ease-in-out 0.1s infinite alternate;
}


/* fade insert */

.insert_row {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}


/* fade delete */

.remove_row {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

/* float text */

.float-text {
    text-align: left;
    font-family: Optima, sans-serif;
    font-size: 13px;
    left: -5px;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: 0.5s;
}

.div-input input:not(:placeholder-shown)+.float-text,
.div-input-container input:not(:placeholder-shown)+.float-text {
    transform: translate(0, -60%);
    opacity: 2;
}


/* loader */

.lse_loader1 {
    position: absolute;
    display: none;
    margin-top: 50px;
    border: 16px solid #080808;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    min-width: 60px;
    min-height: 60px;
    -webkit-animation: spin_loader 2s linear infinite;
    animation: spin_loader 2s linear infinite;
}

@-webkit-keyframes spin_loader {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin_loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* require input */

.req-input::after {
    content: " *";
    color: red;
}

.req-input-holder::placeholder {
    color: red;
}