html{height:100%;margin:0}
body{background-color:#000000;margin:0;height:100%;font-family:'Roboto', sans-serif}
.modal-dialog{background-color:#000000;position:fixed;top:50%;left:50%;border-radius:10px;width:500px;transform:translate(-50%,-50%)}
.modal-header{background-color:#000000;color:#FFFFFF;text-align:center;height:70px;border-top-left-radius:10px;border-top-right-radius:10px}
.modal-body{padding:20px 20px 20px 20px;text-align:center;color:#9f9f9f;font-family:'Roboto', sans-serif}
.vertical-align{position:relative;top:50%;transform: translateY(-50%)}
.button{font-family:'Roboto', sans-serif;color:#9f9f9f;background-color:#1c1c1c;border:2px solid #383838;padding:8px 32px 8px 32px}
.modal-button{display:block;margin:10px auto 20px auto}
#auth-container{position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;width:320px}
.main-content{flex:1 1 auto;min-height:0;min-width:0}
.content{display:flex;flex-flow:column;height:100%}
.footer{z-index:10;flex:0 0 25px;background-color:#000000;padding:0px 8px 0px 8px;height:25px;left:0;right:0;bottom:0}
.footer-text{color:#FFFFFF}
.roames-blue{color:#358aaa}
.progress-background{background-color:#9f9f9f;height:13px}
.progress-foreground-used{background-color:#5cc3ea;height:100%;width:100%;float:left;position:absolute;height:13px}
.progress-foreground-reserved{background-color:#358aaa;height:100%;width:0%;float:left;position:absolute;height:13px}
table{border-spacing:0}
.hidden{display:none}
#loader{z-index:5}
#loadingImage{position:absolute;bottom:0;left:-63%;right:0;top:36%}
.loadingBackground{width:100vw;height:100vh;background:#000000}
.loadingBox{animation: fadein 2s linear 1 forwards;text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);}
.spin{animation:spin 2s linear infinite}
@keyframes fadein{0%{opacity:0}100%{opacity:1}}
@keyframes spin{100%{transform:rotate(360deg)}}