@charset "UTF-8";
/* line 1, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .card {
  background: #fff;
  padding: 0;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  /* Certifique-se de que o card tenha um z-index baixo */
  display: flex;
  justify-content: center;
  /*align-content: stretch;*/
  /*align-items: stretch;*/
}

/* line 13, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .card .card-body {
  width: 100%;
  padding: 0;
  overflow: hidden;
  border-radius: 5px;
}

/* line 20, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .card, .grid-stack-item-content, .ui-draggable-handle {
  overflow: revert !important;
}

/* line 24, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .card .dropdown .dropdown-toggle {
  border: none;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.19);
  background: #fff;
}

/* line 31, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .card .dropdown {
  position: absolute;
  top: 10px;
  right: 10px;
  /* Alinhamento à direita */
  display: none;
}

/* line 38, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .editable:hover .card .dropdown {
  display: block;
  z-index: 1000;
}

/* line 43, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .card .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  /* Posiciona o menu logo abaixo do botão */
  right: 0;
  /* Alinhamento à direita */
  left: auto;
  /* Alinhamento à direita */
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  /* Garante que o menu apareça acima de outros elementos */
}

/* line 56, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .card .dropdown-menu a {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  color: #333;
}

/* line 63, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .card .dropdown-menu a:hover {
  background: #f0f0f0;
}

/* line 67, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .spinner-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  /* Fundo levemente transparente */
  z-index: 1000;
  /* Garantir que o spinner fique por cima do conteúdo do card */
}

/* line 80, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  /* Cor do fundo */
  border-left: 4px solid #3498db;
  /* Cor do spinner */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

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

/* line 94, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .info-box {
  display: flex;
  align-items: stretch;
  height: 100%;
  justify-content: start;
}

/* line 98, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .info-box .info-box-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* line 102, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .info-box .info-box-content {
  display: flex;
  justify-content: space-evenly;
  height: 100%;
  margin-left: 0px;
  flex-direction: column;
  width: inherit;
}

/* line 106, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .info-box-footer {
  display: flex;
  justify-content: end;
  width: 100%;
  align-items: center;
}

/* line 110, app/assets/stylesheets/dashboard_personalizavel.scss */
.grid-stack .info-box-footer i {
  margin-left: 10px;
}

/* line 114, app/assets/stylesheets/dashboard_personalizavel.scss */
.dash-btn-group {
  display: flex;
  justify-content: flex-end;
}

/* line 119, app/assets/stylesheets/dashboard_personalizavel.scss */
.dash-btn-group > * + * {
  margin-left: 10px;
}

/* line 123, app/assets/stylesheets/dashboard_personalizavel.scss */
.dash-btn-group .dropdown-menu {
  left: auto;
  right: 0;
}