.fa.spin-fix {
  height: 18px;
  width: 16px;
}

.left-col {
  left: 0px;
}

.right-col {
  background-color: #fff;
  right: 0px;
  padding-bottom: 134px;
}

.right-col iframe {
  min-height: 500px;
}

@media (min-width: 768px) {
  .left-col, .right-col {
    position: fixed !important;
    top: 52px;
    bottom: 0px;
    margin-top: 0;
    padding-bottom: 73px;
  }

  .left-col {
    border-right: 1px solid #333;
  }

  .right-col .body-row,
  .left-col .body-row {
    height: 100%;
    overflow-y: scroll;
  }

  .right-col iframe,
  .right-col > .body-row > .col-xs-12 {
    height: 100%;
  }
}

.left-col .body-row {
  padding-bottom: 20px;
}

.control-row {
  background-color: #333;
  padding-top: 15px;
  padding-bottom: 15px;
}

.control-row .open > .dropdown-toggle.btn-default:active,
.control-row .open > .dropdown-toggle.btn-default:focus,
.control-row .open > .dropdown-toggle.btn-default:hover,
.control-row .open > .dropdown-toggle.btn-default,
.control-row .btn-default:active,
.control-row .btn-default:focus,
.control-row .btn-default:hover,
.control-row .btn-default {
  background-color: #fff;
  color: #333;
}

.control-row .dropdown ul {
  max-height: 308px;
  overflow-y: scroll;
}

.below-spec-row {
  padding-top: 20px;
}

.route-dropdown > ul {
  width: 100%;
}

.dropdown .btn.route-dropdown-btn {
  border-width: 3px;
}

.visual-tag {
  background-color: #c67bb1;
  color: #ffffff;

  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;

  margin-top: -3px;
  margin-left: 10px;
  border-radius: 4px;
}

.alert.row.description-alert {
  margin-bottom: 0px;
}

.hide-button {
  margin-right: 8px;
}

.parameter-list {
  max-height: 338px;

  /*  mimic pre */
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  padding: 9.5px;
}

.parameter-list input[type="radio"],
.parameter-list input[type="checkbox"] {
  position: relative;
  margin-right: 5px;
}
.parameter-input .form-group {
  margin-bottom: 5px;
}
.key input.input-sm,
.parameter-input input.input-sm {
  height: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  font-size: 12px;
}

.key input,
.parameter-input input,
.radio-choice label {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.form-group.body-form-group {
  margin-left: 15px;
}

.language-buttons .btn[disabled] {
  color: #333;
  opacity: 1;
}

#SampleCode div[hljs] > pre {
  padding: 0px;
  background: none;
  border: none;
}

#SampleCode code {
  background-color: none;
  background: none;
}

.btn-group.output-type-btn-group {
  float: right;
}

@media (max-width: 768px) {
  .btn-group.output-type-btn-group {
    float: left;
  }
}

#Response pre,
#Response iframe {
  border: none;
}

#Response pre,
#Response code {
  background-color: #fff;
}

#Response .control-row .btn {
  border-width: 3px;
  border-color: transparent;
}