/* format table*/

td {
    border: 2px solid #e0e8f5;
    /*background-color: #343a40;*/
    /*color: #343a40;;*/
    font-size: 12px;
    padding: 5px; cursor: pointer;
    word-wrap: break-word; 
    table-layout: fixed;
}

tr {
    border:  2px solid #e0e8f5;
   /* background-color: #343a40;*/
    color: #285da9;
    font-size: 12px;
    padding: 5px; cursor: pointer;
    word-wrap: break-word; 
    table-layout: fixed;
}

.selected {
    background-color: #285da9;
    color: #FFF;
    color: #FFF;
}

.Rselected {
    background-color: #a9284a;
    color: #FFF;
    color: #FFF;
}


tr.header{
    background-color: #343a40;
    color: #FFF;
    font-weight:bold;
}
tr.alt{
    /*background-color: #343a40;*/
    color: #FFF;
}
table tr:hover td{
    background-color: #343a40;
    color: #FFF;
}





/* manage the screen splitting*/
.Container{
    display: flex;
    padding: 2px;
    text-align: left;
    height: 80vh;
}
.subContainer{
    display: flex;
    padding: 2px;
    text-align: left;
    height: 20vh;
}
.Graph {                      /* manage the menu AKA left column in the page*/
    border:2px solid #285da9;
    background-color:#ffffff;
    color: #FFF;
    width:100%;
    height:100%;
    padding: 2px;
    /*height:100%;*/

  }

.chartCanvas {                      /* manage the menu AKA left column in the page*/
    border:2px solid #285da9;
    background-color:#ffffff;;
    color: #FFF;
  }

.Cesium {                      /* manage the menu AKA right column in the page*/
    border:2px solid #285da9;
    background-color:#ffffff;
    width:100%;
    height:100%;
    /*float: left;*/

  }
.Select {                      /* manage the menu AKA bottom in the page*/
    border:2px solid #285da9;
    background-color:#343a40;
    padding: 2px;
    width:100%;
    height:100%;
  }
.Tools {                      /* manage the menu AKA right column in the page*/
    border:2px solid #285da9;
    background-color:#ffffff;;
    width:100%;
    height:100%;
    /*float: bottom;*/

  }

  .cesium-infoBox {
    width: 20%;

  }