:root {
  --primary: #50b446;
  --primary-dark: #46b44f;
  --primary-70: rgba(80, 180, 70, 0.7);
  --primary-50: rgba(80, 180, 70, 0.5);
  --primary-30: rgba(80, 180, 70, 0.3);
  --primary-10: rgba(80, 180, 70, 0.1);
  --logo: #3c4655;
  /* --logo: rgb(238, 241, 244); */
  --logo: rgb(255, 255, 255);
  --sidebar-icon: #50b446;
}

.logoHeader {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loginform {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.inputDiv{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.inputDiv > label {
  color: #808080;
  font-weight: 700;
}
.wrapField {
  white-space: normal;
}

.bg-grad-sidebar {
  background-image: linear-gradient(0deg, #7e8ea1 0%, #3c4655 100%);
  /* background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgb(254, 1, 129, 1)),
    to(#3c4655)
  );

  background-image: linear-gradient(
    0deg,
    rgb(254, 1, 129, 1),
    rgb(100, 5, 113)
  ); */
}