.cleantime-table { 
   margin-left: auto;
   margin-right: auto;
   display: table;
   border-spacing: 6px;
}
.cleantime-table-row  {display: table-row;}
.cleantime-table-cell {display: table-cell; font-size:1.1em;}
.cleantime-table-cell a {text-decoration:none !important;}			 
.cleantime-table-cell a:hover {text-decoration:underline !important;}
.cleantime-table-hidden {display: none;}


/*Längen Formularfelder Cleanzeitrechner*/
.whatday {min-width: 60px !important;}/*Feld seit wan clean Tag*/
.whatmonth{min-width:60px !important;}/*Feld seit wan clean Monat*/
.whatyear {min-width:80px !important;}/*Feld seit wan clean Jahr*/
.cleanday, .cleanmonth, .cleanyear {min-width:30px; text-align:right !important;} /*Felder wie lange clean*/
.cleandayall {max-width:70px; text-align:right !important; border: 1px solid #dfdfdf; font-size:20px; font-weight: 500; color: #cc0000; padding: 4px 4px 4px 2px!important; line-height: 30px; background-color: #fdfdfd;} /*Feld für gesamte Cleanzeit in Tagen*/
.cleancell {max-width:80px !important;}/*Länge Zellen bei Jahre, Monate, Tage*/
.cleantable {max-width: 150px !important;} /*Länge ganze 'Tabelle' - nicht benutzt*/

.cleantime-prompt {font-size:22px; font-weight:700;}
.cleantime-table-heading  {font-size:20px; font-weight:700;}
.cleantime-message  {font-size:20px; font-weight:700;} 

/*Cleanzeitrechner bei responsiver Ansicht mittig ausrichten*/
.responsiveXXX #top #wrap_all .container {
    width: 100% !important;
    max-width: 96% !important;
    margin: 0 auto;
    padding-left:0;
    padding-right:0;
    float:none;
  }
  .celebrate_cleantime {
   font-size: 22px;
   font-weight: 700;
   border-radius: 50%;
   padding-left: 0.5em;
   padding-right: 0.5em;
   border-color: #294372;
   border-style: solid;
   box-shadow: 0 0 0 0 #294372;
   animation: pulse-blue 2s infinite;
 }
 
 @keyframes pulse-blue {
   0% {
     transform: scale(0.95);
     box-shadow: 0 0 0 0 rgba(43, 21, 157, 0.7);
   }
   
   70% {
     transform: scale(1);
     box-shadow: 0 0 0 50px rgba(43, 21, 157, 0);
   }
   
   100% {
     transform: scale(0.95);
     box-shadow: 0 0 0 0 rgba(43, 21, 157, 0);
   }
 }
  .celebrate_cleantimeYYY {
     /*
   width: 40px;
   height: 40px;*/
   border-radius: 50%;
   background-color: #fff;
   box-shadow:
     0 0 60px 30px #fff,  /* inner white */
     0 0 100px 60px rgb(55, 0, 255), /* middle magenta */
     0 0 140px 90px #0ff; /* outer cyan */
 }
  .celebrate_cleantimeXXX {
   font-size: 22px;
   font-weight: 700;
   -webkit-animation: glow 0.5s ease-in-out infinite alternate;
   -moz-animation: glow 0.5s ease-in-out infinite alternate;
   animation: glow 0.5s ease-in-out infinite alternate;
 }
 
 @-webkit-keyframes glow {
   from {
     text-shadow: 0 0 10px #fff, 0 0 10px rgb(101, 126, 189), 0 0 15px #7072c7, 0 0 20px #5e61be, 0 0 25px #6161eb, 0 0 30px #3e3ef0, 0 0 35px #2027ee;
   }
   to {
      text-shadow: 0 0 10px #fff, 0 0 10px rgb(101, 126, 189), 0 0 15px #7072c7, 0 0 20px #5e61be, 0 0 25px #6161eb, 0 0 30px #3e3ef0, 0 0 35px #2027ee 0 0 40px #2027ee;;
   }
 }