body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
}

.background-img {
  width: 100%;
  height: 81vh;
  margin-top: 0vh;
}
.stake-text {
  position: absolute;
  width: 33vw;
  height: 44vh;
  left: 25vh;
  top: 33vh;
  font-style: normal;
  font-weight: 800;
  font-size: 3rem;
  line-height: 3rem;
  color: #FFFFFF;
}

.stake-text1 {
  position: absolute;
  width: 33vw;
  height: 44vh;
  left: 25vh;
  top: 48vh;
  font-style: normal;
  font-weight: 800;
  font-size: 3vh;
  line-height: 3vh;
  color: #FFFFFF;
}
#passeye
{
    left: 20vw !important;
    position: absolute !important;
    top: 31vh;
}
.login-container {
  position: absolute;
  background-color: #ffffff;
  width: 27vw;
  height: 60vh;
  margin-top: -74vh;
  margin-left: 40vw;
  box-shadow: 6px 6px 12px 9px rgb(0 0 0 / 25%);
  border-radius: 3vh;
}


.login-heading {
  position: absolute;
  width: 100%;
  height: 12vh;
  top: 1vh;
  font-style: normal;
  line-height: 1rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.99);
}
label {
  display: none;
}

.heading,
.intro,
#forgotPassword,
.divider,
.account {
  display: none;
}

input[type=email] ,input[id=email]{
  position: absolute;
  width: 17.5vw;
  height: 7vh;
  top: 16vh;
  left: 8vh;
  background: #D9D9D9;
  border-radius: 8vh;
  border: none;
  padding: 0vw 0.7vw;
}

input[name=Password] {
  position: absolute;
  width: 17.5vw;
  height: 7vh;
  top: 28.5vh;
  left: 8vh;
  background: #D9D9D9;
  border-radius: 8vh;
  border: none;
  padding: 0vw 0.7vw;

}

#divforgot
{
position: absolute;
top:38vh;
left:9vh;
font-weight:500;
}
#next {
  position: absolute;
  width: 18vw;
  height: 7vh;
  left: 9vh;
  top: 43vh;
  color: white;
  background: rgba(0, 188, 19, 1);
  border-radius: 3.5vh;
  border: none;
}
.signup
{
  position: absolute;
  left: 9vh;
  top: 50vh;
}
.error {
  position: absolute;
  color: red;
  margin-top: -13vh !important;
  width: 55vw;
  font-size: 0.8rem;
}


#api {
  width: 50%;
  height: 100%;
  margin-left: 8vh;
  margin-top: 23vh;
}


label[for="UserId"] {
  display: none;
}

p[role="alert"] {
  margin-block-start: 7em !important;
}

.grid-container{
  display: flex;
  grid-template-columns: auto auto;
}


.login-container1 {
  position: relative;
  background-color: #ffffff;
  width: 22vw;
  height: 55vh;
  margin-top: -74vh;
  margin-left: 100vh;
  box-shadow: 6px 6px 12px 9px rgb(0 0 0 / 25%);
  border-radius: 3vh;
}

.login-heading1 {
  position: relative;
  width: 50%;
  height: 12vh;
  margin-left: 1vh;
  top: 17vh;
  font-weight: bold;
  font-size: 1.05rem;
  text-align: center;
  line-height: 1rem;
  color: rgba(0, 0, 0, 0.99);
}
span{
  color: #009A4E;
  font-weight: bold;
}
#header .logo {
    font-size: 16px;
    margin-left: 5vw;
    padding: 0;
    line-height: 1;
    font-weight: 750;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #5cb874 !important;
    font-family: Roboto,sans-serif;
}

.me-auto {
    margin-right: auto!important;
    display:inline;
}
#header 
{
height:13vh;
}
#header .logo img {
    max-height: 12vh;
}
#header .logo div {
    color: #5cb874;
    text-decoration: none !important;
    margin-left:0vw;
    vertical-align: middle;
    display:inline;
    position:absolute;
    top:5vh;
}
#footer {
    background: #249465;
    color: #fff;
    font-size: 14px;
    text-align: center;
    height:5vh;
    padding-top:1vh;
}
@media (max-width: 912px) {
  .login-container {
     margin-left: 4.5vw;
     width: 90vw;
     height: 55vh !important;
     margin-top:-70vh !important;
  }
	#passeye
	{
    top: 24vh !important;
    left: 72vw !important;
	}
.login-heading1
{
width:100% !important;
top:5vh !important;
}
input[id=email]{
width:70vw !important;
top:14vh !important;
padding-left: 3vw !important;
left:8vw !important;

}
input[name=Password]
{
width:70vw !important;
top:22vh !important;
padding-left: 3vw !important;
left:8vw !important;
}
#divforgot
{
top:30vh !important;
font-weight:500;
left:9vw !important;
}
#next
{
top:34vh !important;
left:63vw !important;
}
.stake-text
{
top:2vh !important;;
left:30vh !important;
font-size: 3vh !important;
line-height: 3vh !important;
}
.login-heading
{
width:100% !important;
margin-left:0vw !important;
top:2vh !important;
}
.buttons
{
float:right !important;
}

.login-container1 {
  position: absolute !important;
}
.login-heading1 {
  position: absolute !important;
}
.signup
{
  position: absolute;
  left: 9vh;
  top: 40vh;
}
#header .logo div {
    top:3vh;
}
}