body{
      z-index:1;
      background-color:#FAFAFB;
      width:100%;
    }  
    .modal-backdrop {
      z-index: 1040 !important;
    }
    .modal {
      z-index:1050!important;
    }
    .app{
      position:relative;
      height:auto;
      width:100%;
      z-index:1;
      font-family: 'Poppins', Arial, sans-serif !important;      
    }

    .net-status {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      padding: 8px 14px;
      text-align: center;
      font-size: 10px;
      font-weight: 500;
      z-index: 9999;
      transform: translateY(-100%);
      transition: transform 0.3s ease, background 0.3s ease;
    }

    .net-status.offline {
      background: gray; /* red */
      color: #ffffff;
      transform: translateY(0);
    }

    .net-status.online {
      background: #16a34a; /* green */
      color: #ffffff;
      transform: translateY(0);
    }