@import url('//fonts.googleapis.com/css?family=Roboto:300,400,700|Montserrat:400,700'); redoc.loading { position: relative; display: block; min-height: 350px; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } redoc.loading:before { font-family: Helvetica; content: "Loading"; font-size: 24px; text-align: center; padding-top: 40px; color: #0033a0; font-weight: normal; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: white; z-index: 9999; opacity: 1; transition: all 0.6s ease-out; } redoc.loading:after { z-index: 10000; background-image: url('data:image/svg+xml;utf8,'); animation: 2s rotate linear infinite; width: 50px; height: 50px; position: absolute; content: ""; left: 50%; margin-left: -25px; background-size: cover; top: 75px; transition: all 0.6s ease-out; opacity: 1; } redoc.loading-remove:before, redoc.loading-remove:after { opacity: 0; }