#spinner{
    border-radius: 50%;
    animation:spin 1s linear infinite ;
    border: 2px solid white;
    border-top:2px solid #1ABC9C;
    width: 25px;
    height: 25px;
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
    
  }
  @keyframes spin{
   0% {transform: rotate(0deg);}
   10% {transform: rotate(50deg);}
   25%  {transform: rotate(90deg);}
   50%  {transform: rotate(180deg);}
    100%  {transform: rotate(360deg);}
  }
  #rotate{
      border-radius: 50%;
    animation:rotae 1s linear infinite ;
    background: white;
    border: 1px solid #1ABC9C;
    border-top:1px solid white;
    width: 30px;
    height: 30px;
    position:absolute;
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
  }
    @keyframes rotae{
   0% {transform: rotate(0deg);}
   10% {transform: rotate(50deg);}
   25%  {transform: rotate(90deg);}
   50%  {transform: rotate(180deg);}
    100%  {transform: rotate(360deg);}
  }
   #cancelerLogin{
    width:50px;
    height:50px;
    border-radius:50%;
    position: absolute ;
    top:10px;
    right:10px;
    border:1.5px solid black;
    font-size: 26px;
    text-align: center;
    justify-content: center;
    align-content: center;
    color: black;
  }
  #LoaderIndicator{
  transition-duration: 0.1s;
  position: fixed;
  top: 10px;
  left: 150px ;
  z-index: 10000;
  background: white;
  border-radius:10px ;
  box-shadow:0 4px 5px 5px rgba(0,0,0,0.1);
  justify-content:center;
  align-content:center;
  justify-items: center;
width: 100px;
height: 50px;
}
#LoaderIndicator div{
  width: 30px;
  height:30px;
  border-radius: 50%;
  border: 2px solid white;
  border-top: 2px solid #1ABC9C;
  animation: load 1s linear infinite;
     box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
}
@keyframes load{
    0% {transform: rotate(0deg);}
   10% {transform: rotate(50deg);}
   25%  {transform: rotate(90deg);}
   50%  {transform: rotate(180deg);}
    100%  {transform: rotate(360deg);}
}
#signChange:active{
  background: white;
  transition-duration: 0.1s;
}
  .g_id_signin {
  width: 260px !important;


  margin-left: 50px !important;
}
 @keyframes slow{
    from{top: 0;}
    to{top: 30px;}
 }