/* line 15, /web/gr-front-end/app/assets/stylesheets/session.scss */
.blue-color {
  color: #0096FF;
}

/* line 18, /web/gr-front-end/app/assets/stylesheets/session.scss */
.purple-color {
  color: #bb3264;
}

/* line 21, /web/gr-front-end/app/assets/stylesheets/session.scss */
.white-color {
  color: #ffffff;
}

/* line 24, /web/gr-front-end/app/assets/stylesheets/session.scss */
.grey-color {
  color: #f2f2f2;
}

/* line 27, /web/gr-front-end/app/assets/stylesheets/session.scss */
.green-color {
  color: #00cc00;
}

/* line 30, /web/gr-front-end/app/assets/stylesheets/session.scss */
.red-color {
  color: #ff4d4d;
}

/* line 33, /web/gr-front-end/app/assets/stylesheets/session.scss */
.white-background-color {
  background-color: #ffffff;
}

/* line 36, /web/gr-front-end/app/assets/stylesheets/session.scss */
.blue-background-color {
  background-color: #0096FF;
}

/* line 39, /web/gr-front-end/app/assets/stylesheets/session.scss */
.purple-background-color {
  background-color: #bb3264;
}

/* line 42, /web/gr-front-end/app/assets/stylesheets/session.scss */
.grey-background-color {
  background-color: #f2f2f2;
}

/* line 45, /web/gr-front-end/app/assets/stylesheets/session.scss */
.dark-grey-background-color {
  background-color: #808080;
}

/* line 48, /web/gr-front-end/app/assets/stylesheets/session.scss */
.green-background-color {
  background-color: #f2f2f2;
}

/* line 51, /web/gr-front-end/app/assets/stylesheets/session.scss */
.red-background-color {
  background-color: #ff4d4d;
}

/* line 54, /web/gr-front-end/app/assets/stylesheets/session.scss */
.whitevector {
  fill: #ffffff;
}

/* line 57, /web/gr-front-end/app/assets/stylesheets/session.scss */
.purplevector {
  fill: #bb3264;
}

/* line 60, /web/gr-front-end/app/assets/stylesheets/session.scss */
.bluevector {
  fill: #0096FF;
}

/* line 63, /web/gr-front-end/app/assets/stylesheets/session.scss */
.greyvector {
  fill: #f2f2f2;
}

/* line 66, /web/gr-front-end/app/assets/stylesheets/session.scss */
.dark-greyvector {
  fill: #808080;
}

/* line 69, /web/gr-front-end/app/assets/stylesheets/session.scss */
.width-full {
  width: 100%;
}

/* line 72, /web/gr-front-end/app/assets/stylesheets/session.scss */
.min-width-half {
  min-width: 50%;
}

/* line 75, /web/gr-front-end/app/assets/stylesheets/session.scss */
.error-message {
  min-height: 54px;
  width: 100%;
  text-align: center;
  /*  margin: 0.5em 0 0 0; */
}

/* line 82, /web/gr-front-end/app/assets/stylesheets/session.scss */
.logo {
  padding: 8px 16px;
  display: flex;
}

/* line 89, /web/gr-front-end/app/assets/stylesheets/session.scss */
.yield-div {
  grid-column: 1/9;
  display: grid;
  grid-template-columns: 1vw repeat(6, 1fr) 1vw;
  grid-auto-rows: auto;
  grid-gap: 1em;
}

/* line 99, /web/gr-front-end/app/assets/stylesheets/session.scss */
#form-center {
  grid-column: 4/6;
  display: flex;
}

/* line 107, /web/gr-front-end/app/assets/stylesheets/session.scss */
.session-form {
  width: 100%;
}

/*  new 25072024 */
/* line 114, /web/gr-front-end/app/assets/stylesheets/session.scss */
.about-pages {
  justify-content: center;
  /* margin: auto; */
  margin: 5em auto auto auto;
  padding: 0;
  flex-wrap: nowrap;
  text-align: center;
}

/* line 122, /web/gr-front-end/app/assets/stylesheets/session.scss */
.about-pages a {
  margin: auto;
  color: #0096FF;
}

/* line 127, /web/gr-front-end/app/assets/stylesheets/session.scss */
#Layer_2 {
  max-width: 20px;
  flex-wrap: nowrap;
  position: relative;
  top: 0.15em;
  /* background-color:   #0096FF; */
}

/* line 135, /web/gr-front-end/app/assets/stylesheets/session.scss */
#form-div {
  display: flex;
  justify-content: space-between;
  max-width: 334px;
  flex-wrap: wrap;
  padding: 1em;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  border-radius: 0.3em;
  /*     margin-top: 10vh;
      margin-bottom: 10vh; */
  margin: 1em auto;
}

/* line 150, /web/gr-front-end/app/assets/stylesheets/session.scss */
.forgotten-password {
  margin-top: 1em;
  grid-column: 4/6;
  grid-row: 3/4;
  text-align: center;
}

/* line 158, /web/gr-front-end/app/assets/stylesheets/session.scss */
.devise-shared-links {
  text-decoration: none;
  color: white;
  font-size: 1em;
}

/* line 165, /web/gr-front-end/app/assets/stylesheets/session.scss */
.field-input {
  /* 5.06.2020 */
  width: calc((100% - 1vw)/2);
  /* margin-bottom:1vw; */
  width: 100%;
  margin: 1em 0;
}

/* line 174, /web/gr-front-end/app/assets/stylesheets/session.scss */
.label-field-class {
  display: block;
  padding: 0.6em 0 0.3em 0;
  color: white;
  text-align: center;
  color: black;
  font-size: inherit;
}

/* line 182, /web/gr-front-end/app/assets/stylesheets/session.scss */
.input-field-class {
  height: 3em;
  width: 100%;
  font: inherit;
  border-radius: 0.3em;
  outline: none;
  border: 1px solid #bb3264;
  padding: 0.6em;
  background-color: white;
  filter: none;
}

/* line 198, /web/gr-front-end/app/assets/stylesheets/session.scss */
.form-buttons {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  margin: 1em 0;
}

/* line 205, /web/gr-front-end/app/assets/stylesheets/session.scss */
.btn-href-form {
  cursor: not-allowed;
  width: 100%;
  font: inherit;
  /*   margin-top:1em; */
  border: none;
  border-radius: 0.3em;
  text-decoration: none;
  background-color: #808080;
  color: white;
  height: 3em;
}

/* line 219, /web/gr-front-end/app/assets/stylesheets/session.scss */
.g-recaptcha > div {
  width: auto !important;
}

/* line 225, /web/gr-front-end/app/assets/stylesheets/session.scss */
.form-buttons {
  width: 100%;
}

/* line 229, /web/gr-front-end/app/assets/stylesheets/session.scss */
.alert-warning {
  text-align: center;
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

/* line 236, /web/gr-front-end/app/assets/stylesheets/session.scss */
.alert {
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

/* line 244, /web/gr-front-end/app/assets/stylesheets/session.scss */
.alert-warning span {
  float: right;
  cursor: pointer;
  font-size: 24px;
}

/* line 249, /web/gr-front-end/app/assets/stylesheets/session.scss */
.reset-password {
  margin: 1em 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 257, /web/gr-front-end/app/assets/stylesheets/session.scss */
.reset-password a {
  color: #bb3264;
}

@media (max-width: 1200px) {
  /* line 262, /web/gr-front-end/app/assets/stylesheets/session.scss */
  #form-center {
    grid-column: 3/7;
  }
}
@media (max-width: 640px) {
  /* line 268, /web/gr-front-end/app/assets/stylesheets/session.scss */
  #form-center {
    grid-column: 2/8;
  }
}
@media (max-width: 390px) {
  /* line 274, /web/gr-front-end/app/assets/stylesheets/session.scss */
  #recaptcha-container {
    transform: scale(0.8);
  }
}
@media (max-width: 340px) {
  /* line 280, /web/gr-front-end/app/assets/stylesheets/session.scss */
  #recaptcha-container {
    transform: scale(0.7);
  }
}
/* line 285, /web/gr-front-end/app/assets/stylesheets/session.scss */
#recaptcha-container {
  margin: 0;
}
