/* login style */
body {
  position: relative;
  z-index: 1; }
  body #body {
    background: url(../css/img/electromagnetic-field-xl.png);
    background-size: cover;
    position: absolute;
    z-index: -1;
    top: 0px;
    bottom: 0;
    left: 0px;
    right: 0;
    opacity: .4; }
  body .main {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2%; }
    body .main .main-div {
      display: flex;
      flex-direction: column;
      text-align: center;
      align-items: center;
      background-color: #FCFCFC;
      width: 40%;
      padding-top: 30px;
      padding-bottom: 30px;
      border-radius: 5px;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); }
      body .main .main-div h1 {
        font-size: 22px;
        line-height: normal;
        margin-top: 0px;
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 7px;
        border-bottom: solid 0.4px #707070; }
      body .main .main-div h2 {
        font-size: 17px;
        line-height: normal;
        margin: 0px; }
      body .main .main-div form {
        display: flex;
        flex-direction: column;
        width: 60%;
        margin-top: 30px;
        font-family: 'Unica One', cursive;
        text-transform: uppercase; }
        body .main .main-div form label {
          text-align: left;
          font-size: 15px;
          margin-bottom: 5px; }
        body .main .main-div form .input-text {
          height: 35px;
          font-size: 15px;
          padding-left: 5px;
          margin-bottom: 20px;
          border: solid 1px #00000029;
          border-radius: 5px; }
        body .main .main-div form .input-text:active {
          border: solid 1px #1783BB; }
        body .main .main-div form .form-div1 {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          font-family: 'Unica One', cursive;
          text-transform: uppercase;
          margin-bottom: 20px; }
          body .main .main-div form .form-div1 label {
            font-size: 12px; }
            body .main .main-div form .form-div1 label #cboxRememberMe {
              position: relative;
              top: 2px;
              margin-right: 3px; }
          body .main .main-div form .form-div1 a {
            font-size: 12px;
            color: #1783BB; }
        body .main .main-div form button {
          width: 100%;
          height: 35px;
          color: white;
          background-color: #1783BB;
          border: none;
          border-radius: 5px;
          font-family: 'Unica One', cursive;
          text-transform: uppercase; }
        body .main .main-div form button:hover {
          background-color: #3EA7DE; }
        body .main .main-div form .form-div2 {
          display: flex;
          flex-direction: row;
          justify-content: center; }
          body .main .main-div form .form-div2 .account-text1 {
            font-size: 12px;
            font-family: 'Unica One', cursive;
            text-transform: uppercase;
            line-height: 3;
            margin-right: 2.5px; }
          body .main .main-div form .form-div2 .account-text2 {
            color: #1783BB;
            font-size: 12px;
            font-family: 'Unica One', cursive;
            text-transform: uppercase;
            line-height: 3;
            margin-left: 2.5px; }
          body .main .main-div form .form-div2 .account-text1::before {
            content: "";
            position: absolute;
            width: 90px;
            height: 0.4px;
            background-color: #707070;
            top: 18px;
            right: 70px; }
          body .main .main-div form .form-div2 .account-text2::after {
            content: "";
            position: absolute;
            width: 90px;
            height: 0.4px;
            background-color: #707070;
            top: 480px;
            right: 482px; }

/* sign up verification */
body main .main-div .verification-title2 {
  font-size: 17px;
  margin-top: 30px;
  margin-bottom: 15px; }

body main .main-div .verification-text {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 13px;
  margin: 0px; }

body main .main-div .reset-text {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 0px; }

body main .main-div .buttons {
  display: flex;
  flex-direction: row;
  margin-top: 40px;
  margin-bottom: 40px; }
  body main .main-div .buttons .resend {
    width: 170px;
    height: 35px;
    margin-right: 5px;
    color: white;
    background-color: #707070;
    border: none;
    border-radius: 5px;
    font-family: 'Unica One', cursive;
    text-transform: uppercase; }
  body main .main-div .buttons .resend:hover {
    background-color: #050D1245; }
  body main .main-div .buttons .login {
    width: 170px;
    height: 35px;
    margin-left: 5px;
    color: white;
    background-color: #1783BB;
    border: none;
    border-radius: 5px;
    font-family: 'Unica One', cursive;
    text-transform: uppercase; }

body main .main-div .buttons-reset {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 10px; }
  body main .main-div .buttons-reset #return {
    position: relative;
    top: 5px;
    font-size: 15px;
    width: 190px;
    color: #1783BB;
    background-color: none; }
  body main .main-div .buttons-reset .request {
    font-size: 15px;
    width: 190px; }

/* email content verification*/
body #email-content {
  font-size: 20px;
  position: relative;
  right: 250px;
  margin-top: 35px;
  font-family: 'Unica One', cursive;
  text-transform: uppercase; }

body #logo {
  width: 90px;
  position: relative;
  top: 15px; }

body #buttons {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  margin-bottom: 40px; }

body #contact-help {
  position: relative;
  bottom: 25px;
  font-size: 12px;
  font-family: 'Unica One', cursive;
  text-transform: uppercase;
  line-height: 0;
  margin-left: 2.5px; }
  body #contact-help a {
    color: #3EA7DE;
    text-decoration: none; }

body #copyright {
  color: #707070;
  margin: 0px;
  font-size: 8px;
  font-family: 'Unica One', cursive;
  text-transform: uppercase;
  line-height: 0px; }

body #verified-text {
  margin-bottom: 20px;
  margin-top: 20px;
  color: green; }