* {
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #3a4250;
}

.container,
.row {
  height: 100%;
  min-height: 100%;
}

#body {
  height: 100vh !important;
}

.card-box {
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px,
    rgba(6, 24, 44, 0.65) 0px 4px 6px -1px,
    rgba(255, 255, 255, 0.08) 0px 1px 0px inset !important;
}

.login .logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.login .logo img {
  width: 150px;
  border-radius: 7px;
  box-shadow: 2px 2px 2px rgb(0 0 0), -2px -2px 2px rgb(0 0 0 / 56%),
    2px 2px 2px rgb(255 255 255 / 8%) inset,
    -2px -2px 2px 0px rgb(0 0 0 / 56%) inset;
}