body{padding:0px;margin:0px;min-width:900px;min-height:100%}

/*
Primary Edge: 

Steel: #9088a2
Mauve: #b5b2c3
Gunmetal: #4a4a49 -- light: #676765 -- dark:#343432

Secondary Edge:

Rust Orange: #c46a1f
Aqua blue: #80bbbb
Sage Green: #5d8b68


*/
.dzBody{min-width:400px}
input[type='number'] {
  -moz-appearance: textfield;/*For FireFox*/
  text-align:right;
  padding-right:5px;
  &::-webkit-inner-spin-button { /*For Webkits like Chrome and Safari*/
    -webkit-appearance: none;
    margin: 0;
  }
}
.apmrSimBg{background:#ddd url(../bg/apmr_sim_bg.jpg) no-repeat right top;}
a i{font-style:normal}

#homeBody{text-align:center;}
#body{position:fixed;left:0px;top:0px;bottom:0px;right:0px}
#simLogo{text-align:center;}

p{margin:0px;padding:0px}

.loaderText{display:inline-block;width:100px;text-align:center;margin-top:20px}
.loaderPod{display:inline-block;width:120px;text-align:center;background-color:#fdfdfd;border:1px solid #d9d9d8;border-radius:5px;margin-top:30px;padding:20px}

.loader {
--color: #9a9a98;
--colord: #d9d9d8;
--size-square: 2vmin;
display: block;
position: relative;
width: 50px;/*100%;*/
height:50px;
place-items: center;
}

.loader::before,
.loader::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  width: var(--size-square);
  height: var(--size-square);
  background-color: var(--color);  
}

.loader::before {
  top: calc(50% - var(--size-square));
  left: calc(50% - var(--size-square));
  animation: loaders 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
}

.loader::after {
  top: 50%;
  left: 50%;
  animation: loader 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
  background-color: var(--colord);  
}
@keyframes loaders {
0%, 100% {transform: none;}
25% {transform: translateX(100%);}
50% {transform: translateX(100%) translateY(100%);}
75% {transform: translateY(100%);}
}
@keyframes loader {
0%, 100% {transform: none;}
25% {transform: translateX(-100%);}
50% {transform: translateX(-100%) translateY(-100%);}
75% {transform: translateY(-100%);}
}