.successFullScreen {
  display: none;
  position: fixed;
  flex-direction: column;  
  align-items: center;
  justify-content: center;  
  background-color: rgb(0,153,0);
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  overflow: hidden;
  opacity: 1;
}

.successFullScreenAnimate {
  animation: fadeIn 0.5s ease forwards;
}

@keyframes fadeIn {
  from { opacity: 0; transform: scale(1); }
  to   { opacity: 1; transform: scale(1); }
}

.successOuterLogo {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;  
  width: 250px;
  height: 250px;
  background-color: rgb(0,153,0);
  overflow: hidden;
  border-radius: 125px;
  border: solid 15px rgb(255,255,255);
  box-sizing: border-box;
}

.successInnerLogo {
  width: 70%; 
}

.consoleMassages_container_success {
  display: none;
  position: fixed;	
  background-image: linear-gradient(to bottom left, rgb(153,255,153), rgb(204,255,204));
  top: 10px;
  left: 10px;
  border-radius: 25px;
  box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.6);	
  overflow: hidden;
  font-family: Arial;  
  color: rgba(0,0,0,1);
  font-size: 15px;
  text-align: center;
  direction: rtl;  
  padding: 15px;
  z-index: 101;
}

.consoleMassages_container_alert {
  display: none;
  position: fixed;	
  background-image: linear-gradient(to bottom left, rgb(255,255,153), rgb(255,255,204));
  top: 10px;
  left: 10px;
  border-radius: 25px;
  box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.6);	
  overflow: hidden; 
  font-family: Arial;  
  color: rgba(0,0,0,1);
  font-size: 18px;
  text-align: center;
  direction: rtl;  
  padding: 15px;
  z-index: 101;
}

.consoleMassages_container_error {
  display: none;
  position: fixed;	
  background-image: linear-gradient(to bottom left, rgb(255,153,153), rgb(255,204,204));
  top: 10px;
  left: 10px;
  border-radius: 25px;
  box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.6);	
  overflow: hidden;  
  font-family: Arial;  
  color: rgba(0,0,0,1);
  font-size: 18px;
  text-align: center;
  direction: rtl;  
  padding: 15px;
  z-index: 101;
}

.inProgress_container {
  display: none;
  position: fixed;	
  background-image: linear-gradient(to bottom left, rgb(40,40,40), rgb(100,100,100));
  top: 10px;
  left: 10px;
  padding-right: 10px;  
  border-radius: 25px;
  box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.6);	
  overflow: hidden;
  z-index: 101;
}

.inProgress_image {
  width: 25px;
  height: 25px;
  padding:10px;
  animation: rotateDiv 3s infinite;
  animation-timing-function: linear;
}

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

.inProgress_text {
  display: inline-block;
  position: relative;	
  top: 10px;
  left: 10px;
  font-family: Arial;  
  color: rgba(210,210,210,1);
  padding-top: 2px;
  padding-right: 7.5px;
  padding-left: 7.5px;
  font-size: 18px;
  text-align: center;
  direction: rtl; 
}