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

html,
body {
  height: 100%;
  background: linear-gradient(0deg, #e6e6e6, #fff);
  font-family: bahnschrift;
  overflow: hidden !important;
}

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

app-pago-con-tarjeta,
.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 {
  transition: background-color 0.3s;
  &:active {
    background-color: #c9c9c9b3 !important;
    transition: background-color 0.3s;
  }
  &:focus {
    background-color: #c9c9c9b3 !important;
    transition: background-color 0.3s;
  }
}

.overflow-scroll {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  &::-webkit-scrollbar {
    width: 0.75em;
  }
  &::-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 $primary;
      -webkit-box-shadow: inset 0 0 8px $primary;
    }
  }
  &::-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%);
}

.bg-primary-gradient-horizontal {
  background: linear-gradient(90deg, 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 {
  max-height: 70vh !important;
}

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

.vh-50 {
  max-height: 50vh !important;
}

.vh-15 {
  max-height: 15vh !important;
}

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

.sidebar {
  right: 0;
}

.background-image {
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
}

.rounded-bottom-right {
  border-bottom-right-radius: 10rem;
  &:before {
    border-radius: 0 40px 40px 0;
    background-color: #fff;
  }
}

.rounded-top-left {
  border-top-left-radius: 10rem;
}

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

.cdk-overlay-container {
  position: absolute;
  top: 65%;
  width: 100%;
}

.min-h-40 {
  min-height: 40px;
}

.min-h-55 {
  min-height: 55px;
}

.pagination {
  justify-content: center !important;
  display: flex !important;
}

.z-index-0 {
  z-index: 0;
}

.w-15 {
  width: 15% !important;
}