/* UTILITY */
.profileImage{
  position: relative;
  min-width: 100%;
  min-height: auto;
  object-fit: cover;
  object-position: center center;
  border-radius: 100%;
}

.pad-0{
  padding: 0 !important;
}

.align-items-center{
  align-items: center;
}

.opacity-0 {
  opacity:0!important;
}
.opacity-1 {
  opacity:0.2!important;
}
.opacity-2 {
  opacity:0.4!important;
}
.opacity-3 {
  opacity:0.6!important;
}
.opacity-4 {
  opacity:.8!important;
}
.opacity-5 {
  opacity:1!important;
}

.pull-right {
  float: right;
}

.animation-slide-top {
  opacity: 0;
}

.css-transitions-only-after-page-load * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

@keyframes slide-top {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.smoothly-hiding {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.2s linear, opacity 0.2s linear;
}
@keyframes fadeIn {
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.smoothly-showing {
  /* opacity: 1; 
 transition: opacity 0.2s linear;  */
  opacity: 0;
  animation: fadeIn 0.3s forwards;
}

.inline-group > *{
  display: inline-block;
}

.not-styled-link,
.not-styled-link:hover {
  text-decoration: none;
  color: inherit;
}
.unselectable {
  user-select: none;
}
.bg-success-gradient {
  background: rgb(34, 195, 153);
  background: -moz-linear-gradient(
    18deg,
    rgba(34, 195, 153, 1) 0%,
    rgba(45, 253, 93, 1) 100%
  );
  background: -webkit-linear-gradient(
    18deg,
    rgba(34, 195, 153, 1) 0%,
    rgba(45, 253, 93, 1) 100%
  );
  background: linear-gradient(
    18deg,
    rgba(34, 195, 153, 1) 0%,
    rgba(45, 253, 93, 1) 100%
  );
}

.bg-primary-gradient {
  background: rgb(42, 250, 230);
  background: -moz-linear-gradient(
    18deg,
    rgba(42, 250, 230, 1) 0%,
    rgba(0, 125, 255, 1) 100%
  );
  background: -webkit-linear-gradient(
    18deg,
    rgba(42, 250, 230, 1) 0%,
    rgba(0, 125, 255, 1) 100%
  );
  background: linear-gradient(
    18deg,
    rgba(42, 250, 230, 1) 0%,
    rgba(0, 125, 255, 1) 100%
  );
}

.bg-danger-gradient {
  background: rgb(250, 42, 130);
  background: -moz-linear-gradient(
    18deg,
    rgba(250, 42, 130, 1) 0%,
    rgba(255, 0, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    18deg,
    rgba(250, 42, 130, 1) 0%,
    rgba(255, 0, 0, 1) 100%
  );
  background: linear-gradient(
    18deg,
    rgba(250, 42, 130, 1) 0%,
    rgba(255, 0, 0, 1) 100%
  );
}

.bg-warning-gradient {
  background: rgb(250, 160, 42);
  background: -moz-linear-gradient(
    18deg,
    rgba(250, 160, 42, 1) 0%,
    rgba(255, 223, 5, 1) 100%
  );
  background: -webkit-linear-gradient(
    18deg,
    rgba(250, 160, 42, 1) 0%,
    rgba(255, 223, 5, 1) 100%
  );
  background: linear-gradient(
    18deg,
    rgba(250, 160, 42, 1) 0%,
    rgba(255, 223, 5, 1) 100%
  );
}

/* OVERRIDES */

input:focus {
  box-shadow: none !important;
}

.card.card-body.row.col,
.card.card-body.row.col-1,
.card.card-body.row.col-10,
.card.card-body.row.col-11,
.card.card-body.row.col-12,
.card.card-body.row.col-2,
.card.card-body.row.col-3,
.card.card-body.row.col-4,
.card.card-body.row.col-5,
.card.card-body.row.col-6,
.card.card-body.row.col-7,
.card.card-body.row.col-8,
.card.card-body.row.col-9,
.card.card-body.row.col-auto,
.card.card-body.row.col-lg,
.card.card-body.row.col-lg-1,
.card.card-body.row.col-lg-10,
.card.card-body.row.col-lg-11,
.card.card-body.row.col-lg-12,
.card.card-body.row.col-lg-2,
.card.card-body.row.col-lg-3,
.card.card-body.row.col-lg-4,
.card.card-body.row.col-lg-5,
.card.card-body.row.col-lg-6,
.card.card-body.row.col-lg-7,
.card.card-body.row.col-lg-8,
.card.card-body.row.col-lg-9,
.card.card-body.row.col-lg-auto,
.card.card-body.row.col-md,
.card.card-body.row.col-md-1,
.card.card-body.row.col-md-10,
.card.card-body.row.col-md-11,
.card.card-body.row.col-md-12,
.card.card-body.row.col-md-2,
.card.card-body.row.col-md-3,
.card.card-body.row.col-md-4,
.card.card-body.row.col-md-5,
.card.card-body.row.col-md-6,
.card.card-body.row.col-md-7,
.card.card-body.row.col-md-8,
.card.card-body.row.col-md-9,
.card.card-body.row.col-md-auto,
.card.card-body.row.col-sm,
.card.card-body.row.col-sm-1,
.card.card-body.row.col-sm-10,
.card.card-body.row.col-sm-11,
.card.card-body.row.col-sm-12,
.card.card-body.row.col-sm-2,
.card.card-body.row.col-sm-3,
.card.card-body.row.col-sm-4,
.card.card-body.row.col-sm-5,
.card.card-body.row.col-sm-6,
.card.card-body.row.col-sm-7,
.card.card-body.row.col-sm-8,
.card.card-body.row.col-sm-9,
.card.card-body.row.col-sm-auto,
.card.card-body.row.col-xl,
.card.card-body.row.col-xl-1,
.card.card-body.row.col-xl-10,
.card.card-body.row.col-xl-11,
.card.card-body.row.col-xl-12,
.card.card-body.row.col-xl-2,
.card.card-body.row.col-xl-3,
.card.card-body.row.col-xl-4,
.card.card-body.row.col-xl-5,
.card.card-body.row.col-xl-6,
.card.card-body.row.col-xl-7,
.card.card-body.row.col-xl-8,
.card.card-body.row.col-xl-9,
.card.card-body.row.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}