@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_capitals th.val1 {
    color: #ff6384;
}

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

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

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

#table_capitals td.p0 {
    background-color: #FBBCCA;
}
#table_capitals td.p25 {
    background-color: #FBEEBC;
}
#table_capitals td.p50 {
    background-color: #F1FC95;
}
#table_capitals 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_capitals th.width-50 {
    width:50%;    
}
#table_capitals th.capital-code {
    min-width:50px;
}
#table_capitals th.incr {
    min-width:50px;
}

#canvas_capitals_evolution {
    max-width:1000px;
}