@charset "UTF-8";

.icon {
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
}

.favorite-icon {
  width: 25px;
  height: 25px;
  background-image: url("images/favorite.png");
}

.active .favorite-icon,
.favorite-icon.active {
  background-image: url("images/favorite_active.png");
}

[class^=icon-vg-],
[class*=" icon-vg-"],
[class^=icon-small-vg-],
[class*=" icon-small-vg-"] {
  background-image: url("images/trait-groups-icons.png");
  background-repeat: no-repeat;
  background-size: cover;
}

[class^=icon-vg-],
[class*=" icon-vg-"] {
  width: 40px;
  height: 40px;
}

[class^=icon-small-vg-],
[class*=" icon-small-vg-"] {
  width: 20px;
  height: 20px;
}

.icon-vg-VikingTop {
  background-position: 0px 0;
}

.icon-small-vg-VikingTop {
  background-position: 0px 0;
}

.icon-vg-VikingFertility {
  background-position: -40px 0;
}

.icon-small-vg-VikingFertility {
  background-position: -20px 0;
}

.icon-vg-VikingRobot {
  background-position: -80px 0;
}

.icon-small-vg-VikingRobot {
  background-position: -40px 0;
}

.icon-vg-VikingDefence {
  background-position: -120px 0;
}

.icon-small-vg-VikingDefence {
  background-position: -60px 0;
}

.icon-vg-VikingProduction {
  background-position: -160px 0;
}

.icon-small-vg-VikingProduction {
  background-position: -80px 0;
}

.icon-vg-VikingType {
  background-position: -200px 0;
}

.icon-small-vg-VikingType {
  background-position: -100px 0;
}

.icon-vg-Edukas {
  background-position: -240px 0;
}

.icon-small-vg-Edukas {
  background-position: -120px 0;
}

.icon-vg-VikingHoofHealth {
  background-position: -280px 0;
}

.icon-small-vg-VikingHoofHealth {
  background-position: -140px 0;
}

.icon-vg-VikingCalvingEase {
  background-position: -320px 0;
}

.icon-small-vg-VikingCalvingEase {
  background-position: -160px 0;
}

.icon-vg-VikingEfficiency {
  background-position: -360px 0;
}

.icon-small-vg-VikingEfficiency {
  background-position: -180px 0;
}

.cart-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("images/cart.png");
}

body {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  overflow: hidden;
  -ms-content-zooming: none;
}

.hidden {
  visibility: hidden;
}

.header-bar {
  background-color: #EFF6EC;
}

.header-bar .button {
  color: #333;
  min-width: 2.5em;
}

.header-bar .button.button-cart {
  font-family: Arial;
  font-size: 18px;
}

.header-bar .button.button-cart .icon:before {
  font-size: 26px;
  line-height: 30px;
}

.header-bar .button.to-top .icon:before {
  font-size: 24px;
}

.header-bar .button > span {
  display: inline-block;
  padding-left: 4px;
}

@media (max-width: 479px) {
  .header-bar .button {
    /*max-width: 3em;*/
    text-align: center;
    background-color: transparent;
    border-color: transparent;
  }

  .header-bar .button > span {
    display: none;
  }
}

.button {
  border-radius: 4px;
}

.button.activated {
  background-color: #EFF6EC;
}

.button.selected {
  background-color: #C7E1BC;
}

.button,
.button.button-stable {
  border-color: #b2b2b2;
}

.button.button-light {
  border-color: #ddd;
}

.badge.badge-balanced {
  background-color: #01AA34;
}

.help-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 !important;
  min-width: 48px !important;
  z-index: 10000;
  border-color: transparent;
  background: 0 0;
}

.popover {
  height: auto;
  padding: 10px;
  width: 300px;
}

.scroll-content > .scroll {
  max-width: 960px;
  margin: 0 auto;
}

body.platform-windowsphone .scroll-content,
body.platform-windowsphone8 .scroll-content {
  /*overflow: auto;*/
  overflow-y: scroll;
  -ms-touch-action: none;
  touch-action: none;
}

body.platform-windowsphone.menu-open .scroll-content,
body.platform-windowsphone8.menu-open .scroll-content {
  overflow: hidden;
}

.pane {
  min-width: 320px;
}

.item {
  line-height: 1.3em;
  border-left: none;
  border-right: none;
  max-width: 960px;
}

.item .badge {
  top: 13px;
  right: 13px;
}

.item-divider {
  background-color: #C7E1BC;
}

a {
  color: #009CDD;
}

/*
// Additional menu animlation is too slow on old mobile devices
.view-container {
    -webkit-transition: opacity linear .2s;
    -moz-transition: opacity linear .2s;
    -o-transition: opacity linear .2s;
    transition: opacity linear .2s;
    opacity: 1;
}

.menu-open {
    .menu-content {
        -webkit-filter: grayscale(60%);
        filter: grayscale(60%);
        background-color: #EEE;
        .view-container, .pane {
            opacity: 0.7;
        }
    }
}*/

.splash-screen.ng-enter,
.splash-screen.ng-leave {
  transition: all linear 0.3s;
}

.splash-screen.ng-enter,
.splash-screen.ng-leave.ng-leave-active {
  opacity: 0;
}

.splash-screen.ng-leave,
.splash-screen.ng-enter.ng-enter-active {
  opacity: 1;
}

.bar-footer {
  text-align: center;
  padding: 1px 4px;
}

.bar-footer .button {
  font-size: 16px;
  margin: 0 auto;
  background-color: #EFF6EC;
  width: 100%;
  max-width: 640px;
}

.bar-footer .button.activated {
  background-color: #C7E1BC;
}

.bar-footer .button .badge {
  position: absolute;
  top: 9px;
  right: 9px;
}

.flex-placeholder {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#debug {
  position: relative;
}

#debug #footer {
  position: fixed;
  bottom: 0.3em;
  z-index: 10000;
  padding: 0.2em;
  border-radius: 3px;
  cursor: default;
  right: 0.4em;
}

#debug #watchers[data-count-length="1"],
#debug #watchers[data-count-length="2"] {
  background: #DDD;
}

#debug #watchers[data-count-length="3"] {
  background: #DDD;
}

#debug #watchers[data-count-length="3"][data-count^="3"] {
  background-color: rgb(254.2692307692, 227.2307692308, 227.2307692308);
}

#debug #watchers[data-count-length="3"][data-count^="4"] {
  background-color: rgb(253.6153846154, 202.3846153846, 202.3846153846);
}

#debug #watchers[data-count-length="3"][data-count^="5"] {
  background-color: rgb(252.9615384615, 177.5384615385, 177.5384615385);
}

#debug #watchers[data-count-length="3"][data-count^="6"] {
  background-color: rgb(252.3076923077, 152.6923076923, 152.6923076923);
}

#debug #watchers[data-count-length="3"][data-count^="7"] {
  background-color: rgb(251.6538461538, 127.8461538462, 127.8461538462);
}

#debug #watchers[data-count-length="3"][data-count^="8"] {
  background-color: rgb(251.1307692308, 107.9692307692, 107.9692307692);
}

#debug #watchers[data-count-length="3"][data-count^="9"] {
  background-color: rgb(251.1307692308, 107.9692307692, 107.9692307692);
}

#debug #watchers[data-count-length="4"] {
  color: #fff;
  background-color: #ff0000;
}

#debug #watchers:after {
  content: attr(data-count);
}

.align-middle-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.notification {
  border-radius: 5px;
  cursor: pointer;
  padding: 10px 30px 10px 10px;
  margin: 5px;
}

.notification.info {
  background-color: #E5F5FC;
  color: #005477;
  border: 1px solid #A6DDF3;
  overflow: hidden;
}

.notification.error {
  background-color: #F2DEDE;
  color: #A94442;
  border: 1px solid #EBCCD1;
  overflow: hidden;
}

.notification.ng-enter {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}

.notification.ng-enter,
.notification.ng-leave.ng-leave-active {
  opacity: 0;
}

.notification.ng-leave,
.notification.ng-enter.ng-enter-active {
  opacity: 1;
}

.form input {
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: 0.3s linear all;
}

.form input.ng-invalid,
.form input.error {
  background-color: #FBF2E8 !important;
  border: 1px solid #F0D2B0 !important;
}

.form select.error {
  background-color: #FBF2E8 !important;
  border: 1px solid #F0D2B0 !important;
}

select {
  padding: 6px;
  border-radius: 4px;
  background-color: #EFF6EC;
  border: 1px solid #C7E1BC;
  min-width: 68px;
  font-size: 16px;
  margin: 0 5px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.platform-ios select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.animal-list .buttons,
.bullshop-list .buttons {
  padding: 6px;
  overflow: hidden;
  white-space: nowrap;
}

.animal-list .buttons .button,
.bullshop-list .buttons .button {
  max-width: 29%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 4px;
  padding-right: 4px;
  min-height: 2.5em;
  line-height: 2.5em;
}

@media (min-width: 401px) {
  .animal-list .buttons .button,
  .bullshop-list .buttons .button {
    min-width: 80px;
    padding-left: 8px;
    padding-right: 8px;
  }
}

.en .bullshop-list .BreedingValue:before {
  content: "NTM:";
}

.en .bullshop-list .BullHerdBookNr:before {
  content: "Herdb. nr:";
}

.en .bullshop-list .YieldIndex:before {
  content: "Yii:";
}

.en .bullshop-list .UdderHealth:before {
  content: "Udh:";
}

.en .bullshop-list .UdderIndex:before {
  content: "Udd:";
}

.en .bullshop-list .FeetAndLegs:before {
  content: "F&L:";
}

.en .bullshop-list .Fertility:before {
  content: "Fer:";
}

.en .bullshop-list .UnitPrice:before {
  content: "Price:";
}

.en .bullshop-list .UnitPriceXVik:before {
  content: "X-Vik:";
}

.en .bullshop-list .UnitPriceYVik:before {
  content: "Y-Vik:";
}

.en .bullshop-list .SireName:before {
  content: "Sire:";
}

.en .bullshop-list .MGSName:before {
  content: "MGS:";
}

.fi .bullshop-list .BreedingValue:before {
  content: "NTM:";
}

.fi .bullshop-list .BullHerdBookNr:before {
  content: "Kknro:";
}

.fi .bullshop-list .YieldIndex:before {
  content: "Tuo:";
}

.fi .bullshop-list .UdderHealth:before {
  content: "Ute:";
}

.fi .bullshop-list .UdderIndex:before {
  content: "Utr:";
}

.fi .bullshop-list .FeetAndLegs:before {
  content: "Jal:";
}

.fi .bullshop-list .Fertility:before {
  content: "Hed:";
}

.fi .bullshop-list .UnitPrice:before {
  content: "Hinta:";
}

.fi .bullshop-list .UnitPriceXVik:before {
  content: "X-Vik:";
}

.fi .bullshop-list .UnitPriceYVik:before {
  content: "Y-Vik:";
}

.fi .bullshop-list .SireName:before {
  content: "Isä:";
}

.fi .bullshop-list .MGSName:before {
  content: "Emänisä:";
}

.sv .bullshop-list .BreedingValue:before {
  content: "NTM:";
}

.sv .bullshop-list .BullHerdBookNr:before {
  content: "Stbnr:";
}

.sv .bullshop-list .YieldIndex:before {
  content: "Prod:";
}

.sv .bullshop-list .UdderHealth:before {
  content: "Jhäl:";
}

.sv .bullshop-list .UdderIndex:before {
  content: "Jext:";
}

.sv .bullshop-list .FeetAndLegs:before {
  content: "Ben:";
}

.sv .bullshop-list .Fertility:before {
  content: "Fer:";
}

.sv .bullshop-list .UnitPrice:before {
  content: "Pris:";
}

.sv .bullshop-list .UnitPriceXVik:before {
  content: "X-Vik:";
}

.sv .bullshop-list .UnitPriceYVik:before {
  content: "Y-Vik:";
}

.sv .bullshop-list .SireName:before {
  content: "Far:";
}

.sv .bullshop-list .MGSName:before {
  content: "Morfar:";
}

.main-menu .button {
  display: block;
  background-color: #EFF6EC;
  margin: 6px 10px;
  border-radius: 4px;
  border: 1px solid #9FCB8D;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 54px;
  text-align: left;
}

.main-menu .button .icon::before {
  font-size: 32px;
}

.main-menu .button.activated {
  background-color: #C7E1BC;
}

.main-menu .button .badge {
  position: absolute;
  top: 13px;
  right: 13px;
}

.herds-select {
  vertical-align: middle;
  line-height: 42px;
  padding: 2px 16px;
  margin: 10px;
  border: none;
}

.herds-select .herd {
  padding: 6px;
  border-radius: 4px;
  border: 1px solid #C7E1BC;
}

.herds-select .error {
  padding: 6px;
  border-radius: 4px;
  color: #A94442;
  border: 1px solid #EBCCD1;
}

.herds-select .inline {
  display: inline-block;
}

.herds-select .itemText {
  font-size: 16px;
}

.herds-select .button,
.filter-panel .button,
.bullshop-cart .row-methods .button {
  border-radius: 4px;
  display: inline-block;
  margin: 2px 4px;
  padding: 8px;
  line-height: 20px;
  min-height: 20px;
  min-width: 44px;
}

.herds-select .button.selected,
.filter-panel .button.selected,
.bullshop-cart .row-methods .button.selected {
  background-color: #C7E1BC;
}

.offline-herds-select .listItem {
  margin: 5px;
  padding: 6px;
  border-radius: 4px;
  border: 1px solid #C7E1BC;
  display: inline-block;
}

.offline-herds-select .itemText {
  margin: 10px 2px 10px 10px;
  padding: 2px 0px 2px 16px;
  font-size: 16px;
  display: inline-block;
}

.offline-buttons {
  margin-left: auto;
  margin-right: 0;
}

.offline-buttons button {
  font-size: 11px;
}

.button-red {
  border-color: transparent;
  background-color: #ef473a;
  color: #fff;
}

.button-custom {
  font-size: 20px;
  width: 45px;
  border-radius: 9px;
}

.show-desktop {
  display: block;
}

.show-mobile {
  display: none;
}

.border-bottom {
  border-bottom: 1px solid lightgray;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.button {
  border-radius: 4px;
  display: inline-block;
  margin: 2px 4px;
  padding: 8px;
  line-height: 20px;
  min-height: 20px;
  min-width: 44px;
}

.button.selected {
  background-color: #C7E1BC;
}

a.title {
  text-decoration: none;
}

.main-links {
  text-align: center;
}

.main-links .logo {
  float: left;
  width: 150px;
  height: 88px;
  background-image: url("data:image/png;base64,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");
}

.main-links > a {
  display: block;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
}

.main-links .contact-email {
  padding-top: 10px;
  clear: both;
  display: block;
  font-size: smaller;
}

.header-buttons {
  display: none;
}

@media (min-width: 768px) {
  .header-buttons {
    display: block;
  }
}

.main .version {
  text-align: right;
  color: rgb(178.5, 178.5, 178.5);
  padding: 8px;
  font-size: 12px;
}

@media (max-width: 639px) {
  .show-desktop {
    display: none;
  }

  .show-mobile {
    display: block;
    margin: 20px;
  }

  .itemText {
    width: 130px;
  }

  .inline {
    vertical-align: text-bottom;
  }

  .button-red {
    vertical-align: text-bottom;
  }
}

@media (min-width: 640px) {
  .animal-list .buttons div.search {
    display: inline;
  }

  .animal-list .buttons div.search > span {
    display: none;
  }
}

.animal-list .buttons div.search {
  padding-top: 6px;
}

.animal-list .buttons div.search input.search {
  height: 3em;
  width: 120px;
  padding: 0 5px;
  margin: 0;
  border-radius: 4px;
  border: 1px solid #ddd;
}

.animal-list .animal-count {
  right: 50px;
}

.list.animals .item.animal {
  padding: 0;
  min-height: 3em;
  line-height: 3em;
  cursor: pointer;
  background-color: #FFF;
}

.list.animals .item.animal.activated {
  background-color: #FFF;
}

.list.animals .item.animal.even,
.list.animals .item.animal.even.activated {
  background-color: #e4e4e4;
}

.list.animals .item.animal.selected {
  background-color: #C7E1BC;
}

.list.animals .item.animal.selected.even {
  background-color: rgb(184.2783505155, 217.1134020619, 170.3865979381);
}

.list.animals .item.animal > span {
  position: absolute;
}

.list.animals .item.animal > span:nth-of-type(1) {
  left: 0;
  right: 80%;
}

.list.animals .item.animal > span:nth-of-type(2) {
  left: 20%;
  right: 60%;
}

.list.animals .item.animal > span:nth-of-type(3) {
  left: 40%;
  right: 41%;
}

.list.animals .item.animal > span:nth-of-type(4) {
  left: 59%;
  right: 19%;
}

.list.animals .item.animal > span:nth-of-type(5) {
  left: 81%;
  right: 0%;
}

.list.animals .item.animal > span:nth-of-type(1) {
  padding-left: 1em;
}

.list.animals .item.animal > span:nth-of-type(3),
.list.animals .item.animal > span:nth-of-type(4),
.list.animals .item.animal > span:nth-of-type(5) {
  text-align: right;
  padding-right: 10px;
}

.list.animals .item.animal > span {
  overflow: hidden;
}

.list.animals .item.animal > span.yes:empty,
.list.animals .item.animal > span.no:empty {
  display: none;
}

.list.animals .item.animal > span.yes::after,
.list.animals .item.animal > span.no::after {
  padding-left: 5px;
  font-weight: bold;
}

.list.animals .item.animal > span.yes::after {
  content: "+";
  color: green;
}

.list.animals .item.animal > span.no::after {
  content: "‒";
  color: red;
}

.bullshop-list .item.item-divider.animal,
.list .item.item-divider.animal {
  min-height: 2.4em;
  line-height: 2.4em;
  background-color: #FFF;
}

.bullshop-list .item.item-divider.animal .sortable,
.list .item.item-divider.animal .sortable {
  cursor: pointer;
  text-decoration: underline;
  padding-right: 15px;
}

.bullshop-list .item.item-divider.animal .sortable.sort,
.list .item.item-divider.animal .sortable.sort {
  padding-right: 1px;
}

.bullshop-list .item.item-divider.animal .sortable.sort:after,
.list .item.item-divider.animal .sortable.sort:after {
  vertical-align: top;
  margin: 0 2px;
  font-size: 0;
  height: 10px;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #555;
}

.bullshop-list .item.item-divider.animal .sortable.sort.desc:after,
.list .item.item-divider.animal .sortable.sort.desc:after {
  vertical-align: baseline;
  border-bottom: none;
  border-top: 5px solid #555;
}

.bullshop-list div.search,
.list div.search {
  padding: 6px;
}

.bullshop-list div.search > span,
.list div.search > span {
  padding: 6px;
}

.bullshop-list div.search input.search,
.list div.search input.search {
  height: 2em;
  width: 120px;
  padding: 0 5px;
  margin: 0;
  border-radius: 4px;
  border: 1px solid #ddd;
}

.bullshop-list div.search input.search::-webkit-input-placeholder,
.list div.search input.search::-webkit-input-placeholder {
  color: rgb(89.25, 89.25, 89.25);
}

.bullshop-list div.search input.search::-moz-placeholder,
.list div.search input.search::-moz-placeholder {
  color: rgb(89.25, 89.25, 89.25);
}

.bullshop-list div.search input.search:-ms-input-placeholder,
.list div.search input.search:-ms-input-placeholder {
  color: rgb(89.25, 89.25, 89.25);
}

.bullshop-list select {
  padding: 0;
  margin-left: 0;
  height: 38px;
  line-height: 38px;
}

.bullshop-list .title {
  font-weight: bold;
  color: #01AA34;
  text-transform: uppercase;
  font-size: 12px;
}

.bullshop-list .ion-close {
  color: #b2b2b2;
}

.bullshop-list .ion-close,
.bullshop-list .btn-collapse {
  font-size: 38px;
}

.bullshop-list .filter-panel {
  padding: 4px;
}

.bullshop-list .filter-panel .filters {
  transition: height ease-in-out 0.3s;
  overflow: hidden;
}

.bullshop-list .filter-panel .button-filters {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bullshop-list .filter-panel .button-filters .button {
  overflow: hidden;
  min-height: 38px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 3px 2px;
}

@media (max-width: 375px) {
  .bullshop-list .filter-panel .button-filters .button {
    font-size: 14px;
    padding: 3px;
  }
}

@media (max-width: 539px) {
  .bullshop-list .filter-panel .button-filters {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .bullshop-list .filter-panel .button-filters .button {
    width: 32%;
  }
}

@media (min-width: 540px) {
  .bullshop-list .filter-panel .button-filters .button {
    width: 19%;
    max-width: 19%;
  }
}

.bullshop-list .filter-panel .button {
  min-height: 38px;
}

.bullshop-list .filter-panel .button-collapse {
  color: #9FCB8D;
  margin: 0 0 0 10px;
  padding: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
}

.bullshop-list .filter-panel .button-collapse span,
.bullshop-list .filter-panel .button-collapse i {
  vertical-align: middle;
}

.bullshop-list .filter-panel .button-collapse i {
  padding: 0 4px;
}

.bullshop-list .filter-panel .button-collapse :before {
  font-size: 36px;
  vertical-align: middle;
  margin: 2px;
}

.bullshop-list .filter-panel .favorite-filter {
  padding: 0;
}

.bullshop-list .filter-panel .favorite-filter i {
  display: inline-block;
  background-position: 50%;
  vertical-align: middle;
}

.bullshop-list .filter-panel .trait-groups {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.bullshop-list .filter-panel .trait-groups .icon {
  margin: 2px;
  opacity: 0.3;
}

.bullshop-list .filter-panel .trait-groups .icon:hover {
  opacity: 0.4;
}

.bullshop-list .filter-panel .trait-groups .icon.active {
  opacity: 1;
}

@media (min-width: 630px) {
  .bullshop-list .filter-panel .trait-groups {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .bullshop-list .filter-panel .trait-groups .filter-panel-bottom {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: 10px;
  }
}

.bullshop-list .filter-panel .trait-group {
  cursor: pointer;
}

.bullshop-list .filter-panel.collapsed .button-filters,
.bullshop-list .filter-panel.collapsed .trait-groups-buttons,
.bullshop-list .filter-panel.collapsed .trait-filter {
  display: none;
}

.bullshop-list .filter-panel.collapsed .filter-panel-bottom {
  margin: 0;
}

.bullshop-list .filter-panel.collapsed .button-collapse {
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0;
  padding-left: 4px;
}

.bullshop-list .filter-panel.collapsed .button-collapse > span {
  width: 100%;
}

.bullshop-list .filter-panel-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  white-space: normal;
  color: #01AA34;
}

.bullshop-list .filter-panel-bottom input {
  max-width: 3em;
  height: 38px;
}

.bullshop-list .filter-panel-bottom .trait-group {
  width: 20px;
  height: 20px;
  margin: 0 2px;
}

.bullshop-list .trait-filter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.bullshop-list .trait-filter .badge {
  left: calc(100% + 5px);
  right: auto;
  top: 9px;
  display: inline-block;
}

.bullshop-list .trait-filter-value {
  margin: 0 5px;
}

.bullshop-list .sort-panel {
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bullshop-list .sort-panel .sorting {
  margin: 0;
}

.bullshop-list .sort-panel .sort-order {
  background-color: #C7E1BC;
  vertical-align: bottom;
  min-height: 38px;
  min-width: 44px;
}

.bullshop-list .sort-panel .sort-order:before {
  content: "";
  position: absolute;
  left: 13px;
  top: 11px;
  border: 8px solid transparent;
  border-top: 0;
  border-bottom: 16px solid grey;
}

.bullshop-list .sort-panel .sort-order.desc:before {
  border-bottom: 0 solid transparent;
  border-top: 16px solid grey;
}

.bullshop-list .sort-panel .name-filter,
.bullshop-list .sort-panel .sort-filter {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.bullshop-list .sort-panel .sort-filter {
  text-align: right;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.bullshop-list .sort-panel .name-filter {
  margin-right: 10px;
  min-width: 4em;
}

.bullshop-list .animal {
  display: -ms-flexbox;
  display: flex;
  padding: 2px;
  padding-bottom: 0;
}

.bullshop-list .animal.even {
  background-color: #e4e4e4;
}

.bullshop-list .animal .trait-groups {
  display: -ms-flexbox;
  display: flex;
}

.bullshop-list .animal .trait-groups .icon {
  margin: 2px;
  width: 20px;
  height: 20px;
}

.bullshop-list .bull-left {
  margin-right: 5px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.bullshop-list .bull-left .bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 0 5px;
}

.bullshop-list .bull-left a {
  cursor: pointer;
}

.bullshop-list .bull-left .cart-icon {
  background-size: 90%;
  background-color: white;
  border: 1px solid lightgray;
  border-radius: 4px;
  background-position-x: 50%;
}

.bullshop-list .bull-picture {
  display: block;
  height: 75px;
  width: 75px;
  text-align: center;
  position: relative;
}

.bullshop-list .bull-picture img {
  max-width: 100%;
  max-height: 100%;
}

.bullshop-list .bull-picture .label-new {
  color: #F3BC24;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
}

.bullshop-list .bull-card {
  width: 100%;
  font-size: 12px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bullshop-list .bull-card span:before {
  color: #AAA;
  font-weight: normal;
}

.bullshop-list .bull-card .trait-groups {
  position: absolute;
  right: 5px;
  top: 5px;
}

.bullshop-list .bull-card .trait-groups .icon-small-vg- {
  display: none;
}

.bullshop-list .bull-card .name-traits {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.bullshop-list .bull-card .BullName,
.bullshop-list .bull-card .BreedingValue {
  width: 40%;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.7em;
}

@media (max-width: 480px) {
  .bullshop-list .bull-card .BullName,
  .bullshop-list .bull-card .BreedingValue {
    width: 100%;
  }
}

.bullshop-list .bull-card .BullBreed {
  padding-left: 5px;
  font-size: small;
}

.bullshop-list .bull-card .traits {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.bullshop-list .bull-card .traits .trait {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .bullshop-list .bull-card .BullName {
    width: 25%;
  }

  .bullshop-list .bull-card .BreedingValue {
    width: 15%;
  }

  .bullshop-list .bull-card .traits {
    width: 50%;
  }

  .bullshop-list .bull-card .traits,
  .bullshop-list .bull-card .BullHerdBookNr,
  .bullshop-list .bull-card .prices,
  .bullshop-list .bull-card .SireName,
  .bullshop-list .bull-card .MGSName {
    font-size: 16px;
    line-height: 1.7em;
  }
}

.bullshop-list .bull-card .BullHerdBookNr,
.bullshop-list .bull-card .prices,
.bullshop-list .bull-card .SireName,
.bullshop-list .bull-card .MGSName {
  width: 50%;
}

.bullshop-list .bull-card .BullHerdBookNr .title,
.bullshop-list .bull-card .prices .title,
.bullshop-list .bull-card .SireName .title,
.bullshop-list .bull-card .MGSName .title {
  display: inline-block;
  min-width: 30%;
}

@media (min-width: 540px) {
  .bullshop-list .bull-card .BullHerdBookNr,
  .bullshop-list .bull-card .prices,
  .bullshop-list .bull-card .SireName,
  .bullshop-list .bull-card .MGSName {
    width: 25%;
  }
}

.bullshop-list .bull-card .prices > span:empty {
  display: none;
}

@media (min-width: 540px) {
  .bullshop-list .bull-card .prices {
    -ms-flex-order: 10;
    order: 10;
  }
}

@media (min-width: 480px) {
  .bullshop-list .bull-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .bullshop-list .bull-left .bottom {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.bullshop-dlg .bull-name {
  padding: 10px 20px;
  font-size: larger;
  font-weight: bold;
}

.bullshop-dlg table {
  width: 95%;
  margin: 0 auto;
}

.bullshop-dlg th,
.bullshop-dlg td {
  border-bottom: 1px solid #DDD;
  padding: 5px;
}

.bullshop-dlg th {
  background-color: #eee;
}

.bullshop-dlg td {
  vertical-align: middle;
}

.bullshop-dlg .popup {
  min-width: 300px;
  max-width: 95%;
  width: auto;
}

.bullshop-dlg .titles {
  white-space: nowrap;
}

.bullshop-dlg .doses {
  text-align: center;
}

.bullshop-dlg .doses .titles {
  text-align: left;
}

.bullshop-dlg .doses-amount {
  white-space: nowrap;
  text-align: left;
}

.bullshop-dlg .doses-amount input {
  min-width: 4em;
  max-width: 4em;
  display: inline-block;
}

.bullshop-dlg .button-stable {
  background-color: #C7E1BC;
}

.bullshop-dlg .button-default {
  background-color: #F0D2B0;
}

.bullshop-dlg .has-footer {
  bottom: 54px;
}

.bullshop-dlg .bar-footer {
  padding: 5px;
  height: 54px;
}

.bullshop-cart select,
.bullshop-cart .button {
  margin-left: 0;
  white-space: nowrap;
}

.bullshop-cart input {
  display: inline-block;
}

.bullshop-cart .row {
  border-bottom: 1px solid #ddd;
}

.bullshop-cart .col {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.bullshop-cart .row-methods {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  white-space: nowrap;
}

.bullshop-cart .row-methods > div {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media (max-width: 479px) {
  .bullshop-cart .row-methods > div {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}

.bullshop-cart .container-id input {
  max-width: 6em;
  margin-right: 5px;
}

@media (max-width: 479px) {
  .bullshop-cart .container-id select {
    margin-right: 0;
  }
}

.bullshop-cart .route-week input {
  max-width: 3em;
}

.bullshop-cart .delivery .buttons,
.bullshop-cart .payment .buttons {
  display: none;
}

@media (min-width: 740px) {
  .bullshop-cart .delivery .buttons {
    display: -ms-flexbox;
    display: flex;
  }

  .bullshop-cart .delivery select {
    display: none;
  }
}

@media (min-width: 600px) {
  .bullshop-cart .payment .buttons {
    display: -ms-flexbox;
    display: flex;
  }

  .bullshop-cart .payment select {
    display: none;
  }
}

.bullshop-cart .list-title {
  font-size: larger;
  padding: 5px;
}

.bullshop-cart .titles {
  padding: 0 5px;
}

.bullshop-cart .amount input {
  max-width: 3em;
  text-align: center;
  padding: 0;
  min-width: 3em;
}

.bullshop-cart .items-list .name {
  -ms-flex: 5 0;
  flex: 5 0;
}

.bullshop-cart .items-list .col:nth-child(n+3) {
  text-align: right;
  -ms-flex: 1 0 40px;
  flex: 1 0 40px;
}

.bullshop-cart .items-list .col:nth-child(n+3) span {
  white-space: nowrap;
}

@media (min-width: 480px) {
  .bullshop-cart .items-list .col:nth-child(n+3) {
    white-space: nowrap;
  }
}

.bullshop-cart .item-row {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bullshop-cart .item-row.even {
  background-color: #ECECEC;
}

.bullshop-cart .item-row .name {
  overflow: hidden;
  font-weight: bold;
  text-transform: uppercase;
}

@media (max-width: 480px) {
  .bullshop-cart .item-row .name {
    font-size: 12px;
  }
}

.bullshop-cart .item-row .error {
  width: 100%;
  color: red;
  text-align: right;
  line-height: 1.4;
}

.bullshop-cart .item-row .error.ng-animate {
  transition: all ease 0.3s;
}

.bullshop-cart .item-row .error.ng-hide {
  line-height: 0;
  opacity: 0;
}

.bullshop-cart .delete-button {
  padding: 0;
  max-width: 30px;
}

.bullshop-cart .delete-button .button {
  margin: 0;
  min-width: 30px;
  min-height: 30px;
  padding: 2px;
}

.bullshop-cart .delete-button .icon {
  color: red;
}

.bullshop-cart .delete-button .icon:before {
  line-height: 16px;
  vertical-align: baseline;
}

.bullshop-cart .totals-row {
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}

.bullshop-cart .totals-row > div {
  padding: 5px;
}

.bullshop-cart .totals-row > div:nth-child(3) {
  font-weight: bold;
  text-align: right;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.bullshop-cart .order-comment input {
  width: 100%;
  margin-top: 5px;
  display: block;
}

.bullshop-cart .terms-row input {
  width: 100%;
}

.bullshop-cart .terms-row .col {
  line-height: 44px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.bullshop-cart .terms-row .col span {
  margin: 0 5px;
}

.bullshop-cart .terms-row button {
  border: none;
}

.bullshop-cart .terms-row .send-order .button {
  width: 100%;
}

@media (min-width: 540px) {
  .bullshop-cart .terms-row {
    display: -ms-flexbox;
    display: flex;
  }
}

.bullshop-cart .empty-order .button {
  display: block;
}

.insemination-list .buttons {
  padding: 6px;
  overflow: hidden;
  white-space: nowrap;
}

.insemination-list .buttons .button {
  max-width: 29%;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-left: 4px;
  padding-right: 4px;
  min-height: 2.5em;
  line-height: 2.5em;
}

@media (min-width: 401px) {
  .insemination-list .buttons .button {
    min-width: 80px;
    padding-left: 8px;
    padding-right: 8px;
  }
}

.insemination-list .buttons .search {
  height: 3em;
  width: 25%;
  padding: 0 5px;
  margin: 0;
  border-radius: 4px;
  border: 1px solid #ddd;
}

.insemination-list .animal-count {
  right: 50px;
}

.list.inseminations .animal {
  padding: 0;
  background-color: #FFF;
  height: 4em;
}

.list.inseminations .animal.activated {
  background-color: #FFF;
}

.list.inseminations .animal.even,
.list.inseminations .animal.even.activated {
  background-color: #e4e4e4;
}

.list.inseminations .animal .item.animal {
  background: inherit;
  border-bottom: none;
  min-height: 3em;
  line-height: 3em;
}

.list.inseminations .item.animal {
  padding: 0.5em;
  height: 100%;
}

.list.inseminations .item.animal > span {
  position: absolute;
}

.list.inseminations .item.animal > span.FreezingNr {
  white-space: nowrap;
}

@media (max-width: 360px) {
  .list.inseminations .item.animal > span {
    font-size: 11pt;
  }
}

@media (max-width: 599px) {
  .list.inseminations .item.animal > span {
    font-size: 11pt;
  }

  .list.inseminations .item.animal > span:nth-of-type(1) {
    left: 5px;
    right: 86%;
    top: 10px;
  }

  .list.inseminations .item.animal > span:nth-of-type(2) {
    left: 14%;
    right: 72%;
    top: 10px;
  }

  .list.inseminations .item.animal > span:nth-of-type(3) {
    left: 28%;
    right: 72%;
    top: 10px;
  }

  .list.inseminations .item.animal > span:nth-of-type(4) {
    left: 28%;
    right: 57%;
    top: 10px;
  }

  .list.inseminations .item.animal > span:nth-of-type(5) {
    left: 43%;
    right: 57%;
    top: 10px;
  }

  .list.inseminations .item.animal > span:nth-of-type(6) {
    left: 43%;
    right: 29%;
    top: 10px;
  }

  .list.inseminations .item.animal > span:nth-of-type(7) {
    left: 71%;
    right: 18%;
    top: 10px;
  }

  .list.inseminations .item.animal > span:nth-of-type(8) {
    left: 82%;
    right: 0%;
    top: 10px;
  }

  .list.inseminations .item.animal > span:nth-of-type(9) {
    left: 100%;
    right: 0%;
    top: 10px;
  }

  .list.inseminations .item.animal > span:nth-of-type(10) {
    left: 100%;
    right: 0%;
    top: 10px;
  }

  .list.inseminations .item.animal > span:nth-of-type(11) {
    left: 100%;
    right: 0%;
    top: 10px;
  }

  .list.inseminations .item.animal > span:nth-of-type(12) {
    left: 100%;
    right: 0%;
    top: 10px;
  }

  .list.inseminations .item.animal > span.LastInsem,
  .list.inseminations .item.animal > span.BullName {
    top: 5px;
  }

  .list.inseminations .item.animal > span.LastInsem {
    right: 56%;
  }

  .list.inseminations .item.animal > span.BullName {
    right: 29%;
  }

  .list.inseminations .item.animal > span.InsemNr,
  .list.inseminations .item.animal > span.BullHerdBookNr {
    top: 25px;
  }

  .list.inseminations .item.animal > span.ContainerId:empty,
  .list.inseminations .item.animal > span.Canister:empty,
  .list.inseminations .item.animal > span.DosesLeft:empty {
    display: none;
  }

  .list.inseminations .item.animal > span.ContainerId,
  .list.inseminations .item.animal > span.Canister,
  .list.inseminations .item.animal > span.DosesLeft {
    top: 45px;
  }

  .list.inseminations .item.animal > span.ContainerId {
    left: 5%;
    right: 65%;
  }

  .list.inseminations .item.animal > span.Canister {
    left: 40%;
    right: 30%;
  }

  .list.inseminations .item.animal > span.DosesLeft {
    left: 70%;
    right: 5%;
  }
}

@media (min-width: 600px) {
  .list.inseminations .item.animal > span:nth-of-type(1) {
    left: 5px;
    right: 90%;
  }

  .list.inseminations .item.animal > span:nth-of-type(2) {
    left: 10%;
    right: 82%;
  }

  .list.inseminations .item.animal > span:nth-of-type(3) {
    left: 18%;
    right: 74%;
  }

  .list.inseminations .item.animal > span:nth-of-type(4) {
    left: 26%;
    right: 69%;
  }

  .list.inseminations .item.animal > span:nth-of-type(5) {
    left: 31%;
    right: 48%;
  }

  .list.inseminations .item.animal > span:nth-of-type(6) {
    left: 52%;
    right: 40%;
  }

  .list.inseminations .item.animal > span:nth-of-type(7) {
    left: 60%;
    right: 33%;
  }

  .list.inseminations .item.animal > span:nth-of-type(8) {
    left: 67%;
    right: 22%;
  }

  .list.inseminations .item.animal > span:nth-of-type(9) {
    left: 78%;
    right: 15%;
  }

  .list.inseminations .item.animal > span:nth-of-type(10) {
    left: 85%;
    right: 8%;
  }

  .list.inseminations .item.animal > span:nth-of-type(11) {
    left: 92%;
    right: 1%;
  }

  .list.inseminations .item.animal > span {
    font-size: 11pt;
  }
}

@media (min-width: 680px) {
  .list.inseminations .item.animal > span {
    font-size: 12pt;
  }
}

.list.inseminations .item.animal > span {
  overflow: hidden;
}

.list.inseminations .item.animal .image {
  top: 5px !important;
}

.list.inseminations .item.animal.item-divider {
  min-height: 3em;
  line-height: 1.3em;
  background-color: #FFF;
}

.list.inseminations input.search {
  height: 2em;
  width: 80%;
  padding: 0 5px;
  margin: 0;
  border-radius: 4px;
  border: 1px solid #ddd;
}

.list.inseminations input.search::-webkit-input-placeholder {
  color: rgb(89.25, 89.25, 89.25);
}

.list.inseminations input.search::-moz-placeholder {
  color: rgb(89.25, 89.25, 89.25);
}

.list.inseminations input.search:-ms-input-placeholder {
  color: rgb(89.25, 89.25, 89.25);
}

@media (max-width: 599px) {
  .list.inseminations .item.animal span:before {
    color: #777;
    font-size: 0.9em;
  }

  .en .list.inseminations .item.animal > span.ContainerId:before {
    content: "Cont: ";
  }

  .en .list.inseminations .item.animal > span.Canister:before {
    content: "Can: ";
  }

  .en .list.inseminations .item.animal > span.DosesLeft:before {
    content: "Doses: ";
  }

  .fi .list.inseminations .item.animal > span.ContainerId:before {
    content: "Säiliö: ";
  }

  .fi .list.inseminations .item.animal > span.Canister:before {
    content: "Lo: ";
  }

  .fi .list.inseminations .item.animal > span.DosesLeft:before {
    content: "Kpl: ";
  }

  .sv .list.inseminations .item.animal > span.ContainerId:before {
    content: "Behål: ";
  }

  .sv .list.inseminations .item.animal > span.Canister:before {
    content: "Fack: ";
  }

  .sv .list.inseminations .item.animal > span.DosesLeft:before {
    content: "St: ";
  }
}

.order-form {
  padding-right: 6px;
}

.order-form .button {
  min-height: 2.3em;
  line-height: 2.3em;
  font-size: 14px;
  padding: 2px 5px;
}

@media (min-width: 480px) {
  .order-form .button {
    font-size: 16px;
    padding: 2px 8px;
  }
}

.order-form .item.barn {
  padding: 2px 14px;
}

.order-form .item.barn .label,
.order-form .item.barn .details {
  display: inline-block;
}

.order-form .item.barn .label {
  line-height: 36px;
  vertical-align: top;
}

.order-form .item.barn .details > div .button {
  margin-top: 2px;
  min-height: 26px;
  line-height: 26px;
}

.order-form .item.barn .details > div {
  line-height: 36px;
}

.order-form .item.eartag-selection {
  padding: 8px 16px 7px 16px;
}

@media (min-width: 720px) {
  .order-form .item.eartag-selection > div {
    display: inline-block;
  }
}

.order-form .item.eartag-selection .button {
  max-height: 36px;
  line-height: 30px;
}

.order-form .item.eartag-selection .text {
  padding-bottom: 8px;
}

.order-form .item.eartag-selection input.earTag {
  width: 65px;
}

.order-form .item.eartag-selection .name {
  background-color: #EFF6EC;
  padding: 8px;
  border-radius: 4px;
}

.order-form .no-animals {
  border-radius: 4px;
  border: 1px solid #C7E1BC;
  background-color: #EFF6EC;
}

.order-form .additional-checks input {
  margin-left: 10px;
  width: 20%;
}

.order-form input[type=number] {
  width: 65px;
}

.order-form input {
  display: inline-block;
  width: auto;
}

.order-form .time {
  width: auto;
  padding: 5px 3px 5px 14px;
  float: left;
  font-size: 16px;
  line-height: 2.1em;
}

.order-form .time input[type=text] {
  min-width: 40px;
  width: 45%;
}

.order-form .es-list {
  border-radius: 4px;
  background-color: #EFF6EC;
  border: 1px solid #C7E1BC;
  min-width: 68px;
  font-size: 16px;
  margin: 0 5px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  display: none;
  z-index: 1000;
  max-height: 160px;
  overflow-y: auto;
  box-shadow: 0 2px 3px #ccc;
}

.order-form .es-list li {
  display: block;
  margin: 0;
}

.order-form .es-visible {
  padding: 6px;
}

.order-form .editable-dropdown li {
  padding: 6px;
}

.order-form .editable-dropdown li:hover {
  background-color: #1E90FF;
  color: #fff;
}

.order-form .notification-request {
  position: relative;
  padding-bottom: 10px;
}

.order-form .notification-request .warn {
  color: #A94442;
  position: absolute;
  right: 10px;
}

.order-form .notification-request .success {
  color: #01AA34;
  position: absolute;
  right: 10px;
}

.order-form .notification-request .shifted {
  margin: 5px 0 5px 0;
  padding: 10px 0 10px 0;
  float: left;
}

.order-form .notification-request .inputs {
  position: relative;
}

.order-form .notification-request .inputs .button {
  width: 19.75%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.order-form .no-background {
  width: 60%;
  background-color: white;
  border: 0;
  font-size: 14px;
  /*padding-left: 0px;
  padding-top: 15px;*/
  padding: 0;
  margin: 0;
  top: 10px;
  position: relative;
  white-space: nowrap;
}

.order-form #phones {
  border-radius: 4px;
  background-color: #EFF6EC;
  border: 1px solid #C7E1BC;
  box-sizing: border-box;
  -ms-flex-align: center;
  align-items: center;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  color: black;
  cursor: default;
  float: left;
}

.order-form #button-arrow {
  padding: 5px;
  border-radius: 4px;
  background-color: #EFF6EC;
  border: 1px solid #C7E1BC;
  -webkit-appearance: menulist;
  box-sizing: border-box;
  -ms-flex-align: center;
  align-items: center;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  color: black;
  cursor: default;
  min-width: 40px;
  border-left: none;
  margin-left: -4px;
  height: 34px;
}

.order-form select {
  margin: 0;
  min-width: 150px;
  -webkit-appearance: menulist;
}

.order-form .form input.ng-invalid + .dropdown-field {
  background-color: #FBF2E8 !important;
  border: 1px solid #F0D2B0 !important;
}

.order-form .custom-dropdown {
  height: 85px;
  font-size: 16px;
  line-height: 2.1em;
}

.order-form .custom-dropdown input {
  z-index: 2;
  position: absolute;
  height: 36.4px;
  width: 125px !important;
  border-right: none !important;
}

.order-form .custom-dropdown select {
  position: absolute;
  z-index: 1;
  width: 150px;
  height: 36.4px;
  -webkit-appearance: menulist;
}

.order-form .custom-dropdown .help-button {
  position: relative;
  top: -3px;
  height: 10px;
  margin: 0;
}

.order-form .message {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  border-bottom: none;
  padding: 10px 0 10px 0;
}

.order-form .message input {
  margin-top: 8px;
  width: auto;
  display: block;
}

.order-form .item {
  padding: 10px 14px;
}

.order-form .text-box-border {
  border: 1px solid lightgray;
}

.order-form .preorder-addinfo {
  border: 1px solid lightgray;
  resize: none;
}

@media (max-width: 740px) {
  .order-form .notification-request .buttons {
    width: 100%;
  }

  .order-form .notification-request .buttons .button:nth-of-type(1) {
    width: 40%;
  }

  .order-form .notification-request .buttons .button:nth-of-type(2) {
    width: 20%;
  }

  .order-form .notification-request .buttons .button:nth-of-type(3) {
    width: 40%;
  }

  .order-form .notification-request .buttons:nth-of-type(2) {
    padding-top: 6px;
  }

  .order-form .notification-request .buttons:nth-of-type(2) .button {
    width: 33.33%;
  }

  .order-form .notification-container {
    width: auto;
    display: inline-block;
    margin-top: -10px;
  }

  .order-form .phone {
    width: 50%;
    float: none;
    padding: 0px 14px;
    clear: both;
  }

  .order-form .shifted {
    width: 65%;
  }
}

@media (max-width: 480px) {
  .order-form .shifted {
    width: auto;
  }

  .order-form .time {
    width: auto;
  }

  .order-form .time input[type=text] {
    width: 40%;
  }
}

@media (max-width: 360px) {
  .order-form .shifted {
    width: auto;
  }

  .order-form .time {
    width: auto;
  }

  .order-form .time input[type=text] {
    width: 35%;
  }
}

@media (max-width: 320px) {
  .order-form .shifted {
    width: auto;
  }

  .order-form .notification-container .notification {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    margin-top: 0;
  }

  .order-form .time {
    width: auto;
  }

  .order-form .time input[type=text] {
    width: 47%;
  }
}

@media (min-width: 740px) {
  .order-form .two-items {
    padding-bottom: 10px;
  }

  .order-form .shifted {
    width: auto;
    float: left;
  }

  .order-form .phone {
    width: 30%;
    float: left;
    padding: 0px 14px;
    clear: both;
  }

  .order-form .phone input {
    min-width: 100px;
    width: auto;
  }

  .order-form .notification-container {
    display: inline-block;
    margin-top: -10px;
  }

  .order-form .notification-request {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
  }

  .order-form .notification-request .buttons {
    width: 50%;
  }

  .order-form .notification-request .buttons:nth-of-type(1) {
    float: left;
    padding-right: 6px;
  }

  .order-form .notification-request .buttons .button:nth-of-type(1) {
    width: 40%;
  }

  .order-form .notification-request .buttons .button:nth-of-type(2) {
    width: 20%;
  }

  .order-form .notification-request .buttons .button:nth-of-type(3) {
    width: 40%;
  }

  .order-form .notification-request .buttons:nth-of-type(2) {
    float: right;
    padding-left: 6px;
    padding-right: 10px;
  }

  .order-form .notification-request .buttons:nth-of-type(2) .button {
    width: 33.33%;
  }
}

.order-form .operation-buttons {
  right: 0;
  padding: 2px 4px;
}

.order-form .operation-buttons.add-new {
  bottom: 5px;
}

.order-form .operation-buttons .button {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

@media (max-width: 380px) {
  .order-form .operation-buttons .button {
    font-size: 13px;
    max-width: 100px;
  }
}

@media (min-width: 381px) and (max-width: 400px) {
  .order-form .operation-buttons .button {
    min-width: 90px;
    max-width: 110px;
  }
}

@media (min-width: 401px) and (max-width: 420px) {
  .order-form .operation-buttons .button {
    min-width: 110px;
    max-width: 120px;
  }
}

@media (min-width: 421px) {
  .order-form .operation-buttons .button {
    min-width: 120px;
  }
}

.list.orders {
  margin-bottom: 0;
}

.list.orders .item.order {
  cursor: pointer;
  background-color: #FFF;
  padding: 0;
  min-height: 3em;
  line-height: 3em;
}

.list.orders .item.order .button {
  min-height: 36px;
  line-height: 36px;
}

.list.orders .item.order .delete-button {
  color: red;
  min-width: 34px;
  padding-top: 2px;
}

.list.orders .item.order.activated {
  background-color: #FFF;
}

.list.orders .item.order.even,
.list.orders .item.order.even.activated {
  background-color: #e4e4e4;
}

.list.orders .item.order.selected {
  background-color: #C7E1BC;
}

.list.orders .item.order.selected.even {
  background-color: rgb(184.2783505155, 217.1134020619, 170.3865979381);
}

.list.orders .item.order > span {
  position: absolute;
}

.list.orders .item.order > span:nth-of-type(1) {
  left: 0;
  right: 90%;
}

.list.orders .item.order > span:nth-of-type(2) {
  left: 10%;
  right: 80%;
}

.list.orders .item.order > span:nth-of-type(3) {
  left: 20%;
  right: 0%;
}

@media (min-width: 400px) {
  .list.orders .item.order > span:nth-of-type(1) {
    padding-left: 5px;
  }
}

.list.orders .item.order > span {
  overflow: hidden;
}

.list.orders .item-divider.animal {
  min-height: 2.4em;
  background-color: #FFF;
}

.button-block:disabled {
  color: black;
  background-color: #9FCB8D;
}

.button-block:enabled {
  color: black;
  background-color: #C7E1BC;
}

.settings-form .item-input {
  padding-right: 50px;
}

@media (max-width: 460px) {
  .settings-form .language-selector .item-divider {
    margin-bottom: 3px;
  }

  .settings-form .language-selector .item-radio:nth-of-type(1) {
    margin-left: 6px;
  }

  .settings-form .language-selector .item-radio {
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    width: 32%;
  }

  .settings-form .language-selector .item-radio .item-content {
    overflow: visible;
  }

  .settings-form .language-selector .item-radio i.radio-icon {
    display: none;
  }
}

.settings-form .item-email {
  padding: 8px 8px;
  line-height: 45px;
  padding-right: 70px;
}

.settings-form .item-email .button {
  position: absolute;
  top: 2px;
  border: none;
}

.settings-form .item-email input {
  margin-left: 60px;
  width: 100%;
}

.settings-form .item-radio input:checked ~ .item-content {
  background-color: #EFF6EC;
}

.settings-form .submit-button {
  padding: 10px;
  text-align: center;
}

.settings-form .submit-button .button {
  margin: 0 auto;
  max-width: 640px;
}

.cancel-order-list .visit-date,
.cancel-order-list .cancel-all,
.cancel-order-list .centered {
  text-align: center;
  display: block;
}

.button-assertive {
  margin-top: 20px;
  margin-bottom: 20px;
}

.popup-container .popup {
  background-color: rgb(255, 255, 255);
}

.list.cancel-orders {
  margin-bottom: 0;
}

.list.cancel-orders .item {
  min-height: 3em;
  padding: 0px;
}

.list.cancel-orders .item > span {
  position: absolute;
}

.list.cancel-orders .item > span:nth-of-type(1) {
  left: 0;
  right: 90%;
}

.list.cancel-orders .item > span:nth-of-type(2) {
  left: 10%;
  right: 60%;
}

.list.cancel-orders .item > span:nth-of-type(3) {
  left: 40%;
  right: 20%;
}

.list.cancel-orders .item > span:nth-of-type(4) {
  left: 80%;
  right: 0%;
}

.list.cancel-orders .item > span {
  text-align: left;
  padding: 16px;
}

.list.cancel-orders .item > span:nth-of-type(1) {
  text-align: center;
}

.list.cancel-orders .item > span:nth-of-type(2) {
  text-overflow: ellipsis;
  overflow: hidden;
}

.list.cancel-orders .item > span:nth-of-type(3) {
  text-overflow: ellipsis;
  overflow: hidden;
}

.list.cancel-orders .item > span:nth-of-type(4) {
  padding: 6px 10px 0 0;
  text-align: right;
}

.list.cancel-orders .item > span .button {
  padding: 0 5px;
  line-height: 32px;
  min-height: 32px;
}

.open-order-list .visit-date,
.open-order-list .cancel-all,
.open-order-list .centered {
  text-align: center;
  display: block;
}

.order-header {
  background-color: #f7f7f7;
}

.button-assertive {
  margin-top: 20px;
  margin-bottom: 20px;
}

.popup-container .popup {
  background-color: rgb(255, 255, 255);
}

.gray-bg {
  background-color: lightgray;
}

.list .open-orders {
  margin-bottom: 0;
}

.list .open-orders .item {
  min-height: 3em;
  padding: 0px;
}

.list .open-orders .item > span {
  position: absolute;
}

.list .open-orders .item > span:nth-of-type(1) {
  left: 0;
  right: 90%;
}

.list .open-orders .item > span:nth-of-type(2) {
  left: 10%;
  right: 50%;
}

.list .open-orders .item > span:nth-of-type(3) {
  left: 50%;
  right: 0%;
}

.list .open-orders .item > span:nth-of-type(4) {
  left: 100%;
  right: 0%;
}

.list .open-orders .item > span {
  text-align: left;
  padding: 16px;
}

.list .open-orders .item > span:nth-of-type(1) {
  text-align: center;
}

.list .open-orders .item > span:nth-of-type(2) {
  text-overflow: ellipsis;
  overflow: hidden;
}

.list .open-orders .item > span:nth-of-type(3) {
  text-overflow: ellipsis;
  overflow: hidden;
}

.list .open-orders .item > span:nth-of-type(4) {
  padding: 6px 10px 0 0;
  text-align: right;
}

.list .open-orders .item > span .button {
  padding: 0 5px;
  line-height: 32px;
  min-height: 32px;
}

.faba-mappi-animal-page-sticky-table-header {
  top: 43px !important;
  height: 43px !important;
  margin: 0 auto;
  max-width: 960px;
  padding: 0px !important;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals {
  width: inherit;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal {
  width: inherit;
  padding: 0;
  min-height: 3.2em;
  line-height: 3em;
  cursor: pointer;
  background-color: #FFF;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal.activated {
  background-color: #FFF;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal.even,
.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal.even.activated {
  background-color: #e4e4e4;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal.selected {
  background-color: #C7E1BC;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal.selected.even {
  background-color: rgb(184.2783505155, 217.1134020619, 170.3865979381);
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span {
  position: absolute;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span:nth-of-type(1) {
  left: 0;
  right: 83.34%;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span:nth-of-type(2) {
  left: 16.66%;
  right: 66.68%;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span:nth-of-type(3) {
  left: 33.32%;
  right: 50.02%;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span:nth-of-type(4) {
  left: 49.98%;
  right: 33.36%;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span:nth-of-type(5) {
  left: 66.64%;
  right: 16.7%;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span:nth-of-type(6) {
  left: 83.3%;
  right: 0.04%;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span:nth-of-type(1) {
  padding-left: 1em;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span {
  /*// Dates
  &:nth-of-type(3),
  &:nth-of-type(4),
  &:nth-of-type(5) {
      text-align: right;
      padding-right: 10px;
  }*/
  overflow: hidden;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span.milk:empty,
.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span.meat:empty {
  display: none;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span.milk::after,
.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span.meat::after {
  padding-top: 5px;
  padding-left: 5px;
  font-weight: bold;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span.milk::after {
  content: url("images/WithdrawalDateMilk.png");
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span.meat::after {
  content: url("images/WithdrawalDateMeat.jpg");
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span > span.yes:empty,
.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span > span.no:empty {
  display: none;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span > span.yes::after,
.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span > span.no::after {
  padding-left: 5px;
  font-weight: bold;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span > span.yes::after {
  content: "+";
  color: green;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span > span.no::after {
  content: "‒";
  color: red;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span.calvingDifficultyRisk:empty {
  display: none;
}

.faba-mappi-animal-page-sticky-table-header .list.faba-mappi-animals .item.animal > span.calvingDifficultyRisk::after {
  content: url("images/icon_alert.png");
}

.faba-mappi-animal-page-sticky-table-header-mobile {
  top: 43px !important;
  height: 43px !important;
  margin: 0 auto;
  max-width: 960px;
  padding: 0px !important;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals {
  width: inherit;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal {
  padding: 0;
  min-height: 3em;
  line-height: 3em;
  cursor: pointer;
  background-color: #FFF;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal.activated {
  background-color: #FFF;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal.even,
.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal.even.activated {
  background-color: #e4e4e4;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal.selected {
  background-color: #C7E1BC;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal.selected.even {
  background-color: rgb(184.2783505155, 217.1134020619, 170.3865979381);
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span {
  position: absolute;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span:nth-of-type(1) {
  left: 0;
  right: 80%;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span:nth-of-type(2) {
  left: 20%;
  right: 60%;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span:nth-of-type(3) {
  left: 40%;
  right: 40%;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span:nth-of-type(4) {
  left: 60%;
  right: 20%;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span:nth-of-type(5) {
  left: 80%;
  right: 0%;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span:nth-of-type(1) {
  padding-left: 1em;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span {
  /*// Dates
  &:nth-of-type(3),
  &:nth-of-type(4),
  &:nth-of-type(5) {
      text-align: right;
      padding-right: 10px;
  }*/
  overflow: hidden;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span.milk:empty,
.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span.meat:empty {
  display: none;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span.milk::after,
.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span.meat::after {
  padding-top: 5px;
  padding-left: 5px;
  font-weight: bold;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span.milk::after {
  content: url("images/WithdrawalDateMilk.png");
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span.meat::after {
  content: url("images/WithdrawalDateMeat.jpg");
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span.yes:empty,
.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span.no:empty {
  display: none;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span.yes::after,
.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span.no::after {
  padding-left: 5px;
  font-weight: bold;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span.yes::after {
  content: "+";
  color: green;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span.no::after {
  content: "‒";
  color: red;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span.calvingDifficultyRisk:empty {
  display: none;
}

.faba-mappi-animal-page-sticky-table-header-mobile .list.faba-mappi-animals .item.animal > span.calvingDifficultyRisk::after {
  content: url("images/icon_alert.png");
}

.faba-mappi .buttons {
  padding: 6px;
}

@media (min-width: 640px) {
  .faba-mappi .buttons div.search {
    display: inline;
  }

  .faba-mappi .buttons div.search > span {
    display: none;
  }
}

.faba-mappi .buttons div.search {
  padding-top: 6px;
}

.faba-mappi .buttons div.search input.search {
  height: 3em;
  width: 120px;
  padding: 0 5px;
  margin: 0;
  border-radius: 4px;
  border: 1px solid #ddd;
}

.faba-mappi .animal-count {
  right: 50px;
}

.list.faba-mappi-animals .item.animal {
  padding: 0;
  min-height: 3em;
  line-height: 3em;
  cursor: pointer;
  background-color: #FFF;
}

.list.faba-mappi-animals .item.animal.activated {
  background-color: #FFF;
}

.list.faba-mappi-animals .item.animal.even,
.list.faba-mappi-animals .item.animal.even.activated {
  background-color: #e4e4e4;
}

.list.faba-mappi-animals .item.animal.selected {
  background-color: #C7E1BC;
}

.list.faba-mappi-animals .item.animal.selected.even {
  background-color: rgb(184.2783505155, 217.1134020619, 170.3865979381);
}

.list.faba-mappi-animals .item.animal > span {
  position: absolute;
}

.list.faba-mappi-animals .item.animal > span:nth-of-type(1) {
  left: 0;
  right: 83.34%;
}

.list.faba-mappi-animals .item.animal > span:nth-of-type(2) {
  left: 16.66%;
  right: 66.68%;
}

.list.faba-mappi-animals .item.animal > span:nth-of-type(3) {
  left: 33.32%;
  right: 50.02%;
}

.list.faba-mappi-animals .item.animal > span:nth-of-type(4) {
  left: 49.98%;
  right: 33.36%;
}

.list.faba-mappi-animals .item.animal > span:nth-of-type(5) {
  left: 66.64%;
  right: 16.7%;
}

.list.faba-mappi-animals .item.animal > span:nth-of-type(6) {
  left: 83.3%;
  right: 0.04%;
}

.list.faba-mappi-animals .item.animal > span:nth-of-type(1) {
  padding-left: 1em;
}

.list.faba-mappi-animals .item.animal > span {
  /*// Dates
  &:nth-of-type(3),
  &:nth-of-type(4),
  &:nth-of-type(5) {
      text-align: right;
      padding-right: 10px;
  }*/
  overflow: hidden;
}

.list.faba-mappi-animals .item.animal > span.milk:empty,
.list.faba-mappi-animals .item.animal > span.meat:empty {
  display: none;
}

.list.faba-mappi-animals .item.animal > span.milk::after,
.list.faba-mappi-animals .item.animal > span.meat::after {
  padding-top: 5px;
  padding-left: 5px;
  font-weight: bold;
}

.list.faba-mappi-animals .item.animal > span.milk::after {
  content: url("images/WithdrawalDateMilk.png");
}

.list.faba-mappi-animals .item.animal > span.meat::after {
  content: url("images/WithdrawalDateMeat.jpg");
}

.list.faba-mappi-animals .item.animal > span > span.yes:empty,
.list.faba-mappi-animals .item.animal > span > span.no:empty {
  display: none;
}

.list.faba-mappi-animals .item.animal > span > span.yes::after,
.list.faba-mappi-animals .item.animal > span > span.no::after {
  padding-left: 5px;
  font-weight: bold;
}

.list.faba-mappi-animals .item.animal > span > span.yes::after {
  content: "+";
  color: green;
}

.list.faba-mappi-animals .item.animal > span > span.no::after {
  content: "‒";
  color: red;
}

.list.faba-mappi-animals .item.animal > span.calvingDifficultyRisk:empty {
  display: none;
}

.list.faba-mappi-animals .item.animal > span.calvingDifficultyRisk::after {
  content: url("images/icon_alert.png");
}

.list.faba-mappi-animals .item.animal > span > span > i.calving-difficulty-risk-mark {
  color: red;
  font-size: 24px;
}

.list.faba-mappi-animals-mobile .item.animal {
  padding: 0;
  min-height: 3em;
  line-height: 3em;
  cursor: pointer;
  background-color: #FFF;
}

.list.faba-mappi-animals-mobile .item.animal.activated {
  background-color: #FFF;
}

.list.faba-mappi-animals-mobile .item.animal.even,
.list.faba-mappi-animals-mobile .item.animal.even.activated {
  background-color: #e4e4e4;
}

.list.faba-mappi-animals-mobile .item.animal.selected {
  background-color: #C7E1BC;
}

.list.faba-mappi-animals-mobile .item.animal.selected.even {
  background-color: rgb(184.2783505155, 217.1134020619, 170.3865979381);
}

.list.faba-mappi-animals-mobile .item.animal > span {
  position: absolute;
}

.list.faba-mappi-animals-mobile .item.animal > span:nth-of-type(1) {
  left: 0;
  right: 80%;
}

.list.faba-mappi-animals-mobile .item.animal > span:nth-of-type(2) {
  left: 20%;
  right: 60%;
}

.list.faba-mappi-animals-mobile .item.animal > span:nth-of-type(3) {
  left: 40%;
  right: 40%;
}

.list.faba-mappi-animals-mobile .item.animal > span:nth-of-type(4) {
  left: 60%;
  right: 20%;
}

.list.faba-mappi-animals-mobile .item.animal > span:nth-of-type(5) {
  left: 80%;
  right: 0%;
}

.list.faba-mappi-animals-mobile .item.animal > span:nth-of-type(1) {
  padding-left: 1em;
}

.list.faba-mappi-animals-mobile .item.animal > span {
  /*// Dates
  &:nth-of-type(3),
  &:nth-of-type(4),
  &:nth-of-type(5) {
      text-align: right;
      padding-right: 10px;
  }*/
  overflow: hidden;
}

.list.faba-mappi-animals-mobile .item.animal > span.milk:empty,
.list.faba-mappi-animals-mobile .item.animal > span.meat:empty {
  display: none;
}

.list.faba-mappi-animals-mobile .item.animal > span.milk::after,
.list.faba-mappi-animals-mobile .item.animal > span.meat::after {
  padding-top: 5px;
  padding-left: 5px;
  font-weight: bold;
}

.list.faba-mappi-animals-mobile .item.animal > span.milk::after {
  content: url("images/WithdrawalDateMilk.png");
}

.list.faba-mappi-animals-mobile .item.animal > span.meat::after {
  content: url("images/WithdrawalDateMeat.jpg");
}

.list.faba-mappi-animals-mobile .item.animal > span > span.yes:empty,
.list.faba-mappi-animals-mobile .item.animal > span > span.no:empty {
  display: none;
}

.list.faba-mappi-animals-mobile .item.animal > span > span.yes::after,
.list.faba-mappi-animals-mobile .item.animal > span > span.no::after {
  padding-left: 5px;
  font-weight: bold;
}

.list.faba-mappi-animals-mobile .item.animal > span > span.yes::after {
  content: "+";
  color: green;
}

.list.faba-mappi-animals-mobile .item.animal > span > span.no::after {
  content: "‒";
  color: red;
}

.list.faba-mappi-animals-mobile .item.animal > span.calvingDifficultyRisk:empty {
  display: none;
}

.list.faba-mappi-animals-mobile .item.animal > span.calvingDifficultyRisk::after {
  content: url("images/icon_alert.png");
}

.list.faba-mappi-animals-mobile .item.animal > span > span > i.calving-difficulty-risk-mark {
  color: red;
  font-size: 24px;
}

.split-in-two-lines {
  line-height: 25px !important;
}

.bar-subheader {
  color: black;
  font-size: 15px;
  padding: 10px;
  max-width: 960px;
  margin: 0 auto;
  border-bottom-color: #C7E1BC;
  border-bottom-width: 2px;
}

.bar-subheader span:not(:first-child) {
  padding-left: 2%;
}

.faba-mappi-animal-page {
  /*.accordion-container {
      width: 100%;
      padding: 5px;
  }*/
}

.faba-mappi-animal-page .accordion {
  background-color: #9FCB8D;
}

.faba-mappi-animal-page .accordion-header {
  font-weight: bold;
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.faba-mappi-animal-page .accordion-container {
  width: 100%;
  padding: 5px;
}

.faba-mappi-animal-page .accordion-header:hover {
  background-color: #C7E1BC;
}

.faba-mappi-animal-page .accordion-body {
  background-color: white;
  font-weight: normal;
}

.faba-mappi-animal-page .accordion2 {
  background-color: #EFF6EC;
  border-bottom: 5px #C7E1BC solid;
}

.faba-mappi-animal-page .accordion3 {
  background-color: #F7F7F7 !important;
}

.faba-mappi-animal-page .accordion3:nth-of-type(2n+1) {
  background-color: white !important;
}

.faba-mappi-animal-page table {
  width: 100%;
  font-size: 15px;
}

.faba-mappi-animal-page .calvingsTable tbody:nth-child(even) {
  background-color: #f7f7f7;
}

.faba-mappi-animal-page .calvingsTable tbody {
  border-top: solid 2px #ddd;
}

.faba-mappi-animal-page .calvingsTable tbody tr .first-td {
  width: 120px;
  padding-top: 20px;
}

.faba-mappi-animal-page tr,
.faba-mappi-animal-page td,
.faba-mappi-animal-page th {
  padding: 5px;
}

.faba-mappi-animal-page th {
  background: lightgray;
  text-align: left;
  height: 18px;
  border-top: 2px #FFFFFF solid;
}

.faba-mappi-animal-page .with-divider {
  border-bottom: 2px solid #9FCB8D;
}

.faba-mappi-animal-page {
  /*tbody tr:nth-child(even) {
      background-color: #f7f7f7;
  }*/
}

.faba-mappi-animal-page .white-table-bg tr {
  background-color: white !important;
}

.faba-mappi-animal-page .accordion-table-title {
  background: lightgray;
  padding: 5px;
  font-size: 15px;
}

.faba-mappi-animal-page .first-column {
  width: 110px;
  display: inline-block;
}

.faba-mappi-animal-page .column {
  display: inline-block;
  vertical-align: top;
}

.faba-mappi-animal-page .saveBtn {
  font-size: 20px;
  color: #9fcb8d;
  background: transparent;
  border: none;
}

.faba-mappi-animal-page .errorBtn {
  font-size: 24px;
  color: red;
  background: transparent;
  border: none;
}

.faba-mappi-animal-page .gray-bg {
  background-color: lightgray;
}

.faba-mappi-animal-page .accordion-table-title2 {
  margin-top: 10px;
  font-size: 15px;
  margin-bottom: 10px;
}

.faba-mappi-animal-page .accordion-table-title2 div {
  margin-left: 10px;
  font-weight: bold;
}

.faba-mappi-animal-page .first-table-column {
  width: 100px;
}

.faba-mappi-animal-page .btn-save {
  width: 100%;
  border-radius: 4px;
  border: none;
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.faba-mappi-animal-page .open-0 {
  display: block;
}

.faba-mappi-animal-page .item-822 {
  display: none;
}

.faba-mappi-animal-page .MappiError {
  width: 100%;
  background-color: #F2DEDE;
  color: #A94442;
  border: 1px solid #EBCCD1;
  overflow: hidden;
}

.faba-mappi-animal-page .MappiSuccess {
  width: 100%;
  background-color: #c7e1bc;
  color: #000000;
  border: 1px solid #deb;
  overflow: hidden;
}

.faba-mappi-animal-page .item {
  cursor: context-menu !important;
}

.faba-mappi-animal-page {
  /* link styles */
}

.faba-mappi-animal-page a:link,
.faba-mappi-animal-page a:visited,
.faba-mappi-animal-page a:hover,
.faba-mappi-animal-page a:active,
.faba-mappi-animal-page a:link,
.faba-mappi-animal-page a:visited,
.faba-mappi-animal-page a:hover,
.faba-mappi-animal-page a:active {
  color: white;
  text-decoration: none;
}

.faba-mappi-animal-page .underlined-link {
  text-decoration: underline;
}

.faba-mappi-animal-page .treatment-comment-button {
  right: 10% !important;
  display: flow-root !important;
  top: 29% !important;
  font-size: 19px !important;
}

.faba-mappi-animal-page .treatment-comment-textarea {
  right: 10% !important;
}

.faba-mappi-animal-page {
  /*.comment-icon-treatments {
      float: right;
      text-align-last: right;
      position: fixed;
      margin-left: -65px;
  }*/
}

.faba-mappi-animal-page .treatment-comment-tables {
  margin-left: 6px;
}

.faba-mappi-animal-page .treat-save-btn {
  width: 33%;
  padding-left: 3px;
}

.faba-mappi-animal-page .no-bottom-border {
  border-bottom: 0px !important;
}

.faba-mappi-animal-page .force-major {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

@media only screen and (min-width: 1079px) {
  .faba-mappi-animal-page .visible-pc {
    display: block;
  }

  .faba-mappi-animal-page .visible-mobile {
    display: none;
  }

  .faba-mappi-animal-page #pc-container1 {
    width: 49% !important;
    float: left;
  }

  .faba-mappi-animal-page #pc-container2 {
    width: 49% !important;
    float: right;
  }
}

@media only screen and (max-width: 1079px) {
  .faba-mappi-animal-page .visible-pc {
    display: none;
  }

  .faba-mappi-animal-page .visible-mobile {
    display: block;
  }

  .faba-mappi-animal-page .accordion-container {
    width: 100% !important;
  }

  .faba-mappi-animal-page #pc-container1 {
    width: 100% !important;
  }

  .faba-mappi-animal-page #pc-container2 {
    width: 100% !important;
  }
}

.faba-mappi-animal-page .mini-renewal-divider {
  border-top: 2px solid #333;
}

.faba-mappi-animal-page .mini-renewal-divider td {
  padding-top: 10px !important;
}

.faba-mappi-removed-animal-page-sticky-table-header {
  top: 43px !important;
  height: 43px !important;
  margin: 0 auto;
  max-width: 960px;
  padding: 0px !important;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed {
  width: inherit;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal {
  width: inherit;
  padding: 0;
  min-height: 3em;
  line-height: 3em;
  cursor: pointer;
  background-color: #FFF;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal.activated {
  background-color: #FFF;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal.even,
.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal.even.activated {
  background-color: #e4e4e4;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal.selected {
  background-color: #C7E1BC;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal.selected.even {
  background-color: rgb(184.2783505155, 217.1134020619, 170.3865979381);
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span {
  position: absolute;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span:nth-of-type(1) {
  left: 0;
  right: 90%;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span:nth-of-type(2) {
  left: 10%;
  right: 75%;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span:nth-of-type(3) {
  left: 25%;
  right: 60%;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span:nth-of-type(4) {
  left: 40%;
  right: 45%;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span:nth-of-type(5) {
  left: 55%;
  right: 30%;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span:nth-of-type(6) {
  left: 70%;
  right: 15%;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span:nth-of-type(7) {
  left: 85%;
  right: 0%;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span:nth-of-type(1) {
  padding-left: 1em;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span {
  /*// Dates
  &:nth-of-type(3),
  &:nth-of-type(4),
  &:nth-of-type(5) {
      text-align: right;
      padding-right: 10px;
  }*/
  overflow: visible;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span.yes:empty,
.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span.no:empty {
  display: none;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span.yes::after,
.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span.no::after {
  padding-left: 5px;
  font-weight: bold;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span.yes::after {
  content: "+";
  color: green;
}

.faba-mappi-removed-animal-page-sticky-table-header .list.faba-mappi-animals-removed .item.animal > span.no::after {
  content: "‒";
  color: red;
}

.faba-mappi-removed-animals-page .buttons {
  padding: 6px;
  overflow: hidden;
  white-space: nowrap;
}

@media (min-width: 640px) {
  .faba-mappi-removed-animals-page .buttons div.search {
    display: inline;
  }

  .faba-mappi-removed-animals-page .buttons div.search > span {
    display: none;
  }
}

.faba-mappi-removed-animals-page .buttons div.search {
  padding-top: 6px;
}

.faba-mappi-removed-animals-page .buttons div.search input.search {
  height: 3em;
  width: 120px;
  padding: 0 5px;
  margin: 0;
  border-radius: 4px;
  border: 1px solid #ddd;
}

.faba-mappi-removed-animals-page .animal-count {
  right: 50px;
}

.list.faba-mappi-animals-removed .item.animal {
  padding: 0;
  min-height: 3em;
  line-height: 3em;
  cursor: pointer;
  background-color: #FFF;
}

.list.faba-mappi-animals-removed .item.animal.activated {
  background-color: #FFF;
}

.list.faba-mappi-animals-removed .item.animal.even,
.list.faba-mappi-animals-removed .item.animal.even.activated {
  background-color: #e4e4e4;
}

.list.faba-mappi-animals-removed .item.animal.selected {
  background-color: #C7E1BC;
}

.list.faba-mappi-animals-removed .item.animal.selected.even {
  background-color: rgb(184.2783505155, 217.1134020619, 170.3865979381);
}

.list.faba-mappi-animals-removed .item.animal > span {
  position: absolute;
}

.list.faba-mappi-animals-removed .item.animal > span:nth-of-type(1) {
  left: 0;
  right: 90%;
}

.list.faba-mappi-animals-removed .item.animal > span:nth-of-type(2) {
  left: 10%;
  right: 75%;
}

.list.faba-mappi-animals-removed .item.animal > span:nth-of-type(3) {
  left: 25%;
  right: 60%;
}

.list.faba-mappi-animals-removed .item.animal > span:nth-of-type(4) {
  left: 40%;
  right: 45%;
}

.list.faba-mappi-animals-removed .item.animal > span:nth-of-type(5) {
  left: 55%;
  right: 30%;
}

.list.faba-mappi-animals-removed .item.animal > span:nth-of-type(6) {
  left: 70%;
  right: 15%;
}

.list.faba-mappi-animals-removed .item.animal > span:nth-of-type(7) {
  left: 85%;
  right: 0%;
}

.list.faba-mappi-animals-removed .item.animal > span:nth-of-type(1) {
  padding-left: 1em;
}

.list.faba-mappi-animals-removed .item.animal > span {
  /*// Dates
  &:nth-of-type(3),
  &:nth-of-type(4),
  &:nth-of-type(5) {
      text-align: right;
      padding-right: 10px;
  }*/
  overflow: visible;
}

.list.faba-mappi-animals-removed .item.animal > span.yes:empty,
.list.faba-mappi-animals-removed .item.animal > span.no:empty {
  display: none;
}

.list.faba-mappi-animals-removed .item.animal > span.yes::after,
.list.faba-mappi-animals-removed .item.animal > span.no::after {
  padding-left: 5px;
  font-weight: bold;
}

.list.faba-mappi-animals-removed .item.animal > span.yes::after {
  content: "+";
  color: green;
}

.list.faba-mappi-animals-removed .item.animal > span.no::after {
  content: "‒";
  color: red;
}

.faba-mappi-restperiod-animals-sticky-table-header {
  top: 43px !important;
  height: 43px !important;
  margin: 0 auto;
  max-width: 960px;
  padding: 0px !important;
}

.faba-mappi-restperiod-animals-sticky-table-header .list.faba-mappi-restperiod-animals {
  width: inherit;
}

.faba-mappi-restperiod-animals-sticky-table-header .list.faba-mappi-restperiod-animals .item.animal {
  width: inherit;
  padding: 0;
  min-height: 3em;
  line-height: 3em;
  cursor: pointer;
  background-color: #FFF;
}

.faba-mappi-restperiod-animals-sticky-table-header-mobile {
  top: 43px !important;
  height: 43px !important;
  margin: 0 auto;
  max-width: 960px;
  padding: 0px !important;
}

.faba-mappi-restperiod-animals-sticky-table-header-mobile .list.faba-mappi-restperiod-animals {
  width: inherit;
}

.faba-mappi-restperiod-animals-sticky-table-header-mobile .list.faba-mappi-restperiod-animals .item.animal {
  padding: 0;
  min-height: 3em;
  line-height: 3em;
  cursor: pointer;
  background-color: #FFF;
}

.faba-mappi-restperiod-animals-sticky-table-header-mobile .list.faba-mappi-restperiod-animals .item.animal.activated {
  background-color: #FFF;
}

.faba-mappi-restperiod-animals-sticky-table-header-mobile .list.faba-mappi-restperiod-animals .item.animal.even,
.faba-mappi-restperiod-animals-sticky-table-header-mobile .list.faba-mappi-restperiod-animals .item.animal.even.activated {
  background-color: #e4e4e4;
}

.faba-mappi-restperiod-animals-sticky-table-header-mobile .list.faba-mappi-restperiod-animals .item.animal.selected {
  background-color: #C7E1BC;
}

.faba-mappi-restperiod-animals-sticky-table-header-mobile .list.faba-mappi-restperiod-animals .item.animal.selected.even {
  background-color: rgb(184.2783505155, 217.1134020619, 170.3865979381);
}

.faba-mappi-restperiod-animals-sticky-table-header-mobile .list.faba-mappi-restperiod-animals .item.animal > span {
  position: absolute;
}

.faba-mappi-restperiod-animals-sticky-table-header-mobile .list.faba-mappi-restperiod-animals .item.animal > span:nth-of-type(1) {
  left: 0;
  right: 80%;
}

.faba-mappi-restperiod-animals-sticky-table-header-mobile .list.faba-mappi-restperiod-animals .item.animal > span:nth-of-type(2) {
  left: 20%;
  right: 56%;
}

.faba-mappi-restperiod-animals-sticky-table-header-mobile .list.faba-mappi-restperiod-animals .item.animal > span:nth-of-type(3) {
  left: 44%;
  right: 41%;
}

.faba-mappi-restperiod-animals-sticky-table-header-mobile .list.faba-mappi-restperiod-animals .item.animal > span:nth-of-type(4) {
  left: 59%;
  right: 21%;
}

.faba-mappi-restperiod-animals-sticky-table-header-mobile .list.faba-mappi-restperiod-animals .item.animal > span:nth-of-type(5) {
  left: 79%;
  right: 1%;
}

.faba-mappi-restperiod-animals-sticky-table-header-mobile .list.faba-mappi-restperiod-animals .item.animal > span:nth-of-type(1) {
  padding-left: 1em;
}

.faba-mappi-restperiod-animals-sticky-table-header-mobile .list.faba-mappi-restperiod-animals .item.animal > span {
  overflow: hidden;
}

.list.faba-mappi-restperiod-animals .item.animal {
  padding: 0;
  min-height: 3em;
  line-height: 3em;
  cursor: pointer;
  background-color: #FFF;
}

.list.faba-mappi-restperiod-animals .item.animal.activated {
  background-color: #FFF;
}

.list.faba-mappi-restperiod-animals .item.animal.even,
.list.faba-mappi-restperiod-animals .item.animal.even.activated {
  background-color: #e4e4e4;
}

.list.faba-mappi-restperiod-animals .item.animal.selected {
  background-color: #C7E1BC;
}

.list.faba-mappi-restperiod-animals .item.animal.selected.even {
  background-color: rgb(184.2783505155, 217.1134020619, 170.3865979381);
}

.list.faba-mappi-restperiod-animals .item.animal > span {
  position: absolute;
}

.list.faba-mappi-restperiod-animals .item.animal > span:nth-of-type(1) {
  left: 0;
  right: 80%;
}

.list.faba-mappi-restperiod-animals .item.animal > span:nth-of-type(2) {
  left: 20%;
  right: 65%;
}

.list.faba-mappi-restperiod-animals .item.animal > span:nth-of-type(3) {
  left: 35%;
  right: 45%;
}

.list.faba-mappi-restperiod-animals .item.animal > span:nth-of-type(4) {
  left: 55%;
  right: 25%;
}

.list.faba-mappi-restperiod-animals .item.animal > span:nth-of-type(5) {
  left: 75%;
  right: 5%;
}

.list.faba-mappi-restperiod-animals .item.animal > span:nth-of-type(1) {
  padding-left: 1em;
}

.list.faba-mappi-restperiod-animals .item.animal > span {
  overflow: visible;
}

.list.faba-mappi-restperiod-animals-mobile .item.animal {
  padding: 0;
  min-height: 3em;
  line-height: 3em;
  cursor: pointer;
  background-color: #FFF;
}

.list.faba-mappi-restperiod-animals-mobile .item.animal.activated {
  background-color: #FFF;
}

.list.faba-mappi-restperiod-animals-mobile .item.animal.even,
.list.faba-mappi-restperiod-animals-mobile .item.animal.even.activated {
  background-color: #e4e4e4;
}

.list.faba-mappi-restperiod-animals-mobile .item.animal.selected {
  background-color: #C7E1BC;
}

.list.faba-mappi-restperiod-animals-mobile .item.animal.selected.even {
  background-color: rgb(184.2783505155, 217.1134020619, 170.3865979381);
}

.list.faba-mappi-restperiod-animals-mobile .item.animal > span {
  position: absolute;
}

.list.faba-mappi-restperiod-animals-mobile .item.animal > span:nth-of-type(1) {
  left: 0;
  right: 80%;
}

.list.faba-mappi-restperiod-animals-mobile .item.animal > span:nth-of-type(2) {
  left: 20%;
  right: 56%;
}

.list.faba-mappi-restperiod-animals-mobile .item.animal > span:nth-of-type(3) {
  left: 44%;
  right: 41%;
}

.list.faba-mappi-restperiod-animals-mobile .item.animal > span:nth-of-type(4) {
  left: 59%;
  right: 21%;
}

.list.faba-mappi-restperiod-animals-mobile .item.animal > span:nth-of-type(5) {
  left: 79%;
  right: 1%;
}

.list.faba-mappi-restperiod-animals-mobile .item.animal > span:nth-of-type(1) {
  padding-left: 1em;
}

.list.faba-mappi-restperiod-animals-mobile .item.animal > span {
  overflow: hidden;
}

.split-in-two-lines {
  line-height: 25px !important;
}

.cut-text {
  background-color: red;
  display: inline-block;
  width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}