body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

.btn,
.form-control,
button,
input,
.custom-file-label,
.custom-file,
.custom-file-input,
.list-group-item,
.custom-control label::before,
.custom-switch label::before,
.custom-switch label::after {
  outline: none !important;
  box-shadow: none !important;
}

#lista a.list-group-item.list-group-item-action:nth-child(even) {
  background-color: #fafafa
}

.custom-file-label::after {
  content: "Procurar";
}

.btn-center {
  display: flex;
  align-items: center;
}

.table td, .table th {
  vertical-align: inherit;
}
.table tbody tr:first-child td {
  border: 0;
}

.draggable {
  cursor: grab;
}


/* [Inicio] Alertas */
.box-alerts {
  bottom: 20px;
  right: 0;
  min-width: 35%;
  max-width: 50%;
  z-index: 9999;
}
.box-alerts .alert {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
  padding-right: 70px;
}
.box-alerts .alert button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0px;
  text-shadow: none;
  padding-right: 30px;
  padding-left: 15px;
}
@media (max-width: 768px) {
  .box-alerts {
    max-width: none !important;
    width: 100%;
  }
}
/* [Fim] Alertas */

/* [Inicio] Rotate */

.loading { text-align: center; }
.rotate {
  animation-name: rotate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

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

/* [Fim] Rotate */


/* [Inicio] Linha Solicitação */

#lista .st-row-aberto > div.row, #lista .st-row-aberto .title-row-solicitacao {
  border-color: var(--red) !important;
  color: var(--red) !important;
}
#lista .st-row-resposta > div.row, #lista .st-row-resposta .title-row-solicitacao {
  border-color: var(--yellow) !important;
  color: var(--yellow) !important;
}
#lista .st-row-reaberto > div.row, #lista .st-row-reaberto .title-row-solicitacao {
  border-color: var(--red) !important;
  color: var(--red) !important;
}

#lista .st-row-tarjapreta {
  background-color: var(--dark) !important;
}
#lista .st-row-tarjapreta > div.row, #lista .st-row-tarjapreta .title-row-solicitacao {
  border-color: var(--light) !important;
  color: var(--light) !important;
}
#lista .st-row-tarjapreta .text-secondary {
  color: var(--light) !important;
}
#lista .st-row-tarjapreta .badge-tarjapreta {
  color: var(--dark);
  background-color: var(--white) !important;
}

#lista .st-row-resolvido > div.row, #lista .st-row-resolvido .title-row-solicitacao {
  border-color: var(--gray) !important;
  color: var(--gray) !important;
}

#lista .badge-critico {
  color: #fff;
  background-color: var(--red) !important;
}
#lista .badge-pendente {
  color: #fff;
  background-color: var(--orange) !important;
}
#lista .badge-tarjapreta {
  color: #fff;
  background-color: var(--purple) !important;
}

/* [Fim] Linha Solicitação */


/* [Inicio] Tasks */

.areaTask .card {
  background-color: var(--light);
}
.areaTask .card .card-body {
  cursor: pointer !important;
}
.areaTask .card.task-retrabalho {
  background-color: var(--danger);
  color: var(--light);
}
.areaTask .card.task-impedimento {
  background-color: var(--secondary);
  color: var(--light);
}

/* [Fim] Tasks */


/* [Inicio] Dragula */

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  cursor: grabbing;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);

  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

/* [Fim] Dragula */


/* [Inicio] Botão de confirmar ação */

.btn-confirma-acao {
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
}

/* [Fim] Botão de confirmar ação */


/* [Inicio] Gráfico Teste do google */

.google-visualization-tooltip {
  left: calc(50% - 225px) !important;
}

/* [Fim] Gráfico Teste do google */