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

body {
    overflow-x:hidden;
    background: #fff;
}

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

p {
    color:white;
}
 
div.canvas_gpi {
    position: relative;
}

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

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

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

canvas {
    background-color: white;
}

#gpi_evolution_canvas {
    max-width:1000px;
}

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_2 {
    color: #7B241C;
}
p.p25_2 {
    color: #935116;
}
p.p50_2 {
    color: #9A7D0A;
}
p.p75_2 {
    color: #196F3D;
}
*/

th.val1 {
    /*color: #ff6384;*/
}

th.val2 {
    /*color: #1961e8;*/
}

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

.table_info .cell_selected {
    background-color: green;
    color: white;
}

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


.table_info th.width-50 {
    width:50%;    
}
.table_info th.kpi-code {
    min-width:50px;
}
.table_info th.incr {
    min-width:50px;
}

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

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

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

i.bi-chevron-down, i.bi-chevron-up {
    position:absolute;
    font-size:1.5rem;
    margin-left:1rem;
    top:10%;
    right:5%
}

button.mini-panel {
    width:80%;
    background-color: var(--ORANGE);
    color: white;
    font-weight:500;
    box-shadow: 5px 10px 18px #888888;
}

button.btn-show-tabulated-info {

    margin: 5px auto 0 auto;
    border: 1px solid lightgray;
    font-size: 0.875rem;
    color:white;
    font-weight:500;
    background-color:gray;
    width:50%
    /*box-shadow: 5px 10px 18px #888888;*/
}

.sombra {
    box-shadow: 5px 10px 18px #888888;
}

.bordes {
   border: 1px solid lightgray;
}

.ocultar{
    display:none;
}

/*
.row {
    border: 1px solid red;
}
.col {
    border: 1px solid blue;
}*/