body{background:linear-gradient(45deg, #596271 10%, transparent 11%, transparent 89%, #596271 90%),linear-gradient(135deg, #596271 10%, transparent 11%, transparent 89%, #596271 90%),radial-gradient(circle, transparent 25%, #57606f 26%),linear-gradient(0deg, transparent 44%, #596271 45%, #596271 55%, transparent 56%),linear-gradient(90deg, transparent 44%, #596271 45%, #596271 55%, transparent 56%);background-size:3em 3em;background-color:#57606f}.wrapper{display:flex;flex-direction:column;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:2rem 5rem 4rem;max-width:calc(100% - 2rem);background-color:#fff;border:1px solid #cecece;border-radius:.5rem;box-shadow:0 1px 5px rgba(0,0,0,.25);box-sizing:border-box}.wrapper .icon{width:80px}.wrapper .companyLine{display:flex;align-items:center;margin:1.5rem 0 .2rem}.wrapper .companyLine img{margin-right:.2rem;height:24px}.wrapper .company{font-size:1.2rem;color:#00adf1}.wrapper .title{margin-bottom:2.2rem;font-size:1.6rem;font-weight:bold;color:#1e1e1e}.wrapper input{padding:.4rem .6rem}.wrapper label{display:flex;align-items:center;font-size:.8rem}.wrapper .slot{display:flex;margin:.4rem 0}.wrapper .slot .slotHeader{display:flex;align-items:center;justify-content:center;width:32px;background-color:#00adf1;border:1px solid #00adf1}.wrapper .slot img{height:16px}.wrapper .slot input{width:12rem;text-align:center;border-left-width:0}.wrapper .button{margin-top:1.8rem;padding:.5rem 1rem}.wrapper .connBox{position:absolute;left:0;bottom:0;padding:.5rem .8rem;width:100%;text-align:center;background-color:#ecf0f1;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;box-sizing:border-box;font-size:.8rem}.wrapper #txtStatus{font-weight:bold;color:#333}.wrapper #txtStatus.online{color:#009bd8}.wrapper #txtStatus.offline{color:#d8a900}.wrapper #txtStatus.error{color:#d8002f}.postWrapper{position:fixed;top:1rem;left:1rem}.postWrapper button{display:flex;align-items:center;padding:.3rem .5rem}.exitWrapper{position:fixed;top:1rem;right:1rem}.exitWrapper button{display:flex;align-items:center;padding:.3rem .5rem}@media only screen and (max-width: 768px){html,body{height:100%}.wrapper{margin:0 1rem;left:initial;transform:translate(0, calc(-50% - 60px));width:calc(100% - 2rem)}}