/* Color Defs */
/* A couple mixins */
/* All of our styles are wrapped in a .pedigreeonline wrap */
.pedigreeonline .notice {
  margin-top: 1em;
  border: 1px solid #909090;
  padding: 1em 2em;
  background: #fafafa;
  border-left-width: 3px;
  border-left-color: #909090;
}
.pedigreeonline .notice.notice-error {
  border-left-color: #c00000;
}
.pedigreeonline .notice.notice-success {
  border-left-color: #00a000;
}
.pedigreeonline .pedigree-info-line {
  padding-bottom: 0.5em;
  text-align: center;
}
.pedigreeonline .pedigree-info-line a {
  color: #505050;
  font-weight: bold;
  font-size: 1.2em;
}
.pedigreeonline table {
  cursor: pointer;
  border-collapse: collapse;
  margin-bottom: 0.5em;
}
.pedigreeonline table thead th {
  background-color: #fdfdfd;
  font-size: 0.8em;
  text-transform: uppercase;
  color: #808080;
}
.pedigreeonline table td {
  border: 1px solid #909090;
  border-radius: 0px;
  vertical-align: middle !important;
  padding: 0.5em 1em;
  font-size: 0.8em;
}
.pedigreeonline table td.pedigree-gender-male {
  background-image: linear-gradient(to bottom, #f0f5fd 0%, #d0e0fa 100%);
}
.pedigreeonline table td.pedigree-gender-male .pedigree-name {
  color: #3864ac;
}
.pedigreeonline table td.pedigree-gender-female {
  background-image: linear-gradient(to bottom, white 0%, #fae0e0 100%);
}
.pedigreeonline table td.pedigree-gender-female .pedigree-name {
  color: #ae4747;
}
.pedigreeonline table td .pedigree-dob {
  font-style: italic;
}
.pedigreeonline table td.pedigree-gen-0 .pedigree-name, .pedigreeonline table td.pedigree-gen-1 .pedigree-name, .pedigreeonline table td.pedigree-gen-2 .pedigree-name {
  font-size: 1.1em;
}
.pedigreeonline table td .pedigree-name {
  font-weight: bold;
}
.pedigreeonline table td .pedigree-regnum {
  font-size: 0.8em;
}
.pedigreeonline table td .pedigree-awards {
  font-weight: bold;
  color: #909090;
  font-size: 0.9em;
}
.pedigreeonline .pedigree-footer {
  text-align: center;
  font-size: 0.8em;
}
.pedigreeonline .visible-small {
  display: none;
}

/* Responsive */
@media (max-width: 420px) {
  .pedigreeonline .visible-small {
    display: inline;
  }
}

/*# sourceMappingURL=frontend.css.map */