@import url(https://fonts.googleapis.com/css?family=Roboto:300);
body {
  background-color: #0186c9;
  background: url(../img/LoginBG.png) repeat repeat;
  height: 100vh;
  margin: 0;
  padding: 0; }
  body .centre-container {
    position: relative;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center; }
    body .centre-container .centre-contents {
      width: 50%;
      overflow: auto;
      margin: auto;
      background: #FFFFFF;
      max-width: 360px;
      padding: 45px 45px 20px 45px;
      text-align: center;
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
      height: 380px; }
      body .centre-container .centre-contents .choose-client {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 100%; }
        body .centre-container .centre-contents .choose-client .client-dropdown {
          margin-bottom: 30px; }
      body .centre-container .centre-contents .logo-box {
        background-color: #d0def4;
        margin: -45px -45px 25px -45px; }
        body .centre-container .centre-contents .logo-box embed {
          margin: 10px 0 10px 0; }
      body .centre-container .centre-contents .login-form .login-error {
        font-family: "Roboto", sans-serif;
        margin-bottom: 10px;
        font-size: 14pt; }
      body .centre-container .centre-contents .login-form .login-button:hover, body .centre-container .centre-contents .login-form .login-button:active, body .centre-container .centre-contents .login-form .login-button:focus {
        background: #8bc8dd; }
      body .centre-container .centre-contents .login-form input {
        font-family: "Roboto", sans-serif !important;
        outline: 0 !important;
        background: #e7e7e7;
        width: 100%;
        border: 0 !important;
        margin: 5px 0 15px;
        padding: 15px !important;
        box-sizing: border-box;
        font-size: 14px !important; }
      body .centre-container .centre-contents .login-button, body .centre-container .centre-contents .login-form .login-button {
        font-family: "Roboto", sans-serif !important;
        text-transform: uppercase;
        outline: 0 !important;
        background: #0186c9;
        width: 100%;
        border: 0 !important;
        padding: 15px !important;
        color: #FFFFFF;
        font-size: 14px !important;
        -webkit-transition: all 0.3 ease;
        transition: all 0.3 ease;
        cursor: pointer; }

input[type="text"].dxeEditArea_GDMS, input[type="password"].dxeEditArea_GDMS {
  text-align: center; }

.volkswagen {
  font-family: Volkswagen-Serial, sans-serif; }