tr.Debug           { font-size: 9pt; font-style: normal; font-weight: normal; color: #000000; background-color: purple   ; margin-left: 2px; text-align: left; text-indent: 2pt; }
tr:hover.Debug     { background-color: lightgray; }
tr.System          { font-size: 9pt; font-style: normal; font-weight: normal; color: #ffffff; background-color: cyan     ; margin-left: 2px; text-align: left; text-indent: 2pt; }
tr:hover.System    { background-color: rgb(27, 228, 228); }
tr.Notice          { font-size: 9pt; font-style: normal; font-weight: normal; color: #000000; background-color: yellow   ; margin-left: 2px; text-align: left; text-indent: 2pt; }
tr:hover.Notice    { background-color: rgb(27, 228, 228); }
tr.Informational   { font-size: 9pt; font-style: normal; font-weight: normal; color: #ffffff; background-color: #6699FF  ; margin-left: 2px; text-align: left; text-indent: 2pt; }
tr:hover.Informational { background-color: rgb(27, 228, 228); }
tr.Normal          { font-size: 9pt; font-style: normal; font-weight: normal; color: #ffffff; background-color: green    ; margin-left: 2px; text-align: left; text-indent: 2pt; }
tr:hover.Normal    { background-color: rgb(27, 228, 228); }
tr.Minor           { font-size: 9pt; font-style: normal; font-weight: normal; color: #000000; background-color: yellow   ; margin-left: 2px; text-align: left; text-indent: 2pt; }
tr:hover.Minor     { background-color: rgb(27, 228, 228); }
tr.Major           { font-size: 9pt; font-style: normal; font-weight: normal; color: #ffffff; background-color: orange   ; margin-left: 2px; text-align: left; text-indent: 2pt; }
tr:hover.Major     { background-color: rgb(27, 228, 228); }
tr.Warning         { font-size: 9pt; font-style: normal; font-weight: normal; color: #ffffff; background-color: #eead0e  ; margin-left: 2px; text-align: left; text-indent: 2pt; }
tr:hover.Warning   { background-color: rgb(27, 228, 228); }
tr.Error           { font-size: 9pt; font-style: normal; font-weight: normal; color: #ffffff; background-color: red      ; margin-left: 2px; text-align: left; text-indent: 2pt; }
tr:hover.Error     { background-color: rgb(27, 228, 228); }
tr.Critical        { font-size: 9pt; font-style: normal; font-weight: normal; color: #ffffff; background-color: #b50346  ; margin-left: 2px; text-align: left; text-indent: 2pt; }
tr:hover.Critical  { background-color: rgb(27, 228, 228); }
tr.Alert           { font-size: 9pt; font-style: normal; font-weight: normal; color: #ffffff; background-color: #b50346  ; margin-left: 2px; text-align: left; text-indent: 2pt; }
tr:hover.Alert     { background-color: rgb(27, 228, 228); }
tr.Fatal           { font-size: 9pt; font-style: normal; font-weight: normal; color: #ffffff; background-color: #b50346  ; margin-left: 2px; text-align: left; text-indent: 2pt;
                     animation: blink-animation 1s steps(1, start) infinite; 
                   }
tr:hover.Fatal     { background-color: rgb(27, 228, 228); }
tr.Emergency       { font-size: 9pt; font-style: normal; font-weight: normal; color: #ffffff; background-color: #b50346  ; margin-left: 2px; text-align: left; text-indent: 2pt; 
                     animation: blink-animation 1s steps(1, start) infinite; 
                   }
tr:hover.Emergency { background-color: rgb(27, 228, 228); }
tr.notSet          { font-size: 9pt; font-style: normal; font-weight: normal; color: #ffffff; background-color: #000000  ; margin-left: 2px; text-align: left; text-indent: 2pt;
                     animation: blink-animation 1s steps(1, start) infinite; 
                   }
tr:hover.notSet    { background-color: rgb(27, 228, 228); }

span.logdebug          { color: purple;     }
span.logsystem         { color: cyan;   }
span.loginfo           { color: blue;     }
span.lognormal         { color: green;    }
span.logminor          { color: #fcdf03;  } /* some kind of yellow */
span.logwarning        { color: #eead0e;  } /* some kind of darkgoldenrod */
span.logmajor          { color: orange;   }
span.logerror          { color: red;      }
span.logcritical       { color: #b50346;  } /* some kind of darkred */
span.logfatal          { color: #b50346;
                         animation: blink-animation 2s steps(1, start) infinite;
                       }

@keyframes blink-animation
   {
    50% {
        visibility: hidden;
        }
   }

/* Growing and Shrinking Effect */
@keyframes blink-grow
   {
     0% {
        opacity: 1;
        transform: scale(1);
        }
    50% {
        opacity: 0.20;
        transform: scale(2);
        }
    51% {
        opacity: 0.20;
        transform: scale(0);
        }
   100% {
        opacity: 1;
        transform: scale(1);
        }
   }

.blink-grow
   {
   animation: blink-grow 2s infinite;
   }