:root {
  --color-primary: #170f4f;
  --color-on-primary: #ffffff;
  --color-secondary: #170f4f;
  --color-on-secondary: #ffffff;
  --color-info: #a3aed0;
  --color-on-info: #ffffff;
  --color-success: #d1fadf;
  --color-on-success: #170f4f;
  --color-warning: #fef0c7;
  --color-on-warning: #170f4f;
  --color-danger: #d92d20;
  --color-gray: #a29fb9;
  --color-royal: #4b71e6;
  --color-on-royal: #000;
  --color-on-danger: #ffffff;
  --color-on-gray: #000;
  --tenant-font-family: Roboto;
  --btn-primary-bg: #00bac7;
  --btn-primary-fg: #170f4f;
  --btn-primary-bg-hover: #00bac7;
  --btn-primary-bg-active: #00bac7;
  --btn-primary-ring: #00bac7;
  --btn-primary-border: #00bac7;
}

.auth-cover {
  background: url("https://mtekcdnstoragev2.blob.core.windows.net/adminv3/bolttech-cover.png");
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
}

/*Max Large screen*/
@media (max-width: 1024px) {
  .auth-cover {
    display: none;
  }
}

.mtek-logo {
  content: url("https://mtekcdnstoragev2.blob.core.windows.net/adminv3/bolttech-logo.svg");
}