.error{
      border: 2px solid red;
}
.spinner3:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
}

.spinner3 {
    margin: 100px auto;
    width: 50px;
    height: 80px;
    text-align: center;
    font-size: 10px;
    position: fixed;
    z-index: 9999;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.lds-facebook {
 display: inline-block;
 position: relative;
 width: 80px;
 height: 80px;
}
.lds-facebook div {
 display: inline-block;
 position: absolute;
 left: 8px;
 width: 16px;
     background: #0621d0;
 animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
 left: 8px;
 animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
 left: 32px;
 animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
 left: 56px;
 animation-delay: 0;
}
@keyframes lds-facebook {
 0% {
   top: 8px;
   height: 64px;
 }
 50%, 100% {
   top: 24px;
   height: 32px;
 }
}