@keyframes loadingLogo
    {
      from
      {
        transform: rotate(0deg);
      }
      to
      {
        transform: rotate(-180deg);
      }
    }

    @keyframes loadingOne
    {
      from
      {
        transform: rotate(0deg);
      }
      to
      {
        transform: rotate(360deg);
      }
    }

    @keyframes loadingTwo
    {
      from
      {
        transform: rotate(0deg);
      }
      to
      {
        transform: rotate(-180deg);
      }
    }

    table > thead > tr > th, table > tbody > tr > td
    {
      vertical-align: middle !important;
    }

    #modalLoading
    {
      background-color:rgba(241, 241, 241, 0.7);
      bottom: 0px;
      display: inline-table;
      height: 100%;
      left: 0px;
      position: fixed;
      right: 0px;
      text-align: center;
      top: 0px;
      width: 100%;
      z-index: 50000;
    }

    #modalLoading > div
    {
      display: table-cell;
      vertical-align: middle;
    }

    #modalLoading > div > div
    {
      animation: loadingTwo 1s infinite;
      border-radius: 80px;
      display: inline-block;
      padding: 80px;
    }

    #modalLoading > div > div > div
    {
      animation: loadingOne 1s infinite;
      border-radius: 80px;
      display: inline-block;
      padding: 10px; 
    }

    #modalLoading > div > div > div > div
    {
      animation: loadingLogo 3s infinite linear;
      width: 80px;
      z-index: 50000;
    }

    .btn-xs {
      margin-bottom: 2px;
    }

    .name-store {
      font-size: 15px;
      font-weight: bold;
      color: rgb(241, 242, 245);
    }
    
    .swal-text {
      font-size: 18px;
      font-weight: bold;
      text-align: center;
    }