.table-flex {
    width: 100% !important; 
    overflow-x: scroll;
}
  
.table-thead {
    background-color: #800000;
    color: white;
}

.tabs .tab a{
    color:#800000;
} /*Black color to the text*/

.tabs .tab a:hover {

    color:#800000;
} /*Text color on hover*/

.tabs .tab a.active {
    background-color:#800000;
    color:#eee;
} /*Background and text color when a tab is active*/

.tabs .indicator {
    background-color:#eee;
} /*Color of underline*/

table, th, td {
    border:1px solid black;
}
.saga-center {
  margin-top:auto;
  margin-bottom:auto;
  text-align:center;
}

.saga-header {
    font-family: 'BodoniXT', sans-serif;
}
.saga-dashboard{
  margin-top: 50px;
  margin-bottom: 30px;
  font-size: .89em;
}

.saga-dashboard img{
  width: 70px;
  margin-bottom: 20px;
}

.saga-dashboard ul{
  text-align: center;
}

.saga-dashboard ul li{
  display: inline-block;
  width: 160px;
  position:relative;
}

.saga-dashboard ul li .fa{
  background: #ccc;
  width: 30px;
  height: 30px; 
  color: #fff;
  border-radius: 50%;
  padding: 9px;
}

.saga-dashboard ul li .fa::after{
  content: '';
  background: #ccc;
  height: 5px;
  width: 165px;
  display: block;
  position: absolute;
  left: 0;
  top: 110px;
  z-index: -1;
} 

.saga-dashboard ul li .fa-check::after{
  content: '';
  background: green;
  height: 5px;
  width: 165px;
  display: block;
  position: absolute;
  left: 0;
  top: 110px;
  z-index: -1;
}

.saga-dashboard ul li .fa-refresh::after{
  content: '';
  background: #FDDA0D;
  height: 5px;
  width: 165px;
  display: block;
  position: absolute;
  left: 0;
  top: 110px;
  z-index: -1;
}

.saga-dashboard ul li .fa-times::after{
  content: '';
  background: red;
  height: 5px;
  width: 165px;
  display: block;
  position: absolute;
  left: 0;
  top: 110px;
  z-index: -1;
}