.modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding-block: 1em; }
  .modal input.cnt {
    border-radius: 5px; }

.chart-bar table {
  font-size: 12px; }
  .chart-bar table .chart-bar-row .description {
    font-size: 0.9em; }

.list-page .paper {
  padding-inline: 1.5em; }
.list-page .lightbox-modal {
  padding-top: 100px;
  background-color: black;
  max-width: 100%; }
  .list-page .lightbox-modal > img {
    max-width: 100%; }
.list-page .cowtable_pagination {
  margin: auto; }
  .list-page .cowtable_pagination td {
    padding-inline: 0.855em; }
    .list-page .cowtable_pagination td.turnPage:not(.isHidden) {
      background-color: #54A231;
      border-radius: 5px;
      padding-inline: 0.8em; }
      .list-page .cowtable_pagination td.turnPage:not(.isHidden) i {
        color: #fff; }
.list-page .cowListFilter {
  background-color: rgba(152, 153, 153, 0.534);
  background: linear-gradient(316deg, #00000085, #d3d3d3, #fff);
  background-image: url('/typo3conf/ext/gz4genostar/Resources/Public/Images/filter-bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .list-page .cowListFilter > * {
    background-color: transparent; }
  .list-page .cowListFilter .filter-input {
    width: 99%;
    border: none;
    background-color: inherit; }
    .list-page .cowListFilter .filter-input:focus-visible {
      outline: none; }
    @media screen and (min-width: 991px) {
      .list-page .cowListFilter .filter-inputinput::-webkit-outer-spin-button, .list-page .cowListFilter .filter-inputinput::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      .list-page .cowListFilter .filter-inputinput[type="number"] {
        -moz-appearance: textfield; } }
.list-page .cowListCon {
  margin-block: 1.5em;
  position: relative; }
.list-page .list-table {
  width: 100%; }
  .list-page .list-table thead th {
    color: #fff;
    text-align: center;
    width: 4.5%;
    padding-block: 0.2em;
    min-width: 5ch; }
    .list-page .list-table thead th:not(.action):not(.filter) {
      background-color: #888888;
      border-left: 1px solid #fff;
      border-right: 1px solid #fff; }
    .list-page .list-table thead th.filter {
      color: #333;
      min-width: 11em; }
    .list-page .list-table thead th.name {
      width: 20%; }
    .list-page .list-table thead th.action {
      width: 7%; }
    .list-page .list-table thead th.special {
      padding-block: 0;
      background-color: #ffffff00 !important;
      vertical-align: bottom;
      width: 8%; }
      .list-page .list-table thead th.special div {
        color: white;
        padding-block: 0.2em;
        padding-inline: 0.5em;
        width: 100%;
        height: 70%; }
      .list-page .list-table thead th.special .acc-1 {
        background-color: #54A231; }
      .list-page .list-table thead th.special .acc-2 {
        background-color: #388416; }
      .list-page .list-table thead th.special .acc-3 {
        background-color: #2A6A0E; }
    .list-page .list-table thead th.hidden.filter-placeholder {
      width: 13%; }
  .list-page .list-table thead .title-row {
    border-bottom: #54A231 2px solid; }
    .list-page .list-table thead .title-row .title-text {
      text-align: center;
      font-size: 1.7em;
      font-weight: 500;
      padding-block: 0.5em; }
  .list-page .list-table thead .spacer > td {
    padding: 0.5em; }
  .list-page .list-table td.filter {
    text-align: center;
    border-bottom: none; }
    .list-page .list-table td.filter.check {
      vertical-align: bottom; }
    .list-page .list-table td.filter > select {
      background-color: #54A231;
      color: white;
      width: 97%;
      padding: 5px; }
      .list-page .list-table td.filter > select option {
        color: #000;
        border-radius: 5px; }
      .list-page .list-table td.filter > select option:nth-child(even) {
        background-color: #EEEEEE; }
      .list-page .list-table td.filter > select option:nth-child(odd) {
        background-color: #fff; }
    .list-page .list-table td.filter > input {
      accent-color: #54A231; }
      .list-page .list-table td.filter > input[type="checkbox"] {
        height: 20px;
        width: 20px; }
  .list-page .list-table tbody tr.extraValuesRow {
    border-bottom: #888888 1px solid; }
    .list-page .list-table tbody tr.extraValuesRow table.list-table tbody tr {
      width: 100% !important; }
      .list-page .list-table tbody tr.extraValuesRow table.list-table tbody tr td {
        border-bottom: none !important; }
    .list-page .list-table tbody tr.extraValuesRow div.ValueContainer {
      border-left: #888888 1px solid;
      border-right: #888888 1px solid; }
  .list-page .list-table tbody div.ValueContainer, .list-page .list-table tbody div.extraValuesContainer {
    display: grid;
    padding: 5px;
    gap: 2%;
    grid-template-columns: repeat(6, minmax(10px, auto)); }
    .list-page .list-table tbody div.ValueContainer span.Label, .list-page .list-table tbody div.extraValuesContainer span.Label {
      background-color: #888888;
      color: #fff;
      border-radius: 5px;
      padding: 2px; }
    .list-page .list-table tbody div.ValueContainer span.Value, .list-page .list-table tbody div.extraValuesContainer span.Value {
      padding: 2px;
      background-color: #EEEEEE;
      border-radius: 5px;
      padding: 2px; }
  .list-page .list-table tbody td.extraFilterContent {
    border-bottom: none !important;
    padding: 0 !important; }
  .list-page .list-table tbody td {
    padding-block: 0.2em;
    border-bottom: #888888 1px solid; }
    .list-page .list-table tbody td.valCon {
      text-align: center;
      background-color: #EEEEEE; }
      .list-page .list-table tbody td.valCon:hover {
        background-color: #d1cfcf !important; }
      .list-page .list-table tbody td.valCon.formatVZ {
        text-align: right;
        padding-right: 3px; }
      .list-page .list-table tbody td.valCon:not(.action):nth-of-type(even) {
        background-color: #fff; }
    .list-page .list-table tbody td.name > a {
      font-weight: 700;
      color: #54A231; }
    .list-page .list-table tbody td.action {
      text-align: center;
      color: #54A231;
      font-size: 1.3em;
      padding-inline: 0.5em; }
      .list-page .list-table tbody td.action a.LigtboxCowLink {
        color: #54A231 !important; }
      .list-page .list-table tbody td.action.cliCart {
        border-left: #888888 1px solid; }
        .list-page .list-table tbody td.action.cliCart.CartDisabled {
          color: #a8a4a473; }
    .list-page .list-table tbody td.quantity input {
      max-width: 4ch;
      border-top: none;
      border-left: none;
      border-right: none;
      text-align: center; }
      .list-page .list-table tbody td.quantity input:focus-visible {
        outline: none; }
    .list-page .list-table tbody td.price {
      font-size: 0.75em;
      padding-left: 0.5em; }
      .list-page .list-table tbody td.price:first-child {
        border-left: #888888 2px solid; }
      .list-page .list-table tbody td.price div {
        background-color: #888888;
        color: white;
        width: 7ch;
        border-bottom-left-radius: 5px;
        position: relative;
        padding-left: 0.2em; }
        .list-page .list-table tbody td.price div::after {
          position: absolute;
          content: '';
          right: -8px;
          top: 35%;
          width: 0;
          height: 0;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-left: 8px solid #888888;
          z-index: 2; }
    .list-page .list-table tbody td.placeholder {
      border: none !important; }
    .list-page .list-table tbody td a {
      color: #000; }
      .list-page .list-table tbody td a:hover {
        text-decoration: none; }
  @media screen and (min-width: 991px) {
    .list-page .list-table tbody tr:hover:not(.non-hover) td:not(.placeholder), .list-page .list-table tbody tr:hover:not(.non-hover) th {
      border-bottom: #54A231 2px solid !important;
      border-top: #54A231 2px solid !important; }
    .list-page .list-table tbody tr:hover:not(.non-hover) .hover, .list-page .list-table tbody tr:hover:not(.non-hover) .hover > a {
      background-color: #54A231;
      color: #fff !important; }
    .list-page .list-table tbody tr:hover + tr.extraValuesRow {
      border-bottom: #54A231 2px solid !important;
      border-top: #54A231 2px solid !important; } }
.list-page .lds-container {
  position: absolute;
  inset: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff; }
.list-page .lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px; }
.list-page .lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #54A231;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; }
.list-page .lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s; }
.list-page .lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s; }
.list-page .lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0; }

.stat-page .grid-page {
  display: grid;
  grid-template-rows: 3em auto auto;
  grid-auto-flow: column; }
  .stat-page .grid-page > img {
    width: 100%;
    max-height: 550px;
    object-fit: cover;
    grid-row: 1/2;
    z-index: 0;
    grid-column: 1; }
  .stat-page .grid-page .genostar-ofTheMonth.detail {
    margin-top: 0 !important;
    grid-row: 2;
    z-index: 5;
    grid-column: 1; }
.stat-page .modal {
  background-color: #888888f7; }
.stat-page .icon-header {
  min-height: 6em;
  align-items: flex-end;
  padding-top: 0; }
.stat-page #HeritageDetail {
  background-color: #000000ad;
  position: fixed;
  z-index: 9999;
  inset: 0;
  margin: auto;
  display: none; }
  .stat-page #HeritageDetail .limiter {
    max-width: calc(min(90%, 1045px));
    max-height: calc(min(100%, 945px)); }
  @media screen and (max-height: 1045px) {
    .stat-page #HeritageDetail .limiter {
      overflow-y: visible; } }
  .stat-page #HeritageDetail .limiter .heritage-close {
    position: absolute;
    top: 10px;
    right: 15px; }
    .stat-page #HeritageDetail .limiter .heritage-close > i {
      font-size: 3em; }
.stat-page .heritage-detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 5px;
  position: relative;
  background-color: #fff;
  width: 100%;
  height: 100%;
  overflow-y: scroll; }
  .stat-page .heritage-detail .grid-container {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 0.5fr 2fr 0.1fr;
    height: auto;
    max-height: 69%;
    gap: 0px 0em;
    justify-content: center;
    justify-items: center; }
    .stat-page .heritage-detail .grid-container .bg-image {
      grid-column: 1/-1;
      grid-row: 1/3;
      max-width: 100%;
      object-fit: cover; }
    .stat-page .heritage-detail .grid-container .name {
      grid-column: 1/-1;
      grid-row: 1;
      text-align: center;
      border-bottom: 2px #54A231 solid;
      padding-inline: 18%;
      padding-bottom: 5px;
      font-weight: 500;
      font-size: 2.5em;
      display: flex;
      padding-bottom: 0.5em;
      align-items: flex-end; }
    .stat-page .heritage-detail .grid-container .cow-image {
      grid-column: 1/-1;
      grid-row: 2/4;
      max-width: 100%;
      object-fit: cover;
      box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
      border: 10px solid #fff;
      max-height: 35vh; }
    @media screen and (max-height: 550px) {
      .stat-page .heritage-detail .grid-container .cow-image {
        max-height: calc(min(30vh,490px)); } }
    .stat-page .heritage-detail .grid-container .plaque {
      grid-column: 1/-1;
      grid-row: 4/5;
      max-width: 100%;
      object-fit: contain;
      height: 10vh; }
    @media screen and (max-width: 600px) {
      .stat-page .heritage-detail .grid-container {
        grid-template-rows: 0.5fr 1fr; }
        .stat-page .heritage-detail .grid-container .plaque {
          display: none; }
        .stat-page .heritage-detail .grid-container .cow-image {
          grid-row: 2/3; } }
  .stat-page .heritage-detail::-webkit-scrollbar {
    display: none; }
  .stat-page .heritage-detail#error {
    display: block;
    padding: 10px;
    border-radius: 10px;
    font-size: 1.35em; }
  .stat-page .heritage-detail .stats {
    width: 60%;
    padding-top: 2em;
    height: min-content;
    display: flex;
    justify-content: center;
    margin-block: 5px; }
  @media screen and (max-width: 860px) {
    .stat-page .heritage-detail .stats {
      width: 75%; } }
@media screen and (max-width: 700px) {
  .stat-page .heritage-detail .stats {
    width: 90%; } }
.stat-page .heritage-detail .stats > .chart-column {
  flex-wrap: nowrap; }
.stat-page .heritage-detail .chart-column {
  flex-wrap: wrap;
  gap: 1.5em; }
@media screen and (max-width: 550px) {
  .stat-page .heritage-detail .chart-column {
    gap: 10px 5px; } }
.stat-page .carousel {
  margin: auto;
  max-width: 800px;
  position: relative; }
  .stat-page .carousel .carousel-control.left, .stat-page .carousel .carousel-control.right {
    filter: none;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    font-size: 2em;
    align-items: center;
    width: 2ch;
    justify-content: center;
    font-weight: 900; }
    .stat-page .carousel .carousel-control.left > span, .stat-page .carousel .carousel-control.right > span {
      color: white !important; }
  .stat-page .carousel .carousel-control:focus, .stat-page .carousel .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: 0.9; }
  .stat-page .carousel .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x; }
  .stat-page .carousel .carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x; }
  .stat-page .carousel .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden; }
    .stat-page .carousel .carousel-inner > .item {
      position: absolute;
      display: none;
      -webkit-transition: 0.6s ease-in-out left;
      -o-transition: 0.6s ease-in-out left;
      transition: 0.6s ease-in-out left;
      -webkit-transition: -webkit-transform 0.6s ease-in-out;
      -o-transition: -o-transform 0.6s ease-in-out;
      transition: transform 0.6s ease-in-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000px;
      perspective: 1000px; }
    .stat-page .carousel .carousel-inner > .active {
      position: relative;
      left: 0;
      transform: translate3d(0, 0, 0);
      -webkit-transition: -webkit-transform 0.6s ease-in-out;
      -o-transition: -o-transform 0.6s ease-in-out;
      transition: transform 0.6s ease-in-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000px;
      perspective: 1000px; }
    .stat-page .carousel .carousel-inner > .active, .stat-page .carousel .carousel-inner > .next, .stat-page .carousel .carousel-inner > .prev {
      display: block; }
    .stat-page .carousel .carousel-inner .carousel-caption {
      background: #ffffffb0;
      bottom: 0;
      width: 100%;
      left: 0;
      padding-bottom: 0.3em;
      padding-top: 0.3em; }
      .stat-page .carousel .carousel-inner .carousel-caption h3 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 1.2em;
        text-shadow: none;
        text-transform: none; }
      .stat-page .carousel .carousel-inner .carousel-caption p {
        margin-bottom: 1em;
        text-shadow: none;
        color: #525252;
        margin-bottom: 0 !important; }
    .stat-page .carousel .carousel-inner img {
      object-fit: cover;
      margin: 0 auto; }
.stat-page .propertiesModule.noStat {
  grid-template-columns: 0.2fr 1fr 0.2fr !important;
  grid-template-areas: "discard col1 discard" !important; }
@media screen and (max-width: 838px) {
  .stat-page .propertiesModule.noStat {
    grid-template-columns: 1fr !important;
    grid-template-rows: 0.4fr !important;
    grid-template-areas: "col1" !important; } }
.stat-page .propertiesModule.four-cols {
  grid-template-columns: 0.2fr 1fr 1fr 0.2fr !important;
  grid-template-areas: "stat col1 col2 stat2" !important; }
@media screen and (max-width: 890px) {
  .stat-page .propertiesModule.four-cols {
    grid-template-columns: 1fr 0.2fr !important;
    grid-template-rows: 0.4fr 0.4fr !important;
    grid-template-areas: "col1 stat" "col2 stat2" !important; } }
@media screen and (max-width: 480px) {
  .stat-page .propertiesModule.four-cols {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: 0.4fr 0.4fr !important;
    grid-template-areas: "col1 col1" "stat stat2" "col2 col2" !important; }
    .stat-page .propertiesModule.four-cols > .stat .icon-header, .stat-page .propertiesModule.four-cols > .stat-two .icon-header {
      display: none; } }
.stat-page .propertiesModule.four-cols .stat-two {
  grid-area: stat2; }
.stat-page .propertiesModule {
  align-items: flex-end !important;
  padding-top: 0 !important; }
  .stat-page .statsModule .meatGroup {
    display: flex;
    gap: 1em;
    flex-grow: 1;
    background: #e0dcdc3d;
    border-radius: 0.7em;
    padding: 0.5em 2em;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    min-width: 49%; }
    .stat-page .statsModule .meatGroup > .chart-column {
      justify-content: center; }
  .stat-page .statsModule .show-more-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: default; }
    .stat-page .statsModule .show-more-container > i {
      font-size: 2em;
      animation: grow cubic-bezier(0.64, 0.09, 0.08, 1) 0.5s; }
    .stat-page .statsModule .show-more-container > p {
      color: #54A231;
      text-decoration: underline;
      transform-origin: center center;
      animation: growX cubic-bezier(0.64, 0.09, 0.08, 1) 0.5s; }
  .stat-page .statsModule .chart-column .textItemContainer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 1em; }
    .stat-page .statsModule .chart-column .textItemContainer .chart-col-item.renderValue {
      display: grid;
      grid-auto-flow: column;
      gap: 0.7em;
      justify-content: space-between; }
      .stat-page .statsModule .chart-column .textItemContainer .chart-col-item.renderValue .item-label {
        width: 4ch; }
      .stat-page .statsModule .chart-column .textItemContainer .chart-col-item.renderValue .item-value {
        text-align: right;
        white-space: nowrap; }
  .stat-page .statsModule .charts {
    display: flex;
    flex-direction: row; }
    .stat-page .statsModule .charts > .chart-column {
      width: auto !important;
      flex-grow: 1; }
.stat-page .chart-ancestry {
  row-gap: 1em; }
  .stat-page .chart-ancestry .chart-column {
    gap: 0.8em !important; }
    .stat-page .chart-ancestry .chart-column .chart-item:not(.big) {
      margin-block: 0 !important;
      min-height: 3.5em !important; }
  .stat-page .chart-ancestry .info-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 2; }
    .stat-page .chart-ancestry .info-container .identifier {
      white-space: nowrap; }

.cartForm .order-button {
  border-radius: 5px;
  font-size: 1.4em;
  padding-block: 0.3em;
  padding-inline: 0.4em;
  display: block;
  margin: auto;
  width: max-content; }
  .cartForm .order-button:focus-visible, .cartForm .order-button:focus {
    background-color: #54A231;
    color: white;
    outline: none;
    box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
    text-decoration: none; }
  .cartForm .order-button:hover {
    outline: none;
    background-color: #54A231;
    color: white;
    box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.2);
    text-decoration: none; }
.cartForm .infoRow {
  margin-bottom: 1em; }
.cartForm .infoRow span label {
  margin-right: 0.3em;
  font-weight: bold; }
.cartForm .priceSum, .cartForm .price {
  font-weight: bold; }
.cartForm > h2 {
  padding-top: 1em;
  margin-inline: 0 !important; }
.cartForm h3 {
  margin-top: 2em; }
.cartForm input.form-control, .cartForm textarea.form-control, .cartForm input.cnt {
  border-radius: 5px; }
.cartForm .btn-toolbar {
  gap: 10px 1em; }
  .cartForm .cartItms .sumPrice {
    float: right; }
  .cartForm .cartItms .cartRow {
    width: 100%;
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    margin-bottom: 1em;
    align-items: center; }
    .cartForm .cartItms .cartRow.summary > .rightCol {
      grid-template-columns: 1fr 0.1fr 0.5fr; }
    .cartForm .cartItms .cartRow .delete {
      cursor: pointer;
      padding: 0 0.3em;
      width: 100%;
      text-align: center; }
      .cartForm .cartItms .cartRow .delete:hover i {
        color: red; }
    .cartForm .cartItms .cartRow input.cnt {
      margin-top: -4px;
      text-align: right;
      padding: 2px !important;
      margin-right: 0;
      width: 6ch;
      max-height: 4ch; }
    .cartForm .cartItms .cartRow .rightCol {
      display: grid;
      grid-template-columns: 1fr 0.1fr 0.4fr 0.1fr;
      justify-items: end;
      gap: 10px; }
    .cartForm .cartItms .cartRow .bullname {
      font-weight: bold; }
    .cartForm .cartItms .cartRow .bullname, .cartForm .cartItms .cartRow .type, .cartForm .cartItms .cartRow .cnt {
      margin-right: 0.3em; }
    .cartForm .cartItms .cartRow .priceCon {
      margin-right: 1em; }
    @media screen and (max-width: 700px) {
      .cartForm .cartItms .cartRow {
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-bottom: 2em;
        border-radius: 5px;
        padding-inline: 5px; }
        .cartForm .cartItms .cartRow:nth-child(2).cartRowSeed {
          background-color: #6db44e8f; }
        .cartForm .cartItms .cartRow:nth-child(2).cartRowCommon {
          background-color: #e2e2e2; }
        .cartForm .cartItms .cartRow.cartRowSeed {
          background-color: #54a231c2; }
        .cartForm .cartItms .cartRow.cartRowCommon {
          background-color: #8888; }
        .cartForm .cartItms .cartRow .priceCon, .cartForm .cartItms .cartRow .sumPrice {
          text-align: center; }
        .cartForm .cartItms .cartRow .rightCol {
          width: 100%;
          justify-items: normal;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-end;
          gap: 5px; }
        .cartForm .cartItms .cartRow .delete {
          width: auto !important; } }
.cartForm .prdSpacer {
  float: left;
  width: 100%;
  border-bottom: 1px solid;
  margin-bottom: 1em; }
@media screen and (max-width: 700px) {
  .cartForm .prdSpacer {
    margin-bottom: 2em; } }
.cartForm .infoRow span {
  margin-right: 0.5em; }
  .cartForm .infoRow span label {
    margin-right: 0.3em; }
.cartForm .vatInfo {
  float: right;
  font-style: italic;
  font-size: 0.9em; }
  .cartForm .vatInfo tr td:first-of-type {
    padding-right: 0.5em; }
  .cartForm .vatInfo th, .cartForm .vatInfo td, .cartForm .vatInfo tr {
    padding: 0;
    color: #a9a9a9; }
.cartForm .vatInfoCon {
  float: left;
  width: 100%; }

.column.mcb-column.one.column_image {
  text-align: center; }

.turn, .turn::after {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all; }

.unturn, .unturn::after {
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all; }

.hidden, .hidden > * {
  visibility: hidden;
  border: none !important; }

.invisible, .invisible > * {
  display: none;
  border: none; }

.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #54A231;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes grow {
  0% {
    transform: scaleY(0); }
  100% {
    transform: scaleY(1); } }
@keyframes growX {
  0% {
    transform: scaleX(0); }
  100% {
    transform: scaleX(1); } }
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px; }
  50%, 100% {
    top: 24px;
    height: 32px; } }
@media screen and (max-width: 990px) {
  .cowListItmCon {
    white-space: nowrap; }
  .cowListFilter {
    background-image: none !important;
    background: linear-gradient(316deg, #00000063, #d3d3d3, #fff) !important; }
    .cowListFilter .list-table td.action-clear {
      width: 5%;
      justify-content: flex-start !important;
      align-items: center; }
    .cowListFilter .list-table td.action-expand {
      width: 59%;
      justify-content: flex-start !important;
      align-items: center; }
  .FilterCon .list-table tbody > tr {
    gap: 0.5em; }
    .list-tabletable, .list-table thead, .list-table tbody, .list-table th, .list-table td:not(.invisible), .list-table tr {
      display: block; }
    .list-table tbody {
      margin-top: 1.2em; }
    .list-table tr {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 80%;
      margin: 0 auto;
      row-gap: 0.5em;
      justify-content: center; }
      .list-table tr.title-row {
        width: 100%; }
        .list-table tr.title-row td {
          width: 100%;
          justify-content: center; }
      .list-table tr.CowDataRecord {
        margin-bottom: 3em;
        border: 2px solid #7b7e7a;
        padding: 5px;
        border-radius: 5px;
        background-color: #eae7e7; }
      .list-table tr.extraFilterRow {
        margin-top: 1.2em; }
    .list-table .grid-container {
      content: '';
      display: grid;
      grid-auto-columns: 1fr;
      grid-template-rows: 1.7fr 0.3fr 0.4fr 1.6fr 0.5fr 0.5fr;
      gap: 0px 0em;
      justify-content: center;
      grid-template-areas: "image" "title-1" "title-2" "stats" "extras" "actions"; }
    .list-table thead tr:not(.title-row):not(.extraFilterRow) {
      display: none; }
    .list-table td:not(.invisible) {
      /* Behave  like a "row" */
      display: flex;
      align-items: center;
      border: none;
      position: relative;
      width: 32%;
      background-color: transparent !important; }
      .list-table td:not(.invisible).filter {
        width: 45%; }
        .list-table td:not(.invisible).filter:not(.check) {
          flex-direction: column; }
        .list-table td:not(.invisible).filter > select {
          max-width: 20em;
          min-width: 10em; }
        .list-table td:not(.invisible).filter.check {
          width: 24.5%;
          justify-content: space-evenly; }
      .list-table td:not(.invisible).placeholder.notLoggedIn {
        display: none; }
      .list-table td:not(.invisible).action {
        justify-content: center; }
        .list-table td:not(.invisible).action.action-clear, .list-table td:not(.invisible).action.action-expand {
          border-bottom: none !important; }
        .list-table td:not(.invisible).action.cliCart {
          border: 2px solid !important;
          border-radius: 5px;
          width: max-content;
          padding: 10px; }
          .list-table td:not(.invisible).action.cliCart.notLoggedIn {
            width: 37%; }
      .list-table td:not(.invisible) input {
        background-color: #fff !important; }
      .list-table td:not(.invisible).extraValues {
        border-bottom: none !important; }
        .list-table td:not(.invisible).extraValues.noValue {
          display: none; }
        .list-table td:not(.invisible).extraValues.price {
          justify-content: flex-end !important;
          width: 45%; }
        .list-table td:not(.invisible).extraValues.quantity {
          width: 55%; }
          .list-table td:not(.invisible).extraValues.quantity.acc-1::after {
            background-color: #54A231; }
          .list-table td:not(.invisible).extraValues.quantity.acc-2::after {
            background-color: #388416; }
          .list-table td:not(.invisible).extraValues.quantity.acc-3::after {
            background-color: #2A6A0E; }
          .list-table td:not(.invisible).extraValues.quantity::after {
            position: relative;
            white-space: nowrap;
            content: attr(data-label);
            padding-left: 3px;
            margin-left: 3px;
            width: 10ch;
            color: #fff;
            font-weight: 500; }
    .list-table td.title-text {
      display: block; }
    .list-table th.hidden {
      display: none; }
    .list-table tr > td:not(.action):not(.extraValues):before {
      font-weight: bold;
      position: relative;
      white-space: nowrap;
      content: attr(data-label);
      width: 10ch;
      text-align: left;
      margin-right: 0.5em; }
    .list-table tr > td.filter:before {
      margin-right: 0 !important; }
    .list-table tr > td.filter.check:before {
      width: max-content;
      margin-right: 3px !important; }
    .list-table div.extraValuesContainer {
      display: grid;
      width: 96%;
      border-bottom: #888888 1px solid; }
    .list-table td.extraValuesContainer {
      width: 99% !important;
      border: none !important; }
      .list-table td.extraValuesContainer::before {
        content: none !important; }
        .list-table td.extraValuesContainer > table.list-table tbody {
          margin-top: 0; }
          .list-table td.extraValuesContainer > table.list-table tbody tr {
            width: 100% !important; }
            .list-table td.extraValuesContainer > table.list-table tbody tr td {
              border-bottom: #888888 1px solid; } }

@media screen and (max-width: 769px) {
  .list-table td:not(.invisible).filter.check {
    width: 49.5%;
    justify-content: space-evenly; } }

@media screen and (max-width: 570px) {
  .cct {
    width: -webkit-fill-available; } }

@media screen and (max-width: 490px) {
  .cowListFilter .list-table tr {
    width: 95%; }
  .cowListFilter .list-table td.action-clear {
    width: 23%;
    justify-content: center !important; }
  .cowListFilter .list-table td.action-expand {
    width: 23%;
    justify-content: center !important; }
  .cowListFilter .list-table td.name {
    width: 49% !important; }
  .list-table td.name {
    width: 60%; }
  .list-table td.action {
    width: 15%; }
  .list-table td.action-image {
    width: 20%; }
  .list-table td.valCon {
    display: none; }
    .list-table td.valCon.isMobile {
      display: flex;
      width: 49%; } }

@media screen and (max-width: 393px) {
  .cowListFilter .list-table td {
    width: 48% !important; }
  .cowListFilter .list-table td.filter, .cowListFilter .list-table td.name {
    width: 100% !important; }
  .list-table td:not(.extraValuesContainer) {
    width: 48% !important;
    justify-content: space-around; }
  .list-table td.name {
    width: 100% !important;
    justify-content: center; }
  .list-table td.price {
    width: 30% !important; }
  .list-table td.quantity {
    width: 53% !important; }
  .list-table tr.CowDataRecord {
    width: 95%; }
  .list-table td.valCon.last {
    width: 76% !important; }
  .list-table td.filter.check {
    justify-content: left;
    width: 49% !important; }
  .list-table td.filter > select {
    line-height: 30px;
    height: 30px; }
  .chart-ancestry span.name {
    word-break: break-word;
    padding: 3px;
    padding-top: 12px; } }

@media only screen and (min-width: 992px) {
  #BarChart .spacer {
    height: 12px !important; } }

.list-page .list-table thead th.sortable {
  cursor: pointer; }
  .list-page .list-table thead th.sortable a {
    color: #fff;
    display: block; }
  .list-page .list-table thead th.sortable i {
    margin-left: 0.35em; }