#diskloudAppsMenu {
  position : relative;
}


#diskloudAppsContainer {
  color : black;
  text-align : center;
  position : absolute;
  font-family : "Montserrat",Verdana;
  top : 0;
  right : 15px;
  display: none;
  box-shadow : 0 0 3em 0 grey;
  width : fit-content;
  padding : 5px;
  border-radius : 4px/4px;
  font-size : 15px;
  background-color: rgb(236, 225, 225);
}

#diskloudAppsList {
  display:grid;
  grid-template-columns: auto auto auto;
  user-select: none;
}

#diskloudAppsButton {
  margin-right : 10px;
}

#diskloudAppsButton:focus + #diskloudAppsContainer,#diskloudAppsButton + #diskloudAppsContainer:active {
  display : flex;
  justify-content : center;
  flex-direction : column;
}

#diskloudAppsButton:hover {
    opacity: 0.6;
}

#diskloudAppsButton:focus {
  opacity : 0;
}

.appLinks {
  transition : 0.2s;
  display : flex;
  flex-direction : column;
  align-items : center;
  justify-content : center;
  padding : 4px;
  width : 60px;
  height : 60px;
  border-radius : 2px/2px;
}
.appLinks > img {
  width : 40px;
  height : 40px;
  padding : 0;
  margin : 0;
}
.appLinks:hover {
  box-shadow : 0 0 5em 0 grey;
  transform : scale(1.4);
  background :rgb(236, 225, 225);
  z-index: 2;
}
.appLinks > .diskloudAppName {
  transition : 0.2s;
  margin-top : 1px;
  padding : 1px;
  font-size:12px;
  color : black;
}
.appLinks:hover > .diskloudAppName {
  text-decoration: none;
  background : lightblue;
  color : white;
  border-radius : 4px;
}