.page-greyhound {}

.webstudbookcontainer {
    min-height: 40vh;
}

#greyhound-search-form {
    margin-bottom: 20px;
}
.greyhound-search-results {
    margin-bottom: 20px;
}
.greyhound-dog-results {
    margin-bottom: 20px;
}
.webstudbookcontainer a {
    text-decoration: none;
}
.webstudbookcontainer a:hover {
    text-decoration: underline;
}

.greyhound-search-form-double {
    display: flex;
}
.form-group-half {
    width: 50%;
}

.page-greyhound h2 {
    font-size: 32px;
    line-height: 1.2;
    color: #195c4f;
    font-weight: bold;
}
.page-greyhound h2.littersearch-title {
    font-size: 22px;
}
.page-greyhound h3 {
    font-size: 22px;
    line-height: 1.2;
    color: #195c4f;
    font-weight: normal;
}


.grey-link-text {
    color: #195c4f;
    font-weight: bold;
    margin-right: 10px;
    display: inline-block;
}

.page-greyhound .small {
    font-size: 0.8em;
}
.page-greyhound .previous-name {
    font-size: 0.8em;
    font-weight: normal;
}
.page-greyhound .grey-link-text + .grey-link-icon,
.page-greyhound .previous-name + .grey-link-icon {
    margin-left: 10px
}
/* buttons icons */
.grey-link-icon {
    display: inline-block;
    justify-content: center;
    align-items: center;
    font-size: inherit;
    background-color: #f2f1ed;
    border: 1px solid #195c4f;
    color: #195c4f;
    padding: 3px 5px;
    border-radius: 4px;
    margin-right: 10px;
    text-transform: uppercase;
    overflow: hidden;
    text-indent: -9999px;
    position: relative;
    height: 1.5em;
    width: 2em;
    transition: background-color 0.2s ease-in-out;
}
.greyhound-dog-results .grey-link-icon {
    vertical-align: top;
}
.grey-link-icon::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: inherit;
}
.grey-link-icon:hover {
    background-color: #195c4f;
}
.grey-link-icon.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.icon-greyhoundsearch::after { background-image: url(../images/greyhound-info2.png); }
.icon-littersearch::after { background-image: url(../images/greyhound-litters2.png); }
.icon-pedigree::after { background-image: url(../images/greyhound-pedigree2.png); }
.icon-performance::after { background-image: url(../images/greyhound-performance2.png); }

.icon-greyhoundsearch:hover::after { background-image: url(../images/greyhound-info2w.png); }
.icon-littersearch:hover::after { background-image: url(../images/greyhound-litters2w.png); }
.icon-pedigree:hover::after { background-image: url(../images/greyhound-pedigree2w.png); }
.icon-performance:hover::after { background-image: url(../images/greyhound-performance2w.png); }

/* Autosuggestion */
.search-input-wrap,
#search-input-wrap {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 250px;
}
.search-dogname,
#search-dogname {
    width: 100%;
}
.search-suggestions-wrap,
#search-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0 0 4px 4px;
    overflow-y: auto;
    z-index: 1000;
    max-height: 250px;
}
.search-suggestions-wrap .suggestion-item,
#search-suggestions .suggestion-item {
    padding: 7px 10px;
    cursor: pointer;
}
.search-suggestions-wrap .suggestion-item:nth-child(odd),
#search-suggestions .suggestion-item:nth-child(odd) {
    background-color: #f9f9f9;
}
.search-suggestions-wrap .suggestion-item:hover,
#search-suggestions .suggestion-item:hover {
    background-color: #f5f5f5;
}

/* Tables */
table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.table {
    width: 100%;
    margin-bottom: 20px;
}
.table th,
.table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}
.table th {
    font-weight: bold;
}
.table thead th {
    vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top: 0;
}
table.table-header thead th {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
    color: #ffffff;
    background-color: #398672;
    border-right: 1px solid #eeeeee;
}
.table tbody + tbody {
    border-top: 2px solid #dddddd;
}
.table .table {
    background-color: #ffffff;
}
.table-condensed th,
.table-condensed td {
    padding: 4px 5px;
}
.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
    border-left: 1px solid #dddddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
}
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    background-color: #f5f5f5;
}
.table tbody tr.success > td {
    background-color: #dff0d8;
}
.table tbody tr.error > td {
    background-color: #f2dede;
}
.table tbody tr.warning > td {
    background-color: #fcf8e3;
}
.table tbody tr.info > td {
    background-color: #d9edf7;
}
.table-hover tbody tr.success:hover > td {
    background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover > td {
    background-color: #ebcccc;
}
.table-hover tbody tr.warning:hover > td {
    background-color: #faf2cc;
}
.table-hover tbody tr.info:hover > td {
    background-color: #c4e3f3;
}

table.greyhound-select,
table.greyhound-siblings,
table.greyhound-info {
    font-size: 16px;
}
table tr.new-litter td {
    border-top: 2px solid #398672;
}
.row-label {
    font-weight: bold;
}

/* pedigree table */
table.greyhound-pedigree {
    border-collapse: collapse;
    border: 0 none;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 20px;
    font-size: 12px;
}
.dog-entry-table {
    margin-bottom: 0;
}
.greyhound-pedigree .pedigree-counter { width: 0; padding: 0; }
.greyhound-pedigree .pedigree-level {
    width: calc(16.6666% - 5px);
}
.greyhound-pedigree .pedigree-connect {
    /*width: 6px;*/
    width: 10px;
    padding: 0;
}
table.greyhound-pedigree td {
    vertical-align: middle;
    padding: 0;
    border: 0 none;
}
.dog-entry-table td {
    font-size: 14px;
    padding: 0;
    vertical-align: middle;
}
.dog-entry-table .spacing-row td {
    font-size: 8px;
    line-height: 0.8em;
    padding: 0;
    height: 0.8em;
    /*background-color: pink;*/
}
.dog-itself .dog-entry-table .spacing-row td {
    font-size: 20px;
}
.dog-entry-table .icons-row td {
    font-size: 14px;
    padding: 0;
    vertical-align: middle;
}
.dog-entry-table .grey-link-text {
    text-transform: uppercase;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 0;
    margin-right: 0;
    padding: 2px;
    border: 1px solid #195c4f4a;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1em;
    transition: all 0.2s ease-in-out;
}
.dog-entry-table .grey-link-text:hover {
    text-decoration: none;
    background-color: #195c4f;
    color: #ffffff;
}
.greyhound-pedigree .grey-link-icon {
    margin-right: 5px;
    margin-top: 2px;
    border: 1px solid #195c4f4a;
}

.pedigree-connect {
    background-repeat: no-repeat;
    background-position: right 0 bottom 8px;
    background-size: 100% 100%;
}
.pedigree-connect .connector-icon {
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: 100% 100%;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*display: block;*/
}
.pedigree-connect.lineage-lvl0,
.pedigree-connect.lineage-lvl1,
.pedigree-connect.lineage-lvl2,
.pedigree-connect.lineage-lvl3,
.pedigree-connect.lineage-lvl4 {
    background-image: url(../images/connector.svg);
}
.greyhound-pedigree .border-bottom {
    border-bottom: 2px solid #195c4f;
}
.greyhound-pedigree .border-top {
    border-top: 2px solid #195c4f;
}
.greyhound-pedigree.hide-icons .icons-row { display: none; }
.greyhound-pedigree.hide-icons .pedigree-connect { background-position: right 0 bottom -3px; }

/* Duplicates */
.dog-entry-table .duplicate { background-color: #f0f0ff; }
.dog-entry-table .highlighted {
    text-decoration: none;
    background-color: #195c4f;
    color: #ffffff;
}

.greyhound-select .highlight,
.dog-entry-table .highlight {
    color: #000000;
    background-color: rgba(210,255,210,0.6);
}

.page-greyhound .warning-answer,
.warning-answer {
    color: #ff0000;
}

.column-short { width: 130px; }


/* ************************************************************************************************ */
/* **** PRINT STYLES  ***************************************************************************** */
/* ************************************************************************************************ */

@media print {
    .header-main { display: none; }
    #newsletter-right { display: none; }
    #greyhound-search-form-wrap { display: none; }
    .greyhound-search-results { display: none; }
    .greyhound-dog-results {}
    .greyhound-dog-results #pedigree { display: none; }
    .greyhound-pedigree { break-before: page; }
    .greyhound-pedigree thead th { font-size: 12px; line-height: 1.1em; padding: 2px; }
    .greyhound-pedigree tr:nth-child(even) td { padding-bottom:1px; }
    .dog-entry-table .grey-link-text { padding: 1px; font-size: 12px; }
    .dog-entry-table .grey-link-text,
    .dog-entry-table .grey-link-icon,
    .dog-entry-table .duplicate { background-color: #ffffff; }
    .greyhound-dog-results #siblings { break-before: page; }

    .grey-link-icon { display: none; }
    .greyhound-pedigree .spacing-row { display: none; }
    .greyhound-pedigree .icons { display: none; }
    .greyhound-pedigree .pedigree-connect { background-position: center; }
    .greyhound-pedigree.test-mating thead th { font-size: 10px; line-height: 1.1em; padding: 2px; }
    .greyhound-pedigree.test-mating tr:nth-child(even) td { padding-bottom:1px; }
    .greyhound-pedigree.test-mating .dog-entry-table .grey-link-text { padding: 0px; font-size: 8px; }

}