.text-solorange {
  color: #f37d20;
}
.text-pass {
  color: #40af48;
}
.text-caution {
  color: #e8a543;
}
.text-fail {
  color: #b20909;
}
select option:hover {
  background-color: #F37D20;
  color: #fff;
}
::selection {
  background-color: #F37D20;
  color: #fff;
}
::-moz-selection {
  background-color: #F37D20;
  color: #fff;
}
input[type="checkbox"].checkbox-black + label {
  background-image: url('graphics/checkbox-black-unchecked.svg');
}
input[type="checkbox"].checkbox-black:checked + label {
  background-image: url('graphics/checkbox-black-checked.svg') !important;
}
input[type="checkbox"].checkbox-pass + label {
  background-image: url('graphics/checkbox-pass-unchecked.svg');
}
input[type="checkbox"].checkbox-pass:checked + label {
  background-image: url('graphics/checkbox-pass-checked.svg') !important;
}
input[type="checkbox"].checkbox-caution + label {
  background-image: url('graphics/checkbox-caution-unchecked.svg');
}
input[type="checkbox"].checkbox-caution:checked + label {
  background-image: url('graphics/checkbox-caution-checked.svg') !important;
}
input[type="checkbox"].checkbox-fail + label {
  background-image: url('graphics/checkbox-fail-unchecked.svg');
}
input[type="checkbox"].checkbox-fail:checked + label {
  background-image: url('graphics/checkbox-fail-checked.svg') !important;
}
input[type="radio"].radio-pass + label {
  background-image: url('graphics/radio-button-pass-unchecked.svg');
}
input[type="radio"].radio-pass:checked + label {
  background-image: url('graphics/radio-button-pass-checked.svg') !important;
}
input[type="radio"].radio-caution + label {
  background-image: url('graphics/radio-button-caution-unchecked.svg');
}
input[type="radio"].radio-caution:checked + label {
  background-image: url('graphics/radio-button-caution-checked.svg') !important;
}
input[type="radio"].radio-fail + label {
  background-image: url('graphics/radio-button-fail-unchecked.svg');
}
input[type="radio"].radio-fail:checked + label {
  background-image: url('graphics/radio-button-fail-checked.svg') !important;
}
.bg-priscilla {
  background-color: #ffbde7;
}
.text-priscilla {
  color: #ffbde7;
}
.bg-cheery {
  background-color: #ff9cd0;
}
.text-cheery {
  color: #ff9cd0;
}
.bg-tuberose {
  background-color: #ff85ae;
}
.text-tuberose {
  color: #ff85ae;
}
.bg-radish {
  background-color: #ff6969;
}
.text-radish {
  color: #ff6969;
}
.bg-daredevil {
  background-color: #ff7348;
}
.text-daredevil {
  color: #ff7348;
}
.bg-invigorate {
  background-color: #ff8c3e;
}
.text-invigorate {
  color: #ff8c3e;
}
.bg-mandarin {
  background-color: #ffa440;
}
.text-mandarin {
  color: #ffa440;
}
.bg-kumquat {
  background-color: #ffbd48;
}
.text-kumquat {
  color: #ffbd48;
}
.bg-saffron {
  background-color: #ffd150;
}
.text-saffron {
  color: #ffd150;
}
.bg-mellow {
  background-color: #ffe05f;
}
.text-mellow {
  color: #ffe05f;
}
.bg-daisy {
  background-color: #f9e975;
}
.text-daisy {
  color: #f9e975;
}
.bg-picnic {
  background-color: #c5e576;
}
.text-picnic {
  color: #c5e576;
}
.bg-overt {
  background-color: #8fd860;
}
.text-overt {
  color: #8fd860;
}
.bg-envy {
  background-color: #63c647;
}
.text-envy {
  color: #63c647;
}
.bg-argyle {
  background-color: #00d392;
}
.text-argyle {
  color: #00d392;
}
.bg-poseidon {
  background-color: #00ebdf;
}
.text-poseidon {
  color: #00ebdf;
}
.bg-aqueduct {
  background-color: #80ffd1;
}
.text-aqueduct {
  color: #80ffd1;
}
.bg-undercool {
  background-color: #66bdff;
}
.text-undercool {
  color: #66bdff;
}
.bg-impromptu {
  background-color: #33c1ff;
}
.text-impromptu {
  color: #33c1ff;
}
.bg-sapphire {
  background-color: #339eff;
}
.text-sapphire {
  color: #339eff;
}
.bg-clematis {
  background-color: #8080ff;
}
.text-clematis {
  color: #8080ff;
}
.bg-passionate {
  background-color: #9071e2;
}
.text-passionate {
  color: #9071e2;
}
.bg-baroness {
  background-color: #ac8fe5;
}
.text-baroness {
  color: #ac8fe5;
}
.bg-magical {
  background-color: #c4a9e0;
}
.text-magical {
  color: #c4a9e0;
}
.bg-oak {
  background-color: #c49d80;
}
.text-oak {
  color: #c49d80;
}
.bg-mocha {
  background-color: #d3a989;
}
.text-mocha {
  color: #d3a989;
}
.bg-persimmon {
  background-color: #e5b89a;
}
.text-persimmon {
  color: #e5b89a;
}
.bg-cosmetic {
  background-color: #efcaaf;
}
.text-cosmetic {
  color: #efcaaf;
}
.bg-software {
  background-color: #adadad;
}
.text-software {
  color: #adadad;
}
.bg-lattice {
  background-color: #bababa;
}
.text-lattice {
  color: #bababa;
}
a {
  color: #f37d20;
}
a:hover,
a:focus {
  color: #e66c0c;
}
.text-primary {
  color: #f37d20;
}
a.text-primary:hover {
  color: #e66c0c;
}
.bg-primary {
  background-color: #f37d20;
}
a.bg-primary:hover {
  background-color: #e66c0c;
}
.btn-primary {
  background-color: #f37d20;
  border-color: #e66c0c;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #e66c0c;
  border-color: #c65d0b;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #e66c0c;
  border-color: #c65d0b;
}
.btn-primary .badge {
  color: #f37d20;
}
.btn-link {
  color: #f37d20;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #f37d20;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border-color: #f37d20;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #f37d20;
}
.pagination > li > a,
.pagination > li > span {
  color: #f37d20;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #f37d20;
  border-color: #f37d20;
}
.label-primary {
  background-color: #f37d20;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #e66c0c;
}
list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #f37d20;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #f37d20;
}
.progress-bar {
  background-color: #f37d20;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #f37d20;
  border-color: #f37d20;
}
.panel-primary {
  border-color: #f37d20;
}
.panel-primary > .panel-heading {
  background-color: #f37d20;
  border-color: #f37d20;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f37d20;
}
.panel-primary > .panel-heading .badge {
  color: #f37d20;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f37d20;
}
.form-control:focus {
  border-color: #f37d20;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(243, 125, 32, 0.6);
}
.toggle {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  top: 10px;
  left: -14px;
  margin-right: -24px;
}
.toggle-right {
  background-image: url('graphics/toggle-arrow-right.svg');
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  -moz-transition: transform 0.25s;
  -o-transition: transform 0.25s;
  -webkit-transition: transform 0.25s;
  transition: transform 0.25s;
}
.toggle-down {
  background-image: url('graphics/toggle-arrow-right.svg');
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: transform 0.25s;
  -o-transition: transform 0.25s;
  -webkit-transition: transform 0.25s;
  transition: transform 0.25s;
}
/* Custom Controls for MP2 */
.pcf-control,
.pcrr-control,
.yes-no-control,
.yes-control {
  margin-bottom: 10px;
}
.btn-pass,
.btn-caution,
.btn-fail,
.btn-repair,
.btn-replace,
.btn-yes,
.btn-no {
  width: 80px;
}
.btn-pass,
.btn-yes {
  background-color: #ceedd0;
}
.btn-pass:hover,
.btn-yes:hover,
.btn-pass:active:hover,
.btn-yes:active:hover,
.btn-pass:focus:hover,
.btn-yes:focus:hover,
.btn-pass.selected,
.btn-yes.selected,
.btn-pass.selected:focus,
.btn-yes.selected:focus,
.btn-pass.selected:active,
.btn-yes.selected:active {
  background-color: #40af48;
  border-color: #37973e;
  color: #fff;
}
.btn-pass:focus,
.btn-yes:focus,
.btn-pass:active,
.btn-yes:active {
  background-color: #ceedd0;
}
.btn-caution {
  background-color: #f9e6cb;
}
.btn-caution:hover,
.btn-caution:active:hover,
.btn-caution:focus:hover,
.btn-caution.selected,
.btn-caution.selected:focus,
.btn-caution.selected:active {
  background-color: #e8a543;
  border-color: #e49725;
  color: #fff;
}
.btn-caution:focus,
.btn-caution:active {
  background-color: #f9e6cb;
}
.btn-fail,
.btn-repair,
.btn-replace,
.btn-no {
  background-color: #fcbebe;
}
.btn-fail:hover,
.btn-repair:hover,
.btn-replace:hover,
.btn-no:hover,
.btn-fail:active:hover,
.btn-repair:active:hover,
.btn-replace:active:hover,
.btn-no:active:hover,
.btn-fail:focus:hover,
.btn-repair:focus:hover,
.btn-replace:focus:hover,
.btn-no:focus:hover,
.btn-fail.selected,
.btn-repair.selected,
.btn-replace.selected,
.btn-no.selected,
.btn-fail.selected:focus,
.btn-repair.selected:focus,
.btn-replace.selected:focus,
.btn-no.selected:focus,
.btn-fail.selected:active,
.btn-repair.selected:active,
.btn-replace.selected:active,
.btn-no.selected:active {
  background-color: #b20909;
  border-color: #920707;
  color: #fff;
}
.btn-fail:focus,
.btn-repair:focus,
.btn-replace:focus,
.btn-no:focus,
.btn-fail:active,
.btn-repair:active,
.btn-replace:active,
.btn-no:active {
  background-color: #fcbebe;
}
.btn-not-done:hover,
.btn-not-done:active:hover,
.btn-not-done:focus:hover,
.btn-not-done.selected,
.btn-not-done.selected:focus,
.btn-not-done.selected:active {
  background-color: #727272;
  border-color: #616161;
  color: #fff;
}
.btn-not-done:focus,
.btn-not-done:active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-pass-colors {
  background-color: #ceedd0;
}
.btn-pass-colors:hover,
.btn-pass-colors:active:hover,
.btn-pass-colors:focus:hover,
.btn-pass-colors.selected,
.btn-pass-colors.selected:focus,
.btn-pass-colors.selected:active {
  background-color: #40af48;
  border-color: #37973e;
  color: #fff;
}
.btn-pass-colors:focus,
.btn-pass-colors:active {
  background-color: #ceedd0;
}
.btn-caution-colors {
  background-color: #f9e6cb;
}
.btn-caution-colors:hover,
.btn-caution-colors:active:hover,
.btn-caution-colors:focus:hover,
.btn-caution-colors.selected,
.btn-caution-colors.selected:focus,
.btn-caution-colors.selected:active {
  background-color: #e8a543;
  border-color: #e49725;
  color: #fff;
}
.btn-caution-colors:focus,
.btn-caution-colors:active {
  background-color: #f9e6cb;
}
.btn-fail-colors {
  background-color: #fcbebe;
}
.btn-fail-colors:hover,
.btn-fail-colors:active:hover,
.btn-fail-colors:focus:hover,
.btn-fail-colors.selected,
.btn-fail-colors.selected:focus,
.btn-fail-colors.selected:active {
  background-color: #b20909;
  border-color: #920707;
  color: #fff;
}
.btn-fail-colors:focus,
.btn-fail-colors:active {
  background-color: #fcbebe;
}
.mc-label-colors:hover,
.mc-label-colors:active:hover,
.mc-label-colors:focus:hover {
  background-color: #FFF;
}
.mc-label-colors:focus,
.mc-label-colors:active {
  background-color: #FFF;
}
.text-control {
  max-width: 322px;
  margin-bottom: 10px;
  clear: both;
}
.measure-control {
  font-size: 0;
  margin-bottom: 10px;
  padding-right: 28px;
  max-width: 440px;
  position: relative;
}
.measure-control div.btn-group button {
  padding: 3px;
  border: 1px solid #aaa;
  margin: 0 0 10px 0;
  width: 34px;
  height: 34px;
  font-size: 14px;
  color: #727272;
}
.measure-control div.btn-group button.pass {
  background-color: #ceedd0;
}
.measure-control div.btn-group button.pass:hover,
.measure-control div.btn-group button.pass:active:hover,
.measure-control div.btn-group button.pass:focus:hover,
.measure-control div.btn-group button.pass.selected,
.measure-control div.btn-group button.pass.selected:focus,
.measure-control div.btn-group button.pass.selected:active {
  background-color: #40af48;
  border-color: #37973e;
  color: #fff;
}
.measure-control div.btn-group button.pass:focus,
.measure-control div.btn-group button.pass:active {
  background-color: #ceedd0;
}
.measure-control div.btn-group button.caution {
  background-color: #f9e6cb;
}
.measure-control div.btn-group button.caution:hover,
.measure-control div.btn-group button.caution:active:hover,
.measure-control div.btn-group button.caution:focus:hover,
.measure-control div.btn-group button.caution.selected,
.measure-control div.btn-group button.caution.selected:focus,
.measure-control div.btn-group button.caution.selected:active {
  background-color: #e8a543;
  border-color: #e49725;
  color: #fff;
}
.measure-control div.btn-group button.caution:focus,
.measure-control div.btn-group button.caution:active {
  background-color: #f9e6cb;
}
.measure-control div.btn-group button.fail {
  background-color: #fcbebe;
}
.measure-control div.btn-group button.fail:hover,
.measure-control div.btn-group button.fail:active:hover,
.measure-control div.btn-group button.fail:focus:hover,
.measure-control div.btn-group button.fail.selected,
.measure-control div.btn-group button.fail.selected:focus,
.measure-control div.btn-group button.fail.selected:active {
  background-color: #b20909;
  border-color: #920707;
  color: #fff;
}
.measure-control div.btn-group button.fail:focus,
.measure-control div.btn-group button.fail:active {
  background-color: #fcbebe;
}
.measure-control div.btn-group button.measure-label {
  font-weight: 700;
}
.measure-control div.btn-group button.measure-label:hover,
.measure-control div.btn-group button.measure-label:active:hover,
.measure-control div.btn-group button.measure-label:focus:hover {
  background-color: #FFF;
}
.measure-control div.btn-group button.measure-label:focus,
.measure-control div.btn-group button.measure-label:active {
  background-color: #FFF;
}
.measure-control div.btn-group > button:last-of-type {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.measure-control .measure-unit {
  display: inline-block;
  height: 34px;
  width: 24px;
  font-size: 14px;
  text-align: left;
  margin-right: 6px;
  margin-left: 6px;
  position: absolute;
  top: 7px;
}
button.dropdown-toggle span.dropdown-label {
  display: inline-block;
  margin: 0 8px;
}
ul.color-picker {
  border: 1px solid #adadad;
  border-radius: 4px;
  margin: 3px 0 10px 0;
  padding: 0;
  list-style-type: none;
  overflow: auto;
  width: 302px;
}
ul.color-picker li {
  float: left;
  margin: 0;
  padding: 0;
  width: 100px;
}
ul.color-picker li a {
  display: inline-block;
  margin: 0;
  padding: 6px 5px;
  color: #000;
  width: 100px;
  text-align: right;
  font-size: 12px;
}
ul.color-picker li a:focus,
ul.color-picker li a:hover {
  outline: none;
  border: none;
  text-decoration: none;
  color: #000;
  background-color: inherit;
}
.ap-checkbox {
  margin: 10px 0;
}
.ap-checkbox input[type="checkbox"] {
  display: none;
}
.ap-checkbox input[type="checkbox"]:checked + label {
  background-image: url('graphics/checkbox-checked.svg');
}
.ap-checkbox input[type="checkbox"]:disabled + label {
  background-image: url('graphics/checkbox-disabled.svg');
}
.ap-checkbox input[type="checkbox"]:checked:disabled + label {
  background-image: url('graphics/checkbox-disabled-checked.svg');
}
.ap-checkbox label {
  display: inline-table;
  vertical-align: top;
  height: 24px;
  max-width: 300px;
  font-weight: 400;
  line-height: 1.2em;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background-image: url('graphics/checkbox-unchecked.svg');
  background-size: 24px 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-right: 14px;
  margin-bottom: 10px;
  padding-top: 4px;
  padding-left: 32px;
}
.ap-checkbox label:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.ap-radio {
  margin: 10px 0;
}
.ap-radio input[type="radio"] {
  display: none;
}
.ap-radio input[type="radio"]:checked + label {
  background-image: url('graphics/radio-button-checked.svg');
}
.ap-radio input[type="radio"]:disabled + label {
  background-image: url('graphics/radio-button-disabled.svg');
}
.ap-radio label {
  display: inline-table;
  vertical-align: top;
  height: 24px;
  max-width: 300px;
  font-weight: 400;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background-image: url('graphics/radio-button-unchecked.svg');
  background-size: 24px 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-right: 14px;
  margin-bottom: 10px;
  padding-top: 2px;
  padding-left: 32px;
}
.ap-radio label:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
/* AutoPoint Inspection List Styles */
ul.inspection-list {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0;
  list-style: none;
  padding: 0;
}
ul.inspection-list li {
  border-bottom: 1px solid #ccc;
  margin: 0;
  width: 100%;
  display: table-row;
  height: 44px;
}
ul.inspection-list li p {
  border-left: 12px solid transparent;
  display: table-cell;
  vertical-align: middle;
}
ul.inspection-list li div.pcf-control,
ul.inspection-list li div.pcrr-control,
ul.inspection-list li div.yes-no-control,
ul.inspection-list li div.yes-control,
ul.inspection-list li div.text-control {
  display: table-cell;
  vertical-align: middle;
  float: right;
  text-align: right;
  margin: 5px 0;
  clear: both;
}
ul.inspection-list li div.measure-control {
  display: table-cell;
  vertical-align: middle;
  float: right;
  text-align: right;
  margin: 5px 0 0 0;
  clear: both;
}
ul.inspection-list li div.measure-control div.btn-group button {
  margin: 0 0 5px 0;
}
ul.inspection-list li div.ap-checkbox {
  margin: 5px 0;
  text-align: right;
  display: table-cell;
  vertical-align: middle;
}
ul.inspection-list li div.ap-checkbox label {
  margin: 5px 0 5px 14px;
  display: inline-block;
  position: relative;
  top: 0;
}
ul.inspection-list li div.ap-radio {
  margin: 5px 0;
  text-align: right;
  display: table-cell;
  vertical-align: middle;
}
ul.inspection-list li div.ap-radio label {
  margin: 5px 0 5px 14px;
  display: inline-block;
  vertical-align: auto;
  position: relative;
  top: 0;
}
body {
  font-family: Lato, Arial, Helvetica, sans-serif;
  background-color: #cacaca;
}
.gray-surround {
  background-color: #e5e5e5;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.4) 4px 4px 12px;
  margin: 0;
  padding: 10px;
}
.white-surround {
  background-color: #ffffff;
  border-radius: 7px;
  margin: 0;
  padding: 15px;
}
header {
  height: 90px;
  width: 100%;
  margin: 0;
  padding: 0;
}
footer {
  height: 70px;
  width: 100%;
  margin: 0;
  padding: 20px 20px 0;
}
footer #copyright {
  float: left;
}
footer #version {
  float: right;
}
h2.headline-large {
  font-size: 22px;
  font-weight: 700;
  margin: 20px 0 10px;
}
h3.headline-small {
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0 10px;
}