:root {
        
        /* --color_head: rgb(112, 6, 6);
        --color_tRes: rgb(155, 90, 90); */

        --color_head: rgb(125, 102, 33);
        --color_tRes: rgb(182, 160, 94);

        
        /* --color_tRes: #364e63; */
        --color_tRes_bg: rgb(240, 240, 240);
        --color_tRes_bg_even: rgb(228, 228, 228);

        
/*        --color_tRes_bg: rgb(227, 230, 232);*/
/*        --color_tRes_bg: rgb(54, 78, 99);*/
/*        --color_tRes_bg: rgb(167, 4, 40);*/
/*        --color_tRes_bg: #b15365;*/
        
        --color_exp: red;
        --color_datos: green;
        --color_res: green;
        --color_visor: green;
        --color_nav: green;
        --color_agenda: green;
        --color_riesgo: green;
        --color_siniestro: orange;
        --color_poliza: green;
        --color_valoracion: green;
        --color_documentacion: green;
        --color_fotos: green;
            
        --color_st00: #9F4C25;
        --color_st01: #872103;
        --color_st02: #F93A02;
        --color_st03: #F99402;
        --color_st04: #F9C502;
        --color_st05: #E6F902;
        --color_st06: #B9DC0D;
        --color_st07: #66EA1A;
        --color_st08: #078411;
            
        
        --col-0 : #C10D0D;
        --col-1 : #F27E22;
        --col-2 : #F7D618;
        --col-3 : #b9d422;
        --col-4 : #689e2e;
        --col-5 : #097123;

        
        }
        /*
        
        .tbl_g {
            display: grid;

            max-height: 100%;
            max-width: 100%;
            
            background-color: var(--color_tRes_bg);
            
            overflow: auto;
        }
        .tbl_g div.even {
            background-color: var(--color_tRes_bg_even);
        }
        .tbl_g::-webkit-scrollbar {
            display: none;
        }

        .tbl_g > div {
            background-color: var(--color_tRes_bg);
            color: var(--color_tRes);
            border: 1px solid var(--color_tRes);

            padding: 4px;
            font-family: Arial Narrow, Arial, sans-serif;
            font-weight: 100;
            z-index:1;
        }

        .tbl_g > div.hTg { 
            color: var(--color_head);
            font-weight: 600;
        }
        .tbl_g > div.tTg { 
            font-weight: 600;
        }
        .tbl_g > div:has(svg) ,
        .tbl_g > div:has(input[type="checkbox"]) {
            padding: 0px 3px;
        }
        .tbl_g > div.fixedL {
            position: sticky;
            left:0;
            z-index: 10;
        }
        .tbl_g > div.fixedR {
            position: sticky;
            right:0;
            z-index: 10;
        }