body {
  background-color: #161b26;
}

body,
input,
.form-control {
  font-size: 16px !important;
}

.btn-primary {
  color: #fff;
  background-color: #727cf5;
  border-color: #727cf5;
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.content {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background: url("../images/Login_Page_Overlay.png"); */
  /* background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat; */
  width: 100%;
  padding: 10px;
}

.login_wrapper {
  width: 370px;
  /* height: 528px; */
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(200, 202, 201, 1) 58%, rgba(171, 171, 174, 1) 100%);
  box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.2);
  border-radius: 25px 0 20px 25px;
  margin: -1500px auto auto auto;
  top: 50%;
  position: relative;
  text-align: center;
  padding: 0px;
  overflow: hidden;
}

.logo_wrapper {
  /* background: white; */
  padding: 15px;
}

.login_logo {
  margin: auto;
  height: 119px;
  /* box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); */
  /* border-radius: 15px; */
  /* border: 1px solid rgba(0, 0, 0, 0.1); */
}

h1 {
  color: #7c2d9d;
  font-size: 1.5rem;
  margin: 15px;
}
h1 span {
  font-weight: 200;
}

.login_form {
  background-color: rgba(255, 255, 255, 0.8);
  margin: 5px 15px 15px 15px;
  text-align: left;
  padding: 10px 10px 10px 10px;
  border-radius: 25px 0 20px 25px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.footer_wrapper {
  bottom: 0px;
  height: 120px;
  position: fixed;
  width: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  font-size: 10px;
}

.footer_wrapper img {
  padding-top: 5px;
  height: 60px;
}

@media (max-width: 765px) {
  .content {
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
  }
  .login_wrapper {
    width: 100%;
    height: auto;
    /* background-color: #f0f1f1; */
    /* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); */
    /* border-radius: 7px; */
    margin: 0 auto auto auto;
    top: 0;
    position: relative;
    text-align: center;
    padding: 0px;
    overflow: hidden;
  }

  .login_form {
    margin-bottom: 12px;
    text-align: center;
  }

  .footer_wrapper {
    height: 95px;
  }
}

@media (max-width: 320px) {
  .content {
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
  }
  .login_wrapper {
    width: 100%;
    /* background-color: #f0f1f1; */
    /* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); */
    /* border-radius: 7px; */
    margin: 0px auto auto auto;
    top: 0;
    position: relative;
    text-align: center;
    padding: 0px;
  }

  h1 {
    color: #7c2d9d;
    font-size: 1.3rem;
    margin: 20px;
  }
}

/* Small Mobiles */
@media (max-height: 600px) {
  .footer_wrapper {
    bottom: 0px;
    height: 85px;
    position: relative;
    width: 100%;
    text-align: center;
    color: rgba(255, 255, 255, 0.4);
    font-size: 10px;
  }

  .content {
    position: relative;
    overflow: visible;
    background: none;
  }

  .login_wrapper {
    width: 100%;
    /* background-color: #f0f1f1; */
    /* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); */
    /* border-radius: 7px; */
    margin: 0px;
    top: 0;
    position: relative;
    text-align: center;
    padding: 0px;
    z-index: 999;
  }

  h1 {
    color: #7c2d9d;
    font-size: 1.3rem;
    margin: 20px;
  }
}

@media (min-height: 601px) and (max-height: 734px) {
  .footer_wrapper {
    bottom: 0px;
    height: 85px;
    position: relative;
    width: 100%;
    text-align: center;
    color: rgba(255, 255, 255, 0.4);
    font-size: 10px;
  }
  .login_wrapper {
    /* background-color: #f0f1f1; */
    /* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); */
    /* border-radius: 7px; */
    margin: 0px auto;
    top: 0;
    position: relative;
    text-align: center;
    padding: 0px;
    z-index: 999;
  }

  .content {
    position: relative;
    overflow: visible;
    background: none;
  }
}