<style type="text/css">
    /* does not help: svg > g > g.google-visualization-tooltip { pointer-events: none } */
    /* does not help: div.google-visualization-tooltip { pointer-events: none } */
    
    
    /* following two lines prevents from flicking Google Charts tooltip flickering */
    /* https://stackoverflow.com/questions/37902708/google-charts-tooltip-flickering */
    svg > g:last-child > g:last-child { pointer-events: none }
    svg g.google-visualization-tooltip { pointer-events: none }

    table {
        border-collapse: collapse;
        border: 2px solid black;
    }
    table tr td.rt_blocker {
       color: yellow;
       background-color: #479cff;
       white-space: pre;
    }

    table tr td.rt_critical {
       background-color: #70baff;
       white-space: pre;
    }

    table tr td.rt_danger {
       background-color: #99d9ff;
       white-space: pre;
    }

    table tr td.rt_high {
       background-color: #c2f7ff;
       white-space: pre;
    }

    table tr td.rt_ok
    {
        white-space: pre;
    }

    table tr td.rt_common {
       /* sienna */
       color: #A0522D;
       white-space: pre;
    }

    table tr.all_pass {
       color: black;
       background-color: #daebe8;
       white-space: pre;
    }

    #t_rpt_list {
      border: none;
      border-collapse: collapse;
    }

    #t_rpt_list td {
      font-size: 16px;
      padding-left: 20px;
      vertical-align: top;
      border: none;
      border-collapse: collapse;
      text-align: left;
	}
    
    .t_table {
        border-collapse: collapse;
        border: 2px solid black;
    }

    .t_commits_info {
        border-collapse: collapse;
        border: 2px solid black;
    }
    .t_commits_info td,div {
        text-align: left;
    }


    /*
    disabled 02.04.2024: causes line-breaking when <a> presents in a table cell!
    td a{
        display:block;
        position:relative;
    }
    */

    th {
        /* 23.03.2024 */
        position: sticky;
        position: -webkit-sticky; /* safari */
        top: 0px;
        z-index: 100;
        border-collapse: collapse;
        box-shadow: 0 0 0 1px black; /* firefox; otherwise cells in TH will be displayed w/o border */
        
        padding: 3px; 
        background: #E6E6FA;
        border: 1px solid black;
        font-size: 14px;
        font-weight: normal;
        font-style:normal;
        min-width:30px;
    }

    .t_table tr:hover {
         /* background-color: #FFE4E1; */
         /* background-color: #FFFACD; */
         /* background-color: #FFEFD5; */
         background-color: #fff0ff;
         /* font-style:oblique; */
    }

    .t_table tr:hover td {
         color: black;
         background-color: transparent; /* or #000 */
    }

    .v_dir {
        writing-mode: vertical-rl;
        vertical-align: middle;
        text-orientation: mixed;
        white-space:wrap;
        /* min-width:30px; */

        /* https://stackoverflow.com/questions/22754040/text-rotation-with-google-chrome-using-css */
        -moz-transform:rotate(180deg); /* Firefox */
        -webkit-transform:rotate(180deg); /* Safari and Chrome */
        -ms-transform:rotate(270deg); /* IE 9 */
        -o-transform:rotate(0deg); /* Opera */
    }
    td {
        padding: 3px; 
        border: 1px solid black;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
    }

    .t_compact {
       font-size: 11px;
    }

    .t_fbt_name {
       text-align: left;
       font-size: 14px;
    }

    .t_seq_no {
       white-space: pre;
    }

    .t_passed {
       /* https://www.w3schools.com/colors/colors_palettes.asp */
       color: black;
       background-color: #daebe8;
       white-space: pre;
    }

    /* for ERROR-line cell in overall report with value = ZERO   */
    .t_no_error {
       color: black;
       background-color: #f5f7cf;
       white-space: pre;
    }

    /* for FAILED-line cell in overall report with value = ZERO   */
    .t_no_fail {
       color: black;
       background-color: #f2c9cc;
       white-space: pre;
    }
    
    table tr td.t_error {
       color: black;
       background-color: #f5f7cf;
       white-space: pre;
    }

    /* same as t_error but more intensive  */
    table tr td.new_t_error {
       color: black;
       background-color: #ecf0a3;
       white-space: pre;
    }


    /* https://www.color-hex.com/color/f2c9cc */
    table tr td.t_failed {
       color: black;
       background-color: #f2c9cc;
       white-space: pre;
    }

    /* same as t_failed but more intensive  */
    table tr td.new_t_failed {
       color: yellow;
       background-color: #edb4b9;
       white-space: pre;
    }

    /* 12.09.2024 */
    table tr td.t_runmed_issue {
       background-color: PowderBlue;
       font-weight: bold;
    }


    /* 17.11.2022 */

    /* ########################################################*/
    /* https://www.color-hex.com/color/<hex_color> */

    table tr td.t_auth_issue {
       font-style: italic;
       background-image: linear-gradient(to bottom right, orange, pink);
       font-weight: bold;
    }
    

    table tr td.t_perf_issue {
       /* font-style: italic; */
       background-color: #f4dce8;
       /* #f4dce8 */
       /* #cc5454; */
       font-weight: bold;
    }
    

    table tr td.t_permission {
       font-style: italic;
       /* hotpink but more intensive */
       /* background-color: #ff1d89; */
       background-image: linear-gradient(to bottom right, brown, yellow);
       font-weight: bold;
    }
    
    table tr td.t_io_error {
       font-style: italic;
       /* hotpink  */
       /* background-color: #FF69B4; */
       background-image: linear-gradient(to bottom right, pink, yellow);
       font-weight: bold;
    }

    table tr td.t_srv_crash {
       font-style: italic;
       /* fuchsia */
       /* background-color: #e500e5; */
       background-image: linear-gradient(to bottom right, red, yellow);
       font-weight: bold;
    }


    table tr td.t_bug_check {
       font-style: italic;
       /* fuchsia */
       /* background-color: #FF00FF; */
       background-image: linear-gradient(to bottom right, fuchsia, yellow);
       font-weight: bold;
    }

    table tr td.t_network {
       font-style: italic;
       background-color: #cc5490;
       font-weight: bold;
    }

    table tr td.t_encr_error {
       font-style: italic;
       /* coral  */
       background-color: #FF7F50;
       font-weight: bold;
    }

    /* ########################################################*/



    /* 01.09.2020: for those cells in fb-errors-map which contain message that matches to pattern(s) in ERR_LIST column */
    table tr td.t_found_fb_error_f {
       /* coral background-color: #FF7F50; */
       background-color: #ffcce0;
       font-weight: bold;
    }

    table tr td.t_found_fb_error_e {
       /* gold background-color: #FFD700; */

       /* mix of yellow and light-brown: */
       background-color: #ffe8b5;
       font-weight: bold;
    }


    a:visited {
        color: DarkMagenta;
        /* text-decoration-color: hotpink; */
    }



    /* table tr td.t_skipped */
    .t_skipped {
       color: black;
       background-color: #D3D3D3;
       white-space: pre;
    }

    /* table tr td.t_missed */
    .t_missed {
       color: black;
       background-color: #D3D3D3;
       white-space: pre;
    }

    table tr td.t_loosed {
       color: yellow;
       background-color: black;
       font-weight: bold;
       white-space: pre;
    }

    .t_gh_bot {
       color: black;
       background-color: #FFE4E1;
    }

    .t_nullrow {
       color: black;
       background-color: #FFE4E1;
       white-space: pre;
    }

    .passed_row {
       color: black;
       background-color: #daebe8;
    }


    .even_row {
       color: black;
       background-color: #F5F5F5;
    }
    .odd_row {
       color: black;
       background-color: #F5FFFA;
    }

    .snap_vers_even {
       color: black;
       /* ~very light cyan */
       /* background-color: #f7ffff; */
       background-color: #f2ffff;
    }

    .snap_vers_odd {
       color: black;
       /* ~very light pink */
       /* background-color: #fffaff; */
       background-color: #fff5ff;
    }


    .run2med_blocker {
       color: yellow;
       background-color: #479cff;
       white-space: pre;
    }

    .run2med_critical {
       background-color: #70baff;
       white-space: pre;
    }

    .run2med_danger {
       background-color: #99d9ff;
       white-space: pre;
    }

    .run2med_high {
       background-color: #c2f7ff;
       white-space: pre;
    }

    .run2med_normal {
       white-space: pre;
    }

    .run_time_common {
       /* sienna */
       color: #A0522D;
       white-space: pre;
    }

    .overall_total {
       background: #FAEBD7;
       font-weight: bold;
    }

    .current_report_name {
        background: #E6E6FA;
        font-weight: bold;
    }

    .snapshot_version {
       font-family: arial;
       font-size: 14px;
       font-weight: bold;
    }

    .commit_timestamp {
       /*color: gray;*/
       font-weight: normal;
       font-size: 12px;
    }

    .nodecor {
       text-decoration: none;
    }

    .f_e_link {
       text-decoration: none;
       target: _blank;
    }

    .f_e_common_link {
       text-decoration: none;
       color: #0066d9;
       target: _blank;
    }

    .f_e_notion_link {
       text-decoration: none;
       target: _blank;
       font-style: italic;
       color: #0533cc;
       background-color: #ffb8f0;
    }

    .f_right {
       font-size: 14px;
       white-space: pre;
       float:right;
    }

    .f_left {
       font-size: 14px;
       white-space: pre;
       float:left;
    }

    .t_title_nowrap {
       text-align: left;
       white-space: nowrap;
       font-size: 14px;
    }

    .t_title_wrapped {
       text-align: left;
       white-space: wrap;
       font-size: 14px;
    }


    #hidblock {
        display: none;
        /* CAN BE USEFUL: https://www.drupal.org/project/drupal/issues/766444 */
        /* visibility: hidden !important; */
    }

    #load_data_msg {
       opacity: 0.7;
       background-color: #fff;
    }

    #sbl-meter {
        /* https://mdjunaidalam5.github.io/SpinBolt */
        height: 48px;
        width: 48px;
        color: #5a5a5a;
        border-radius: 50%;
        border: 5px solid;

        position: relative;
        left: 100px;
        display: inline-block; 
    }
    #sbl-meter::after {
        content: '';
        height: 25%;
        width: 0;
        border-radius: 5px;
        border: 3px solid;
        display: block;
        color: inherit;
        position: absolute;
        left: 22px;
        top: 5px;
        transform-origin: bottom;
        animation: rotate 1s linear infinite; 
    }

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

</style>
