/* For job_matching */

.main {
}

.row {

}

/* Parameters */
.parameters .form-row {
  margin-bottom: 10px;
}

.parameters .form-detailed {

}

#parameter_submit {
  margin: 20px 0 0;
}

div.button_wrap {
  margin-bottom: 10px;
}

#result_matching td .cell_inner {
  max-height: 200px;
  overflow-y: scroll;
}

table.result_table th {
  min-width: 150px;
}

table#result_details {
  margin: 20px auto 0;
}

#result_summary_chart_wrap {
  height: 400px;
  overflow: hidden;
}

#upload_json_input, #upload_xlsx_input {
  display: none;
}

/* range input */
.range-wrap {
  position: relative;
  margin: 0 auto 3rem;
}

.range {
  width: 100%;
  cursor: pointer;
  padding: 0;
}

.range:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 0 !important;
}

.bubble {
  background: #007bff;
  color: white;
  padding: 4px 12px;
  position: absolute;
  border-radius: 4px;
  left: 50%;
  transform: translateX(-50%);
}

.bubble::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background: #007bff;
  top: -1px;
  left: 50%;
}

/* Footer */