html.login .body-container .content .seeptrucker-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 47%;
    left: 40%; /* Adjust the left property as needed */
    transform: translate(-50%, calc(-50% + 0.5rem));
    z-index: 1;
    height: 27rem;
    width: 27rem;
    text-align: center; }
  
html.login .body-container .content .seeptrucker-row > * {
    text-align: left;
}  
  
html.login .body-container .content .right-menu {
overflow: hidden; }
@media screen {
    html.login .body-container .content .right-menu .seeptrucker-login-background-image {
    width: 100%;
    height: auto; }
    html.login .body-container .content .right-menu .seeptrucker-register-background-image {
    width: 100%;
    height: auto; }}

.login-master-row .left-menu .seeptrucker-language-bottom-menu .dropdown-menu {
    margin: 0;
    top: -10.5rem !important;
    left: -0.5rem !important;
    transform: none !important; }

.login-master-row .left-menu-register {
    align-items: baseline;
    margin-top: 4rem;
    padding-left: 4rem; }

#seeptrucker-login-form2 {
    text-align: left;
    display: flex;
    align-content: center;
    margin-left:28%;
    margin-bottom: 2.5vh;
    }

#seeptrucker-login-left-menu {
    top: 15%;
    background-color: #FFFFFF;
    text-align: left;
    width: 27rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}
@media screen and (max-height: 540px) {
    #seeptrucker-login-master-row {
      position: relative;
    }
    .login-master-row .left-menu .login-main-content-wrapper .seeptrucker-login-logo-wrapper .seeptrucker-login-logo {
      width: 75%;
      height: auto;
      padding: auto;
    }
  }
  @media screen and (max-width: 296px) {
    .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-seeptrucker {
        width: 90%; 
      }
    .login-master-row .row .left-menu .row .register-form .register-panel-seeptrucker {
    width: 88%;
    margin-left: 6.2%;
    }
    .register-form .seeptrucker-login-link {
        margin-bottom: 2%;
        margin-left: 10%;
        width: 88%;
    }
    .login-master-row .left-menu .login-main-content-wrapper .seeptrucker-login-logo-wrapper .seeptrucker-login-logo {
        width: 75%;
        height: auto;
        padding: auto;
      }
  }
#seeptrucker-login-logo1 {
    width: 90%;
    margin-left: 2%;
  }
/* #seeptrucker-login-main-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-70% - 2.5rem));
    z-index: 1;
    height: 27rem;
    width: 27rem;
  } */
#seeptrucker-login-logo2-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center; }
@media screen and (min-width: 750px) and (max-width: 992px) {
    #seeptrucker-login-logo2-wrapper {
        position: static;
        top: 10vh;
        margin-left: 10vh; } }
    #seeptrucker-login-logo2-wrapper {
        margin-left: 20%;
        margin-top: 15%;
        width: auto;
        max-width: 100%;
        height: auto; }


#seeptrucker-login-logo2 {
    width: 110%;
    margin-left: -6%;
}

#seeptrucker-forget-password-menu {
    width: 90%;
    margin-left: 5%;
}

#seeptrucker-set-password-menu {
    margin-left: -2%;
    width: 24rem;
  }
  
  #seeptrucker-submit-password-menu {
    width: 24rem;
  }


@media screen and (max-width: 310px) {
    #seeptrucker-set-password-menu {
      margin-left: -6%;
      width: 20rem;
    }
  
    #seeptrucker-submit-password-menu {
      width: 20rem;
    } 
  }
  
  @media screen and (max-height: 490px) {
  
    #seeptrucker-login-logo2 {
      margin-top: -19%;
      width: 100%;
      margin-left: -4%;
      margin-bottom: 4%;
    }
  
  }