/* ----------- */
/* GENERICS */


.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.only-desktop { display: block; }
.only-mobile { display: block; }


header {
}


.alarm__dialog {
	display: none;
	padding: 40px;
	background-color: crimson;
	text-align: center;
	color: white;
}

.alarm__dialog h1 {
	font-size: 50px;
	font-weight: 900;
	margin-bottom: 25px;
}
.alarm__dialog .alarm__list { 
	display: flex; 
	justify-content: center; 
}

.alarm__dialog .alarm__list .card {
	background-color: crimson;
	border-color: white;
	margin: 0 5px; 
}
.alarm__dialog .alarm__list .card .device__meta__list {
	line-height: 30px;
}
.alarm__dialog .alarm__list .card .device__meta__list .bell {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 10px;
}

.devices__list { margin-top: 25px;  }
.devices__list .card { margin-bottom: 25px; }
.devices__list .card h5 { margin-bottom: 0px; }
.devices__list .card h6 { font-size: 14px; font-weight: normal; }
.devices__list .card .card-body { padding-bottom: 5px; }
.device__status { font-size: 14px; }
.device__ip, .device__mac { font-size: 10px; }
.device__address { font-size: 10px; color: #989898; margin-top: 15px; }



.sidebar__log { 
	height: 100vh; 
	overflow-y: auto;
	background: rgba(0,0,0,0.8); 
	color: #34EB2A; 
	font-family: "Courier New";
	padding: 15px;
	font-size: 12px;
}



.account {
	position: relative;
	padding: 15px;
	background: crimson;
	color: white;
}

.account .account__token {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
}

.account .account__name {
	font-size: 28px;
}

.account .btn {
	 position: absolute; 
	 top: 15px; 
	 right: 15px;
}

.account .btn,
.account .btn:active,
.account .btn:focus { color: white !important; }


@media (min-width: 991px) {
   .only-desktop { display: none; }
   .only-mobile { display: block; }
}

@media (max-width: 991px) {
 
}