.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;
} @media (max-width: 420px) {
.pedigreeonline .visible-small {
display: inline;
}
}