/* Add these to your CSS file */
    .saga-stepper {
        display: flex;
        justify-content: space-around;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
    }
    .saga-stepper li {
        opacity: 0.3;
        transition: 0.3s;
        flex: 1;
    }
    .saga-stepper li.active {
        opacity: 1;
        font-weight: bold;
    }
    .step-label {
        display: block;
        font-size: 0.8rem;
        margin-top: 5px;
        text-transform: uppercase;
    }
    .upmaroon-text { color: #800000; }
    .upmaroon2 { background-color: #800000 !important; }

    
.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;
}