body {
}

.loading-panel div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 42.84px);
  left: 0;
  top: 0;
  background-color: rgba(255,255,255,0.5);
  position: fixed;
}


 .display-flex {
      display: flex;
    }

    .flex-direction-column {
      flex-direction: column;
    }

    .align-items-center {
      align-items: center;
    }

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

    .justify-content-space-between {
      justify-content: space-between;
    }

    .width-100 {
      width: 100%;
    }

    .margin-y-8 {
      margin-bottom: 8px;
      margin-top: 8px;
    }

    .margin-y-16 {
      margin-bottom: 8px;
      margin-top: 8px;
    }

    .margin-right-8 {
      margin-right: 8px;
    }

    
    .cursor-pointer {
      cursor: pointer;
    }

    .user-select-none {
      -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
      -khtml-user-select: none; /* Konqueror HTML */
      -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
      user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
    }