body {
  font-family: 'Roboto', Verdana, Tahoma, sans-serif !important;
  font-size: 14px;
}

/* a:hover { */
a:not(.btn):hover {
  text-decoration: none;
  cursor: pointer;
  color: #6CC3C7 !important;
}

.border-primary-hover:hover {
  border-color: #78c2ad;
  cursor: pointer;
}

.effect-on-hover {
  transition: transform 0.3s ease-in-out;
  border: 1px solid #eee;
}

.effect-on-hover:hover {
  transform: scale(1.02);
  cursor: pointer;
}

#filter {
  position: sticky;
  top: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  align-self: flex-start;
  z-index: 1020;
}

.files-columns {
  column-count: 1;
  column-gap: 0.5rem;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn:focus,
.btn-check:focus+.btn {
  box-shadow: none !important;
}

#lupe:hover i {
  color: #fff;
}

/* Media Queries */

/* Small (sm) - 576px y más */
@media (min-width: 576px) {
  .files-columns {
    column-count: 2;
    column-gap: 0.5rem;
  }
}

/* Medium (md) - 768px y más */
@media (min-width: 768px) {
  .files-columns {
    column-count: 3;
    column-gap: 0.5rem;
  }
}

/* Large (lg) - 992px y más */
@media (min-width: 992px) {
  .files-columns {
    column-count: 3;
    column-gap: 0.5rem;
  }
}

/* Extra large (xl) - 1200px y más */
@media (min-width: 1200px) {}

/* Extra extra large (xxl) - 1400px y más */
@media (min-width: 1400px) {}