.loadingShadow
{
  z-index: 9998;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  display: none;
}

#loadingShadowMsg
{
  position: fixed;
  left: 50%;
  top: 30%;
  margin-left: -120px;
  padding: 5px 10px;

  {if Styling::isSystemTheme(CSS_THEME::KN)}
  BORDER: #999999 1px solid; border-radius: 5px;
  background-color: rgba(255,255,255,0.6);
  font-size: 20px;
  {else}
  BORDER: #aaaaaa 1px solid;
  background-color: rgb(255,255,255);
  border-radius: 20px;
  {/if}

  display: inline-block;
}

.spinning {
    animation: spin 1.5s infinite linear;
    -webkit-animation: spin2 1.5s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}