/* Основа */

body{
	background-color:#fff;
	font-family:sans-serif;
	font-size:120%;
	margin:0 auto;
	max-width:1024px;
}
a{
	display:block;
	text-decoration:none;
	color:#333;
}
img {vertical-align: bottom;}
input{
	display:block;
	width:calc(100% - 1em);
	padding:0 .5rem;
	line-height:3rem;
	border:0;
	font-size:100%;
	margin:0;
}
#wrap {position:relative;}
.button{
	background-color:#685b83;
	width:100%;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
}
.button:hover{background-color:#7b6f95}
.logo{
	margin:30px auto 1rem;
	width:330px;
}
.button.logout {margin-top:3rem}
.logo img{width:330px}
.center{
	text-align:center;
	margin-top:1rem;
}
.red{
	margin:1rem 5% 0;
	color:#e2261c;
}
.fauth{
	background-color:#fde9d9!important;
	margin-bottom:1rem;
}
.power{
	display:flex;
	justify-content:center;
	font-size:80%;
	margin:1rem;
}
.power span{padding-right:.5rem}

/* Контент */

.line{
	display:flex;
	align-items:center;
	margin:0;
}

.line,.button{text-shadow: 1px 1px 1px rgb(0 0 0 / 30%)}

.line.over{
	display:flex;
	justify-content:space-between;
	background-color:#685b83;
	font-weight:bold;
	color:#fff;
	font-size:120%;
	height:3rem;
	padding:0 1rem;
	position: relative;
}
.user{text-align:right}

.status {color:#e2261c}
.status.online {color:#d0da1c}

.start {margin-top:3rem; background:#10d011}
.start:hover {background:#48ea49}
.sleep,.reboot,.stop {margin-top:1rem}
.sleep {background:#d9b29d}
.sleep:hover {background:#efd4c6}
.reboot {background:#499fbc}
.reboot:hover {background:#67b7d2}
.stop {background:#e2261c}
.stop:hover {background:#f75850}

.send {
    display: flex;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100vw;
		max-width: 1024px;
    background: rgba(0, 0, 0, .5);
    align-items: center;
    justify-content: center;
		color:#fff;
		text-shadow:1px 1px 1px #444444;
		font-size:2rem;
    z-index: 99999;
}

@media (max-width:360px){
	.logo{width:290px}
	.logo img{width:290px}
}