body {
  margin: 0;
  padding: 0;
}
#splash-screen {
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #f2f3f8;
}
.in-teams body #splash-screen,
body.in-teams  #splash-screen{
   background-color: #F3F2F1;
}
.in-teams-configuration body #splash-screen,
body.in-teams-configuration #splash-screen {
   background-color:white;
}
.workspace-directory body,
.workspace-request body,
body.workspace-request {
   background-color: white !important;
}
.workspace-request body #splash-screen,
body.workspace-request  #splash-screen{
   background-color: white !important;
}
#splash-screen img {
  margin-left: calc(100vw - 100%);
  width:150px;
  margin-bottom: 30px;
}

#splash-screen.hidden {
  opacity: 0;
  visibility: hidden;
}

.spinner {
  animation: rotate 2s linear infinite;
  margin-left: calc(100vw - 100%);
  width: 50px;
  height: 50px;
}

.spinner .path {
  stroke: #5d78ff;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
/* 
.animated-logo-loader {
   height: 225px;
   width: 225px;
   -webkit-mask: url('%PUBLIC_URL%/black-logo.svg') no-repeat center;
   -webkit-mask-size: contain;
   mask: url('%PUBLIC_URL%/black-logo.svg') no-repeat center;
   mask-size: contain;
   position: relative;
   background-color: #056D74;
}
.background-block {
     display: block;
     position: absolute;
     left: 70%;
     top: -60%;
     height: 300%;
     width: 150%;
     transform: rotate(-65deg);
     background: linear-gradient(0, transparent, #9FC437, transparent,#9FC437 );
     animation: load-logo1 3s ease-in-out; 
     animation-iteration-count: infinite;
     transform: rotate(-65deg) translate(0,-6%);
} */

/* @keyframes load-logo1 {
   0% {
      transform: rotate(-65deg) translate(0,-6%);
   }
   50%   {
      transform: rotate(-65deg) translate(0,-71%);
   }
   100%   {
      transform: rotate(-65deg) translate(0,-71%);
   }
} */