@import "./assets/scss/animation.scss";
@import "./assets/scss/bootstrap-override.scss";
@import "../node_modules/bootstrap/scss/_variables.scss";

html,
body {
  background-color: #f0f0f0;
  overflow: hidden;
}

.blur {
  filter: blur(10px);
  -webkit-filter: blur(10px);
}

.disable-user-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.blue-gradient {
  background: linear-gradient(0deg, #ffffff00, $white);
}

.rounded {
  border-radius: 1.5rem !important;
}

.rounded-top-sm {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}

.rounded-sm {
  border-radius: 0.75rem !important;
}

.card-effect {
  &:active {
    background-color: #c9c9c9b3 !important;
    transition: background-color 0.5s;
  }
  &:focus {
    background-color: #c9c9c9b3 !important;
    transition: background-color 0.5s;
  }
}

.overflow-scroll {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  &::-webkit-scrollbar {
    width: 0.5em;
  }
  &::-webkit-scrollbar-track {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
    background-color: $white;
  }
  &::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7);
    outline: 1px solid slategrey;
    border-radius: 10px;
    height: 12px;
    &:active {
      box-shadow: inset 0 0 8px rgba(255, 0, 0, 0.9);
      -webkit-box-shadow: inset 0 0 8px rgba(255, 0, 0, 0.9);
    }
  }
  &::-webkit-scrollbar-corner {
    border-radius: 10px;
  }
}

.bg-gray {
  background-color: #e6e6e6;
}

.bg-primary-gradient {
  background: linear-gradient(135deg, rgba(40, 112, 175, 1) 0%, rgba(0, 32, 66, 1) 100%);
}

.icon-dim {
  height: 40px !important;
  width: auto !important;
  background-color: white !important;
}

.text-purple {
  color: $purple;
}

.vh-70 {
  min-height: auto !important;
  max-height: 70vh !important;
}

.vh-60 {
  min-height: auto !important;
  max-height: 60vh !important;
}

.spinner-lg{
  width: 3rem !important;
  height: 3rem !important;
}

.sidebar {
  right: 0;
}