body {
  background-color: #f0f0f0;

}

.page-header {
  color: #ffffff;
  font-weight: bold;
  background-color: #483d8b;
  margin: 0;
  padding: 15px;
}
.page-footer {
  color: #808080;
  background-color: #202020;
  margin: 0;
  padding: 10px 10px 10px 10px;
}
.page-footer .copyright {
  color: #808080;
  font-size: 9pt;
  text-align: center;
}

h3 {
  margin: 15px;
  padding: 5px;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  background-color: #483d8b;
  text-align: center;
}
h3 .title {
  color: #ffffff;
  font-size: 11pt;
  font-weight: bold;
  border-bottom: 1px solid #ffffff;
  margin: 0 20px;
  padding: 5px;
}
h3 .sub-title {
  color: #ffffff;
  font-size: 10pt;
  font-weight: bold;
  margin: 0 20px;
  padding: 3px;
}

.item-block-title {
  color: #fff;
  font-weight: bold;
  background-color: #404040;
  padding: 12px;
  padding-left: 20px;
  margin: 0 0 3px 0;
}
.item-block-body {
  color: #000000;
  background-color: #ffffff;
  padding: 12px;
  margin: 0 0 12px 0;
}

.btn-toolbar {
  padding: 15px 0 20px 0;
}

.footer-area {
  background-color: #f5deb3;
  margin: 10px 0 0 0;
  padding: 15px 15px 30px 15px;
}

.stepBar {
  display: flex;
  position: relative;
  margin: 5px 0 0 -20px;
  text-align: center;
}
.stepBar li {
  font-size: 12px;
  list-style: none;
  position: relative;
  width: 50px;
}
.stepBar li:after {
  background: #D0E1F9;
  content: "";
  width: calc(100% - 24px);
  height: 4px;
  position: absolute;
  left: calc(-50% + 12px);
  top: 10px;
}
.stepBar li:first-child:after {
  display: none;
}
.stepBar li span {
  background: #D0E1F9;
  color: #ffffff;
  display: inline-block;
  height: 24px;
  margin-bottom: 5px;
  line-height: 24px;
  width: 24px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.stepBar .visited:after {
  background: #17a2b8;
}
.stepBar .visited span {
  background: #17a2b8;
}
.stepBar .active:after {
  background: #17a2b8;
}
.stepBar .active span {
  background: #007bff;
}

.itemTable {
}
  .itemTable th {
    background-color: #404040;
    color: #f0f0f0;
    width: 35%;
    font-size: 0.8em;
    font-weight: normal;
  }
  .itemTable td {
    background-color: #f0f0f0;
    color: #202020;
    width: 65%;
    font-size: 1em;
    font-weight: normal;
  }

.detailTable {
}
  .detailTable th {
    padding: 0.3em;
    color: #494949;
    background: #fffaf4;
    border-left: solid 5px #ffaf58;
    font-size: 1em;
    font-weight: normal;
  }
  .detailTable td {
    background: #ffffff;
    color: #202020;
    width: 65%;
    font-size: 1em;
    font-weight: normal;
  }
  .detailTable td pre {
    font-size: 1em;
    font-weight: normal;
  }

  .errorTitle {
    color:red;
  }