@charset "UTF-8";
.dataTables_filter, .dataTables_info {
  display: none;
}

.btn.btn-icon.btn-xs {
  font-size: 10px;
  line-height: 0em;
  border-radius: 0.1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.5em;
  width: 2.5em;
}

.dataTables_filter, .dataTables_info {
  display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input.input-lg {
  font-size: 5em !important;
}

.login-svg-bg-1 {
  background-image: url("../media/svg/illustrations/login-visual-1.svg");
}

.login-svg-bg-2 {
  background-image: url("../media/svg/illustrations/login-visual-2.svg");
}

.login-svg-bg-3 {
  background-image: url("../media/svg/illustrations/login-visual-3.svg");
}

.login-svg-bg-4 {
  background-image: url("../media/svg/illustrations/login-visual-4.svg");
}

.cell {
  vertical-align: middle;
}

.container-xxl {
  max-width: 1480px;
}

.form-control.form-control-solid:focus {
  border-color: 1px #8E62FF !important;
}

.ml-10 {
  margin-left: 10px;
}

.kanban {
  width: 1880px;
}

.red-card {
  background-color: #F1416C;
  background-image: url("/media/svg/shapes/wave-bg-red.svg");
}

.red-border {
  border: 1px dashed rgba(255, 255, 255, 0.4);
  background-color: #F1416C;
}

.purple-card {
  background-color: #7239EA;
  background-image: url("/media/svg/shapes/wave-bg-purple.svg");
}

.purple-border {
  border: 1px dashed rgba(255, 255, 255, 0.4);
  background-color: #7239EA;
}

.blue-card {
  background-color: #3992F6;
  background-image: url("/media/svg/shapes/wave-bg-blue.svg");
}

.blue-border {
  border: 1px dashed rgba(255, 255, 255, 0.4);
  background-color: #3992F6;
}

.color-card-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.15);
}

.ml-5 {
  margin-left: 5px;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
  font-size: 1.2em !important;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
  font-size: 1.2em !important;
}

.strike-text {
  text-decoration: line-through;
}

.text-white {
  color: white !important;
}

li.nav-item > a.active > span > i {
  color: white !important;
}

.nav-pills .nav-link .nav-dark {
  background-color: #131313;
  color: white;
}

.select2-selection.select2-selection--multiple.form-select.form-control-sm.fs-6.assignment-select {
  background: transparent;
  border: 0.1mm dashed rgba(0, 0, 20, 0.1);
}

.nav-dark .nav-link.active {
  background-color: #1A1A1A;
}

.form-select.form-control-sm.fs-6.status-select {
  background: transparent;
}

.w-max-content {
  width: -moz-max-content;
  width: max-content;
}

.icon-edit {
  background: transparent !important;
  border: transparent !important;
}

input.form-control:-moz-read-only {
  background: transparent !important;
  border: 0;
}

input.form-control:read-only {
  background: transparent !important;
  border: 0;
}

.form-control-transparent {
  background: transparent !important;
  border: transparent !important;
}

@media screen and (min-width: 0px) and (max-width: 400px) {
  .span-btn {
    display: block;
  } /* show it on smaller screen */
}
@media screen and (min-width: 401px) and (max-width: 1024px) {
  .span-btn {
    display: none;
  } /* hide it on larger screens */
}
@keyframes typing {
  0%, 3% {
    content: "";
  }
  4% {
    content: "P";
  }
  5% {
    content: "Pe";
  }
  6% {
    content: "Pen";
  }
  7% {
    content: "Pens";
  }
  8% {
    content: "Pensa";
  }
  9% {
    content: "Pensan";
  }
  10% {
    content: "Pensand";
  }
  11%, 14% {
    content: "Pensando";
  }
  15%, 17% {
    content: "";
  }
  18% {
    content: "A";
  }
  19% {
    content: "Af";
  }
  20% {
    content: "Afi";
  }
  21% {
    content: "Afin";
  }
  22% {
    content: "Afina";
  }
  23% {
    content: "Afinan";
  }
  24% {
    content: "Afinand";
  }
  25% {
    content: "Afinando";
  }
  26% {
    content: "Afinando ";
  }
  27% {
    content: "Afinando i";
  }
  28% {
    content: "Afinando id";
  }
  29% {
    content: "Afinando ide";
  }
  30% {
    content: "Afinando idea";
  }
  31%, 34% {
    content: "Afinando ideas";
  }
  35%, 37% {
    content: "";
  }
  38% {
    content: "Y";
  }
  39% {
    content: "Ya";
  }
  40% {
    content: "Ya ";
  }
  41% {
    content: "Ya c";
  }
  42% {
    content: "Ya ca";
  }
  43% {
    content: "Ya cas";
  }
  44% {
    content: "Ya casi";
  }
  45% {
    content: "Ya casi ";
  }
  46% {
    content: "Ya casi t";
  }
  47% {
    content: "Ya casi te";
  }
  48% {
    content: "Ya casi ter";
  }
  49% {
    content: "Ya casi term";
  }
  50% {
    content: "Ya casi termi";
  }
  51% {
    content: "Ya casi termin";
  }
  52%, 55% {
    content: "Ya casi termino";
  }
  56%, 58% {
    content: "";
  }
  59% {
    content: "A";
  }
  60% {
    content: "Ar";
  }
  61% {
    content: "Arm";
  }
  62% {
    content: "Arma";
  }
  63% {
    content: "Arman";
  }
  64% {
    content: "Armand";
  }
  65% {
    content: "Armando";
  }
  66% {
    content: "Armando ";
  }
  67% {
    content: "Armando e";
  }
  68% {
    content: "Armando el";
  }
  69% {
    content: "Armando el ";
  }
  70% {
    content: "Armando el r";
  }
  71% {
    content: "Armando el ro";
  }
  72% {
    content: "Armando el rom";
  }
  73% {
    content: "Armando el romp";
  }
  74% {
    content: "Armando el rompe";
  }
  75% {
    content: "Armando el rompec";
  }
  76% {
    content: "Armando el rompeca";
  }
  77% {
    content: "Armando el rompecab";
  }
  78% {
    content: "Armando el rompecabe";
  }
  79% {
    content: "Armando el rompecabez";
  }
  80% {
    content: "Armando el rompecabeza";
  }
  81%, 85% {
    content: "Armando el rompecabezas";
  }
  /* Reinicio */
  86%, 100% {
    content: "";
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.typewriter {
  --caret: currentcolor;
}

.typewriter::before {
  content: "";
  animation: typing 13.5s infinite;
}

.typewriter::after {
  content: "";
  border-right: 1px solid var(--caret);
  animation: blink 0.5s linear infinite;
}

.typewriter.thick::after {
  border-right: 1ch solid var(--caret);
}

.typewriter.nocaret::after {
  border-right: 0;
}

@media (prefers-reduced-motion) {
  .typewriter::after {
    animation: none;
  }
  @keyframes sequencePopup {
    0%, 100% {
      content: "Pensando";
    }
    25% {
      content: "Afinando ideas…";
    }
    50% {
      content: "Ya casi termino";
    }
    75% {
      content: "Armando el rompecabezas…";
    }
  }
  .typewriter::before {
    content: "Pensando";
    animation: sequencePopup 12s linear infinite;
  }
}
.kanban-item {
  padding: 5px !important;
  margin: 6px !important;
}

.kanban-board .kanban-drag {
  padding: 5px !important;
}

.blur-bottom-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  pointer-events: none;
  z-index: 2;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  mask-image: linear-gradient(to bottom, transparent 0%, black 65%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 90%);
}

.highlight-grey {
  position: relative;
  background: #eff2f5;
  border-radius: 0.475rem;
  padding: 1.75rem 1.5rem 1.75rem 1.5rem;
}