.button0 {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;

  text-align: bottom;
  text-decoration: none;
  display: inline-block;
  font-size: 9px;
  //margin: 4px 2px;
    border-radius:5px;	
  cursor: pointer;
padding: 2px 4px;
  line-height: 1;
  display: inline-block;
    padding-top: 3.5px; 
}
.button1 {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 2px 4px;
  text-align: center;
  text-decoration: none;  
  font-size: 13px;  
  cursor: pointer;
     justify-content: center; /* Horizontal center alignment */
    border-radius:6px;	 
   display: inline-flex;
  align-items: center; 
  line-height: 1;
  display: inline-block;
    padding-top: 2px; 

}
.button2 {
  background-color: #4CAF50; /* Green */
  border: 1px solid #d0d0d0;
  color: inherit;
  padding: 2px 8px;
  text-align: center;
  text-decoration: none;  
  font-size: 13px;
  //margin: 2px 2px;
  cursor: pointer;
     justify-content: center; /* Horizontal center alignment */
    border-radius:6px; 
   //display: inline-flex;
  align-items: center; 
}
.button3 {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 4px 8px;
  text-align: center;
  text-decoration: none;  
  font-size: 15px;  
  cursor: pointer;
     justify-content: center; /* Horizontal center alignment */
    border-radius:6px;	 
   display: inline-flex;
  align-items: center; 
}
.blue {background-color: #008CBA;color: white;} /* Blue */
.red {background-color: #e82727;color: white;} /* Red */ 
.green {background-color: # #79d279; color: black;} /* Gray */ 
.grey {background-color: rgba(125,125,125,0.1);color: black;} /* Gray #ddd; */ 
.yellow {background-color: #ffff66; color: black;} /* Gray */ 
.black {background-color: #222;} /* Black */

.d-center{ float: none;
	position: absolute;
	left: 25%;
	transform: translate(25%, 90%); }

.iwarning {
  width: 50px;
  height: 20px;
  color:inherit;
  -webkit-animation: brink1 1s infinite;  /* Safari 4+ */
  -moz-animation: brink1 1s infinite;  /* Fx 5+ */
  -o-animation: brink1 1s infinite;  /* Opera 12+ */
  animation: brink1 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes brink1 {
  0%, 19% {
    background-color: #777;//rgb(117, 209, 63);
  //  border: 1 solid #e50000;
  }
   40%,100% {
    background-color: #ff0000;//#e50000;
   // border: 1px solid red;//rgb(117, 209, 63);
  }
}
.ibrinking {
 width: 50px;
  height: 20px;
  color:inherit;
  background:grey;
  -webkit-animation: brink2 2s infinite;  /* Safari 4+ */
  -moz-animation: brink2 2s infinite;  /* Fx 5+ */
  -o-animation: brink2 2s infinite;  /* Opera 12+ */
  animation: brink2 2s infinite;  /* IE 10+, Fx 29+ */
}
.iwarning2 {
  width: 50px;
  height: 20px;
  color:inherit;
    //background:red;

  -webkit-animation: warning2 1.8s infinite;  /* Safari 4+ */
  -moz-animation: warning2 1.8s infinite;  /* Fx 5+ */
  -o-animation: warning2 1.8s infinite;  /* Opera 12+ */
  animation: warning2 1.8s infinite;  /* IE 10+, Fx 29+ */
}
@-webkit-keyframes warning2 {
  10%,20%{
    color: #eeff ;//#777;//rgb(117, 209, 63);
    font-size:10px;
  //  border: 1 solid #e50000;
  }
   0%,30%,95%{
    color: #ffff;//#ff0000;//#e50000;
        font-size:12px;

   // border: 1px solid red;//rgb(117, 209, 63);
  }
}
@-webkit-keyframes brink2 {
   0%, 2% {
   color:inherit;
    background-color:inherit;   #777;//rgb(117, 209, 63);
     opacity: 1;
   // border: 2 solid #e50000;
  }
   20%,100% {
    opacity: 1;
	color:white;
	background-color:filter: invert(99%) sepia(0%) saturate(500%) hue-rotate(0deg);
   // border: 1px solid red;//rgb(117, 209, 63);
  }}
  
}