.progress-bar-modal
{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
  z-index: 200;
	background: radial-gradient(black, #000);
}
.progress-bar-container
{
	position: absolute;
	top: 30%;
	bottom: 0;
	left: 0;
	right: 0;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	width: 30em;
	max-width: 90%;
  display: none;
}

.progres-bar-text
{
	position: static;
	color: #0000FF;
	text-align: center;
}

.rgs-progress-bar-logo
{
	position: static;
	width: 80%;
	height: 100%;
	background-image: url(https://d3bneyhc3uesob.cloudfront.net/5.0.4.1-1745492361/resource-service-lon-pt/image/resources/_modules/lean-partner-adapter-view/img/eclipse.png?appcode=lean-regular-partner-adapter&scale=1.0&resourceversion=5.0.4.1-1745492361);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-bottom: 2em;
	margin: 0 auto;
}
.progress-bar-logo {
  position: static;
  width: 80%;
  margin: 0 auto;
}

.game-progress-bar-logo
{
	position: static;
	width: 75%;
	height: 50%;
	background-image: url(https://d3bneyhc3uesob.cloudfront.net/5.0.4.1-1745492361/resource-service-lon-pt/image/resources/_modules/lean-partner-adapter-view/img/SGD_color_logo_1080x536.png?appcode=lean-regular-partner-adapter&scale=1.0&resourceversion=5.0.4.1-1745492361);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-bottom: 2em;
	margin: 0 auto;
  visibility: hidden
}

/* .progress-bar-wrapper {
	display: none;
} */

.progress-bar
{
	min-width: 0.5em;
	width: 0%;
	margin: 0.1em;
	left: -0.2em;
	position: relative;
	border: solid 0.1em #002180;
	height: 0.4em;
	border-radius: 0.3em;
	background-color: #11c2fc;
	box-shadow: 0 0.2em 0.3em rgba(0,0,0,.55), inset 0 0 0.2em rgba(10,111,207,.75)
}

/* newly added css code */
.rgs-progress-bar-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	width: 30em;
	max-width: 90%;
}

.progress-bar-wrapper-common {
  background-color: #292929;
	background-image: linear-gradient(to top, #292929, #1A1A1A);
	background-image: -webkit-linear-gradient(to top, #292929, #1A1A1A); 
	background-image: -moz-linear-gradient(to top, #292929, #1A1A1A); 
	background-image: -ms-linear-gradient(to top, #292929, #1A1A1A); 
	background-image: -o-linear-gradient(to top, #292929, #1A1A1A);
  border-radius: 0.5em;
  background-color: #363636;
	border: solid 0.1em #000;
	margin-left: 10%;
	margin-right: 5%;
	padding: 0.1em;
  margin: 0 auto;
  width: 30%;
}

.rgs-progress-bar-wrapper {
	position: relative;
  bottom: 44%;
}

@keyframes cf3 {
  0% {
  opacity: 1;
  }

  50% {
  opacity: 0;
  }

  100% {
  opacity: 0;
  }
}

#gradient-background {
  position: fixed;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(black, black, black, #040a50,  #040a50) !important;
  z-index: -2;
  top: 0;
  left: 0;
}

#plain-background {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: black !important;
  z-index: -1;
  animation-name: cf3;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 2.5s;
  animation-direction: alternate;
  top: 0;
  left: 0;
}

#eclipse-glow {
	background-image:url(https://d3bneyhc3uesob.cloudfront.net/5.0.4.1-1745492361/resource-service-lon-pt/image/resources/_modules/lean-partner-adapter-view/img/eclipse_glow.png?appcode=lean-regular-partner-adapter&scale=1.0&resourceversion=5.0.4.1-1745492361);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-bottom: 2em;
  width: 80%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 2.5s;
  animation-direction: alternate;
}