.wrap-myLoader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #424242;
    z-index: 51;
    transition: 0.5s all;
    opacity: 0.8;
    visibility: visible;
}

.myLoader {
    position: absolute;
    left: 49%;
    top: 49%;
    transform: translate(-50%, -50%);
    width: 76px;
    height: 76px;
    border: 10px solid white;
    /* border-top-color: #0ca70c; */
    border-top-color: #000;
    border-radius: 50%;
    animation: 1s myAnim linear infinite;
}

.cansel {
    opacity: 0;
    visibility: hidden;
}

.cansel .myLoader  {
    animation-play-state: paused;
}

@keyframes myAnim {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}


.error-input {
    border: 1px solid red !important;
}

.form-file {
    display: none;
}