.outer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative;width:100%}.offline-card{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:5px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05);margin:60px auto;max-width:30em;width:100%}.header{background-color:var(--cassiopeia-color-primary);background-image:linear-gradient(135deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%);border-radius:5px 5px 0 0;color:#fff;margin:0;padding:1em 2em;position:relative;text-align:center}[dir=rtl] .header{background-image:linear-gradient(135deg,var(--cassiopeia-color-hover) 0,var(--cassiopeia-color-primary) 100%)}.login{padding:40px 20px 20px}.form-control{max-width:none}img{border:0;height:auto;margin:15px 0;max-width:100%}fieldset,form{margin:0;padding:0}label{display:block;margin:0}input[type=password],input[type=text]{-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;width:100%}input{margin:.5em 0 1em}.logo-icon{background-color:#fff;border:1px solid rgba(0,0,0,.05);border-radius:50%;-webkit-box-shadow:0 0 5px rgba(0,0,0,.075);box-shadow:0 0 5px rgba(0,0,0,.075);left:50%;margin-top:2px;padding:12px;position:absolute;top:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.logo-icon svg{display:block;width:38px}