@charset "utf-8";
#overlay { background: #f7f7f7 !important; position: fixed; left: 0; right: 0; bottom: 0; top: 0; opacity: 0.98; z-index: 9999; }
/*#overlay-bg { display: block; position: fixed; top: 35%; left: 50%; z-index: 10000; margin-left: -80px; }*/
#overlay-bg{
    position: fixed;
    background: rgba(255,255,255,.4);
    width: 100%;
    align-items:center;
    top: 50%;
    left: 50%;
    height: 100%;
    z-index: 100;
    transform: translate(-50%,-50%);
}
.spinner { margin: 250px auto; width: 70px; height: 40px; text-align: center; font-size: 10px; }
.spinner > div { background-color: #03456b; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; margin-right:4px;}
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
 @-webkit-keyframes sk-stretchdelay {  0%, 40%, 100% {
-webkit-transform: scaleY(0.4)
}
 20% {
-webkit-transform: scaleY(1.0)
}
}
 @keyframes sk-stretchdelay {  0%, 40%, 100% {
 transform: scaleY(0.4);
 -webkit-transform: scaleY(0.4);
}
20% {
 transform: scaleY(1.0);
 -webkit-transform: scaleY(1.0);
}
}
/* CSS Document */