: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: 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;
/*            grid-gap:1px;*/

/*            grid-template-columns: repeat(7, minmax(min-content, auto));*/
/*            grid-template-rows: repeat(5, auto);*/
            overflow: auto;

            max-height: 100%;
            max-width: 100%;
            
            background-color: var(--color_tRes_bg);
            
            overflow: auto;
        }
        .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);
/*            outline: 1px solid;*/
            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 { 
            /* color: var(--color_head); */
            font-weight: 600;
        }
        .tbl_g > div:has(button) {
            padding: 0px;
        }
        .tbl_g > div.fixedL {
            position: sticky;
            left:0;
            z-index: 10;
        }
        .tbl_g > div.fixedR {
            position: sticky;
            right:0;
            z-index: 10;
        }
/*
        .tbl_g > div.cnBut {
            padding: 0px;
        }
*/
        .tbl_g > div.vc {
            background-color: var(--color_tRes);
/*            border:0px;*/
        }
        .tbl_g > div.vc > button{
            margin: 0px;
            width: 100%;
        }

        .Thead {
            min-width: max-content;
        }
        .tbl_g > div.Thead,
        .tbl_g > div.Tlhead,
        .tbl_g > div.tTot {
            font-weight: 600;
        }