.row{
      margin: 20px;
    }

    @keyframes spinner {
        0% {
            transform: translate3d(-50%, -50%, 0) rotate(0deg);
        }
        100% {
            transform: translate3d(-50%, -50%, 0) rotate(360deg);
        }
    }
    .spin::before {
        animation: 1.5s linear infinite spinner;
        animation-play-state: inherit;
        border: solid 5px #cfd0d1;
        border-bottom-color: #1c87c9;
        border-radius: 50%;
        content: "";
        height: 40px;
        width: 40px;
        position: inherit;
        top: 10%;
        left: 10%;
        transform: translate3d(-50%, -50%, 0);
        will-change: transform;
        display:block;
    }

    .cards tbody tr {
      float: left;
      height:250px;
      overflow-y:scroll;
      width: 95%;
      margin: 0.5rem;
      border: 0.0625rem solid rgba(0,0,0,.125);
      border-radius: .25rem;
      box-shadow: 0.25rem 0.25rem 0.5rem rgba(0,0,0,0.25);
    }
    .cards tbody td {
      display: block;
      width:100%;
    }
    .table tbody label {
      display: none;
    }
    .cards tbody label {
      display: inline;
      position: relative;
      font-size: 85%;
      top: -0.5rem;
      float: left;
      color: #808080;
      min-width: 4rem;
      margin-left: 0;
      margin-right: 1rem;
      text-align: left;
    }
    tr.selected label {
      color: #404040;
    }
    .study-table tbody tr {
      cursor:pointer
    }

    .table .fa {
      font-size: 2.5rem;
      text-align: center;
    }
    .cards .fa {
      font-size: 7.5rem;
    }

    .accordion {
      width:100%
    }
    .loading {
      position: fixed;
      top: 0; right: 0;
      bottom: 0; left: 0;
      background: #fff;
      text-align:center;
    }
    .loader {
      left: 50%;
      margin-left: -4em;
      font-size: 10px;
      border: .8em solid rgba(218, 219, 223, 1);
      border-left: .8em solid #6366f1;;
      animation: spin 1.1s infinite linear;
    }
    .loader, .loader:after {
      border-radius: 50%;
      width: 8em;
      height: 8em;
      display: block;
      position: absolute;
      top: 50%;
      margin-top: -4.05em;
    }
    .loading-text {
      display: block;
      position: absolute;
      top: 47%;
      margin-top: -4.05em;
      left: 50%;
      margin-left: -6em;
      font-size: 15px;
    }
    @keyframes spin {
      0% {
        transform: rotate(360deg);
      }
      100% {
        transform: rotate(0deg);
      }
    }