*{margin:0;padding:0}body{overflow-x:hidden;margin-top:48px;background-color:whitesmoke}

.header{position:fixed;top:0;left:0;height:48px;width:100vw;background-color:#000021;z-index:99}.header__menu__button{height:48px}.header__menu__icon{color:whitesmoke;height:36px !important}.drawer__list{width:250px}

.dialog__avatar{color:blue}.listtitle{padding-top:40px;display:flex;justify-content:center}.listtitle__span{font-size:25px}.listrefresh{padding-top:20px;display:flex;justify-content:center}.listrefresh__icon{color:darkslateblue}.listrefresh__label{margin-left:5px}.devicelist{display:flex;flex-wrap:wrap;justify-content:center}.devicelist__device{width:100%;min-width:275px;max-width:300px;margin:20px}.devicelist__device__area{padding:10px;display:block}.devicelist__device__status{font-size:20px}.devicelist__device__statusbadge{margin:0px 10px}.devicelist__device__pos{margin-bottom:12px}.devicelist__device__pos__content{display:flex;justify-content:left}.devicelist__device__pos__content__attention{color:red}.devicelist__device__pos__content__check{color:green}

.loglist{padding-top:50px}

.login{width:100vw;text-align:center}.login__title{padding:20px 0px}.login__form{display:inline-block;text-align:left;width:80%;max-width:300px}.login__form__input{width:100%;margin:15px 0px !important}.login__form__buttons{display:flex;justify-content:space-between;padding:10px 20px}.login__form__error{text-align:center;color:red}

.signup{width:100vw;text-align:center}.signup__title{padding:20px 0px}.signup__form{display:inline-block;text-align:left;width:80%;max-width:300px}.signup__form__input{width:100%;margin:15px 0px !important}.signup__form__buttons{display:flex;justify-content:space-between;padding:10px 20px}.signup__form__error{text-align:center;color:red}