body { font-size: 11pt;}
h2 { color: #fa9022;margin: 30px 0px 0px 0px;padding: 3px 0px 3px 0px;font-size: 1.1em;border-top: 2px solid #fa9022;border-bottom: 0px solid #fa9022;}
h1 { font-size: 1.7em;}
.sales-header { background-color: #6fb6ce;display: block;padding: 6px;margin: 2px 0px 10px 0px;}
.sales-content-wrapper { display: none;}
.sales-content-wrapper-current { display: block;}
.sales-header-year { color: white;font-weight: bold;}
.salename-row-wrapper { padding: 6px 0px 6px 6px;font-size: 1em;border-bottom: 1px dotted #d3d3d3;}
.search-wrapper { margin: 30px 0px 20px 0px;}

.salename-row-wrapper { height: 3em;background-color: #ececec;margin: 1px 0px 1px 0px;padding: 3px 0px 0px 6px;font-size: 0.9em;border-bottom: 1px dotted #666;}
.salename-row-sale { width: 90%;display: inline-block;}
.sales-header-wrapper a { text-decoration: none;}
input[type=text], select { width: 70%;padding: 12px 10px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;}
input[type=submit] { display: inline-block;width: 20%;background-color: #4CAF50;color: white;padding: 14px 14px;margin: 8px 0;border: none;border-radius: 4px;cursor: pointer;}
.saleaspx-panel { border: 1px solid #d3d3d3;border-radius: 5px 5px 25px 25px;padding-bottom: 20px;margin-top: 30px;font-size:0.8em;}
.saleaspx-header-wrapper { display: block;padding: 3px 0px 0px 20px;margin: 2px 0px 0px 0px;border-bottom: 1px dotted #666;}
.saleaspx-header-wrapper a { color: black;text-decoration: none;font-size: 1em;}
.saleaspx-title-wrapper { display: block;padding: 6px;margin: 0px 0px 0px 0px;border-bottom: 1px dotted #666;background-color: #6fb6ce;font-weight: bold;color: white;}
.saleaspx-content-wrapper { display: none;}
.saleaspx-sire { display: inline-block;width: 60%;}
.saleaspx-siresold { display: inline-block;width: 10%;}
.saleaspx-sireagg { display:none;}
.saleaspx-sireavg { display: inline-block;width: 20%;text-align: right;}
.saleaspx-buyer{display:inline-block;width:100%;overflow:hidden;}
.saleaspx-buyeragg { display:none;}
.saleaspx-buyeravg { display: inline-block;width: 20%;text-align: right;}
.saleaspx-row-price { display: inline-block;text-align: right;vertical-align: top;}
.saleaspx-row-wrapper { display: block;border-bottom: 1px dotted #d3d3d3;margin-bottom: 3px;background-color: #ececec;vertical-align: top;padding: 3px 0px 3px 0px;}
.saleaspx-row-dam { display: inline-block;}
.saleaspx-row-sirevendor { display: inline-block;padding-left:20px;font-size:0.9em;}
.saleaspx-row-sirevendor-mob { display: inline-block;width: 100%;}
.ylgicon { display: inline-block;padding:0 5px 0 5px;}
.saleaspx-link-wrapper { text-align: right;padding: 3px 20px 0px 0px;font-size: 0.9em;}
.toplots-image { display: inline-block;padding-right:1%;}
.toplots-row-breeding { display: inline-block;width: 65%;}
.toplots-price { display:none;}
.saleaspx-toplots-wrapper { display: block;border-bottom: 1px dotted #666;margin-bottom: 3px;padding-bottom: 6px;vertical-align:top;}
.salesaspx-vendor-cell-mob { display: none;}
.salesaspx-vendor-cell-dt { display: inline-block;}
.saleaspx-sireagg-loc { display: inline-block;width: 15%;text-align: right;}
.saleaspx-sireavg-loc { display:none;}
.saleaspx-sire-loc { display: inline-block;width: 50%;}
.saleaspx-siresold-loc { display: inline-block;width: 10%;}
.saleaspx-sire-profit { display: inline-block;width: 60%;}
.saleaspx-siresold-profit { display: inline-block;width: 30%;}
.saleaspx-sireavg-profit { display: inline-block;width: 35%;text-align: right;}
.saleaspx-sirefee-profit { display: inline-block;width: 15%;text-align: right;}
.saleaspx-sirepft-profit { display: inline-block;width: 35%;text-align: right;}
.saleaspx-stats-row-wrapper { display: block;border-bottom: 1px dotted #d3d3d3;padding: 6px 0px 6px 0px;}
.saleaspx-stats-row-cell-a { display: inline-block;width: 31%;}
.saleaspx-stats-row-cell-b { display: inline-block;width: 45%;text-align: right;}
.saleaspx-stats-row-cell-c { display: inline-block;width: 45%;text-align: left;}
.saleaspx-stats-panel {border: 0px solid #d3d3d3;border-radius: 5px 5px 5px 5px;margin: 20px auto 20px auto;font-size: 0.9em;}
.saleaspx-buyerdata{display:inline-block;width:100%;overflow:hidden;}
.toplots-price-mob{padding-left:6px;}

@media only screen and (min-width: 576px) {
}

@media only screen and (min-width: 768px) {
.saleaspx-sireagg { display: inline-block;width: 15%;text-align: right;}
.saleaspx-siresold { display: inline-block;width: 5%;}
.saleaspx-sireavg { display: inline-block;width: 15%;text-align: right;}
.saleaspx-buyer{display:inline-block;width:auto;}
.saleaspx-buyerdata{display:inline-block;width:auto;padding-left:9px;}
.saleaspx-buyeragg { display: inline-block;width: 15%;text-align: right;}
.toplots-price { display: inline-block;width: 15%;text-align: right;vertical-align: top;}
.toplots-price-mob{display:none;}
.saleaspx-sireavg-loc { display: inline-block;width: 15%;text-align: right;}
.saleaspx-sire-profit { display: inline-block;width: 30%;}
.saleaspx-siresold-profit { display: inline-block;width: 20%;}
.saleaspx-sireavg-profit { display: inline-block;width: 15%;text-align: right;}
.saleaspx-sirefee-profit { display: inline-block;width: 10%;text-align: right;}
.saleaspx-sirepft-profit { display: inline-block;width: 15%;text-align: right;}
}
@media only screen and (min-width: 992px) { 
input[type=text], select {width: 60%;padding: 12px 10px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;}
input[type=submit] {display: inline-block;width: 20%;background-color: #4CAF50;color: white;padding: 14px 20px;margin: 8px 0;border: none;border-radius: 4px;cursor: pointer;}
.saleaspx-row-sirevendor-mob { display: inline-block;width: auto;}
}