/* Yellow Primary Color */
.bg-primary {
  background-color: #ea6c1b !important;
}
.bg-primary-light {
  background-color: #ffe190;
}
.fill-primary {
  fill: #ea6c1b;
}
.border-primary {
  border-color: #ea6c1b !important;
}
a {
  color: #ea6c1b;
}
.btn-primary, .btn-primary:link, .btn-primary:visited {
  color: #fff;
  background-color: #ea6c1b;
  border-color: #ea6c1b;
}
.btn-primary:hover {
  color: #fff;
  background-color: #d36118;
  border-color: #d36118;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #d36118;
  border-color: #d36118;
  box-shadow: 0 0 0 0.2rem rgba(234, 108, 27, 0.5);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #d36118;
  border-color: #d36118;
}
.btn-outline-primary {
  color: #ea6c1b;
  background-color: transparent;
  background-image: none;
  border-color: #ea6c1b;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #ea6c1b;
  border-color: #ea6c1b;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(234, 108, 27, 0.5);
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #ea6c1b;
  border-color: #ea6c1b;
}
@media (min-width: 768px) {
  header nav.steps.medium .step.active,
  header nav.steps.full .step.active {
    background: #ea6c1b;
  }
}
table.light th, table.light td {
  border-color: #ff9f4e;
}
.text-primary {
  color: #ea6c1b !important;
}

body { background-color: #fafafa }
h1, h2, h3, h4{
  color: #998f89;
}
.btn-primary, .btn-primary:link, .btn-primary:visited, .btn-primary:focus, .btn-primary:hover, .btn-primary:active {
  color: #fff;
  background-color: #998f89;
  border-color: #998f89;
}
.btn-outline-primary {
  color: #998f89;
  background-color: transparent;
  background-image: none;
  border-color: #998f89;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #998f89;
  border-color: #998f89;
}
a:hover, a { color: #998f89; }
.calendar .card {
  background-color: #998f89;
}

/* extra v2 */
.btn-info, .btn-info[disabled]:hover {
  background-color: #998f89;
  border-color: #998f89;
}
#orderForm.ng-valid #btn-pay.btn-primary {
  background-color: #998f89;
  border-color: #998f89;
}


.panel { background-color: #ffffff; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #e6e6e6; }
.panel-theme > .panel-heading, .panel-footer { background-color: #fafafa; }
body, .panel-theme > .panel-heading { color: #777777 }