JobRouter.css

.header{
  text-align: center;
}
.timeline{
  list-style: none;
  padding: 0 0 22px 0;
  position: relative;
}
.timeline >li{
  position: relative;
  margin-bottom: 80px;
}
.timeline >li::before{
  display: table;
  content: ""
}
.timeline::before{
  top: 10px;
  bottom: 0;
  position: absolute;
  content: "";
  width: 4px;
  background-color: rgba(0,0,0,.4);
  left: 50%;
  margin-left: -1.5px;
}
.timeline-point{
  width: 35px;
  height: 35px;
  display: block;
  background: #fff;
  z-index: 100;
  left: 50%;
  top: -10px;
}
.showpointer{
  cursor: pointer;
}
.icon-circle{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border-width: 6px;
  border-color: #777;
  display: inline-flex;
  border-style: solid;
}
.timeline-body{
  position: relative;
  width: calc(50% - 20px);
  float: right;
  margin-left: 50%;
  text-align: left;
}
md-icon.faicon{
  font-size: 18px !important;
  height: 20px !important;
}
md-icon.faicon-mini{
  font-size: 16px !important;
  height: 20px !important;
}
.space-bottom{
  margin-bottom: 40px;
}
.exam-fontsize{
  font-size: 16px;
}
.exam-dialog{
  width: 100%;
}
.exam-detail{
  text-indent: 40px;
}
.fullwidth{
  width: 100%;
}
.hint{
  padding-top: 50px;
  font-weight: bold;
  color: #0091e0;
}
.pair-ans{
  font-weight: bold;
  color: #0091e0;
  margin-bottom: 20px;
}
.margin-bot{
  margin-bottom: 20px;
}
.score-show{
  color: #ff8e2e;
}
.space-btn{
  margin-bottom: 30px;
}

.fab-custom{
  position: fixed;
  left: 90%;
  z-index: 100;
  top: 15%;
}
.icon-passing{
  background-color: #00b75d !important;
  color: #fff;
}
.icon-fail{
  background-color: #f84d39 !important;
  color: #fff;
}
.icon-approve{
  background-color: #ffcc00 !important;
  color: #fff;
}
.circle-green{
  border-color: #00b75d !important;
}
.circle-puple{
  border-color: #c100fc !important;
}
.circle-yellow{
  border-color: #f4ff46 !important;
}
.circle-pink{
  border-color: #ff9e80 !important;
}
.circle-orange{
  border-color: #ffcc00 !important;
}
.circle-red{
  border-color: #f84d39 !important;
}
.circle-blue{
  border-color: #0091e0 !important;
}
.circle-darkslate{
  border-color: #74b4ae !important;
}
.summary-total{
  color: #0091e0;
}
.summary-passing{
  color: #00b75d;
}
.summary-fail{
  color: #f84d39;
}
.summary-evaluate-score{
  color: #ff8e2e;
}
@media screen and (max-width: 1333px){
  .fab-custom{
    left: 85% !important;
  }
}