body {
  background-color: #17171c;
  padding-top: 85px;
  padding-bottom: 40px;
}

main .form-control, #login .form-control, .modal .form-control, .modal .input-group-text, .card {
  margin: 10px 0;
}
td.text-truncate {
  max-width: 100px;
}

section {
  padding: 60px 0;
}
.link {
  cursor: pointer;
}
.spinner {
  border: 4px solid #ccc;
  border-top: 4px solid var(--primary);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: spin 0.8s linear infinite;
  margin: 0 auto;
}
@keyframes spin {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

@media (min-width: 768px) {
  .scroll-mobile {
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    overflow-x: scroll;
  }
}