.menuConstructorButtonFocus {
  border-width: thick;
}

.btnOptImplementarActive {
  border: solid thick white;
}

.cm-tab {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAACSSURBVHja7NWxCsJAEIThL4mCigTEQvD9H87SyihozmYLiWdls4EMDBzcFvvvsHdNKcWc1Zq5sgI0WGNb6fEcTg1QwjscA6SpFa7QxWVJNP0xfMceBzxxqwGcEifQTnrtawCXhABjJLGJpruPBPopwJh0D7rYgYIrhjh\/AUj8Eg144PWzaPnIFoD\/9AYAAP\/\/AwDuERyhTmO1VgAAAABJRU5ErkJggg==);
  background-position: right;
  background-repeat: no-repeat;
}

.scrollP::-webkit-scrollbar {
  height: 20px;
}

.scrollP::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 10%);
}

.scrollP::-webkit-scrollbar-thumb {
  background-color: rgba(13, 110, 253, 0.25);
  border-radius: 20px;
  border: 3px solid #0d6efd;
  width: 40px;
}

.menu-pdw-control {
  width: "";
}

.paper {
  transform-origin: top left;
  /* Ajuste a origem da transformação */
  transform: perspective(500px) rotateX(0deg);
  transition: transform 0.5s ease;
  /* Adicionando transição suave */
}

.paper-folded {
  /* Simular vinco na dobra */
  transform: perspective(500px) rotateX(-20deg) rotateY(10deg);
}

.eixoRt {
  transform-origin: center center;
  /* Opcional: Define o ponto de rotação */
  transition: transform 0.5s ease;
  /* Adiciona uma transição suave */
}

.modal-body {
  z-index: 1100 !important;
}

.custom-tooltip {
  --bs-tooltip-bg: #660aca;
  --bs-tooltip-color: var(--bs-white);
}
.custom-tooltip-metodos-abas {
  --bs-tooltip-bg: transparent;
  --bs-tooltip-color: #660aca;
}

/* Botão base com status */
.modo_rest {
  border: solid 5px green;
  border-radius: 15px;
  position: relative;
  transition: box-shadow 0.3s ease;
}

.modo_socket_con_l {
  border: solid 5px lightgreen;
  border-radius: 15px;
  animation: modo_socket_con_l 1s linear infinite;
  position: relative;
  transition: box-shadow 0.3s ease;
}

.modo_socket_con {
  border: solid 5px lightgreen;
  border-radius: 15px;
  animation: modo_socket_con 1s linear infinite;
  position: relative;
  transition: box-shadow 0.3s ease;
}

.modo_socket_off {
  border: solid 5px red;
  border-radius: 15px;
  position: relative;
  transition: box-shadow 0.3s ease;
}

@keyframes modo_socket_con {
  0% {
    border-color: lightgreen;
  }

  15% {
    border-color: #acf2ac;
  }

  30% {
    border-color: #cbf0cb;
  }

  45% {
    border-color: #a3b1a3;
  }

  60% {
    border-color: #343a40;
  }

  75% {
    border-color: #a3b1a3;
  }

  90% {
    border-color: #cbf0cb;
  }

  100% {
    border-color: #acf2ac;
  }
}

@keyframes modo_socket_con_l {
  0% {
    border-color: lightgreen;
  }

  15% {
    border-color: #acf2ac;
  }

  30% {
    border-color: #cbf0cb;
  }

  45% {
    border-color: #e6f5e6;
  }

  60% {
    border-color: #ffffff;
  }

  75% {
    border-color: #e6f5e6;
  }

  90% {
    border-color: #cbf0cb;
  }

  100% {
    border-color: #acf2ac;
  }
}

.charts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
  max-width: 1200px;
}

#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid rgba(255, 255, 255, 0.3);
  border-top: 5px solid #4CAF50;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media screen and (width < 765px) {
  .menu-pdw-control {
    width: 100%;
  }
}