@font-face {
  font-family: "DMSans";
  src: url("fuentes/DM_Sans/DMSans-VariableFont_opsz\,wght.ttf");
}

@keyframes mensajes_pendientes {
  0% {
    color: var(--bs-warning);
  }

  50% {
    color: var(--bs-light)
  }

  100% {
    color: var(--bs-warning);
  }
}

* {
  font-family: DMSans;
}

body {
  min-height: 100vh;
}

canvas {
  width: 100%;
  object-fit: contain;
}

#wrapper-botones-barra {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  filter: drop-shadow(0 0 4px #000a);
}

#boton-barra-lateral {
  border-radius: 0;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  background-color: var(--bs-primary);
  border: none;
}

#boton-barra-lateral:hover {
  filter: brightness(0.9);
}

#boton-soporte {
  color: var(--bs-light);
}

#boton-soporte.mensajes-pendientes {
  animation: 1s linear infinite mensajes_pendientes;
}

#boton-soporte {
  border-radius: 0 0 0 0;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  background-color: var(--bs-primary);
  border: none;
}

#boton-soporte:hover {
  filter: brightness(0.9);
}

#boton-dashboard {
  border-radius: 0 0 10px 0;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  background-color: var(--bs-primary);
  border: none;
}

#boton-dashboard:hover {
  filter: brightness(0.9);
}

#barra-lateral {
  border: none !important;
  width: 300px;
  scrollbar-color: #a789ad transparent;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}

#barra-lateral::-webkit-scrollbar-track {
  background: transparent;
}

#barra-lateral::-webkit-scrollbar-thumb {
  background-color: #a789ad;
}

#barra-lateral a {
  padding: 0.25rem;
  text-decoration: none;
  background-color: #5d367d;
}

#barra-lateral a:hover {
  background-color: #9c6aad;
}

#barra-lateral img {
  width: 32px;
  height: 32px;
  padding: 0.25rem;
}

/* main {
  transform: translateX(-5%);
  opacity: 0.1;
  transition: all 0.75s;
}

main.cargado {
  transform: none;
  opacity: 1;
} */

.btn-light {
  --bs-btn-border-color: var(--bs-secondary-color)
}

fieldset {
  border-style: var(--bs-border-style);
  border-color: var(--bs-border-color);
  border-width: calc(var(--bs-border-width) * 2);
  border-radius: 8px;
  padding: .75rem;
}

fieldset.no-border {
  border: none;
  padding: 0;
}

legend {
  position: static;
  font-size: 1rem;
  font-weight: 500;
  float: none;
  width: auto;
  padding: 0 0.5rem;
  margin: 0;
}

.select2-selection--multiple .select2-search {
  display: inline !important;
  width: auto !important;
}

.card-title {
  margin: 0;
}