/* iconos para las tablas */
@import url("/static/css/bootstrap-icons.css");


body{
    background: #fff;
}


.form-container{
    position: relative;
    left:0px;
    margin: auto auto 20px auto;
    padding: 10px 0px 0px 10px;
    text-align: center;
    background: #fff;
    border: none;
    max-width: 100%;
    }

#table_gpis th.val1 {
    color: #ff6384;
}

#table_gpis th.val2 {
    color: #1961e8;
}

#table_gpis tbody tr:hover, #table_gpis tbody td:hover, tbody .row_selected {
    background-color: #E9FBC7;
}

#table_gpis .cell_selected {
    background-color: green;
    color: white;
}

#table_gpis td.p0 {
    background-color: #FBBCCA;
}
#table_gpis td.p25 {
    background-color: #FBEEBC;
}
#table_gpis td.p50 {
    background-color: #F1FC95;
}
#table_gpis td.p75 {
    background-color: #B1FEAC;
}

i {
    display: inline-block;
    vertical-align: middle;
}

i.bi-caret-up-fill {
    color: green;
}

i.bi-caret-down-fill {
    color: red;
}

#table_gpis th.width-50 {
    width:50%;    
}
#table_gpis th.gpi-code {
    min-width:50px;
}
#table_gpis th.incr {
    min-width:50px;
}

#canvas_gpis_evolution {
    max-width:1000px;
}

div.canvas_gpi {
    position: relative;
}

#txt1 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 0);
    font-size: 80px;
    bottom: 0;
}

#txt2 {
    position: absolute;
    left: 60%;
    top: 50%;
    transform: translate(-60%, 0);
    font-size: 80px;
    bottom: 0;
}

#txt3 {
    position: absolute;
    left: 50%;
    top: 90%;
    transform: translate(-50%, 0);
    font-size: 20px;
    color: #654321;
}

canvas {
    background-color: white;
}

p.p0_1 {
    color: #e02f44; /* #C0392B; rojo */
}
p.p25_1 {
    color: #ff9830;/* #E67E22; naranja oscuro */
}
p.p50_1 {
    color: #ffb357; /* #F1C40F; naranja */
}
p.p75_1 {
    color: #56a64b; /*#2ECC71; verde */
}

p.p0_2 {
    color: #e02f44; /* #C0392B; rojo */
}
p.p25_2 {
    color: #ff9830;/* #E67E22; naranja oscuro */
}
p.p50_2 {
    color: #ffb357; /* #F1C40F; naranja */
}
p.p75_2 {
    color: #56a64b; /*#2ECC71; verde */
}

/*
p.p0_1 {
    color: #C0392B;
}
p.p25_1 {
    color: #E67E22;
}
p.p50_1 {
    color: #F1C40F;
}
p.p75_1 {
    color: #2ECC71;
}

p.p0_2 {
    color: #7B241C;
}
p.p25_2 {
    color: #935116;
}
p.p50_2 {
    color: #9A7D0A;
}
p.p75_2 {
    color: #196F3D;
}
*/