/* CMS core browser defaults and shared primitive styles. */

html,
body {
  height: 100%;
}

body {
  display: none;
}

.fontawesome-i2svg-active body {
  display: initial;
}

.spinning svg {
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

body {
  padding: 0;
  font-family: "OS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 85%;
  height: 100%;
  overflow: auto;
  background-color: var(--color-bg);
  color: var(--color-font);
  line-height: 1.5em;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-left: 0 !important;
}

p,
li,
button {
  font-family: "OS", Verdana, Arial, Helvetica, sans-serif;
}

body.noScroll:not(.justMinimisedPopups) {
  overflow: hidden;
  overflow-y: scroll;
  position: fixed;
  left: 0;
  right: 0;
}

p div#userData {
  display: none;
}

table {
  border-collapse: separate !important;
}

a,
a:link,
a:visited,
a:active {
  color: var(--lor-color);
  text-decoration: none;
  cursor: pointer;
}