#action-buttons,
.container-fluid div.card {
  opacity: .5; }

div#spinner {
  position: fixed;
  top: 70px;
  left: 224px;
  right: 0;
  bottom: 0;
  width: calc(100vw - 224px);
  height: calc(100vh - 70px);
  z-index: 999; }
  div#spinner > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }
    div#spinner > div > div#loading-animation {
      /* https://loading.io/css/ */
      display: inline-block;
      position: relative;
      width: 80px;
      height: 80px;
      margin-left: -40px;
      margin-top: -40px; }
      div#spinner > div > div#loading-animation > div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 8px solid #039;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #039 transparent transparent transparent; }
        div#spinner > div > div#loading-animation > div:nth-child(1) {
          animation-delay: -0.45s; }
        div#spinner > div > div#loading-animation > div:nth-child(2) {
          animation-delay: -0.3s; }
        div#spinner > div > div#loading-animation > div:nth-child(3) {
          animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }