.xmpp{
	position: relative;
}

.xmpp:before {
    display: block;
    background-image: url(../images/xmpp/decentralized.png);
    opacity: 0.4;
    content: ' ';
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.xmpp_apps{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-gap: 20px;
  justify-self: center;
}

.xmpp_apps img{
    width: 100px;
    height: 100px;
    border-radius: 10px;
  box-shadow: 4px 3px 8px 1px #010101;
  -webkit-box-shadow: 4px 3px 8px 1px #010101;
}

.grid_element{
    display: grid;
    justify-content:center;
    justify-items:center;
}

.align-right{
  text-align: right;
}

/* CLIENTS TABLE */
#xmpp_clients {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  background-color: #ffffff;
  opacity: 0.8;
}

#xmpp_clients td, #xmpp_clients th {
  border: 1px solid #ddd;
  padding: 8px;
  width: 1%;
  white-space: nowrap;
}

#xmpp_clients tr:nth-child(even){background-color: #f2f2f2;}

#xmpp_clients tr:hover {background-color: #ddd;}

#xmpp_clients th { /* ez da erabiltzen */
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

#xmpp_clients td:nth-child(1){
  cursor: pointer;
}

#xmpp_clients img{
    height: 24px;
    position: relative;
    float: left;
    margin-right: 5px;
}

#xmpp_clients i{
    position: relative;
    float: right;
    color:#4169e1;
}

@media only screen and (max-width: 550px) { 
  #xmpp_clients td:nth-child(1){
    width:auto !important;
  }
}
@media only screen and (max-width: 479px) { 
  #xmpp_clients td:nth-child(2){
    font-size: 12px;
  }
}