/* CSS Document */
body {
  opacity: 0;
  -webkit-transition: opacity 3s ease-in-out;
  transition: opacity 3s ease-in-out;
}
body.loaded {
  opacity: 1;
}
#password-strength-meter {
  width: 100%;
  height: 20px;
  margin-top: 10px;
  background-color: lightgray;
  border-radius: 5px;
}
#password-strength {
  height: 100%;
  border-radius: 5px;
}
.strength-meter {
  width: 100%;
  margin-top: 10px;
  background-color: #ddd;
  border-radius: 5px;
  overflow: hidden;
}
.strength-bar {
  height: 20px;
  border-radius: 5px;
  -webkit-transition:
    width 0.3s,
    background-color 0.3s;
  transition:
    width 0.3s,
    background-color 0.3s; /* Add transition for color change */
  width: 0; /* Initially set to 0 width */
}
.strength-text {
  font-size: 14px;
  margin-top: 5px;
  text-align: center;
}
.weak {
  background-color: #ff4d4d;
}
.medium {
  background-color: #ffd633;
}
.strong {
  background-color: #66ff66;
}

.tagify--select::after {
  content: ">";
  opacity: 0.5;
  position: absolute;
  top: 55%;
  right: 5px;
  bottom: 0;
  font: 16px monospace;
  font-weight: normal;
  line-height: normal;
  line-height: 8px;
  height: 8px;
  pointer-events: none;
  -webkit-transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
  transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  color: #1b84ff;
  font-weight: 900;
}

.tagify--select .tagify__tag {
  right: 0.8em;
}

.tagify .tagify__tag .tagify__tag__removeBtn {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 0.1rem 0 0;
  padding-left: 30px;
}

.tagify:not(.form-control-sm):not(.form-control-lg) .tagify__tag {
  border-radius: 17.1rem;
  background-color: #f1f1f4;
  padding: 7px;
}
.tagify__tag > div {
  padding: 1px;
}
.hand {
  cursor: pointer; /* Changes cursor to a hand */
}
.hard_select
{
  background-color: #f9f9f9;
  border-color: #f9f9f9;
  color: #99a1b7;
}
.gradiantback{
  background: linear-gradient(112.14deg, #00D2FF 0%, #3A7BD5 100%)
}
.bycycle-man{
  background-image:url('assets/media/svg/illustrations/easy/5.svg');
}
.buttonselect{
  border-color: #139757;
  border-width: 4px;
  background-color: #139757;
}