html, body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

/* ------------------ loading animation start ------------------ */
.d-flex {
  display: flex !important;
}

.justify-content-center {
  justify-content: center !important;
}

.align-self-center {
  align-self: center !important;
}

.anim-load {
  -webkit-animation: fade 2s ease 0s infinite;
  animation: fade 2s ease 0s infinite;
}

.anim-load-lite {
  -webkit-animation: fade-lite 2s ease 0s infinite;
  animation: fade-lite 2s ease 0s infinite;
}

.tox-notifications-container {
  display: none;
}

@-webkit-keyframes fade {
  0%, 100% { opacity: 0; }
  50% { opacity: 0.75; }
}

@keyframes fade {
  0%, 100% { opacity: 0; }
  50% { opacity: 0.75; }
}

@-webkit-keyframes fade-lite {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 1; }
}

@keyframes fade-lite {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 1; }
}
/* ------------------ loading animation finish ------------------ */