@font-face {
  font-family: FontAwesome5Solid;
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("/webfonts/fa-solid-900.ttf");
  src: url("/webfonts/fa-solid-900.ttf") format("truetype");
}

#mainWidgetContainer  {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	background-color: #e9ecef;
	border-radius: .3rem;
}

#mainWidgetContainer .deviceItem {
    margin-left: 20px;
    margin-right: 20px;
    width: 120px;
}

.domoticDevicePicture {
    font-family: FontAwesome5Solid;
    height: 70px;
    width: 100px;
    display: block;
    color: black;
    font-size: 50px;
    font-weight: 900;
    font-variant: normal;
    font-style: normal;
    text-align: center;
}

.deviceItemName {
    width: 100%;
    text-align: center;
}


.domoticDevice_863::before { /*fan*/
	content: '\f863';
}

.domoticDevice_72e::before { /*wind*/
	content: '\f72e';
}

.domoticDevice_2c9::before { /*thermometer-half*/
	content: '\f2c9';
}

.domoticDevice_043::before { /*water tint*/
	content: '\f043';
}

.domoticDevice_0eb::before { /*light*/
	content: '\f0eb';
}