/* `Misc
----------------------------------------------------------------------------------------------------*/

#desktopContainer {
  position: relative;
  width: 100vw;
  height: 100vh;
  margin: 0px auto;
  padding: 0px;

  /*
  border: 1px dashed #ccc;
  background-size: 100px 100px;
  background-image: linear-gradient(to right, grey 1px, transparent 1px),
                  linear-gradient(to bottom, grey 1px, transparent 1px);
  */
  overflow: hidden;
                

  /* Remove a barra de rolagem */
}

.desktopIcon {
  width: 100px;
  height: 100px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  cursor: pointer;
  /* Adiciona o cursor de clique */
  transition: transform 0.2s;
  /* Adiciona uma transição suave */
}

.desktopIcon:active {
  transform: scale(0.95);
  /* Reduz um pouco o tamanho ao clicar */
}

.desktopIcon img {
  width: 50px;
  max-width: 70%;
  height: auto;
}

.desktopIcon span {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 500;
}

.abs {
  position: absolute !important;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}

/* `Icons
----------------------------------------------------------------------------------------------------*/
.desktop-highlightme { 
    background-color: #fff2ac;
    background-image: linear-gradient(to right, #ffe359 0%, #fff2ac 100%);
	/* background-image: linear-gradient(-100deg, rgba(255, 255, 255, 0), yellow 85%, rgba(255, 255, 255, 0)); */
	color: #000;
	text-shadow: #000 0 0px 0px;
}

.icon {
  background: url(/files/imagens/trans_white.png) no-repeat -99999px -99999px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.3;
  padding: 6px 1px 6px;
  text-align: center;
  text-shadow: #000 0 1px 2px;
  width: 80px;
}

.icon.active {
  /* background: url(/files/imagens/trans_black.png); */
  background-color: rgba(204, 204, 204, 0.7);
}

.icon img {
  background: url(/files/imagens/trans_black.png) no-repeat -99999px -99999px;
  display: block;
  margin: 0 auto 5px;
  /*
  width: 40px;
  height: 40px;
  */
}

.icon:hover,
.icon.ui-draggable-dragging {
  background-position: 0 0;
  background-repeat: repeat;
  border: 1px solid #fff;
  padding: 5px 0 5px;
}

.icon.ui-draggable-dragging {
  z-index: 20;
}