@charset "UTF-8";

.position {
  position: relative;
  width: 5.5em;
  display: block;
  height: 2em;
}

.position .chr {
  font-size: 130%;
}

.position .chr,
.position .end,
.position .start {
  display: inline-block;
  float: left;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

*,
:after,
:before {
  box-sizing: border-box;
}

.position .start {
  top: 0;
}

.position .end,
.position .start {
  position: absolute;
  text-align: right;
  font-size: 75%;
  width: 5.5em;
  right: 0.125em;
  line-height: 1em;
}

.position .chr,
.position .end,
.position .start {
  display: inline-block;
  float: left;
}

*,
:after,
:before {
  box-sizing: border-box;
}

.position .end {
  bottom: 0.25em;
}

.position .end,
.position .start {
  position: absolute;
  text-align: right;
  font-size: 75%;
  width: 5.5em;
  right: 0.125em;
  line-height: 1em;
}

.position .chr,
.position .end,
.position .start {
  display: inline-block;
  float: left;
}

td.details-control {
  background: url("/details_open.png") no-repeat center center;
  cursor: pointer;
}

tr.shown td.details-control {
  background: url("/details_close.png") no-repeat center center;
}

.scroll {
  max-height: 100px;
  overflow-y: auto;
}

.dataTables_filter {
  float: left !important;
}

.process-step .btn:focus {
  outline: none;
}

.process {
  display: table;
  width: 100%;
  position: relative;
}

.process-row {
  display: table-row;
}

.process-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.process-row:before {
  top: 40px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-order: 0;
}

.process-step {
  display: table-cell;
  text-align: center;
  position: relative;
}

.process-step p {
  margin-top: 4px;
}

.btn-circle {
  width: 80px;
  height: 80px;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  border-radius: 50%;
}

.btn-circle-sm {
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 24px;
  border-radius: 50%;
}