.balance {
    width: 676px;
    position: relative;
}


.balance tr.header {
       color: #4d4d4d;
    font-family: robotoBold;
    font-size: 10pt;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
}



.balance tr.header .unit {
    
    font-family: roboto;
    text-transform : none;
}

.balance table.balance
{
    width : 100%;
    color : #333;
}

.balance table.balance tr
{
 
      height : 44px;
}

.balance table.balance tr:nth-child(2n)
{
     background-image: url("../../img/ihm/balance/line.png");
     
}



.balance .tripAirports img
{
    vertical-align : middle;
}

.balance .tripAirports table
{
    max-width : 530px;
    margin : 0 auto 10px;

}

.balance .tripAirports
{
    font-family: robotoBold;
    font-size: 9pt;
    text-transform: uppercase;
}

.balance .tripAirports td
{
    padding : 0 0 0 8px;
}

.balance .tripDetails table
{
    margin : auto;
}

.balance .tripDetails td.ico
{
    padding: 10px 0 5px;
    width: 20px;
}

.balance .tripDetails 
{
    margin-bottom : 30px;
}


.balance .tripDetails td .value
{
     color: #333;
    display: inline-block;
    font-size: 9pt;
    height: 14px;
    line-height: 12px;
    padding-left: 5px;
    width: 80px;
    white-space : nowrap;
}

 


#fuelBalance table.balance .time
{
    width : 120px;
    text-align :center;
}

#fuelBalance table.balance .capacity
{
    width : 170px;
    text-align :center;
}


#fuelBalance table.balance select
{
    color : #004283;
    text-align : center;
    width : 90px;
    font-family: robotoLight;
}

#fuelBalance table.balance tr.totalTr
{
    color : #004283;
    font-family: robotoBold;
}


#fuelBalance table.balance tr.warningTr
{
    background-color: #f99;
    background-image: none;
    font-family: robotoBold;
    text-align: center;
}
#fuelBalance table.balance .firstCol
{
    text-align : center;
}
#fuelBalance table.balance .firstCol img
{
    margin: 8px 0 0;
}



#masse table.balance td
{
    width : 20%;
    text-align  : center;
}

#masse table.balance td.first
{
    font-family: robotoBold;
    padding-left: 10px;
    text-align: left;
    text-transform: uppercase;
}


#masse table.balance tr.total td
{
    color : #004283;
    text-transform : none;
    font-family  : robotoBold;
}
#masse table.balance tr.total td.first
{
    
    font-family  : roboto;
}

#masse table.balance input
{
     background-color: #ccd9e6;
    border: medium none;
    color: #333;
    height: 41px;
    text-align: center;
    width: 160px;
}


#centrogramme {
    height: 305px;
    width: 420px;
    margin: auto;
}


#centrograph {
    font: 11px Arial,sans-serif;
    left: 20px;
    margin: 10px;
    position: relative;
}


#centrogramme svg {
    height: 250px;
    width: 360px;
}


#snapcentrogramme
{
    background-color :#fff;
}
#snapcentrogramme #centering
{
    width  : 430px;
}

#snapcentrogramme #centrograph
{
    margin : 0px;
}