.tools_menu .quadrado {
	width: 110px;
	height: 100px;
	border-radius: 10px;
	border: solid 1px;
	border-color: #333333;
	cursor: pointer;
	position: relative;
	transition: 0.3s ease;
}
.tools_menu .quadrado:hover {
	color: #ffffff;
	background-color: #0A0A0A;
}

.tools_menu.active .quadrado {
	background-color:#0C0C0C;
}
.tools_menu.active {
	color: #ffffff;
}
.tools_menu.active.online {
	color: #829C2F;
}
.tools_menu.active.offline {
	color: #DC002C;
}

.tools_menu .msg_label {
	position: absolute;
	width: auto;
	padding: 2px 5px;
	top: -5px;
	right: -10px;
	border-radius: 100%;
	color: #ffff;
	background-color: #0057FF;
	font-size: 0.9em;
}

.linha-mensagens:hover {
	font-weight: 300;
	background-color: #F1F0F0;
	border-radius: 5px;
	cursor: pointer;
}


.tools-container {
    border: 1px solid #444;
    border-radius: 10px;
    background-color: transparent;
    padding: 15px;
    margin-top: 20px;
}
.tools-header {
    background-color: #333;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 5px;
}