.ContentLoader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:15px;padding:10px;width:150px;height:150px;z-index:10000;box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.modal-center{position:fixed;top:40%;left:40%;transform:translate(-50%,-50%);text-align:center}.loader-Circle{z-index:1000;border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;width:120px;height:120px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-color:#fff}.loader-Bar{width:100%;height:20px;border:1px solid #2980b9;border-radius:3px;background-image:repeating-linear-gradient(-45deg,#2980b9,#2980b9 11px,#eee 10px,#eee 20px);background-size:28px 28px;animation:move .5s linear infinite}.loader-Rect{margin:auto auto;width:200px;height:80px;text-align:center;font-size:10px;z-index:10}.loader-Rect>div{background-color:#044e7f;height:100%;width:15px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.loader-Rect .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.loader-Rect .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.loader-Rect .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.loader-Rect .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}.loader-Rect .rect6{-webkit-animation-delay:-.7s;animation-delay:-.7s}.loader-Rect .rect7{-webkit-animation-delay:-.6s;animation-delay:-.6s}.loader-point{width:70px;text-align:center}.loader-point>div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.loader-point .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader-point .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes move{0%{background-position:0 0}100%{background-position:28px 0}}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}