button > i.bx,
a > i.bx {
  margin-right: 3px;
}

.btn.disabled,
.btn:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}

button:disabled,
[type='button']:disabled,
[type='reset']:disabled,
[type='submit']:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}

/* INIT - Skeletons */

.skeleton-box {
  display: inline-block;
  height: 1em;
  position: relative;
  overflow: hidden;
  background-color: #dddbdd;
}

.skeleton-box::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.2) 20%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0)
  );
  animation: shimmer 1s infinite;
  content: '';
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

.linetableSkeleton {
  margin-bottom: 20px;
  border-bottom: solid 1px #ddd;
}

.headerTableSkeleton {
  margin-top: 30px;
}

.bodyTableSkeleton {
  margin-bottom: 10px;
  padding-top: 14px;
}

.columnTableSkeleton {
  width: 14.6%;
  height: 14px;
  display: inline-block;
  margin-right: 10%;
}

.topTableSkeleton {
  width: 100px;
  height: 14px;
  position: relative;
}

/* END - Skeletons */

/* START - Daterangepicker */

.daterangepicker table thead td select,
.daterangepicker table thead th select {
  background-color: transparent;
}

.daterangepicker td.active:not(.off) {
  background: var(--button-color) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(105, 108, 255, 0.45);
  color: #fff;
}

.daterangepicker .end-date:not(.start-date):not(.off),
.daterangepicker .start-date:not(.end-date):not(.off) {
  background-color: var(--button-color);
  border: 0 !important;
  color: var(--button-font-color);
}

.daterangepicker .end-date:not(.start-date):not(.off):hover,
.daterangepicker .start-date:not(.end-date):not(.off):hover {
  background-color: var(--button-color) !important;
}

.daterangepicker .input-mini.active {
  border-color: var(--button-color) !important;
}

.daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
  background-color: color-mix(in lch, var(--primary-color) 10%, rgb(255, 255, 255)) !important;
  color: var(--button-color) !important;
}

.ranges li.active {
  background-color: var(--button-color) !important;
  color: var(--button-font-color) !important;
}

/* END - Daterangepicker */

/* Image fit in projects and subjects cards */
.img-fit{
  object-fit: cover;
  object-position: center;
}