/*
	frmPGFemaleSelector
*/

:root{
	--pg-theme: #1f347b;
	--pg-navy: #1e2353;
	--pg-pink: #e91596;
	--pg-pink-light: #ed35c6;
	--pg-pink-dark: #d3078a;
	--pg-black: #262828;
	--pg-black-light: #4a4f4f;
	--pg-black-dark: #001818;
	--pg-orange: #ffa039;
	--pg-orange-light: #ffbc73;
	--pg-orange-dark: #ef8c20;
	--pg-orange-radio: #dd7003;
	--pg-green: #9BBD39; /* #00c124; */
	--pg-green-radio: #09aa1f;
	--pg-header1: #047884;
	--pg-header1Color: #e2f7f0;
}

@media all and (min-width: 1024px) {
	.lt1024 {
		display: none;
	}
}
@media all and (max-width: 1023px) {
	.gte1024 {
		display: none;
	}
}
@media all and (min-width: 820px) {
	.lt820 {
		display: none;
	}
}
@media all and (max-width: 819px) {
	.gte820 {
		display: none;
	}
}


#frmPGFemaleSelector header {
	max-height: 80px;
	min-height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-image: none;
	background-color: var(--pg-theme);
}
#frmPGFemaleSelector header > *:last-child {
	display: flex;
	align-items: center;
}
#txtPGHerdNumber {
	font-weight: bold;
	color: #fff;
	padding-top: 5px;
}
#txtPGHerdNumber:before {
	content: "- ";
}
#txtPGHerdNumber:after {
	content: " -";
}
#frmPGFemaleSelector header .logo-left {
	width: 55px;
	height: 60px;
	margin-left: 20px;
	background-image: url(../img/pgLogo-white.png);
	background-repeat: no-repeat;
	background-position: center 9px;
	background-size: 49px;
	position: relative;
}
#frmPGFemaleSelector header .logo-right {
	width: 55px;
	height: 66px;
	margin-right: 20px;
	background-image: url(../img/AgriNetHerdApp-logo-round.svg);
	background-repeat: no-repeat;
	background-position: center 13px;
	background-size: 53px;
	position: relative;
	font-size: 10px;
	color: #ccc;
	text-align: center;
}
#frmPGFemaleSelector header .header-center {
	padding-left: 100px;
	text-align: center;
}
#frmPGFemaleSelector header .header-title {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
}
#frmPGFemaleSelector header .logos:before {
	content: "x";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 3px;
	color: #ffffffcc;
}
@media all and (min-width : 1200px) {
	#NSBPage[access-level="5"] #frmHome.topmenu .body {
		display: none;
	}
}
#NSBPage[access-level="5"] #frmAnimalReport header,
#NSBPage[access-level="5"] #frmAnimalReport .control .eventAddBtn {
	display: none;
}
@media all and (max-width : 1199px) {
	#NSBPage[access-level="5"] #frmAnimalReport .control .tmpBackDT {
		display: block;
		width: 50px;
		height: 46px;
	}
    #NSBPage[access-level="5"] #frmAnimalReport .control .tmpBackDT .backBtn {
        background-image: url(../img/backBtn.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30px 30px;
        height: 30px;
        margin-top: 8px;
        opacity: 1;
    }
}
#btnPGLogOut {
	color: #eee;
	cursor: pointer;
	height: 26px;
	padding: 2px 10px;
	margin-top: 13px;
	margin-right: 20px;
	border: solid thin #ccc;
	border-radius: 13px;
	font-size: 0.95em;
}
#btnPGLogOut:hover {
	background-color: #ffffff22;
}

/* tabs */
#wrpFemaleSelectorTabs {
	display: flex;
	width: 100%;
	overflow: hidden;
	z-index: 2;
	height: 60px;
	padding: 0 30px;
	gap: 10px;
	background: linear-gradient(180deg, var(--pg-theme) 45%, #ffffff 45%);
}
#wrpFemaleSelectorTabs .btn {
	flex: 1 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	line-height: 39px;
	padding-left: 5px;
	padding-right: 5px;
	color: var(--pg-navy);
	font-weight: bold;

	border-radius: 7px;
	background-color: #ffffff;
	border: none;
	box-shadow: 0 0 5px #00000055;
}
#wrpFemaleSelectorTabs .btn:hover {
	background-color: #eee;
}
#wrpFemaleSelectorTabs .btn > span.icon {
	display: inline-block;
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-position: center;
	margin-right: 15px;
}
#tabFemaleSelectorHerdSummary.btn > span.icon {
	background-image: url(../img/pg-clipboard-color.svg);
}
#tabFemaleSelectorHerdSummary.btn.active > span.icon {
	background-image: url(../img/pg-clipboard-white.svg);
}
#tabFemaleSelectorFemales.btn > span.icon {
	background-image: url(../img/pg-female-color.svg);
}
#tabFemaleSelectorFemales.btn.active > span.icon {
	background-image: url(../img/pg-female-white.svg);
}
#tabFemaleSelectorBulls.btn > span.icon {
	background-image: url(../img/pg-bull-color.svg);
}
#tabFemaleSelectorBulls.btn.active > span.icon {
	background-image: url(../img/pg-bull-white.svg);
}
#tabFemaleSelectorReport.btn > span.icon {
	background-image: url(../img/pg-report-color.svg);
}
#tabFemaleSelectorReport.btn.active > span.icon {
	background-image: url(../img/pg-report-white.svg);
}
#wrpFemaleSelectorTabs .btn.active {
	color: #fff;
	position: relative;
	background-color: transparent;
}
#wrpFemaleSelectorTabs .btn.active:before {
	content: "";
	position: absolute;
	left: 2px;
	top: 5px;
	width: calc(100% - 4px);
	height: 100%;
	border-radius: 12px;
	background-color: var(--pg-pink);
	z-index: -1;
}
#wrpFemaleSelectorTabs .btn.active:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 7px;
	background-color: var(--pg-header1);
	z-index: -1;
}
@media all and (max-width: 1023px) {
	#frmPGFemaleSelector header .header-title {
		font-size: 21px;
	}
	#wrpFemaleSelectorTabs {
		padding: 0 15px;
	}
	#wrpFemaleSelectorTabs .btn > span.icon {
		width: 32px;
		height: 32px;
		background-size: 32px 32px;
		margin-right: 5px;
	}
	#wrpFemaleSelectorTabs .btn {
		font-size: 15px;
	}
}
#frmPGFemaleSelector .tableTopTitle {
	min-width: 130px;
	padding: 10px 5px;
	font-weight: bold;
	color: var(--pg-navy);
}
#selFemaleSelectorMilkRecordDate {
	height: 30px;
	flex: 0 0 100px;
}
#frmPGFemaleSelector table tr td {
	color: var(--pg-navy);
}
#frmPGFemaleSelector .table-bordered {
	border: none;
}
#frmPGFemaleSelector .dataTables_wrapper > div:last-child {
	border-top: none;
}
#pgSelectedFemalesTable_wrapper tbody tr:last-child td,
#pgReportTable_wrapper tbody tr:last-child td {
	border-bottom-width: 1px;
}
#frmPGFemaleSelector .dataTables_wrapper table tbody tr td:not(:first-child),
#pgSummaryEliteTable tbody > tr > td:first-child {
	text-align: center;
}
#pgSummaryEliteTable_wrapper .dataTables_scrollBody {
	overflow: auto;
}
#pgSummaryEliteTable_wrapper tbody tr:last-child td {
	border-bottom-width: 1px;
}
#pgSummaryStrawUsageTable > tbody > tr > td:last-child {
	width: 25%;
	position: relative;
}
#pgSummaryStrawUsageTable td.editable {
	background-color: var(--input-bg-color);
	white-space: nowrap; /* single line */
	position: relative;
}
#pgSummaryStrawUsageTable td.editable:before {
	content: "";
	position: absolute;
	left: 1px;
	top: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border-radius: 3px;
	border: solid thin #ddd;
	pointer-events: none;
}
#pgSummaryStrawUsageTable td.editable:focus-visible {
	outline: none;
}
#pgSummaryStrawUsageTable td.editable br {
	display: none;
}
#pgSummaryStrawUsageTable td.dateType {
	padding: 0;
}
#pgSummaryStrawUsageTable td.dateType.editable:empty:after {
	content: "dd/mm/yy";
	color: #bbb;
}
#pgSummaryStrawUsageTable td.percentType.editable:after {
	content: "%";
	position: absolute;
	right: 0;
	top: 0;
	width: 25px;
	height: 33px;
	color: #bbb;
	line-height: 31px;
	text-align: center;
}
#tabcontentFemaleSelectorSummary .summaryTableWrapper .flexSpread:not(.noUnderline) .hideOnCollapsed {
	display: none;
}
#tabcontentFemaleSelectorSummary .summary-header {
	cursor: pointer;
	padding: 0;
	user-select: none;
	border-bottom: solid thin transparent;
	transition: border-color 0.25s ease;
	border-radius: 8px;
	background-color: #f9f9f9;
}
#tabcontentFemaleSelectorSummary .summary-header:hover {
	background-color: #fafbfc;
}
#tabcontentFemaleSelectorSummary .summary-title-section {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
#tabcontentFemaleSelectorSummary .toggle-icon-wrapper {
	font-size: 20px;
	color: var(--pg-navy, #0C727A);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
}
#tabcontentFemaleSelectorSummary .summary-header:hover .toggle-icon-wrapper {
	background-color: #f0f4f5;
}
#tabcontentFemaleSelectorSummary .summary-header.closed .toggle-icon-wrapper {
	transform: rotate(-90deg);
}
#wrpFemaleSelectorDateField { /* hidden date field for date type cell */
	margin: 0;
	width: 100%;
	height: 100%;
}
#wrpFemaleSelectorDateField input {
	border: none;
	text-align: center;
	background-color: var(--input-bg-color) !important;
}
#wrpFemaleSelectorDateField .pickerShield {
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	margin: 1px;
	border-radius: 3px;
	border: solid thin #ddd;
}


/* frmPGFemaleSelector - Summary Tab */
#wrpFemaleSelectorTabContents .pageGrid {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	padding: 30px 0;
}
#wrpFemaleSelectorTabContents .pageGrid .summaryTableWrapper {
	padding: 5px;
	box-shadow: 0 0 5px #00000033;
	border-radius: 12px;
	margin: 0 auto;
	width: 90vw;
	max-width: 900px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
#tabcontentFemaleSelectorSummary .pennant-icon {
	width: 97.5px;
	height: 75px;
	margin: 0 0 0 1px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 97.5px 75px;
}
#tabcontentFemaleSelectorSummary .pennant-icon.bg-surf-green {
	background-image: url(../img/pg-penant-green.svg);
}
#tabcontentFemaleSelectorSummary .pennant-icon.bg-pink {
	background-image: url(../img/pg-penant-pink.svg);
}
#tabcontentFemaleSelectorSummary .pennant-icon.bg-lime-green {
	background-image: url(../img/pg-penant-lime.svg);
}
#tabcontentFemaleSelectorSummary .pennant-icon.bg-navy-blue {
	background-image: url(../img/pg-penant-navy.svg);
}
#tabcontentFemaleSelectorSummary .pennant-icon img {
	width: 40px;
	height: 40px;
	margin-right: 13px;
	display: block;
}
#tabcontentFemaleSelectorSummary .summary-title-section {
	padding: 10px 15px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}
#tabcontentFemaleSelectorSummary .summary-title-section .title {
	font-size: 21px;
	font-weight: 700;
	color: #0d263e;
	margin: 0;
}
#tabcontentFemaleSelectorSummary .summary-title-section .caption {
	font-size: 12px;
	color: #777;
	margin: 0;
	line-height: 1.3;
}
#tabcontentFemaleSelectorSummary .toggle-icon-wrapper {
	margin-right: 20px;
	font-size: 22px;
	color: #0d263e;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	flex-shrink: 0;
}
#wrpFemaleSelectorTabContents .pageGrid .summaryTableWrapper .collapse {
	padding: 15px;
}
#wrpFemaleSelectorTabContents .pageGrid > .summaryTableWrapper:nth-child(3) .collapse,
#wrpFemaleSelectorTabContents .pageGrid > .summaryTableWrapper:nth-child(4) .collapse {
	padding: 5px 15px 15px 15px;
}
#wrpFemaleSelectorTabContents .pageGrid .summaryTableWrapper .collapse .dateVal {
	color: var(--pg-navy);
	font-size: 0.9em;
	padding: 0 5px 10px 0;
}
#wrpFemaleSelectorTabContents .pageGrid .summaryTableWrapper .collapse select {
	color: var(--pg-navy);
	border-color: var(--pg-navy);
}
#wrpFemaleSelectorTabContents .pageGrid .summaryTableWrapper .collapse .dataTables_wrapper {
	border-radius: 10px;
	box-shadow: 0 0 2px #00000033;
}
#wrpFemaleSelectorTabContents thead tr:not(.advFilter) th {
	color: var(--pg-navy);
	font-weight: bold;
	background-color: #f6f6f6;
}
#wrpFemaleSelectorDateField .pickerShield {
	border-top-right-radius: 10px;
}
@media all and (max-width: 1023px) {
	#wrpPGSummaryGenetic.collapse {
		padding: 5px 10px 10px 10px !important;
	}
	#pgSummaryGeneticTable_wrapper thead tr th,
	#pgSummaryGeneticTable tbody tr td {
		font-size: 0.9em;
	}
}

#pgSummaryStrawUsageTable_wrapper thead {
	display: none;
}
#pgSummaryLactationTable_wrapper thead > tr > th {
	line-height: 1.2;
}
#pgSummaryGeneticTable_wrapper thead tr th,
#pgSummaryGeneticTable tbody tr td {
	padding: 5px 3px;
}
#pgSummaryGeneticTable tbody td .txtGray {
	color: #999;
}

/* frmPGFemaleSelector - Females Tab */
#tabcontentFemaleSelectorFemales .dataTables_wrapper {
	box-shadow: 0 0 5px #00000033;
	border-radius: 10px;
}
#pgSelectedFemalesTable_wrapper {
	margin: 0 15px 15px 15px;
}
@media all and (max-width: 1023px) {
	#pgSelectedFemalesTable_wrapper {
	margin: 0 10px 10px 10px;
	}
}
#pgSelectedFemalesTable_wrapper tbody tr td.dropdown {
	background-image: url(../img/chevron-down-white.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 3px) center;
	background-size: 12px;
	cursor: pointer;
	position: relative;
}
#pgSelectedFemalesTable_wrapper tbody tr td.dropdown:empty {
	background-image: url(../img/chevron-down.svg);
}
#pgSelectedFemalesTable_wrapper tbody tr td.dropdown ul {
	position: absolute;
	right: 5px;
	top: 95%;
	background-color: white;
	border-radius: 5px;
	padding: 5px 0;
	box-shadow: 0 0 5px #666;
	z-index: 100;
}
#pgSelectedFemalesTable_wrapper tbody tr td.dropdown ul li {
	font-size: 16px;
	height: 38px;
	padding: 8px 20px 8px 40px;
	text-align: left;
	color: #000;
	position: relative;
	white-space: nowrap;
}
#pgSelectedFemalesTable_wrapper tbody tr td.dropdown ul li:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 8px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: transparent;
}
#pgSelectedFemalesTable_wrapper tbody tr td.dropdown ul li[data-color="gold"]:before {
	background-color: #ddab2c;
}
#pgSelectedFemalesTable_wrapper tbody tr td.dropdown ul li[data-color="green"]:before {
	background-color: #02af52;
}
#pgSelectedFemalesTable_wrapper tbody tr td.dropdown ul li[data-color="blue"]:before {
	background-color: #26ade4;
}
#pgSelectedFemalesTable_wrapper tbody tr td.dropdown ul li[data-color="brown"]:before {
	background-color: #d64c22;
}
#pgSelectedFemalesTable_wrapper tbody tr td.dropdown ul li:hover {
	background-color: #eee;
}
#pgSelectedFemalesTable td > input[type="radio"] + span {
	display: inline-block;
	width: 0 !important;
	overflow: hidden;
}
#pgSelectedFemalesTable tbody tr > td:last-child {
	padding: 0;
}
#pgSelectedFemalesTable td > select {
	height: 32px;
	border: none;
}
#pgSelectedFemalesTable td > select.unset {
	font-size: 0.95em;
	letter-spacing: -1px;
	color: #999;
	overflow: hidden;
	white-space: nowrap;
}

#frmPGFemaleSelector[data-tab="females"] .bodyfit {
	overflow: hidden;
}
/*#frmPGFemaleSelector[data-tab="females"] .flexGridScroll {
	padding-bottom: 10px !important;
}*/
#tabcontentFemaleSelectorFemales .titleWrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
}
#tabcontentFemaleSelectorFemales .titleWrapper .classifiedNumbers {
	display: flex;
	gap: 5px;
	height: 34px;
	overflow-x: auto;
}
#tabcontentFemaleSelectorFemales .titleWrapper .classifiedNumbers > div {
	padding: 5px 7px;
	height: 28px;
	border-radius: 3px;
}
#pgSelectedFemalesTable_wrapper thead tr th.gold,
#tabcontentFemaleSelectorFemales .titleWrapper .classifiedNumbers > div.gold,
#pgSelectedFemalesTable_wrapper .dataTables_scrollHeadInner thead > tr:last-child > th.gold {
	color: #fff;
	background-color: var(--pg-green);
}
#pgSelectedFemalesTable_wrapper thead tr th.green,
#tabcontentFemaleSelectorFemales .titleWrapper .classifiedNumbers > div.green,
#pgSelectedFemalesTable_wrapper .dataTables_scrollHeadInner thead > tr:last-child > th.green {
	color: #fff;
	background-color: var(--pg-pink);
}
#pgSelectedFemalesTable_wrapper thead tr th.blue,
#tabcontentFemaleSelectorFemales .titleWrapper .classifiedNumbers > div.blue,
#pgSelectedFemalesTable_wrapper .dataTables_scrollHeadInner thead > tr:last-child > th.blue {
	color: #fff;
	background-color: var(--pg-black);
}
#pgSelectedFemalesTable_wrapper thead tr th.brown,
#tabcontentFemaleSelectorFemales .titleWrapper .classifiedNumbers > div.brown,
#pgSelectedFemalesTable_wrapper .dataTables_scrollHeadInner thead > tr:last-child > th.brown {
	color: #fff;
	background-color: var(--pg-orange);
}
#tabcontentFemaleSelectorFemales .titleWrapper .classifiedNumbers .title {
	font-size: 0.95em;
}
#tabcontentFemaleSelectorFemales .titleWrapper .classifiedNumbers .count {
	font-weight: bold;
	padding-left: 5px;
}
#btnPGFemaleSelectedCSV {
	width: 100%;
	max-width: 120px;
	height: 36px;
	background-color: #f3f3f3;
}
#btnPGFemaleSelectedCSV:hover {
	background-color: #ddd;
}
#btnPGFemaleSelectedCSV i {
	padding-right: 5px
}
#pgSelectedFemalesTable_wrapper tbody tr td.chkbox {
	font-size: 0 !important;
}
#pgSelectedFemalesTable_wrapper tbody tr td.chkbox {
	padding-left: 20px;
	padding-right: 20px;
	background-image: url("../img/check-square.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
#pgSelectedFemalesTable_wrapper tbody tr td.chkbox.checked {
	background-image: url("../img/check2-square.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
#pgSelectedFemalesTable_wrapper thead tr th.chkbox.sorting_disabled:after {
	content: none !important;
}
#pgSelectedFemalesTable_wrapper tbody tr td.gold {
	color: #fff;
	background-color: var(--pg-green);
}
#pgSelectedFemalesTable_wrapper tbody tr td.green {
	color: #fff;
	background-color: var(--pg-pink);
}
#pgSelectedFemalesTable_wrapper tbody tr td.blue {
	color: #fff;
	background-color: var(--pg-black);
}
#pgSelectedFemalesTable_wrapper tbody tr td.brown {
	color: #fff;
	background-color: var(--pg-orange);
}
#tabcontentFemaleSelectorFemales tbody tr td.sexedDairy input[type="radio"] {
	accent-color: var(--pg-pink);
}
#tabcontentFemaleSelectorFemales tbody tr td.dairyBeef input[type="radio"] {
	accent-color: var(--pg-orange-radio);
}
#tabcontentFemaleSelectorFemales tbody tr td.breedProg input[type="radio"] {
	accent-color: var(--pg-green-radio);
}
#tabcontentFemaleSelectorFemales tbody tr td.convDairy input[type="radio"] {
	accent-color: var(--pg-black);
}
#pgSelectedFemalesTable_wrapper tbody tr td.bull {
	min-width: 60px;
}
#pgSelectedFemalesTable_wrapper tbody tr td.active {
	outline: 2px solid blue; /* The inner border line */
	outline-offset: -4px; /* Adjust this value to control the distance from the border */
}

#pgSelectedFemalesTable_wrapper tbody tr td:first-child:not(.dataTables_empty),
#pgSelectedFemalesTable_wrapper thead tr th:first-child {
	background-color: #edf6f2;
}
#pgSelectedFemalesTable_wrapper tbody tr td:first-child:not(.dataTables_empty) {
	background-image: url(../img/arrowWide-surf-green.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 12px 16px;
	text-align: center;
	color: var(--pg-header1);
	font-weight: bold;
	padding-left: 10px;
	cursor: pointer;
}
#pgSelectedFemalesTable_wrapper thead tr.advFilter th {
	padding: 2px;
	height: unset;
}
#pgSelectedFemalesTable_wrapper thead tr.advFilter th input {
	width: 100%;
	height: 28px;
	line-height: 26px;
	/*font-size: 1.3em;*/
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	background-color: var(--input-bg-color);
	border: solid thin #ddd;
	border-radius: 3px;
}
#pgSelectedFemalesTable_wrapper thead tr.advFilter th {
	border-top-width: 0;
	border-bottom-width: 1px;
	font-size: 16px;
	vertical-align: middle;
}
#pgSelectedFemalesTable_wrapper thead tr.advFilter th[name="scc"] {
	border-right: none;
}
#pgSelectedFemalesTable_wrapper thead tr.advFilter th[name="bull"],
#pgSelectedFemalesTable_wrapper thead tr.advFilter th.decision {
	vertical-align: bottom;
	background-color: #f0f0f0;
	padding: 2px 0;
}
#pgSelectedFemalesTable_wrapper thead tr.advFilter th:first-child {
	background-color: unset;
	border-color: #ddd;
	position: relative;
	padding-left: 27px !important;
}
#pgSelectedFemalesTable_wrapper .dataTables_scrollHead thead tr.advFilter th:first-child:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 100%;
	line-height: 32px;
	font-size: 12px;
	font-weight: bold;
	background-color: #f3f3f3;
}
#pgSelectedFemalesTable_wrapper .dataTables_scrollHead thead tr.advFilter:nth-child(1) th:first-child:before {
	content: "Min";
}
#pgSelectedFemalesTable_wrapper .dataTables_scrollHead thead tr.advFilter:nth-child(2) th:first-child:before {
	content: "Max";
}
#pgSelectedFemalesTable_wrapper .dataTables_scrollHead thead tr.advFilter:nth-child(3) th:first-child:before {
	content: "Avg";
}
#pgSelectedFemalesTable_wrapper .dataTables_scrollHead thead tr.advFilter.Max th > button.hold.active {
	background-color: var(--pg-header1);
	color: #fff;
}
#pgSelectedFemalesTable_wrapper .dataTables_scrollHead thead tr.advFilter.Max th > button.hold:not(.active).disabled {
	background-color: #eee;
}
#pgSelectedFemalesTable_wrapper .dataTables_scrollHead thead tr.advFilter.Min th[name="sexedDairy"] {
	background-color: #f0f0f0;
}
#pgSelectedFemalesTable_wrapper .dataTables_scrollHead thead tr.advFilter.Min th[name="sexedDairy"] > div {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
#pgSelectedFemalesTable_wrapper .dataTables_scrollHead thead tr.advFilter.Min th[name="sexedDairy"]:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#btnPGFemaleSelectedResetFilters {
	height: 30px;
	padding: 5px;
	font-size: 13px;
	z-index: 1;
}
#btnPGFemaleSelectedClearSelections {
	padding: 5px;
	font-size: 12px;
	white-space: pre-wrap;
	min-width: 50px;
	max-width: 60px;
	line-height: 1.1;
	height: auto;
	margin-bottom: 2px;
}
#pgSelectedFemalesTable_wrapper thead tr th.decision button {
	height: 27px;
	font-size: 12px;
	padding: 0;
	width: 85%;
	min-width: 36px;
	max-width: 55px;
	margin: 0 2px 2px 2px;
}
#btnPGFemaleSelectedResetFilters:hover,
#btnPGFemaleSelectedClearSelections:hover,
#pgSelectedFemalesTable_wrapper thead tr th.decision button:hover {
	background-color: #ddd;
}
#pgSelectedFemalesTable_wrapper thead tr.advFilter.Avg th input {
	border: none;
	pointer-events: none;
	background-color: unset;
	height: 22px;
	line-height: 22px;
}
#pgSelectedFemalesTable_wrapper thead tr.advFilter.Avg th {
	line-height: 22px;
	height: 22px;
	padding: 5px 2px;
}
#pgSelectedFemalesTable_wrapper .dataTables_scrollHeadInner thead > tr:last-child > th {
	border-top-width: 0;
	background-color: var(--pg-header1);
	color: var(--pg-header1Color);
}
#tabcontentFemaleSelectorFemales[data-mode="default"] #pgSelectedFemalesTable_wrapper thead tr.advFilter {
	display: none;
}
#tabcontentFemaleSelectorFemales[data-mode="advanced"] #radPGFemaleSelectedChosenSwitch {
	pointer-events: none;
	opacity: 0.5;
}
#pgSelectedFemalesTable_wrapper thead tr.groupTitle th {
	white-space: nowrap;
	border-top: none;
	border-bottom: none;
	height: unset;
	border-color: #999;
}
#pgSelectedFemalesTable_wrapper .dataTables_scrollHeadInner thead > tr:last-child > th:nth-child(3),
#pgSelectedFemalesTable_wrapper .dataTables_scrollHeadInner thead > tr:last-child > th:nth-child(6),
#pgSelectedFemalesTable_wrapper .dataTables_scrollHeadInner thead > tr:last-child > th:nth-child(13),
#pgSelectedFemalesTable_wrapper .dataTables_scrollHeadInner thead > tr:last-child > th:nth-child(18) {
	border-right-color: #999;
}
#pgSelectedFemalesTable_wrapper thead tr.groupTitle th.decisionCount {
	border-color: #ddd;
	position: relative;
}
#pgSelectedFemalesTable_wrapper thead tr.groupTitle th.decisionCount div {
	position: absolute;
	font-size: 1.5em;
	font-weight: bold;
	left: 0;
	top: 10px;
	width: 100%;
	z-index: 1;
}
#pgSelectedFemalesTable_wrapper thead tr.groupTitle th:not(.gold):not(.green):not(.blue):not(.brown) {
	color: var(--pg-header1Color);
	background-color: var(--pg-header1) !important;
	border-bottom: solid thin #999999cc
}
#pgSelectedFemalesTable tbody tr td.decision.assigned {
	background-color: #eee;
}
#pgSelectedFemalesTable tbody tr td.decision input.disabled {
	pointer-events: none;
	opacity: 0.5;
}
#pgSelectedFemalesTable tbody tr.hold td:not(:first-child):not(:last-child) {
	background-color: #f0f0f0;
	opacity: 0.75;
	pointer-events: none;
}
#pgSelectedFemalesTable_wrapper tbody tr td,
#pgSelectedFemalesTable_wrapper thead tr th {
	padding-left: 3px;
	padding-right: 3px;
}
@media all and (max-width: 1179px) {
	#pgSelectedFemalesTable_wrapper tbody tr td{
		font-size: 0.9em !important;
	}
	#pgSelectedFemalesTable_wrapper thead tr th {
		font-size: 0.85em !important;
	}
	#pgSelectedFemalesTable td > select {
		font-size: 0.95em !important;
	}
	#pgSelectedFemalesTable_wrapper thead tr.groupTitle th.decisionCount div {
		font-size: 1.3em !important;
	}
}
@media all and (max-width: 1023px) {
	#pgSelectedFemalesTable_wrapper tbody tr td {
		font-size: 0.8em !important;
		padding-left: 0;
		padding-right: 0;
	}
	#pgSelectedFemalesTable_wrapper thead tr th {
		font-size: 0.75em !important;
		padding-left: 0;
		padding-right: 0;
	}
	#pgSelectedFemalesTable_wrapper thead tr th.decision button {
		font-size: 11px;
	}
}
@media all and (max-width: 480px) {
	#tabcontentFemaleSelectorFemales .titleWrapper {
		display: block;
	}
	#pgSelectedFemalesTable_wrapper .dataTables_scrollBody {
		height: calc(100vh - 266px - var(--safe-top));
	}
	#tabcontentFemaleSelectorFemales .titleWrapper .classifiedNumbers > div {
		padding: 5px;
		letter-spacing: -0.3px;
	}
}
#tabcontentFemaleSelectorFemales[data-mode="advanced"] #pgSelectedFemalesTable_wrapper {
	position: relative;
}


/* frmPGFemaleSelector - Bulls Tab */
#tabcontentFemaleSelectorBulls .bullsTableWrapper {
	padding: 10px;
	border-radius: 15px;
	box-shadow: 0 0 5px #00000033;
}
#tabcontentFemaleSelectorBulls .dataTables_wrapper {
	box-shadow: 0 0 2px #00000033;
	border-radius: 10px;
}
#pgDairyBullsTable tbody tr td.delete,
#pgDairyBeefBullsTable tbody tr td.delete {
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}
#pgDairyBullsTable tbody tr td.delete .btn-danger,
#pgDairyBeefBullsTable tbody tr td.delete .btn-danger,
#pgBreedProgBullsTable tbody tr td.delete .btn-danger {
	height: 32px;
	line-height: 20px;
	background-color: #d9534f;
	border-color: #d43f3a;
}
#pgDairyBullsTable tbody tr td.delete .btn-danger:hover,
#pgDairyBeefBullsTable tbody tr td.delete .btn-danger:hover {
	background-color: #c9302c;
	border-color: #ac2925;
}
#pgDairyBullsTable tbody tr td.delete .btn.leftIcon i,
#pgDairyBeefBullsTable tbody tr td.delete .btn.leftIcon i,
#pgBreedProgBullsTable tbody tr td.delete .btn.leftIcon i {
	line-height: 32px;
}
/* enter custom mode */
#pgDairyBullsTable select, #pgDairyBeefBullsTable select,
#pgDairyBullsTable ::picker(select), #pgDairyBeefBullsTable ::picker(select) {
	appearance: base-select;
}
#pgDairyBullsTable ::picker(select), #pgDairyBeefBullsTable ::picker(select) {
	border-radius: 6px;
	border: none;
	box-shadow: 0 0 5px #999;
}
#pgDairyBullsTable_wrapper thead > tr:not(.colFilter) > th,
#pgDairyBeefBullsTable_wrapper thead > tr:not(.colFilter) > th {
	height: unset;
	border-top: none;
	font-size: 0.8em;
	padding: 5px 1px;
}
#pgDairyBullsTable_wrapper thead tr.groupTitle th,
#pgDairyBeefBullsTable_wrapper thead tr.groupTitle th {
	border-bottom: solid thin #ddd;
}
#pgDairyBullsTable_wrapper thead tr.groupTitle th {
	color: var(--pg-header1Color);
	background-color: var(--pg-header1);
}
#pgDairyBeefBullsTable_wrapper thead tr.groupTitle th {
	color: var(--pg-header1Color);
	background-color: var(--pg-header1);
}
#pgBreedProgBullsTable_wrapper thead tr th {
	color: #fff;
	background-color: var(--pg-green);
}
#pgDairyBullsTable_wrapper thead tr th.chkbox,
#pgDairyBullsTable tbody tr td.chkbox,
#pgDairyBeefBullsTable_wrapper thead tr th.chkbox,
#pgDairyBeefBullsTable tbody tr td.chkbox {
	width: 100px;
	padding-left: 0;
	padding-right: 0;
}
#pgDairyBullsTable_wrapper thead tr th.gold {
	background-color: #ddab2c;
}
#pgDairyBullsTable_wrapper thead tr th.green {
	color: #fff;
	background-color: var(--pg-pink-dark);
}
#pgDairyBullsTable_wrapper thead tr.groupTitle th.sexed {
	color: #fff;
	background-color: var(--pg-pink);
}
#pgDairyBullsTable_wrapper thead tr th.green-light {
	color: #fff;
	background-color: var(--pg-pink-light);
}
#pgDairyBullsTable_wrapper thead tr.groupTitle th.conv {
	color: #fff;
	background-color: var(--pg-black);
}
#pgDairyBullsTable_wrapper thead tr th.blue {
	color: #fff;
	background-color: var(--pg-black-dark);
}
#pgDairyBullsTable_wrapper thead tr th.blue-light {
	color: #fff;
	background-color: var(--pg-black-light);
}
#pgDairyBeefBullsTable_wrapper thead tr.groupTitle th.beef {
	color: #fff;
	background-color: var(--pg-orange);
}
#pgDairyBeefBullsTable_wrapper thead tr th.brown {
	color: #fff;
	background-color: var(--pg-orange-dark);
}
#pgDairyBeefBullsTable_wrapper thead tr th.brown-light {
	background-color: var(--pg-orange-light);
}
#pgDairyBullsTable_wrapper thead tr:not(.Max) > th:last-child,
#pgDairyBeefBullsTable_wrapper thead tr:not(.Max) > th:last-child {
	border-right: solid thin;
}
@media all and (max-width: 1179px) {
	#tabcontentFemaleSelectorBulls tbody tr td{
		font-size: 0.9em !important;
		padding-left: 0;
		padding-right: 0;
	}
	#tabcontentFemaleSelectorBulls thead tr th {
		font-size: 0.85em !important;
	}
}
@media all and (max-width: 1023px) {
	#tabcontentFemaleSelectorBulls tbody tr td {
		font-size: 0.75em !important;
	}
	#tabcontentFemaleSelectorBulls thead tr th {
		font-size: 0.7em !important;
		padding-left: 0;
		padding-right: 0;
	}
}


#divPGBullsOverlay {
	position: absolute;
	width: 100%;
	height: calc(100vh - 108px);
	left: 0;
	top: 0;
	background-color: #00000033;
	background-image: url(../img/spinnerGray.svg);
	background-size: 60px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1000;
}
#tabcontentFemaleSelectorBulls:not(.spinner) #divPGBullsOverlay {
	display: none;
}
#tabcontentFemaleSelectorBulls .bullSelectionWrapper {
	padding: 10px 30px;
}
#tabcontentFemaleSelectorBulls .bullSelectionWrapper > *:not(:first-child) {
	margin-top: 30px;
}
#tabcontentFemaleSelectorBulls .wrpBullsTitleRow {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-bottom: 8px;
}
#tabcontentFemaleSelectorBulls .wrpBullsAddBull {
	display: flex;
	align-items: center;
}
#tabcontentFemaleSelectorBulls .wrpBullsAddBull input.bullName {
	width: 120px;
	height: 36px;
	border: solid thin var(--pg-header1);
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	padding-left: 10px;
}
#tabcontentFemaleSelectorBulls .wrpBullsAddBull button {
	border-color: var(--pg-header1);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: none;
	height: 36px;
	color: #fff;
	background-color: var(--pg-header1);
}
#tabcontentFemaleSelectorReport .sendWrapper {
	flex: 0 0 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#tabcontentFemaleSelectorReport {
	padding: 5px 10px 10px 10px;
}
#tabcontentFemaleSelectorReport .reportsWrapper {
	padding: 10px 20px;
}
#tabcontentFemaleSelectorReport .reportsWrapper > *:not(:first-child) {
	margin-top: 30px;
}
#tabcontentFemaleSelectorReport .bullsTableWrapper {
	padding: 10px;
	border-radius: 15px;
	box-shadow: 0 0 5px #00000033;
}
#tabcontentFemaleSelectorReport .wrpReportsTitleRow {
	border-radius: 10px;
	box-shadow: 0 0 2px #00000033;
}
#tabcontentFemaleSelectorReport .wrpReportsTitleRow .title {
	width: 100%;
	height: 30px;
	margin: 0;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background-color: var(--pg-theme);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-transform: uppercase;
}
#btnPGReportRefresh {
	height: 36px;
}
#btnPGReportRefresh:after {
	content: " Check if report is ready";
}
#tabcontentFemaleSelectorReport.finished #btnPGReportRefresh:after{
	content: " Reload report";
}
#tabcontentFemaleSelectorReport .reportTitleHeader > div.left,
#tabcontentFemaleSelectorReport .reportTitleHeader div.herdInfo {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
#tabcontentFemaleSelectorReport .reportTitleHeader .title {
	font-size: 27px;
	font-weight: bold;
	color: var(--pg-navy);
}
#tabcontentFemaleSelectorReport .reportTitleHeader .date {
	color: var(--pg-navy);
	font-weight: bold;
	padding-left: 2px;
}
#tabcontentFemaleSelectorReport .reportTitleHeader .date i {
	color: var(--pg-header1);
}
#tabcontentFemaleSelectorReport .reportTitleHeader .subLabel {
	color: var(--pg-header1);
	font-weight: bold;
}
#tabcontentFemaleSelectorReport .reportTitleHeader .subContent {
	padding-left: 10px;
	color: var(--pg-navy);
	font-weight: bold;
}
#tabcontentFemaleSelectorReport .reportTitleHeader div.totalRecords {
	display: flex;
	align-items: center;
}
#tabcontentFemaleSelectorReport .reportTitleHeader div.totalRecords .label {
	color: var(--pg-header1);
	padding-right: 5px;
}
#tabcontentFemaleSelectorReport:not(.finished) .reportsWrapper,
#tabcontentFemaleSelectorReport:not(.finished) .reportTitleHeader,
/*#tabcontentFemaleSelectorReport:not(.finished) #pgReportTable,*/
#tabcontentFemaleSelectorReport:not(.hasStagingId) #btnPGReportResend,
#tabcontentFemaleSelectorReport:not(.hasStagingId) #btnPGReportRefresh,
#tabcontentFemaleSelectorReport:not(.hasStagingId) .contentReport,
#tabcontentFemaleSelectorReport.hasStagingId .contentSend,
#tabcontentFemaleSelectorReport.finished #wrpPGNoReport,
#tabcontentFemaleSelectorReport:not(.finished) .showWithGrid {
	display: none;
}
#tabcontentFemaleSelectorReport > .flexSpread {
	padding: 10px 30px;
}
#tabcontentFemaleSelectorReport > .flexSpread > *:last-child {
	gap: 5px;
}
@media all and (max-width: 1179px) {
	#tabcontentFemaleSelectorReport > .flexSpread,
	#tabcontentFemaleSelectorReport .reportsWrapper {
		padding: 10px;
	}
	#tabcontentFemaleSelectorReport .contentReport button,
	#tabcontentFemaleSelectorReport .contentReport .dropdown-menu li {
		font-size: 0.95em;
	}
}
@media all and (max-width: 1023px) {
	#tabcontentFemaleSelectorReport {
		padding: 5px 5px 10px 5px;
	}
	#tabcontentFemaleSelectorBulls .bullSelectionWrapper {
		padding: 10px;
	}
	#tabcontentFemaleSelectorReport.finished #btnPGReportRefresh:after{
		content: " Reload";
	}
	#tabcontentFemaleSelectorReport .contentReport button,
	#tabcontentFemaleSelectorReport .contentReport .dropdown-menu li {
		font-size: 0.9em;
	}
	#tabcontentFemaleSelectorReport thead tr th {
		font-size: 0.8em;
	}
	#tabcontentFemaleSelectorReport tbody tr td {
		font-size: 0.9em;
	}

}


#btnPGReportResend,
#btnPGReportPrint,
#btnPGReportCSV,
#btnPGReportPDF,
#btnPGReportSendToHandheld {
	height: 36px;
}
#tabcontentFemaleSelectorReport .contentReport button {
	color: var(--pg-header1);
	font-weight: bold;
}
#tabcontentFemaleSelectorReport .divider {
	height: 24px;
	width: 1px;
	border-right: dotted thin #999;
	margin: 0 10px;
}
#btnPGReportResetFilters {
	height: 36px;
	z-index: 1;
}
#tabcontentFemaleSelectorReport .label {
	font-size: 0.9em;
	font-weight: bold;
	padding-right: 0;
	padding-left: 8px;
	color: var(--pg-navy);
}
#wrpPGReportCount {
	flex: 0 0 60px;
	height: 36px;
	padding: 0 5px;
	border-radius: 6px;
	border: none;
	color: #fff;
	background-color: var(--pg-header1);
	text-align: center;
}
/* Total */
#wrpPGReportCount.active {
	background-color: #C4F797;
}
.fraction {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
#txtPGReportCount {
	vertical-align: super;
}
#txtPGReportCount, #txtPGReportTotal {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
#txtPGReportCount:not(:empty) + .slash + #txtPGReportTotal {
	font-size: 0.8em;
	vertical-align: sub;
	padding-top: 8px;
}
.slash {
	font-size: 1.1em;
	transform: rotate(5deg);
	padding-top: 5px;
}
#txtPGReportCount:empty + .slash {
	display: none;
}
#wrpPGNoReport {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 27px;
	font-weight: bold;
	color: #999;
}
#tabcontentFemaleSelectorReport thead tr th {
	color: var(--pg-header1Color);
	background-color: var(--pg-header1);
}
#pgReportTable_wrapper {
	border-radius: 10px;
	box-shadow: 0 0 2px #00000033;
}
#pgReportTable_wrapper thead > tr:not(.colFilter) > th {
	height: 24px;
	border-bottom-width: 0;
}
#pgReportTable_wrapper thead tr.colFilter th input.notEmpty {
	color: var(--pg-navy);
}
#pgReportTable_wrapper thead > tr.groupTitle > th {
	height: 15px;
}
#pgReportTable_wrapper thead > tr.colFilter th {
	background-color: #fff;
}
#pgReportTable_wrapper tbody tr td:first-child:not(.dataTables_empty) {
	background-image: url(../img/arrowWide-surf-green.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 12px 16px;
	background-color: #edf6f2;
	text-align: center;
	color: var(--pg-header1);
	font-weight: bold;
	padding-left: 10px;
	cursor: pointer;
}
@media all and (max-width: 1179px) {
	#pgDairySireSelectionTable_wrapper thead tr th,
	#pgDairySireSelectionTable tbody tr td,
	#pgReportTable_wrapper thead tr th,
	#pgReportTable tbody tr td {
		padding: 5px 0;
	}
}
#frmPGFemaleSelector[data-tab="report"] .bodyfit {
	overflow: hidden;
}
#btnFemaleSelectorSend {
	padding: 5px 15px;
	display: flex;
	align-items: center;
	color: var(--pg-header1);
	font-weight: bold;
}
#btnFemaleSelectorSend i {
	font-size: 24px;
	padding-top: 5px;
	padding-left: 15px;
}

#tabcontentFemaleSelectorFemales[data-mode="advanced"] #wrpPGBreedHeifers table {
	pointer-events: none;
}
#tabcontentFemaleSelectorFemales[data-mode="advanced"] #wrpPGBreedHeifers table tr:not(:first-child) td:first-child {
	color: #aaa
}
#tabcontentFemaleSelectorFemales[data-mode="advanced"] #wrpPGBreedHeifers table tr > td:last-child {
	color: #ffffff00;
}
#tabcontentFemaleSelectorFemales[data-mode="advanced"] #wrpPGBreedHeifers table tr > td:last-child input,
#tabcontentFemaleSelectorFemales[data-mode="advanced"] #wrpPGHeiferFigure::after {
	display: none;
}
#wrpPGBreedHeifers table > tr > td {
	white-space: nowrap;
}
#wrpPGBreedHeifers table > tr:first-child {
	font-weight: bold;
	font-size: 15px;
}
#wrpPGBreedHeifers table > tr:first-child > td:first-child {
	border-right: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
#wrpPGBreedHeifers table > tr:first-child > td:first-child > *:last-child {
	margin-left: auto;
}
#wrpPGBreedHeifers table > tr:not(:first-child) > td:last-child {
	width: 75px;
}
#wrpPGBreedHeifers table > tr:first-child > td > div {
	height: 22px !important;
}
#wrpPGBreedHeifers table tr td[contenteditable="true"] br {
	display: none;
}
#wrpPGBreedHeifers table tr.noUse td:first-child {
	color: #aaa;
}
#wrpPGBreedHeifers table tr.noUse td:last-child {
	color: #fff;
	background-color: #fff;
	pointer-events: none;
}
#wrpPGBreedHeifers table tr:not(:first-child) td:first-child {
	pointer-events: none;
}
#wrpPGBreedHeifers table > tr:not(:first-child) td {
	padding-top: 3px;
	padding-bottom: 3px;
}

#txtPGNumberOfBreedHeifers {
	font-weight: bold;
}
#wrpPGHeiferFigure {
	position: relative;
	padding: 1px !important;
}
tr:not(.noUse) #wrpPGHeiferFigure::after {
	content: "%";
	position: absolute;
	right: 10px;
	top: 5px;
	color: #999;
}
#txtPGHeiferFigure {
	width: 100%;
	height: 100%;
	min-height: 27px;
	background-color: var(--input-bg-color);
	border: solid thin #ddd;
	border-radius: 3px;
	text-align: center;
}
.noUse #txtPGHeiferFigure {
	background-color: unset;
	pointer-events: none;
	border-color: #ddd;
}

#wrpPGCritetia table > tr > td {
	white-space: nowrap;
}
#wrpPGCritetia table > tr:first-child {
	/*font-size: 0.9em;*/
	font-weight: bold;
}
#wrpPGCritetia table > tr:first-child td {
	text-align: center;
}
#wrpPGCritetia table > tr:not(:first-child) td {
	padding-top: 3px;
	padding-bottom: 3px;
}
#tabcontentFemaleSelectorFemales .top {
	display: flex;
	align-items: flex-start;
	padding: 10px;
	margin: 10px 15px 15px 15px;
	box-shadow: 0 0 5px #00000022;
	border-radius: 10px;
	color: var(--pg-navy);
}
#tabcontentFemaleSelectorFemales .top .col {
	padding-left: 10px;
	padding-right: 10px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
#tabcontentFemaleSelectorFemales .top > .col {
	flex: 1;
}
#tabcontentFemaleSelectorFemales .top > .col:not(:first-child):not(:last-child) {
	flex: 2;
}
#tabcontentFemaleSelectorFemales .top > .col:first-child {
	max-width: 150px;
}
#tabcontentFemaleSelectorFemales .top > .col:last-child {
	max-width: 250px;
}
#tabcontentFemaleSelectorFemales .top .col:not(:last-child) {
	border-right: dotted thin #ddd;
}
#tabcontentFemaleSelectorFemales .top .col .grp:first-child {
	flex: 1;
}
#tabcontentFemaleSelectorFemales .top .col .grp:not(:last-child) {
	padding-bottom: 10px;
	border-bottom: dotted thin #ddd;
	margin-bottom: 10px;
}
#tabcontentFemaleSelectorFemales .top .col .grp.split {
	display: flex;
	align-items: flex-start;
}
#tabcontentFemaleSelectorFemales .top .col .grp.split .col:first-child {
	padding-left: 0;
}
#tabcontentFemaleSelectorFemales .top .col .grp.split .col:last-child {
	padding-right: 0;
}
#tabcontentFemaleSelectorFemales .boxLabels {
	color: var(--pg-navy);
	font-weight: bold;
	padding-bottom: 7px;
	text-align: center;
}
#tabcontentFemaleSelectorFemales .top input[type="radio"] {
  accent-color: var(--pg-pink);
}
#tabcontentFemaleSelectorFemales .top .criteriaTableWrapper > div {
	border-left: none;
	border-right-color: #999 !important;
}
#tabcontentFemaleSelectorFemales .top .criteriaTableWrapper:last-child > div {
	border-right: none;
}
/* Mode */
#tabcontentFemaleSelectorFemales .top > *:first-child label {
	font-weight: normal;
}
#wrpPGModeRadios {
	max-width: 100px;
	padding-left: 10px;
}
@media all and (max-width: 1023px) {
	#tabcontentFemaleSelectorFemales .top {
		font-size: 0.9em !important;
		padding-left: 5px;
		padding-right: 5px;
		margin: 10px 10px 15px 10px;
	}
	#tabcontentFemaleSelectorFemales .top .btn,
	#tabcontentFemaleSelectorFemales .top select {
		font-size: 0.95em !important;
	}
	#tabcontentFemaleSelectorFemales .top table tr td:not(.editable) {
		padding-left: 5px !important;
		padding-right: 5px !important;
		min-width: 40px;
	}
	#tabcontentFemaleSelectorFemales .top .col {
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media all and (max-width: 819px) {
	#wrpPGModeRadios {
		padding-left: 0;
		white-space: nowrap;
	}
	#tabcontentFemaleSelectorFemales .top table tr:not(.noUse) #wrpPGHeiferFigure::after {
		content: "";
	}
}

/* tables */
#tabcontentFemaleSelectorFemales .top table tr:not(:first-child) {
	border-top: solid thin #ccc;
}
#tabcontentFemaleSelectorFemales .top table tr td {
	padding: 5px 10px;
	line-height: 20px;
	color: var(--pg-navy);
}
#tabcontentFemaleSelectorFemales .top table tr td.head {
	font-weight: bold;
	font-size: 0.9em;
	text-align: center;
}
#tabcontentFemaleSelectorFemales .top table tr td:not(:last-child) {
	border-right: solid thin #ccc;
}
#tabcontentFemaleSelectorFemales .tableWrapper {
	border: solid thin #ccc;
	border-radius: 5px;
}
#tabcontentFemaleSelectorFemales .tableWrapper table {
	width: 100%;
}
#tabcontentFemaleSelectorFemales .top table tr td:first-child {
	white-space: nowrap;
}


/* wrpPGBreedHeifers */
#radPGCriteriaHeifers {
	text-align: right;
}
#radPGCriteriaHeifers label {
	margin: 0 !important;
}
#wrpPGBreedHeifers table tr:not(:first-child) td:last-child {
	width: 40%;
	text-align: center;
}
/* wrpPGCritetia */
#wrpPGCritetia table tr td.total {
	min-width: 40px;
}
#wrpPGCritetia table tr:not(:first-child) td:not(:first-child) {
	text-align: center;
}

/* Milk Recording Date & Total*/
#tabcontentFemaleSelectorFemales .top .col#wrpPGRecordingDate {
	flex: 1;
}
/* Total */
#wrpPGFemaleSelectedTotalFrame {
	width: 80px;
}
@media all and (max-width: 1023px) {
	#wrpPGFemaleSelectedTotalFrame {
		width: 60px;
	}
	#tabcontentFemaleSelectorFemales .top .col#wrpPGRecordingDate {
		min-width: 120px;
	}
}
@media all and (max-width: 819px) {
	#wrpPGFemaleSelectedTotalFrame {
		width: 50px;
	}
	#tabcontentFemaleSelectorFemales .top .col#wrpPGRecordingDate {
		min-width: 110px;
	}
}

#wrpPGFemaleSelectedTotal {
	flex: auto;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	padding: 2px !important;
	border-radius: 5px;
}
#wrpPGFemaleSelectedTotal.active {
	background-color: #C4F797;
}
#txtPGFemaleSelectedCount, #txtPGFemaleSelectedTotal {
	font-size: 1.5em;
	font-weight: bold;
	width: 100%;
	max-width: 60px;
	text-align: center;
}
#txtPGFemaleSelectedCount {
	font-size: 1.2em;
}
#txtPGFemaleSelectedCount:not(:empty) + #txtPGFemaleSelectedTotal {
	font-size: 1em;
	border-top: solid thin #999;
}
#selPGCriteriaRecordingDate {
	height: 36px;
	margin: auto 0;
	background-image: url(../img/calendar3.svg);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 5px center;
	padding-left: 24px;
}
#tabcontentFemaleSelectorFemales .top fieldset > div {
	padding: 5px;
}
#tabcontentFemaleSelectorFemales .top fieldset > div label {
	padding-left: 5px;
}
#radPGCriteriaAdvanced + label {
	margin-bottom: 0;
}
#wrpPGFemaleSelectedButtons {
	flex: 0 0 190px !important;
	height: 110px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
#wrpPGFemaleSelectedExports {
	flex: 0 0 80px !important;
	height: 110px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
#wrpPGFemaleSelectedButtons > * {
	width: 170px;
	text-align: center;
}
#wrpPGFemaleSelectedButtons .btn {
	height: 36px;
	line-height: 24px;
}
#btnPGFemaleSelectedModifiedReset:not(.on) {
	opacity: 0.5;
	pointer-events: none;
}
#radPGFemaleSelectedChosenSwitch .btn {
	height: 36px;
	line-height: 34px;
	padding: 0 5px;
}
#radPGFemaleSelectedChosenSwitch > label.disabled {
	pointer-events: none;
}
#btnPGFemaleSelectedModifiedReset {
	height: 36px;
	padding: 0 5px;
	background-color: #f3f3f3;
}
#btnPGFemaleSelectedModifiedReset:hover {
	background-color: #ddd;
}
/* Let the tab bodies, not individual grid bodies, scroll */
#frmPGFemaleSelector .tabBody.noGridScroll .dataTables_scrollBody {
	overflow: unset !important;
}