.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
company-users-page data-set {
  height: 100%;
}
company-users-page .section {
  max-width: 40em;
  padding: 0.5em;
  flex-grow: 1;
  flex-shrink: 1;
}
company-users-page .section .fields,
company-users-page .section form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
company-users-page .section .fields .field,
company-users-page .section form .field {
  margin: 0.2em 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
company-users-page .section .fields .field > label,
company-users-page .section form .field > label {
  color: #777;
  font-size: 0.9em;
}
company-users-page .section .fields .field > input,
company-users-page .section form .field > input,
company-users-page .section .fields .field > textarea,
company-users-page .section form .field > textarea {
  align-self: stretch;
}
company-users-page .section .fields .field .input-messages,
company-users-page .section form .field .input-messages {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  top: -1px;
}
company-users-page .section .fields .field.option,
company-users-page .section form .field.option {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
company-users-page .section .fields .field.note,
company-users-page .section form .field.note {
  padding-left: 1.0em;
  display: inline-block;
  font-size: 0.8em;
  color: #484848;
}
company-users-page form .control {
  align-self: flex-end;
}
company-users-page .modal-footer,
company-users-page .modal-body {
  width: 100%;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
select-customer-page .order-head .banner .logo,
select-orderdate-page .order-head .banner .logo,
browse-page .order-head .banner .logo,
confirmation-page .order-head .banner .logo,
select-payment-method-page .order-head .banner .logo,
awaiting-payment-page .order-head .banner .logo,
payment-declined-page .order-head .banner .logo,
general-conditions-page .order-head .banner .logo {
  display: none;
}
select-customer-page .order-comments,
select-orderdate-page .order-comments,
browse-page .order-comments,
confirmation-page .order-comments,
select-payment-method-page .order-comments,
awaiting-payment-page .order-comments,
payment-declined-page .order-comments,
general-conditions-page .order-comments {
  text-align: center;
}
select-customer-page .order-footer,
select-orderdate-page .order-footer,
browse-page .order-footer,
confirmation-page .order-footer,
select-payment-method-page .order-footer,
awaiting-payment-page .order-footer,
payment-declined-page .order-footer,
general-conditions-page .order-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
select-customer-page .order-footer .order-info,
select-orderdate-page .order-footer .order-info,
browse-page .order-footer .order-info,
confirmation-page .order-footer .order-info,
select-payment-method-page .order-footer .order-info,
awaiting-payment-page .order-footer .order-info,
payment-declined-page .order-footer .order-info,
general-conditions-page .order-footer .order-info {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
}
select-customer-page .order-footer .order-info:first-of-type,
select-orderdate-page .order-footer .order-info:first-of-type,
browse-page .order-footer .order-info:first-of-type,
confirmation-page .order-footer .order-info:first-of-type,
select-payment-method-page .order-footer .order-info:first-of-type,
awaiting-payment-page .order-footer .order-info:first-of-type,
payment-declined-page .order-footer .order-info:first-of-type,
general-conditions-page .order-footer .order-info:first-of-type {
  justify-content: space-between;
}
select-customer-page .order-footer .order-info .field .value,
select-orderdate-page .order-footer .order-info .field .value,
browse-page .order-footer .order-info .field .value,
confirmation-page .order-footer .order-info .field .value,
select-payment-method-page .order-footer .order-info .field .value,
awaiting-payment-page .order-footer .order-info .field .value,
payment-declined-page .order-footer .order-info .field .value,
general-conditions-page .order-footer .order-info .field .value {
  display: inline;
  margin: 0 0.5em;
}
select-customer-page .display-modes,
select-orderdate-page .display-modes,
browse-page .display-modes,
confirmation-page .display-modes,
select-payment-method-page .display-modes,
awaiting-payment-page .display-modes,
payment-declined-page .display-modes,
general-conditions-page .display-modes,
select-customer-page .view-modes,
select-orderdate-page .view-modes,
browse-page .view-modes,
confirmation-page .view-modes,
select-payment-method-page .view-modes,
awaiting-payment-page .view-modes,
payment-declined-page .view-modes,
general-conditions-page .view-modes {
  align-self: stretch;
}
select-customer-page .quick-search,
select-orderdate-page .quick-search,
browse-page .quick-search,
confirmation-page .quick-search,
select-payment-method-page .quick-search,
awaiting-payment-page .quick-search,
payment-declined-page .quick-search,
general-conditions-page .quick-search {
  align-self: center;
}
select-customer-page .display-modes,
select-orderdate-page .display-modes,
browse-page .display-modes,
confirmation-page .display-modes,
select-payment-method-page .display-modes,
awaiting-payment-page .display-modes,
payment-declined-page .display-modes,
general-conditions-page .display-modes {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
select-customer-page .display-modes > .compact,
select-orderdate-page .display-modes > .compact,
browse-page .display-modes > .compact,
confirmation-page .display-modes > .compact,
select-payment-method-page .display-modes > .compact,
awaiting-payment-page .display-modes > .compact,
payment-declined-page .display-modes > .compact,
general-conditions-page .display-modes > .compact {
  display: none;
}
select-customer-page .display-modes > :not(.compact),
select-orderdate-page .display-modes > :not(.compact),
browse-page .display-modes > :not(.compact),
confirmation-page .display-modes > :not(.compact),
select-payment-method-page .display-modes > :not(.compact),
awaiting-payment-page .display-modes > :not(.compact),
payment-declined-page .display-modes > :not(.compact),
general-conditions-page .display-modes > :not(.compact) {
  display: inherit;
}
select-customer-page .control .view-modes,
select-orderdate-page .control .view-modes,
browse-page .control .view-modes,
confirmation-page .control .view-modes,
select-payment-method-page .control .view-modes,
awaiting-payment-page .control .view-modes,
payment-declined-page .control .view-modes,
general-conditions-page .control .view-modes {
  flex-shrink: 1;
}
select-customer-page .control.order-control,
select-orderdate-page .control.order-control,
browse-page .control.order-control,
confirmation-page .control.order-control,
select-payment-method-page .control.order-control,
awaiting-payment-page .control.order-control,
payment-declined-page .control.order-control,
general-conditions-page .control.order-control {
  flex-direction: row-reverse;
}
select-customer-page .no-access,
select-orderdate-page .no-access,
browse-page .no-access,
confirmation-page .no-access,
select-payment-method-page .no-access,
awaiting-payment-page .no-access,
payment-declined-page .no-access,
general-conditions-page .no-access,
select-customer-page .select-date,
select-orderdate-page .select-date,
browse-page .select-date,
confirmation-page .select-date,
select-payment-method-page .select-date,
awaiting-payment-page .select-date,
payment-declined-page .select-date,
general-conditions-page .select-date,
select-customer-page .select-customer,
select-orderdate-page .select-customer,
browse-page .select-customer,
confirmation-page .select-customer,
select-payment-method-page .select-customer,
awaiting-payment-page .select-customer,
payment-declined-page .select-customer,
general-conditions-page .select-customer,
select-customer-page .awaiting-payment,
select-orderdate-page .awaiting-payment,
browse-page .awaiting-payment,
confirmation-page .awaiting-payment,
select-payment-method-page .awaiting-payment,
awaiting-payment-page .awaiting-payment,
payment-declined-page .awaiting-payment,
general-conditions-page .awaiting-payment,
select-customer-page .payment-declined,
select-orderdate-page .payment-declined,
browse-page .payment-declined,
confirmation-page .payment-declined,
select-payment-method-page .payment-declined,
awaiting-payment-page .payment-declined,
payment-declined-page .payment-declined,
general-conditions-page .payment-declined {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 1em;
}
select-customer-page .select-date,
select-orderdate-page .select-date,
browse-page .select-date,
confirmation-page .select-date,
select-payment-method-page .select-date,
awaiting-payment-page .select-date,
payment-declined-page .select-date,
general-conditions-page .select-date {
  padding: 1.5em;
}
select-customer-page .order-confirmation,
select-orderdate-page .order-confirmation,
browse-page .order-confirmation,
confirmation-page .order-confirmation,
select-payment-method-page .order-confirmation,
awaiting-payment-page .order-confirmation,
payment-declined-page .order-confirmation,
general-conditions-page .order-confirmation {
  display: block;
  height: 100%;
  margin: 0;
  padding: 0.5em;
  display: flex;
  flex-direction: column;
}
select-customer-page .order-confirmation .order-summary,
select-orderdate-page .order-confirmation .order-summary,
browse-page .order-confirmation .order-summary,
confirmation-page .order-confirmation .order-summary,
select-payment-method-page .order-confirmation .order-summary,
awaiting-payment-page .order-confirmation .order-summary,
payment-declined-page .order-confirmation .order-summary,
general-conditions-page .order-confirmation .order-summary {
  flex-grow: 1;
}
select-customer-page .order-confirmation .orderconfirmation-image,
select-orderdate-page .order-confirmation .orderconfirmation-image,
browse-page .order-confirmation .orderconfirmation-image,
confirmation-page .order-confirmation .orderconfirmation-image,
select-payment-method-page .order-confirmation .orderconfirmation-image,
awaiting-payment-page .order-confirmation .orderconfirmation-image,
payment-declined-page .order-confirmation .orderconfirmation-image,
general-conditions-page .order-confirmation .orderconfirmation-image {
  position: absolute;
  bottom: 0;
  right: 50%;
  width: 30em;
  height: 30em;
  background-image: url(/assets/orderconfirmation.979a2142354d3dadc2c6c34b1e6494ab.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: 100%;
}
select-customer-page .order-confirmation .orderconfirmation-image > .logo,
select-orderdate-page .order-confirmation .orderconfirmation-image > .logo,
browse-page .order-confirmation .orderconfirmation-image > .logo,
confirmation-page .order-confirmation .orderconfirmation-image > .logo,
select-payment-method-page .order-confirmation .orderconfirmation-image > .logo,
awaiting-payment-page .order-confirmation .orderconfirmation-image > .logo,
payment-declined-page .order-confirmation .orderconfirmation-image > .logo,
general-conditions-page .order-confirmation .orderconfirmation-image > .logo {
  position: absolute;
  left: 20%;
  bottom: 34%;
}
select-customer-page .order-confirmation .orderconfirmation-image > .logo > img,
select-orderdate-page .order-confirmation .orderconfirmation-image > .logo > img,
browse-page .order-confirmation .orderconfirmation-image > .logo > img,
confirmation-page .order-confirmation .orderconfirmation-image > .logo > img,
select-payment-method-page .order-confirmation .orderconfirmation-image > .logo > img,
awaiting-payment-page .order-confirmation .orderconfirmation-image > .logo > img,
payment-declined-page .order-confirmation .orderconfirmation-image > .logo > img,
general-conditions-page .order-confirmation .orderconfirmation-image > .logo > img {
  width: 7em;
  height: 7em;
  transform: rotate(-11deg);
}
@media only screen and (max-width: 479px), only screen and (max-height: 479px) {
  browse-page .display-modes > .compact {
    display: inherit;
  }
  browse-page .display-modes > :not(.compact) {
    display: none;
  }
  browse-page .order-confirmation .orderconfirmation-image {
    display: none;
  }
  browse-page data-set .header,
  browse-page .header {
    margin: 0;
  }
  browse-page data-set .header .order-head,
  browse-page .header .order-head {
    padding-bottom: 0.1em;
  }
  browse-page data-set .header .order-head .banner > img,
  browse-page .header .order-head .banner > img {
    display: none;
  }
  browse-page data-set .header .order-head .banner .logo,
  browse-page .header .order-head .banner .logo {
    display: inherit;
  }
  browse-page data-set .header .order-head .banner .logo img,
  browse-page .header .order-head .banner .logo img {
    max-height: 5rem;
  }
  browse-page data-set .header .order-head .head-control > *,
  browse-page .header .order-head .head-control > * {
    margin-top: .1em;
  }
}
@media only screen and (max-width: 479px) and (orientation: portrait), only screen and (max-height: 479px) and (orientation: portrait) {
  browse-page .order-footer .order-info .field:not(.total) {
    display: none;
  }
}
@media only screen and (max-width: 479px) and (orientation: landscape), only screen and (max-height: 479px) and (orientation: landscape) {
  browse-page .order-footer .order-control button {
    white-space: nowrap;
  }
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
product-details-dialog .field.order-history,
product-details-dialog .field.units {
  flex-direction: column;
  justify-content: flex-start;
}
product-details-dialog .field.order-history .value,
product-details-dialog .field.units .value {
  align-self: stretch;
}
product-details-dialog .order-history table {
  width: 100%;
  display: table;
  border-spacing: 0;
}
product-details-dialog .order-history table td {
  width: 14%;
  text-align: center;
  height: 1.25em;
  padding: 0.25em;
}
product-details-dialog .order-history table tr:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
product-details-dialog .order-history table tr td:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
product-details-dialog .order-history .date {
  font-weight: bold;
}
product-details-dialog .order-history .amount .unit {
  font-size: 0.7em;
}
product-details-dialog .images {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
product-details-dialog .images .image {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0.2em;
  padding: 0;
  background-size: 100%;
  overflow: hidden;
  background-position: 50%;
  background-repeat: no-repeat;
}
product-details-dialog .images .image:hover .image-controls {
  opacity: 1;
  transform: translateY(0);
}
product-details-dialog .images .image:not(:hover) .image-controls {
  opacity: 0;
  transform: translateY(-100%);
}
product-details-dialog .images .image.thumbnail {
  width: 4.8em;
  height: 4.8em;
  line-height: 1.2em;
}
product-details-dialog .images .image.interactive {
  transition: background-color 0.15s, border-color 0.15s;
  cursor: pointer;
}
product-details-dialog .images .image.interactive:hover,
product-details-dialog .images .image.interactive.toggled {
  border-color: rgba(1, 118, 195, 0.5);
}
product-details-dialog .images .image.interactive:active {
  border-color: rgba(1, 118, 195, 0.75);
}
product-details-dialog .controls .order-quantity {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
}
product-details-dialog .controls .order-quantity label {
  text-align: right;
  margin-right: 0.5em;
}
product-details-dialog .controls .order-quantity input.quantity {
  width: 5em;
}
product-details-dialog .controls .order-quantity input.quantity.deviant-quantity {
  background-color: #ffff97;
  border-color: rgba(0, 0, 0, 0.2);
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
confirm-order-dialog .deviating-orderquantities .sub-title {
  font-weight: bold;
}
confirm-order-dialog .deviating-orderquantities .view-content {
  min-height: 10em;
}
confirm-order-dialog data-set {
  display: block;
  min-height: 10em;
  margin: 0;
  padding: 0.5em;
}
confirm-order-dialog data-set .records .ActiveUnit_Name,
confirm-order-dialog data-set .records .Quantity {
  padding: 0.10em;
}
confirm-order-dialog data-set .records .OA_Quantity input {
  width: 100%;
}
confirm-order-dialog data-set .records .OA_Quantity input.deviant-quantity {
  background-color: #ffff97;
  border-color: rgba(0, 0, 0, 0.2);
}
confirm-order-dialog data-set .records .UnitPrice .suffix,
confirm-order-dialog data-set .records .BaseUnitPrice .suffix {
  font-size: 0.7em;
  display: inline-block;
  width: 3em;
  color: #777;
  margin-left: -0.25em;
  margin-right: -0.5em;
  text-align: left;
}
confirm-order-dialog data-set .records .value.Content {
  text-align: right;
}
confirm-order-dialog .order-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
}
confirm-order-dialog .order-info .field .value {
  display: inline;
  margin: 0 0.5em;
}
confirm-order-dialog .comment label {
  display: block;
  font-weight: bold;
}
confirm-order-dialog .comment textarea {
  width: 100%;
}
confirm-order-dialog .order-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
catalog-product-details-dialog .field.order-history,
catalog-product-details-dialog .field.units {
  flex-direction: column;
  justify-content: flex-start;
}
catalog-product-details-dialog .field.order-history .value,
catalog-product-details-dialog .field.units .value {
  align-self: stretch;
  max-width: initial;
}
catalog-product-details-dialog .unitprice-suffix {
  font-size: 0.7em;
  display: inline-block;
  color: #777;
  padding-right: 2em;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
catalog-product-details-dialog .localeSelector,
catalog-product-details-dialog .pricelistSelector {
  text-align-last: center;
  text-align: center;
}
catalog-product-details-dialog .localeSelector.default,
catalog-product-details-dialog .pricelistSelector.default,
catalog-product-details-dialog .localeSelector .default,
catalog-product-details-dialog .pricelistSelector .default {
  color: rgba(250, 250, 250, 0.5);
}
catalog-product-details-dialog .localeSelector option,
catalog-product-details-dialog .pricelistSelector option {
  text-align: center;
  color: #fafafa;
}
catalog-product-details-dialog .imagemap-icon {
  border: none;
  width: 1.5em;
  height: 1.5em;
  min-width: 1.5em;
  min-height: 1.5em;
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: text-bottom;
}
catalog-product-details-dialog .images {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
catalog-product-details-dialog .images .image {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0.2em;
  padding: 0;
  background-size: 100%;
  overflow: hidden;
  background-position: 50%;
  background-repeat: no-repeat;
}
catalog-product-details-dialog .images .image:hover .image-controls {
  opacity: 1;
  transform: translateY(0);
}
catalog-product-details-dialog .images .image:not(:hover) .image-controls {
  opacity: 0;
  transform: translateY(-100%);
}
catalog-product-details-dialog .images .image .image-controls {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  align-items: stretch;
  background: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  transition: opacity 100ms, transform 100ms;
}
catalog-product-details-dialog .images .image .image-controls button {
  font-size: 0.9em;
  padding: 0.25em 0.75em;
}
catalog-product-details-dialog .images .image.thumbnail {
  width: 6.4em;
  height: 6.4em;
  line-height: 1.2em;
}
catalog-product-details-dialog .images .image.interactive {
  transition: background-color 0.15s, border-color 0.15s;
  cursor: pointer;
}
catalog-product-details-dialog .images .image.interactive:hover,
catalog-product-details-dialog .images .image.interactive.toggled {
  border-color: rgba(1, 118, 195, 0.5);
}
catalog-product-details-dialog .images .image.interactive:active {
  border-color: rgba(1, 118, 195, 0.75);
}
catalog-product-details-dialog .fields .units > label {
  text-align: left;
  margin-bottom: 0;
  width: auto;
}
catalog-product-details-dialog .fields .units tabs .tab-title.unit-inactive {
  color: rgba(0, 0, 0, 0.5);
}
catalog-product-details-dialog .fields .units tabs .tab-title.unit-inactive.active,
catalog-product-details-dialog .fields .units tabs .tab-title.unit-inactive:hover,
catalog-product-details-dialog .fields .units tabs .tab-title.unit-inactive:active {
  color: rgba(250, 250, 250, 0.75);
}
catalog-product-details-dialog .localizeable:not(.localized):not(:focus):not(:active) {
  color: rgba(72, 72, 72, 0.5);
}
catalog-product-details-dialog .localizeable.localized {
  color: #484848;
}
catalog-product-details-dialog .overridable:not(.overridden):not(:focus):not(:active) {
  color: rgba(72, 72, 72, 0.5);
}
catalog-product-details-dialog .overridable.overridden {
  color: #484848;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
category-details-dialog .localeSelector,
category-details-dialog .pricelistSelector {
  text-align-last: center;
  text-align: center;
}
category-details-dialog .localeSelector.default,
category-details-dialog .pricelistSelector.default,
category-details-dialog .localeSelector .default,
category-details-dialog .pricelistSelector .default {
  color: rgba(250, 250, 250, 0.5);
}
category-details-dialog .localeSelector option,
category-details-dialog .pricelistSelector option {
  text-align: center;
  color: #fafafa;
}
category-details-dialog .localizeable:not(.localized):not(:focus):not(:active) {
  color: rgba(72, 72, 72, 0.5);
}
category-details-dialog .localizeable.localized {
  color: #484848;
}
category-details-dialog .overridable:not(.overridden):not(:focus):not(:active) {
  color: rgba(72, 72, 72, 0.5);
}
category-details-dialog .overridable.overridden {
  color: #484848;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
pricelist-details-dialog .localeSelector,
pricelist-details-dialog .pricelistSelector {
  text-align-last: center;
  text-align: center;
}
pricelist-details-dialog .localeSelector.default,
pricelist-details-dialog .pricelistSelector.default,
pricelist-details-dialog .localeSelector .default,
pricelist-details-dialog .pricelistSelector .default {
  color: rgba(250, 250, 250, 0.5);
}
pricelist-details-dialog .localeSelector option,
pricelist-details-dialog .pricelistSelector option {
  text-align: center;
  color: #fafafa;
}
pricelist-details-dialog .localizeable:not(.localized):not(:focus):not(:active) {
  color: rgba(72, 72, 72, 0.5);
}
pricelist-details-dialog .localizeable.localized {
  color: #484848;
}
pricelist-details-dialog .overridable:not(.overridden):not(:focus):not(:active) {
  color: rgba(72, 72, 72, 0.5);
}
pricelist-details-dialog .overridable.overridden {
  color: #484848;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
isales-shop-catalog-import-page {
  padding: 1.0rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-wrap: nowrap;
  /*dialog-window .dialog{
        flex-grow:0.9;
        max-width: 90em;
        align-self: flex-start;
    }*/
}
isales-shop-catalog-import-page data-set {
  display: block;
  margin: 0;
  padding: 0.5em;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
isales-shop-catalog-import-page data-set .records .ActiveUnit_Name,
isales-shop-catalog-import-page data-set .records .Quantity {
  padding: 0.10em;
}
isales-shop-catalog-import-page data-set .records .UnitPrice .suffix,
isales-shop-catalog-import-page data-set .records .BaseUnitPrice .suffix {
  font-size: 0.7em;
  display: inline-block;
  width: 3em;
  color: #777;
  margin-left: -0.25em;
  margin-right: -0.5em;
  text-align: left;
}
isales-shop-catalog-import-page data-set .records .value.Content {
  text-align: right;
}
isales-shop-catalog-import-page data-set .product-inactive {
  color: rgba(0, 0, 0, 0.4);
}
isales-shop-catalog-import-page .imagemap-icon {
  border: none;
  width: 1.5em;
  height: 1.5em;
  min-width: 1.5em;
  min-height: 1.5em;
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: text-bottom;
}
isales-shop-catalog-import-page .sources {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
isales-shop-catalog-import-page .sources .sourceMapping {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
isales-shop-catalog-import-page .sources .sourceMapping > div {
  flex-grow: 1;
  flex-shrink: 0;
  min-width: 20em;
  max-width: 40em;
  width: 45%;
}
isales-shop-catalog-import-page .sources .sourceMapping .mapping-fields {
  list-style-type: none;
  padding: 0.5em;
  margin-top: 0;
  margin-bottom: 0;
}
isales-shop-catalog-import-page .sources .sourceMapping .mapping-fields .mapping-field {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 0.6em;
}
isales-shop-catalog-import-page .sources .sourceMapping .mapping-fields .mapping-field.accent-colored .title {
  color: #fafafa;
}
isales-shop-catalog-import-page .sources .sourceMapping .mapping-fields .mapping-field:not(.accent-colored) .title {
  color: #484848;
}
isales-shop-catalog-import-page .sources .sourceMapping .source-fields .source-field {
  cursor: grab;
  cursor: move;
}
isales-shop-catalog-import-page .sources .sourceMapping .source-fields .source-field .title {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0.2em 0.3em;
}
isales-shop-catalog-import-page .sources .sourceMapping .source-fields .source-field .data {
  color: #777;
  background: #fcfcfc;
  box-shadow: inset -0.1em -0.1em 0.5em rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0.2em 0.3em;
  font-size: 0.75em;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
isales-shop-catalog-import-page .sources .sourceMapping .source-fields .source-field .data .value:not(:last-child):after {
  content: "; ";
}
isales-shop-catalog-import-page .sources .sourceMapping .targets .targets-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
isales-shop-catalog-import-page .sources .sourceMapping .targets .targets-header .target-options {
  flex-grow: 1;
  text-align: right;
  vertical-align: middle;
  flex-shrink: 1;
  padding-right: 1rem;
}
isales-shop-catalog-import-page .sources .sourceMapping .targets .targets-header .target-options > select {
  width: 100%;
  max-width: 20rem;
  margin-left: 1rem;
}
isales-shop-catalog-import-page .sources .sourceMapping .targets .target {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0.2rem;
}
isales-shop-catalog-import-page .sources .sourceMapping .targets .target:not(:last-child) {
  margin-bottom: 1rem;
}
isales-shop-catalog-import-page .sources .sourceMapping .targets .target .target-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
isales-shop-catalog-import-page .sources .sourceMapping .targets .target .target-fields .target-field .title {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0.2em 0.3em;
}
isales-shop-catalog-import-page .sources .sourceMapping .targets .target .target-fields .target-field .input-mapping {
  display: flex;
  flex-direction: row;
}
isales-shop-catalog-import-page .sources .sourceMapping .targets .target .target-fields .target-field .input-mapping option.used {
  color: rgba(119, 119, 119, 0.75);
}
isales-shop-catalog-import-page .sources .sourceMapping .targets .target .target-fields .target-field .input-mapping select {
  color: #484848;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0.2em 0.3em;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  background: #fcfcfc;
  box-shadow: inset -0.1em -0.1em 0.5em rgba(0, 0, 0, 0.1);
}
isales-shop-catalog-import-page .sources .sourceMapping .targets .target .target-fields .target-field .input-mapping select:first-child {
  flex-grow: 1;
}
isales-shop-catalog-import-page .sources .sourceMapping .targets .target .target-fields .target-field .input-mapping select:not(:first-child) {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
isales-shop-catalog-import-page .title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
isales-shop-catalog-import-page .title .preview-options {
  flex-grow: 1;
  margin-left: 1rem;
  text-align: right;
}
isales-shop-catalog-import-page .content {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  position: relative;
}
isales-shop-catalog-import-page .controls {
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  padding-top: 1rem;
}
isales-shop-catalog-import-page .field.order-history,
isales-shop-catalog-import-page .field.units {
  flex-direction: column;
  justify-content: flex-start;
}
isales-shop-catalog-import-page .field.order-history .value,
isales-shop-catalog-import-page .field.units .value {
  align-self: stretch;
}
isales-shop-catalog-import-page .unitprice-suffix {
  font-size: 0.7em;
  display: inline-block;
  color: #777;
  padding-right: 2em;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
isales-shop-catalog-import-page .localeSelector.default,
isales-shop-catalog-import-page .pricelistSelector.default,
isales-shop-catalog-import-page .localeSelector .default,
isales-shop-catalog-import-page .pricelistSelector .default {
  color: rgba(250, 250, 250, 0.5);
}
isales-shop-catalog-import-page .localeSelector option,
isales-shop-catalog-import-page .pricelistSelector option {
  text-align: center;
  color: #fafafa;
}
isales-shop-catalog-import-page .mappingSelector.default,
isales-shop-catalog-import-page .mappingSelector .default {
  color: rgba(72, 72, 72, 0.5) !important;
}
isales-shop-catalog-import-page .mappingSelector option {
  text-align: center;
}
isales-shop-catalog-import-page .mappingSelector option:not(.default) {
  color: #484848;
}
isales-shop-catalog-import-page .localizeable:not(.localized):not(:focus):not(:active) {
  color: rgba(72, 72, 72, 0.5);
}
isales-shop-catalog-import-page .localizeable.localized {
  color: #484848;
}
isales-shop-catalog-import-page .overridable:not(.overridden):not(:focus):not(:active) {
  color: rgba(72, 72, 72, 0.5);
}
isales-shop-catalog-import-page .overridable.overridden {
  color: #484848;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
isales-shop-catalog-browse-page {
  padding: 0;
}
isales-shop-catalog-browse-page h1 {
  line-height: 3rem;
}
isales-shop-catalog-browse-page data-set {
  display: block;
  height: calc(100% - 3rem);
  margin: 0;
  padding: 0.5em;
}
isales-shop-catalog-browse-page data-set .product-inactive {
  color: rgba(0, 0, 0, 0.4);
}
isales-shop-catalog-browse-page data-set .product-inactive .country-flag {
  opacity: .2;
}
isales-shop-catalog-browse-page data-view.no-records {
  text-align: center;
  width: 100%;
  padding: 1em;
}
isales-shop-catalog-browse-page .catalog-head {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
isales-shop-catalog-browse-page .catalog-head .catalog-edit-controls,
isales-shop-catalog-browse-page .catalog-head .catalog-view-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
isales-shop-catalog-browse-page .catalog-head .catalog-view-controls label {
  align-self: center;
}
isales-shop-catalog-browse-page .catalog-head .catalog-view-controls .pricelist > label,
isales-shop-catalog-browse-page .catalog-head .catalog-view-controls .locale > label {
  display: none;
}
isales-shop-catalog-browse-page .catalog-head .catalog-view-controls .control-group {
  align-self: stretch;
}
isales-shop-catalog-browse-page .catalog-head .quick-search {
  flex-grow: 1;
  flex-shrink: 1;
  margin-right: 0.5em;
  min-width: 7em;
  max-width: 30em;
}
isales-shop-catalog-browse-page .catalog-head .quick-search > input {
  width: 100%;
  height: 100%;
}
isales-shop-catalog-browse-page .catalog-head .view-mode > div {
  margin-left: 0.5em;
}
isales-shop-catalog-browse-page .catalog-head .view-mode .pricelist > .control-group,
isales-shop-catalog-browse-page .catalog-head .view-mode .locale > .control-group {
  flex-grow: 1;
}
isales-shop-catalog-browse-page .catalog-head button {
  white-space: nowrap;
}
isales-shop-catalog-browse-page .catalog-control-group {
  display: flex;
  align-items: stretch;
  flex-direction: row;
}
isales-shop-catalog-browse-page .view-mode {
  font-size: 0.9em;
}
isales-shop-catalog-browse-page .catalog-control {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* old style display: flex;
        flex-direction: column;
        align-items: stretch;

        >label{ flex-grow:0; flex-shrink:0;}
            */
}
isales-shop-catalog-browse-page .catalog-control > label {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 0.5em;
}
isales-shop-catalog-browse-page .imagemap-icon {
  border: none;
  width: 1.5em;
  height: 1.5em;
  min-width: 1.5em;
  min-height: 1.5em;
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: text-bottom;
}
isales-shop-catalog-browse-page .Category .control {
  color: white;
  position: absolute;
  right: 0;
  padding-right: 1em;
}
isales-shop-catalog-browse-page .localeSelector.default,
isales-shop-catalog-browse-page .pricelistSelector.default,
isales-shop-catalog-browse-page .localeSelector .default,
isales-shop-catalog-browse-page .pricelistSelector .default {
  color: rgba(250, 250, 250, 0.5);
}
isales-shop-catalog-browse-page .localeSelector option,
isales-shop-catalog-browse-page .pricelistSelector option {
  text-align: center;
  color: #fafafa;
}
isales-shop-catalog-browse-page .mappingSelector.default,
isales-shop-catalog-browse-page .mappingSelector .default {
  color: rgba(72, 72, 72, 0.5) !important;
}
isales-shop-catalog-browse-page .mappingSelector option {
  text-align: center;
}
isales-shop-catalog-browse-page .mappingSelector option:not(.default) {
  color: #484848;
}
isales-shop-catalog-browse-page .dialog .field.order-history,
isales-shop-catalog-browse-page .dialog .field.units {
  flex-direction: column;
  justify-content: flex-start;
}
isales-shop-catalog-browse-page .dialog .field.order-history .value,
isales-shop-catalog-browse-page .dialog .field.units .value {
  align-self: stretch;
}
isales-shop-catalog-browse-page .dialog .value textarea {
  resize: vertical;
  min-height: 2.3em;
}
isales-shop-catalog-browse-page .dialog .dialog-options {
  margin-right: 1em;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 0;
}
isales-shop-catalog-browse-page .dialog.product-dialog .unitprice-suffix {
  font-size: 0.7em;
  display: inline-block;
  color: #777;
  padding-right: 2em;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
isales-shop-catalog-browse-page .dialog.product-dialog .images {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
isales-shop-catalog-browse-page .dialog.product-dialog .images .image {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0.2em;
  padding: 0;
  background-size: 100%;
  overflow: hidden;
  background-position: 50%;
  background-repeat: no-repeat;
}
isales-shop-catalog-browse-page .dialog.product-dialog .images .image:hover .image-controls {
  opacity: 1;
  transform: translateY(0);
}
isales-shop-catalog-browse-page .dialog.product-dialog .images .image:not(:hover) .image-controls {
  opacity: 0;
  transform: translateY(-100%);
}
isales-shop-catalog-browse-page .dialog.product-dialog .images .image .image-controls {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  align-items: stretch;
  background: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  transition: opacity 100ms, transform 100ms;
}
isales-shop-catalog-browse-page .dialog.product-dialog .images .image .image-controls button {
  font-size: 0.9em;
  padding: 0.25em 0.75em;
}
isales-shop-catalog-browse-page .dialog.product-dialog .images .image.thumbnail {
  width: 6.4em;
  height: 6.4em;
  line-height: 1.2em;
}
isales-shop-catalog-browse-page .dialog.product-dialog .images .image.interactive {
  transition: background-color 0.15s, border-color 0.15s;
  cursor: pointer;
}
isales-shop-catalog-browse-page .dialog.product-dialog .images .image.interactive:hover,
isales-shop-catalog-browse-page .dialog.product-dialog .images .image.interactive.toggled {
  border-color: rgba(1, 118, 195, 0.5);
}
isales-shop-catalog-browse-page .dialog.product-dialog .images .image.interactive:active {
  border-color: rgba(1, 118, 195, 0.75);
}
isales-shop-catalog-browse-page .dialog.product-dialog .units tabs .tab-title.unit-inactive {
  color: rgba(0, 0, 0, 0.5);
}
isales-shop-catalog-browse-page .dialog.product-dialog .units tabs .tab-title.unit-inactive.active,
isales-shop-catalog-browse-page .dialog.product-dialog .units tabs .tab-title.unit-inactive:hover,
isales-shop-catalog-browse-page .dialog.product-dialog .units tabs .tab-title.unit-inactive:active {
  color: rgba(250, 250, 250, 0.75);
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping > div {
  flex-grow: 1;
  flex-shrink: 0;
  min-width: 20em;
  max-width: 40em;
  width: 45%;
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping .mapping-fields {
  list-style-type: none;
  padding: 0.5em;
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping .mapping-fields .mapping-field {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping .mapping-fields .mapping-field.accent-colored .title {
  color: #fafafa;
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping .mapping-fields .mapping-field:not(.accent-colored) .title {
  color: #484848;
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping .source-fields .source-field {
  cursor: grab;
  cursor: move;
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping .source-fields .source-field .title {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0.2em 0.3em;
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping .source-fields .source-field .data {
  color: #777;
  background: #fcfcfc;
  box-shadow: inset -0.1em -0.1em 0.5em rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0.2em 0.3em;
  font-size: 0.75em;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping .source-fields .source-field .data .value:not(:last-child):after {
  content: "; ";
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping .target-fields .target-field .title {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0.2em 0.3em;
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping .target-fields .target-field .input-mapping {
  display: flex;
  flex-direction: row;
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping .target-fields .target-field .input-mapping option.used {
  color: rgba(119, 119, 119, 0.75);
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping .target-fields .target-field .input-mapping select {
  color: #484848;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0.2em 0.3em;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  background: #fcfcfc;
  box-shadow: inset -0.1em -0.1em 0.5em rgba(0, 0, 0, 0.1);
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping .target-fields .target-field .input-mapping select:first-child {
  flex-grow: 1;
}
isales-shop-catalog-browse-page .dialog.import-dialog .sourceMapping .target-fields .target-field .input-mapping select:not(:first-child) {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
isales-shop-catalog-browse-page .dialog.import-dialog .controls {
  justify-content: space-between;
}isales-shop-customerdetails-page .controls {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 1em 0.5em 0 0.5em;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
isales-orderdetails-page .order-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
isales-orderdetails-page .order-footer .order-info {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
isales-orderdetails-page .order-footer .order-info .field {
  width: 15em;
}
isales-orderdetails-page .order-footer .order-info .field .value {
  display: inline;
  margin: 0 0.5em;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
data-set.isales-products .records select,
data-set.isales-products .records button,
data-set.isales-products .records .button,
data-set.isales-products .records input,
data-set.isales-products .records .single-option-input {
  height: 100%;
}
data-set.isales-products .records select {
  min-width: 5em;
}
data-set.isales-products .records .OA_Quantity input {
  width: 100%;
}
data-set.isales-products .records .OA_Quantity input.deviant-quantity {
  background-color: #ffff97;
  border-color: rgba(0, 0, 0, 0.2);
}
data-set.isales-products .records .currency,
data-set.isales-products .records .number {
  display: flex;
}
data-set.isales-products .records .currency .value,
data-set.isales-products .records .number .value {
  flex-grow: 1;
  display: inline-block;
  text-align: right;
}
data-set.isales-products .records .UnitPrice .suffix,
data-set.isales-products .records .BaseUnitPrice .suffix,
data-set.isales-products .records .UnitPrice_Vat .suffix,
data-set.isales-products .records .BaseUnitPrice_Vat .suffix,
data-set.isales-products .records .currency .suffix,
data-set.isales-products .records .number .suffix {
  font-size: 0.7em;
  display: inline-block;
  width: 3em;
  color: #777;
  margin-left: 0.25em;
  margin-right: 0.5em;
  text-align: left;
  align-self: flex-end;
}
data-set.isales-products .records .UnitPrice .prefix,
data-set.isales-products .records .BaseUnitPrice .prefix,
data-set.isales-products .records .UnitPrice_Vat .prefix,
data-set.isales-products .records .BaseUnitPrice_Vat .prefix,
data-set.isales-products .records .currency .prefix,
data-set.isales-products .records .number .prefix {
  font-size: 0.9em;
  margin-right: 0.25em;
  margin-left: 0.5em;
}
data-set.isales-products .records .group-title > .group-segment:not(:last-child):after {
  content: "|";
  margin: 0 0.4em 0 0.2em;
  vertical-align: top;
}
data-set.isales-products .records .value.Content {
  text-align: right;
}
@media only screen and (max-width: 479px), only screen and (max-height: 479px) {
  data-set.isales-products .records .group-title > .group-segment.segment-2 > .segment-name,
  data-set.isales-products .records .group-title > .group-segment.segment-3 > .segment-name {
    display: inline-block;
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
  }
  data-set.isales-products .records .group-title > .group-segment.segment-2:before,
  data-set.isales-products .records .group-title > .group-segment.segment-3:before {
    content: '...';
  }
  data-set.isales-products .records .group-title > .group-segment.segment-1 {
    display: inline-block;
  }
}
@media only screen and (min-width: 480px) and (max-width: 1023px), only screen and (min-height: 480px) and (max-height: 1023px) {
  data-set.isales-products .records .group-title > .group-segment.segment-3 > .segment-name {
    display: inline-block;
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
  }
  data-set.isales-products .records .group-title > .group-segment.segment-3:before {
    content: '...';
  }
  data-set.isales-products .records .group-title > .group-segment.segment-1,
  data-set.isales-products .records .group-title > .group-segment.segment-2 {
    display: inline-block;
  }
}
.imagemap-icon {
  border: none;
  width: 1.5em;
  height: 1.5em;
  min-width: 1.5em;
  min-height: 1.5em;
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: text-bottom;
  background-repeat: no-repeat;
}
.imagemap-icon:not(:last-child) {
  margin-right: 0.2em;
}
.image-array-map {
  display: flex;
  flex-direction: row;
}
.attr-currency-input,
.attr-number-input {
  text-align: right;
}
attr-text-input {
  min-width: 4em;
}
.record > .edit > .cell-input {
  width: 100%;
  height: 100%;
  font-size: 0.95em;
  box-sizing: content-box;
}
.record > .edit > .cell-input:hover,
.record > .edit > .cell-input:active,
.record > .edit > .cell-input:focus {
  z-index: 2;
}
.complex-input > .prefix {
  text-align: right;
  margin-right: 0.25em;
}
.complex-input input {
  resize: horizontal;
}
.complex-input > .suffix {
  margin-right: 0.25em;
  text-align: left;
  min-width: 3.5em;
  opacity: 0.75;
  font-size: 0.8em;
}
.defaulted:not(:focus):not(:active) {
  color: rgba(72, 72, 72, 0.5);
}
.localizeable:not(.localized):not(:focus):not(:active) {
  color: rgba(72, 72, 72, 0.75);
}
.localizeable.localized {
  color: #484848;
}
.overridable:not(.overridden):not(:focus):not(:active) {
  color: rgba(72, 72, 72, 0.6);
}
.overridable.overridden {
  color: #484848;
}
div.country .name {
  margin-right: 1em;
}
browse-page .reflow-button,
isales-shop-catalog-browse-page .reflow-button {
  white-space: nowrap;
}
@media only screen and (min-width: 620px) and (max-width: 768px) {
  browse-page .view-modes .reflow-button .button-text,
  isales-shop-catalog-browse-page .view-modes .reflow-button .button-text,
  browse-page .view-mode .reflow-button .button-text,
  isales-shop-catalog-browse-page .view-mode .reflow-button .button-text,
  browse-page .catalog-edit-controls .reflow-button .button-text,
  isales-shop-catalog-browse-page .catalog-edit-controls .reflow-button .button-text {
    display: inline-block;
  }
  browse-page .view-modes .reflow-button .button-icon,
  isales-shop-catalog-browse-page .view-modes .reflow-button .button-icon,
  browse-page .view-mode .reflow-button .button-icon,
  isales-shop-catalog-browse-page .view-mode .reflow-button .button-icon,
  browse-page .catalog-edit-controls .reflow-button .button-icon,
  isales-shop-catalog-browse-page .catalog-edit-controls .reflow-button .button-icon {
    display: none;
  }
}
@media only screen and (max-width: 620px) {
  browse-page data-set,
  isales-shop-catalog-browse-page data-set {
    padding: .2em;
  }
  browse-page data-set .label,
  isales-shop-catalog-browse-page data-set .label,
  browse-page data-set .label.sortable,
  isales-shop-catalog-browse-page data-set .label.sortable,
  browse-page data-set .total,
  isales-shop-catalog-browse-page data-set .total {
    display: flex;
    flex-direction: column;
    padding: .1em .5em;
  }
  browse-page .view-modes .reflow-button .button-text,
  isales-shop-catalog-browse-page .view-modes .reflow-button .button-text,
  browse-page .view-mode .reflow-button .button-text,
  isales-shop-catalog-browse-page .view-mode .reflow-button .button-text,
  browse-page .catalog-edit-controls .reflow-button .button-text,
  isales-shop-catalog-browse-page .catalog-edit-controls .reflow-button .button-text {
    display: none;
  }
  browse-page .view-modes .reflow-button .button-icon,
  isales-shop-catalog-browse-page .view-modes .reflow-button .button-icon,
  browse-page .view-mode .reflow-button .button-icon,
  isales-shop-catalog-browse-page .view-mode .reflow-button .button-icon,
  browse-page .catalog-edit-controls .reflow-button .button-icon,
  isales-shop-catalog-browse-page .catalog-edit-controls .reflow-button .button-icon {
    display: inline-block;
  }
}
browse-page .button-icon,
isales-shop-catalog-browse-page .button-icon {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  min-width: 1.2em;
  min-height: 1.2em;
  background-size: contain;
  background-position: 50% 50%;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
menu-panel {
  background-color: #fefefe;
  color: #333;
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}
menu-panel ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
menu-item {
  display: list-item;
  line-height: 1.5em;
  font-size: 1.0rem;
}
menu-item > div > a {
  cursor: pointer;
  display: block;
  text-decoration: none;
  transition: background-color 0.05s;
}
menu-item > div > a:hover,
menu-item > div > a:focus {
  background-color: rgba(44, 171, 254, 0.15);
  outline: none;
}
menu-item > div > a:active {
  background-color: rgba(146, 211, 254, 0.5);
}
menu-item.level-1 > div > a {
  font-size: 1.2em;
  font-variant: small-caps;
  background-color: #ebf2fa;
  color: #333;
  margin: 0;
  padding: 0.2em 0.5em 0.2em 0.5em;
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
menu-item.level-1 > div > a > .icon {
  display: none;
}
menu-item.level-1 > div > ul {
  margin-bottom: 1em;
}
menu-item.level-2 > div.active {
  background-color: rgba(44, 171, 254, 0.15);
}
menu-item.level-2 > div.not-active-hidden:not(.active) {
  display: none;
}
menu-item.level-2 > div > a {
  display: flex;
  font-size: 1.2em;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0.2em 0.5em 0.2em 0.5em;
  color: #333;
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
menu-item.level-2 > div > a .icon {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border: 1px solid #666;
  margin-right: 0.5em;
}
menu-item.level-2 > div > a .title {
  font-weight: bold;
}
menu-item.level-2 > div > ul {
  margin-bottom: 0.5em;
}
menu-item.level-3 {
  line-height: 1.4em;
}
menu-item.level-3 > div > a {
  color: #333;
  font-size: 1.2em;
  background-color: rgba(0, 0, 0, 0);
  margin: 0;
  padding: 0.2em 0.5em 0.2em 2.5em;
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
menu-item.level-3 > div > a > .icon {
  display: none;
}
menu-item.level-3 > div > a:hover,
menu-item.level-3 > div > a:focus {
  background-color: rgba(44, 171, 254, 0.15);
  outline: none;
}
menu-item.level-3 > div > a:active {
  background-color: rgba(146, 211, 254, 0.5);
}
menu-item.level-4 > div > a {
  font-size: 1.1em;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
menu-toggle {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-self: stretch;
  background-color: rgba(255, 255, 255, 0);
  transition: background-color linear 0.2s, border-color linear 0.2s;
  border: 0 solid rgba(0, 0, 0, 0);
  border-right-width: 1px;
  border-left-width: 0;
  cursor: pointer;
}
menu-toggle .icon-menu {
  width: 1.8em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  font-size: 150%;
  text-align: center;
  /*
            box-sizing: content-box;
            background-size: contain;
            background-clip: content-box;
            background-repeat: no-repeat;
            align-self: stretch;
            background-position: 50%;
            background-origin: content-box;
                */
}
menu-toggle .menu-search {
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  background-color: rgba(0, 0, 0, 0);
  background: none !important;
  color: rgba(255, 255, 255, 0.6);
  transition: border linear 0.4s, color linear 0.2s;
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 1.25em;
  align-self: stretch;
  padding: 0 0.25em;
  margin: 0.25em 0.5em 0.25em 0.5m;
  border-bottom-color: rgba(255, 255, 255, 0.15);
}
menu-toggle .menu-search:placeholder-shown,
menu-toggle .menu-search::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
  transition: color linear 0.2s;
}
menu-toggle .menu-search::-moz-placeholder {
  color: rgba(255, 255, 255, 0.2);
  transition: color linear 0.2s;
}
menu-toggle .menu-search::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
  transition: color linear 0.2s;
}
menu-toggle .menu-search:focus {
  outline: none;
  color: rgba(255, 255, 255, 0.7);
}
menu-toggle .menu-search:hover:placeholder-shown,
menu-toggle .menu-search:hover::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
menu-toggle .menu-search:hover::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
menu-toggle .menu-search:hover::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
menu-toggle:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(255, 255, 255, 0.05);
}
menu-toggle:active,
menu-toggle:focus,
menu-toggle.hover {
  background-color: rgba(255, 255, 255, 0.25) !important;
  border-right-color: rgba(255, 255, 255, 0.15) !important;
}
menu-toggle:active .menu-search,
menu-toggle:focus .menu-search,
menu-toggle.hover .menu-search {
  color: rgba(255, 255, 255, 0.8);
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
user-control {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  /*> select {
        font-size: 1em;
    }*/
}
user-control > .menu-item {
  transition: background-color 0.15s, border-color 0.15s;
  background-color: rgba(255, 255, 255, 0);
  border: 0 solid rgba(0, 0, 0, 0);
  border-right-width: 1px;
  border-left-width: 1px;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  /*&.select:after {
            content: '\25BC';
            margin-right: .5em;
        }*/
}
user-control > .menu-item:hover,
user-control > .menu-item:active,
user-control > .menu-item:focus {
  background-color: rgba(255, 255, 255, 0.25);
  border-right-color: rgba(255, 255, 255, 0.15);
  cursor: pointer;
}
user-control > .menu-item.select > .icon-caret-down {
  padding-right: 0.5em;
}
user-control > .menu-item > div {
  padding: 0.5em;
  font-size: 1.0em;
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  line-height: 1.4em;
}
user-control > .menu-item > div > .icon {
  vertical-align: bottom;
  border: none;
  width: 1.6em;
  height: 1.6em;
  min-width: 1.6em;
  min-height: 1.6em;
}
user-control > .menu-item > div > .icon.disconnected {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22false%22%20viewBox%3D%220%200%2035.433071%2035.43307%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23dac506%22%2F%3E%3Cstop%20offset%3D%22.479%22%20stop-color%3D%22%23f8df08%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dac506%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20gradientUnits%3D%22userSpaceOnUse%22%20y2%3D%221021.358%22%20x2%3D%2217.717%22%20y1%3D%221034.646%22%20x1%3D%2231.004%22%20id%3D%22c%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3ClinearGradient%20gradientUnits%3D%22userSpaceOnUse%22%20y2%3D%221049.04%22%20x2%3D%2216.626%22%20y1%3D%221035.753%22%20x1%3D%223.338%22%20id%3D%22b%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M2.247%201047.93l2.2%202.22%203.317-3.327%203.322%203.322%205.54-5.533%202.222%202.22%202.21-2.22-13.276-13.294-2.224%202.223%202.223%202.216-5.54%205.53%203.318%203.323z%22%20fill%3D%22url%28%23b%29%22%20transform%3D%22translate(0%20-1016.93)%22%2F%3E%3Cpath%20d%3D%22M33.225%201021.362l-2.2-2.22-3.317%203.327-3.322-3.323-5.54%205.533-2.222-2.22-2.21%202.22%203.35%203.356-4.488%204.467%201.68%201.59%204.43-4.434%203.313%203.318-4.43%204.468%201.655%201.645%204.486-4.4%203.28%203.284%202.224-2.222-2.223-2.216%205.543-5.53-3.32-3.323z%22%20fill%3D%22url%28%23c%29%22%20transform%3D%22translate(0%20-1016.93)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
user-control > .menu-item > div > .icon.disconnected .user-icon {
  opacity: 0;
}
user-control > .menu-item > div > .icon .user-icon {
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22false%22%20viewBox%3D%220%200%2035.433071%2035.43307%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23827cda%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23130ba5%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23d2d2d2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20xlink%3Ahref%3D%22%23a%22%20id%3D%22d%22%20x1%3D%22-.306%22%20y1%3D%229.674%22%20x2%3D%2235.927%22%20y2%3D%229.674%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22matrix(-.9005%200%200%20.9005%2033.714%201.406)%22%2F%3E%3CradialGradient%20xlink%3Ahref%3D%22%23b%22%20id%3D%22c%22%20cx%3D%2217.717%22%20cy%3D%2217.717%22%20fx%3D%2217.717%22%20fy%3D%2217.717%22%20r%3D%2217.717%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(-14.395%20-14.395)%20scale(1.8125)%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url%28%23c%29%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h35.433v35.433H0z%22%2F%3E%3Cpath%20d%3D%22M30.594%2033.327s0-5.447-1.93-5.708c-2.338-.318-6.414-2.172-6.414-2.172l.04-2.533c1.52-1.8%201.78-3.01%202.21-4.3.513.36%201.568-.378%202.172-2.172.467-1.39-.014-3.283-1.046-3.294%200%200%20.548-4.447.242-6.034-.584-3.024-4.792-4.623-8-4.623-3.21%200-7.85%201.498-8.362%205.086-.18%201.266.402%205.65.402%205.65-.535.103-1.483.295-1.166%203.293.135%201.276%201.384%202.394%202.21%202.13.664%201.522%201.136%203.234%202.293%204.262l.04%202.713s-6.437%201.932-7.238%201.97c-1.46.07-1.408%205.69-1.408%205.69z%22%20fill%3D%22url%28%23d%29%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22gray%22%20stroke-width%3D%222.561%22%20stroke-opacity%3D%22.502%22%2F%3E%3C%2Fsvg%3E");
  box-sizing: content-box;
}
@keyframes scaleYInTop {
  from {
    transform: translatey(-50%) scaleY(0);
  }
  to {
    transform: translateY(0%) scaleY(1);
  }
}
user-control > .menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  z-index: 1;
  animation: scaleYInTop 0.1s ease-out;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: 0;
  padding: 0;
  background-color: #0176c3;
  border: 1px solid #085689;
  border-top-width: 0;
  list-style: none;
}
user-control > .menu.toggled {
  display: flex;
}
user-control > .menu > li {
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.15s;
  padding: 0.4em 0.5em;
  font-size: 0.9em;
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
user-control > .menu > li:hover,
user-control > .menu > li:active {
  background-color: rgba(255, 255, 255, 0.15);
}
user-control > .menu > li:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}user-management-page data-set {
  height: 100%;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
user-login-page.page {
  min-width: 10em;
  max-width: 25em;
}
user-login-page form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
user-login-page form > span {
  margin: 0.2em 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
user-login-page form > span > label {
  color: #777;
  font-size: 0.9em;
}
user-login-page form > span > input,
user-login-page form > span > textarea {
  align-self: stretch;
}
user-login-page form > span .input-messages {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  top: -1px;
}
user-login-page form > span.option {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
user-login-page form > span.note {
  padding-left: 1.0em;
  display: inline-block;
  font-size: 0.8em;
  color: #484848;
}
user-login-page form > span.controls {
  display: flex;
  align-self: flex-end;
  flex-direction: row;
}
user-login-page form > span.controls > * {
  align-self: center;
  margin-left: 1rem;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
user-register-page form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
user-register-page form > span {
  margin: 0.2em 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
user-register-page form > span > label {
  color: #777;
  font-size: 0.9em;
}
user-register-page form > span > input,
user-register-page form > span > textarea {
  align-self: stretch;
}
user-register-page form > span .input-messages {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  top: -1px;
}
user-register-page form > span.option {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
user-register-page form > span.note {
  padding-left: 1.0em;
  display: inline-block;
  font-size: 0.8em;
  color: #484848;
}
user-register-page form > span.controls {
  align-self: flex-end;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
request-reset-password-page.page,
reset-password-page.page {
  min-width: 10em;
  max-width: 25em;
}
request-reset-password-page.page form,
reset-password-page.page form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
request-reset-password-page.page form > span,
reset-password-page.page form > span {
  margin: 0.2em 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
request-reset-password-page.page form > span > label,
reset-password-page.page form > span > label {
  color: #777;
  font-size: 0.9em;
}
request-reset-password-page.page form > span > input,
reset-password-page.page form > span > input {
  align-self: stretch;
}
request-reset-password-page.page form > span .input-messages,
reset-password-page.page form > span .input-messages {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  top: -1px;
}
request-reset-password-page.page form > span.controls,
reset-password-page.page form > span.controls {
  display: flex;
  align-self: flex-end;
  flex-direction: row;
}
request-reset-password-page.page form > span.controls > *,
reset-password-page.page form > span.controls > * {
  align-self: center;
  margin-left: 1rem;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
user-activation-page .fields {
  margin-left: 0.5em;
  max-width: 30em;
}
user-activation-page .fields,
user-activation-page form {
  display: flex;
  flex-direction: column;
}
user-activation-page .fields .field,
user-activation-page form .field {
  margin: 0.2em 0;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
user-activation-page .fields .field > label,
user-activation-page form .field > label {
  color: #777;
  font-size: 0.9em;
  width: 10em;
  display: inline-block;
  margin-right: 0.5em;
}
user-activation-page .fields .field .value,
user-activation-page form .field .value {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
}
user-activation-page .fields .field .value > input,
user-activation-page form .field .value > input,
user-activation-page .fields .field .value > textarea,
user-activation-page form .field .value > textarea {
  align-self: stretch;
  width: 100%;
}
user-activation-page .fields .field .value .input-messages,
user-activation-page form .field .value .input-messages {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  top: -1px;
}
user-activation-page .fields .field .value.option,
user-activation-page form .field .value.option {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
user-activation-page .fields .field .value.note,
user-activation-page form .field .value.note {
  padding-left: 1.0em;
  display: inline-block;
  font-size: 0.8em;
  color: #484848;
}
user-activation-page .fields .controls,
user-activation-page form .controls {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 0.5em;
}user-detail-page data-set {
  padding: 0;
}
user-detail-page .input-messages {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  top: -1px;
}
user-detail-page .changepassword .field > label {
  width: 11em;
}
user-detail-page .controls {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 1em 0.5em 0 0.5em;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
html,
body {
  height: 100%;
  width: 100%;
}
body {
  padding: 0;
  margin: 0;
  background-color: #fcfcfc;
  color: #777;
  position: relative;
  overflow: hidden;
}
body h1 {
  margin: 0.5em 0 0.25em 0;
  color: #333;
}
body h2 {
  margin: 0.25em 0 0.125em 0;
  color: #333;
}
body h3,
body h4,
body h5,
body h6 {
  margin: 0.2em 0 0.1em 0;
  color: #484848;
}
platform-app {
  width: 100%;
  height: 100%;
}
platform-app > .accent-style {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
platform-app > .accent-style > .nav-bar {
  flex-grow: 0;
  flex-shrink: 0;
  height: 3.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #0176c3;
  border-bottom: 1px solid #085689;
  color: #fff;
  align-self: stretch;
  transition: background-color 0.15s;
}
platform-app > .accent-style > .nav-bar > menu-toggle {
  width: 20rem;
  flex-shrink: 0;
  box-sizing: border-box;
}
platform-app > .accent-style > .nav-bar .title {
  margin: 0.5em;
  flex-shrink: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
platform-app > .accent-style > .nav-bar user-control {
  flex-shrink: 1;
  align-self: stretch;
  white-space: nowrap;
  text-overflow: ellipsis;
}
platform-app > .accent-style > .frame {
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: flex-start;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
}
platform-app > .accent-style > .frame > menu-panel {
  width: 20rem;
  top: 0;
  bottom: 0;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: auto;
  position: relative;
}
platform-app > .accent-style > .frame > menu-panel.detoggled {
  position: absolute;
  z-index: 100;
  -moz-animation: PanelLeftSlideOut 200ms ease-in;
  -o-animation: PanelLeftSlideOut 200ms ease-in;
  -webkit-animation: PanelLeftSlideOut 200ms ease-in;
  animation: PanelLeftSlideOut 200ms ease-in;
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
platform-app > .accent-style > .frame > .content-wrapper {
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  overflow: hidden;
  position: relative;
}
platform-app > .accent-style > .frame > .content-wrapper > .content {
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  overflow: auto;
  position: relative;
  z-index: 0;
}
.page-title {
  display: block;
  margin: .5em 0 .5em 0;
}
.page-title .title {
  display: inline-block;
  text-overflow: ellipsis;
  margin: 0 0 0 1.5em;
}
.subnote {
  display: inline-block;
  font-size: 0.8em;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0.2em;
  font-weight: 500;
}
.page {
  display: block;
  background-color: #fefefe;
  padding: 1em;
  margin: 0 auto;
  align-self: center;
  max-width: 67.5rem;
  min-width: 45rem;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  transition: margin linear 0.2s, padding linear 0.2s;
  overflow: visible;
}
.page,
dialog-instance,
dialog-window {
  color: #333;
}
.page.app {
  min-width: initial;
  max-width: initial;
}
.app {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.app .app-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
}
.page + .page {
  margin-top: 1em;
}
.router {
  display: block;
  overflow: visible;
}
@keyframes PanelLeftSlideIn {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes PanelLeftSlideOut {
  from {
    transform: translateX(0);
    display: block;
  }
  to {
    transform: translateX(-100%);
    display: block;
  }
}
@keyframes menuSearchExpand {
  from {
    max-width: 0;
  }
  to {
    max-width: 20rem;
  }
}
html {
  -webkit-text-size-adjust: 100%;
}
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 65rem) {
  .page {
    padding: 0.5em;
    margin: 0 auto;
  }
  platform-app > .accent-style > .nav-bar menu-toggle .toggled .menu-search {
    max-width: 20rem;
  }
  platform-app > .accent-style > .nav-bar menu-toggle:not(.toggled) {
    width: auto;
  }
  platform-app > .accent-style > .nav-bar menu-toggle:not(.toggled) .menu-search {
    visibility: hidden;
    position: absolute;
    transition: max-width ease-out 0.2s;
    max-width: 0;
  }
  platform-app > .accent-style > .nav-bar menu-toggle.toggled + .title {
    display: none;
  }
  platform-app > .accent-style > .nav-bar .title {
    overflow-x: hidden;
    position: relative;
  }
  platform-app > .accent-style > .nav-bar user-control {
    overflow: visible;
    position: relative;
  }
  platform-app > .accent-style > .frame > menu-panel {
    position: absolute;
    z-index: 100;
  }
  platform-app > .accent-style > .frame > menu-panel:not(.toggled) {
    -moz-animation: PanelLeftSlideOut 200ms ease-in;
    -o-animation: PanelLeftSlideOut 200ms ease-in;
    -webkit-animation: PanelLeftSlideOut 200ms ease-in;
    animation: PanelLeftSlideOut 200ms ease-in;
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  platform-app > .accent-style > .frame > menu-panel.toggled {
    -moz-animation: PanelLeftSlideIn 200ms ease-out;
    -o-animation: PanelLeftSlideIn 200ms ease-out;
    -webkit-animation: PanelLeftSlideIn 200ms ease-out;
    animation: PanelLeftSlideIn 200ms ease-out;
  }
  platform-app > .accent-style > .frame > .content {
    left: 0;
    top: 0;
    bottom: 0;
  }
  platform-app > .accent-style > .frame .page {
    width: 100%;
    min-width: initial;
  }
}
@media only screen and (min-width: 65.01rem) {
  platform-app > .accent-style > .frame > menu-panel:not(.detoggled) {
    -moz-animation: PanelLeftSlideIn 200ms ease-out;
    -o-animation: PanelLeftSlideIn 200ms ease-out;
    -webkit-animation: PanelLeftSlideIn 200ms ease-out;
    animation: PanelLeftSlideIn 200ms ease-out;
  }
}
.lang-short,
.lang-low {
  display: none;
}
@media only screen and (max-width: 479px) and (orientation: portrait), only screen and (max-height: 479px) and (orientation: portrait) {
  .lang-short {
    display: inherit !important;
  }
  .lang-long {
    display: none !important;
  }
}
@media only screen and (max-width: 479px) and (orientation: landscape), only screen and (max-height: 479px) and (orientation: landscape) {
  .lang-low {
    display: inherit !important;
  }
  .lang-heigh {
    display: none !important;
  }
}@font-face {
  font-family: 'egrs-icons';
  src: url(/assets/egrs-icons.d0e2546b6dc53338ee264902e5b16ee5.eot);
  src: url(/assets/egrs-icons.d0e2546b6dc53338ee264902e5b16ee5.eot#iefix) format('embedded-opentype'), url(/assets/egrs-icons.e251dc943f83a64b0d6abffb968388ac.ttf) format('truetype'), url(/assets/egrs-icons.f06e7e61dc97f8f04a3954ad5cc341ce.woff) format('woff'), url(/assets/egrs-icons.870a9fb28059da355c1e57a80ae02ea6.svg#egrs-icons) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'egrs-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-edit:before {
  content: "\E991";
}
.icon-add:before {
  content: "\EA0A";
}
.icon-minus:before {
  content: "\EA0B";
}
.icon-image:before {
  content: "\E90D";
}
.icon-images:before {
  content: "\E90E";
}
.icon-add-category:before {
  content: "\E931";
}
.icon-lock:before {
  content: "\E98F";
}
.icon-unlocked:before {
  content: "\E990";
}
.icon-settings:before {
  content: "\E995";
}
.icon-delete:before {
  content: "\E9AC";
}
.icon-import:before {
  content: "\E9C5";
}
.icon-export:before {
  content: "\E9C6";
}
.icon-sphere:before {
  content: "\E9C9";
}
.icon-localized:before {
  content: "\E9CA";
}
.icon-link:before {
  content: "\E9CB";
}
.icon-eye:before {
  content: "\E9CE";
}
.icon-eye-blocked:before {
  content: "\E9D1";
}
.icon-star-empty:before {
  content: "\E9D7";
}
.icon-star-half:before {
  content: "\E9D8";
}
.icon-star-full:before {
  content: "\E9D9";
}
.icon-warning:before {
  content: "\EA07";
}
.icon-notification:before {
  content: "\EA08";
}
.icon-info:before {
  content: "\EA0C";
}
.icon-cross:before {
  content: "\EA0F";
}
.icon-checkmark:before {
  content: "\EA10";
}
.icon-checkmark2:before {
  content: "\EA11";
}
.icon-arrow-up-left2:before {
  content: "\EA39";
}
.icon-arrow-up2:before {
  content: "\EA3A";
}
.icon-arrow-up-right2:before {
  content: "\EA3B";
}
.icon-arrow-right2:before {
  content: "\EA3C";
}
.icon-arrow-down-right2:before {
  content: "\EA3D";
}
.icon-arrow-down2:before {
  content: "\EA3E";
}
.icon-arrow-down-left2:before {
  content: "\EA3F";
}
.icon-arrow-left2:before {
  content: "\EA40";
}
.icon-sort-amount-asc:before {
  content: "\EA4C";
}
.icon-sort-amount-desc:before {
  content: "\EA4D";
}
.icon-displaymode-list:before {
  content: "\E90B";
}
.icon-displaymode-photos:before {
  content: "\E90C";
}
.icon-displaymode:before {
  content: "\E90A";
}
.icon-menu:before {
  content: "\E905";
}
.icon-viewmode-favoritestest .path1:before {
  content: "\E908";
  color: #000000;
}
.icon-viewmode-favoritestest .path2:before {
  content: "\E909";
  margin-left: -1em;
  color: #f69904;
}
.icon-search:before {
  content: "\E900";
}
.icon-viewmode-shoppingcart:before {
  content: "\E901";
}
.icon-viewmode-recent:before {
  content: "\E902";
}
.icon-viewmode-favorites:before {
  content: "\E903";
}
.icon-viewmode-all:before {
  content: "\E904";
}
.icon-egrslink:before {
  content: "\E906";
}
.icon-caret-down:before {
  content: "\E907";
}
/*
.icon-menu {
    //background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22false%22%20viewBox%3D%220%200%2035.433%2035.433%22%3E%3Cg%20fill%3D%22%23f9f9f9%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M3.543%207.087H31.89v3.543H3.542zM3.543%2015.945H31.89v3.543H3.542zM3.543%2024.803H31.89v3.543H3.542z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    display: flex;
    flex-direction: column;
    justify-content: center;

    &:before {
        content: '\2630';
        font-size: 1.5em;
        text-align: center;
        line-height: 1.5em;
    }
}
*/
.icon-user {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22false%22%20viewBox%3D%220%200%2035.433071%2035.43307%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23d2d2d2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20xlink%3Ahref%3D%22%23a%22%20id%3D%22b%22%20x1%3D%22-.306%22%20y1%3D%229.674%22%20x2%3D%2235.927%22%20y2%3D%229.674%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22matrix(-.94392%200%200%20.94392%2034.49%20.61)%22%2F%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M31.22%2034.07s0-5.71-2.023-5.983c-2.45-.333-6.724-2.276-6.724-2.276l.042-2.654c1.594-1.886%201.867-3.156%202.318-4.51.536.38%201.643-.394%202.275-2.274.49-1.458-.014-3.442-1.095-3.453%200%200%20.574-4.66.253-6.324-.613-3.17-5.023-4.846-8.386-4.846-3.363%200-8.227%201.57-8.765%205.33-.19%201.33.42%205.924.42%205.924-.56.108-1.554.31-1.22%203.452.14%201.338%201.45%202.51%202.317%202.234.695%201.594%201.19%203.39%202.402%204.466L13.076%2026S6.33%2028.026%205.49%2028.067c-1.533.073-1.476%205.962-1.476%205.962z%22%20fill%3D%22url(%23b)%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22gray%22%20stroke-width%3D%222.685%22%20stroke-opacity%3D%22.502%22%2F%3E%3C%2Fsvg%3E');
}
.icon-loading {
  background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22false%22%20viewBox%3D%220%200%2035.433071%2035.43307%22%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M29.988%2030.487l-6.27-6.267c-1.545%201.426-3.546%202.256-5.646%202.342v8.857c4.45-.09%208.704-1.85%2011.916-4.933z%22%20fill%3D%22%23d2d2d2%22%2F%3E%3Cpath%20d%3D%22M35.415%2018.07h-8.857c-.085%202.1-.915%204.1-2.34%205.646l6.26%206.26c3.082-3.21%204.845-7.46%204.937-11.907z%22%20fill%3D%22%23bebebe%22%2F%3E%3Cpath%20d%3D%22M17.36.01C12.907.1%208.652%201.86%205.44%204.943l6.268%206.27c1.546-1.427%203.55-2.257%205.65-2.342z%22%20fill%3D%22%23aaa%22%2F%3E%3Cpath%20d%3D%22M11.21%2011.714l-6.258-6.26C1.87%208.662.107%2012.912.014%2017.36h8.86c.084-2.1.913-4.1%202.337-5.646z%22%20fill%3D%22%23bebebe%22%2F%3E%3Cpath%20d%3D%22M30.487%205.442l-6.267%206.27c1.425%201.544%202.256%203.546%202.34%205.646h8.86c-.09-4.45-1.85-8.705-4.933-11.916z%22%20fill%3D%22%23aaa%22%2F%3E%3Cpath%20d%3D%22M18.07.014v8.858c2.1.085%204.1.914%205.646%202.34l6.26-6.26C26.765%201.87%2022.515.107%2018.068.014z%22%20fill%3D%22%23969696%22%2F%3E%3Cpath%20d%3D%22M.01%2018.07c.09%204.452%201.85%208.707%204.932%2011.92l6.27-6.27c-1.427-1.544-2.257-3.547-2.342-5.65z%22%20fill%3D%22%23d2d2d2%22%2F%3E%3Cpath%20d%3D%22M11.714%2024.218l-6.26%206.26c3.208%203.082%207.458%204.845%2011.906%204.937v-8.86c-2.1-.084-4.1-.912-5.646-2.337z%22%20fill%3D%22%23e6e6e6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
/*
.icon-delete {
    background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20preserveAspectRatio%3D%22false%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%3E%3Cpath%20d%3D%22M1.5%204h13%22%20stroke-linejoin%3D%22bevel%22%2F%3E%3Cpath%20d%3D%22M3%204.5V13c0%20.5%201%201.5%201.5%201.5h7c.5%200%201.5-1%201.5-1.5V4.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.5%2012V6.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%206.5V12M10.5%2012V6.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.5%204c1-.577.528-2.5%201.5-2.5h4c1%200%20.653%201.988%201.5%202.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}*/
input[required],
input.required {
  background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017.1%2041.967452%22%3E%3Cpath%20d%3D%22M14.843%2019.52q.447-.247.577-.736.133-.49-.12-.927l-.62-1.046q-.253-.436-.754-.564-.5-.128-.945.12l-2.58%201.452V14.9q0-.495-.37-.855t-.875-.36H7.912q-.504%200-.874.36-.37.362-.37.856v2.918l-2.582-1.452q-.446-.248-.946-.12-.5.128-.752.565l-.622%201.047q-.252.437-.122.926.13.49.577.737l2.585%201.464-2.584%201.462q-.446.248-.576.738-.13.49.122.926l.622%201.047q.252.436.752.564.5.13.946-.117l2.584-1.455v2.917q0%20.494.368.856.37.36.874.36h1.243q.503%200%20.873-.36t.37-.855v-2.917l2.582%201.455q.447.246.946.117.5-.128.753-.565l.62-1.046q.253-.44.123-.928-.132-.49-.58-.737l-2.58-1.462z%22%20fill-opacity%3D%22.566%22%2F%3E%3C%2Fsvg%3E');
}
input[required].ng-invalid:not(.ng-untouched),
input.required.ng-invalid:not(.ng-untouched) {
  background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017.1%2041.967452%22%3E%3Cpath%20d%3D%22M14.843%2019.52q.447-.247.577-.736.133-.49-.12-.927l-.62-1.046q-.253-.436-.754-.564-.5-.128-.945.12l-2.58%201.452V14.9q0-.495-.37-.855t-.875-.36H7.912q-.504%200-.874.36-.37.362-.37.856v2.918l-2.582-1.452q-.446-.248-.946-.12-.5.128-.752.565l-.622%201.047q-.252.437-.122.926.13.49.577.737l2.585%201.464-2.584%201.462q-.446.248-.576.738-.13.49.122.926l.622%201.047q.252.436.752.564.5.13.946-.117l2.584-1.455v2.917q0%20.494.368.856.37.36.874.36h1.243q.503%200%20.873-.36t.37-.855v-2.917l2.582%201.455q.447.246.946.117.5-.128.753-.565l.62-1.046q.253-.44.123-.928-.132-.49-.58-.737l-2.58-1.462z%22%20fill%3D%22%23ff2a2a%22%20fill-opacity%3D%22.866%22%2F%3E%3C%2Fsvg%3E');
}
select {
  background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025.504%2041.967452%22%3E%3Cpath%20d%3D%22M2.916%2015.612c-.782%200-1.207.913-.703%201.51l9.84%2011.678c.367.436%201.04.436%201.406%200l9.84-11.677c.503-.598.077-1.512-.705-1.51h-4.083c-.268%200-.522.114-.696.318l-5.06%205.865-5.06-5.864c-.174-.202-.43-.318-.696-.318z%22%20style%3D%22line-height%3Anormal%3Btext-indent%3A0%3Btext-align%3Astart%3Btext-decoration-line%3Anone%3Btext-decoration-style%3Asolid%3Btext-decoration-color%3A%23000000%3Btext-transform%3Anone%3Bblock-progression%3Atb%3Bisolation%3Aauto%3Bmix-blend-mode%3Anormal%22%20color%3D%22%23000%22%20font-family%3D%22sans-serif%22%20white-space%3D%22normal%22%20overflow%3D%22visible%22%20solid-color%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E');
}
select[required],
select.required {
  background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048.798%2041.967452%22%3E%3Cpath%20d%3D%22M14.843%2019.52q.447-.247.577-.736.133-.49-.12-.927l-.62-1.046q-.253-.436-.754-.564-.5-.128-.945.12l-2.58%201.452V14.9q0-.495-.37-.855t-.875-.36H7.912q-.504%200-.874.36-.37.362-.37.856v2.918l-2.582-1.452q-.446-.248-.946-.12-.5.128-.752.565l-.622%201.047q-.252.437-.122.926.13.49.577.737l2.585%201.464-2.584%201.462q-.446.248-.576.738-.13.49.122.926l.622%201.047q.252.436.752.564.5.13.946-.117l2.584-1.455v2.917q0%20.494.368.856.37.36.874.36h1.243q.503%200%20.873-.36t.37-.855v-2.917l2.582%201.455q.447.246.946.117.5-.128.753-.565l.62-1.046q.253-.44.123-.928-.132-.49-.58-.737l-2.58-1.462z%22%20fill-opacity%3D%22.866%22%2F%3E%3Cpath%20d%3D%22M26.123%2015.612c-.782%200-1.207.913-.704%201.51L35.26%2028.8c.366.436%201.04.436%201.406%200l9.84-11.677c.503-.598.078-1.512-.704-1.51h-4.084c-.267%200-.52.114-.696.318l-5.06%205.865-5.06-5.864c-.174-.202-.428-.318-.696-.318z%22%20style%3D%22line-height%3Anormal%3Btext-indent%3A0%3Btext-align%3Astart%3Btext-decoration-line%3Anone%3Btext-decoration-style%3Asolid%3Btext-decoration-color%3A%23000000%3Btext-transform%3Anone%3Bblock-progression%3Atb%3Bisolation%3Aauto%3Bmix-blend-mode%3Anormal%22%20color%3D%22%23000%22%20font-family%3D%22sans-serif%22%20white-space%3D%22normal%22%20overflow%3D%22visible%22%20solid-color%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E');
}
select[required].ng-invalid:not(.ng-untouched),
select.required.ng-invalid:not(.ng-untouched) {
  background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048.798%2041.967452%22%3E%3Cpath%20d%3D%22M14.843%2019.52q.447-.247.577-.736.133-.49-.12-.927l-.62-1.046q-.253-.436-.754-.564-.5-.128-.945.12l-2.58%201.452V14.9q0-.495-.37-.855t-.875-.36H7.912q-.504%200-.874.36-.37.362-.37.856v2.918l-2.582-1.452q-.446-.248-.946-.12-.5.128-.752.565l-.622%201.047q-.252.437-.122.926.13.49.577.737l2.585%201.464-2.584%201.462q-.446.248-.576.738-.13.49.122.926l.622%201.047q.252.436.752.564.5.13.946-.117l2.584-1.455v2.917q0%20.494.368.856.37.36.874.36h1.243q.503%200%20.873-.36t.37-.855v-2.917l2.582%201.455q.447.246.946.117.5-.128.753-.565l.62-1.046q.253-.44.123-.928-.132-.49-.58-.737l-2.58-1.462z%22%20fill%3D%22%23ff2a2a%22%20fill-opacity%3D%22.866%22%2F%3E%3Cpath%20d%3D%22M26.123%2015.612c-.782%200-1.207.913-.704%201.51L35.26%2028.8c.366.436%201.04.436%201.406%200l9.84-11.677c.503-.598.078-1.512-.704-1.51h-4.084c-.267%200-.52.114-.696.318l-5.06%205.865-5.06-5.864c-.174-.202-.428-.318-.696-.318z%22%20style%3D%22line-height%3Anormal%3Btext-indent%3A0%3Btext-align%3Astart%3Btext-decoration-line%3Anone%3Btext-decoration-style%3Asolid%3Btext-decoration-color%3A%23000000%3Btext-transform%3Anone%3Bblock-progression%3Atb%3Bisolation%3Aauto%3Bmix-blend-mode%3Anormal%22%20color%3D%22%23000%22%20font-family%3D%22sans-serif%22%20white-space%3D%22normal%22%20overflow%3D%22visible%22%20solid-color%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E');
}
select.colored {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025.504%2041.967452%22%3E%3Cpath%20d%3D%22M2.916%2015.612c-.782%200-1.207.913-.703%201.51l9.84%2011.678c.367.436%201.04.436%201.406%200l9.84-11.677c.503-.598.077-1.512-.705-1.51h-4.083c-.268%200-.522.114-.696.318l-5.06%205.865-5.06-5.864c-.174-.202-.43-.318-.696-.318z%22%20style%3D%22line-height%3Anormal%3Btext-indent%3A0%3Btext-align%3Astart%3Btext-decoration-line%3Anone%3Btext-decoration-style%3Asolid%3Btext-decoration-color%3A%23000000%3Btext-transform%3Anone%3Bblock-progression%3Atb%3Bisolation%3Aauto%3Bmix-blend-mode%3Anormal%22%20color%3D%22%23000%22%20font-family%3D%22sans-serif%22%20white-space%3D%22normal%22%20overflow%3D%22visible%22%20solid-color%3D%22%23000000%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}
select.colored[required],
select.colored.required {
  background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048.798%2041.967452%22%3E%3Cpath%20d%3D%22M14.843%2019.52q.447-.247.577-.736.133-.49-.12-.927l-.62-1.046q-.253-.436-.754-.564-.5-.128-.945.12l-2.58%201.452V14.9q0-.495-.37-.855t-.875-.36H7.912q-.504%200-.874.36-.37.362-.37.856v2.918l-2.582-1.452q-.446-.248-.946-.12-.5.128-.752.565l-.622%201.047q-.252.437-.122.926.13.49.577.737l2.585%201.464-2.584%201.462q-.446.248-.576.738-.13.49.122.926l.622%201.047q.252.436.752.564.5.13.946-.117l2.584-1.455v2.917q0%20.494.368.856.37.36.874.36h1.243q.503%200%20.873-.36t.37-.855v-2.917l2.582%201.455q.447.246.946.117.5-.128.753-.565l.62-1.046q.253-.44.123-.928-.132-.49-.58-.737l-2.58-1.462z%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.866%22%2F%3E%3Cpath%20d%3D%22M26.123%2015.612c-.782%200-1.207.913-.704%201.51L35.26%2028.8c.366.436%201.04.436%201.406%200l9.84-11.677c.503-.598.078-1.512-.704-1.51h-4.084c-.267%200-.52.114-.696.318l-5.06%205.865-5.06-5.864c-.174-.202-.428-.318-.696-.318z%22%20style%3D%22line-height%3Anormal%3Btext-indent%3A0%3Btext-align%3Astart%3Btext-decoration-line%3Anone%3Btext-decoration-style%3Asolid%3Btext-decoration-color%3A%23000000%3Btext-transform%3Anone%3Bblock-progression%3Atb%3Bisolation%3Aauto%3Bmix-blend-mode%3Anormal%22%20color%3D%22%23000%22%20font-family%3D%22sans-serif%22%20white-space%3D%22normal%22%20overflow%3D%22visible%22%20solid-color%3D%22%23000000%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}
select.colored[required].ng-invalid:not(.ng-untouched),
select.colored.required.ng-invalid:not(.ng-untouched) {
  background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048.798%2041.967452%22%3E%3Cpath%20d%3D%22M14.843%2019.52q.447-.247.577-.736.133-.49-.12-.927l-.62-1.046q-.253-.436-.754-.564-.5-.128-.945.12l-2.58%201.452V14.9q0-.495-.37-.855t-.875-.36H7.912q-.504%200-.874.36-.37.362-.37.856v2.918l-2.582-1.452q-.446-.248-.946-.12-.5.128-.752.565l-.622%201.047q-.252.437-.122.926.13.49.577.737l2.585%201.464-2.584%201.462q-.446.248-.576.738-.13.49.122.926l.622%201.047q.252.436.752.564.5.13.946-.117l2.584-1.455v2.917q0%20.494.368.856.37.36.874.36h1.243q.503%200%20.873-.36t.37-.855v-2.917l2.582%201.455q.447.246.946.117.5-.128.753-.565l.62-1.046q.253-.44.123-.928-.132-.49-.58-.737l-2.58-1.462z%22%20fill%3D%22%23ff2a2a%22%20fill-opacity%3D%22.866%22%2F%3E%3Cpath%20d%3D%22M26.123%2015.612c-.782%200-1.207.913-.704%201.51L35.26%2028.8c.366.436%201.04.436%201.406%200l9.84-11.677c.503-.598.078-1.512-.704-1.51h-4.084c-.267%200-.52.114-.696.318l-5.06%205.865-5.06-5.864c-.174-.202-.428-.318-.696-.318z%22%20style%3D%22line-height%3Anormal%3Btext-indent%3A0%3Btext-align%3Astart%3Btext-decoration-line%3Anone%3Btext-decoration-style%3Asolid%3Btext-decoration-color%3A%23000000%3Btext-transform%3Anone%3Bblock-progression%3Atb%3Bisolation%3Aauto%3Bmix-blend-mode%3Anormal%22%20color%3D%22%23000%22%20font-family%3D%22sans-serif%22%20white-space%3D%22normal%22%20overflow%3D%22visible%22%20solid-color%3D%22%23000000%22%20fill%3D%22%23ff2a2a%22%20fill-opacity%3D%22.867%22%2F%3E%3C%2Fsvg%3E');
}
select.colored.ng-invalid:not(.ng-untouched),
select.colored.ng-invalid:not(.ng-untouched) {
  border-color: #ff6060;
  background-color: #d01717;
}
.country-flag {
  border: 1px solid rgba(0, 0, 0, 0.33);
  box-shadow: inset 0 0.15em 0.25em rgba(0, 0, 0, 0.1), inset 0 -0.15em 0.25em rgba(0, 0, 0, 0.1);
  display: inline-block;
  width: 1.6em;
  min-width: 1.6em;
  height: 1.2em;
  min-height: 1.2em;
  background-clip: border-box;
  background-origin: border-box;
  background-size: 100% 100%;
  vertical-align: middle;
}
.no-image {
  background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018.520833%2018.520834%22%3E%3Cg%20transform%3D%22translate(0%20-278.48)%22%20stroke%3D%22%23e6e6e6%22%20stroke-width%3D%22.177%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M.84%20283.16h17.006v9.513H.84z%22%2F%3E%3Cpath%20d%3D%22M3.627%20292.67l7.617-5.136%206.488%205.11-11.318.01z%22%20fill%3D%22%23f5f5f5%22%2F%3E%3Cpath%20d%3D%22M.9%20289.652l4.025-3.196%207.45%206.23-11.476-.013z%22%20fill%3D%22%23f5f5f5%22%2F%3E%3Cellipse%20ry%3D%22.716%22%20rx%3D%22.789%22%20cy%3D%22285.822%22%20cx%3D%2215.236%22%20fill%3D%22%23f5f5f5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-position: 50% 50%;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
html {
  font-size: 10pt;
  /* Fucks with minification 
    --accent-color: @primaryAccentColor;
    --accent-color-hover: @primaryAccentColor;
    --accent-color-active: @primaryAccentColor;
    */
}
body,
input,
textarea,
select {
  font-family: 'Segoe UI', 'Helvetica', sans-serif;
}
data-set.records-loading .view-content > .records {
  opacity: 0;
}
@keyframes loadingFadeIn {
  from {
    background: rgba(254, 254, 254, 0);
    background: rgba(0, 0, 0, 0);
  }
  to {
    background: rgba(254, 254, 254, 0.5);
  }
}
@keyframes loaderFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.75;
  }
}
@keyframes loadingSpin {
  from {
    -moz-transform: translateX(-50%) translateY(-50%) rotateZ(0);
    -ms-transform: translateX(-50%) translateY(-50%) rotateZ(0);
    -o-transform: translateX(-50%) translateY(-50%) rotateZ(0);
    -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(0);
    transform: translateX(-50%) translateY(-50%) rotateZ(0);
  }
  to {
    -moz-transform: translateX(-50%) translateY(-50%) rotateZ(360deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotateZ(360deg);
    -o-transform: translateX(-50%) translateY(-50%) rotateZ(360deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(360deg);
    transform: translateX(-50%) translateY(-50%) rotateZ(360deg);
  }
}
@keyframes inlineLoadingSpin {
  from {
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  to {
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
.loading::before,
data-set.records-loading .view-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(254, 254, 254, 0.5);
  -moz-animation: loadingFadeIn 0.2s linear;
  -o-animation: loadingFadeIn 0.2s linear;
  -webkit-animation: loadingFadeIn 0.2s linear;
  animation: loadingFadeIn 0.2s linear;
  -moz-transition: background 0.2s;
  -o-transition: background 0.2s;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  z-index: 10;
}
.loading::after,
data-set.records-loading .view-content::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  background: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22false%22%20viewBox%3D%220%200%2035.433071%2035.43307%22%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M29.988%2030.487l-6.27-6.267c-1.545%201.426-3.546%202.256-5.646%202.342v8.857c4.45-.09%208.704-1.85%2011.916-4.933z%22%20fill%3D%22%23d2d2d2%22%2F%3E%3Cpath%20d%3D%22M35.415%2018.07h-8.857c-.085%202.1-.915%204.1-2.34%205.646l6.26%206.26c3.082-3.21%204.845-7.46%204.937-11.907z%22%20fill%3D%22%23bebebe%22%2F%3E%3Cpath%20d%3D%22M17.36.01C12.907.1%208.652%201.86%205.44%204.943l6.268%206.27c1.546-1.427%203.55-2.257%205.65-2.342z%22%20fill%3D%22%23aaa%22%2F%3E%3Cpath%20d%3D%22M11.21%2011.714l-6.258-6.26C1.87%208.662.107%2012.912.014%2017.36h8.86c.084-2.1.913-4.1%202.337-5.646z%22%20fill%3D%22%23bebebe%22%2F%3E%3Cpath%20d%3D%22M30.487%205.442l-6.267%206.27c1.425%201.544%202.256%203.546%202.34%205.646h8.86c-.09-4.45-1.85-8.705-4.933-11.916z%22%20fill%3D%22%23aaa%22%2F%3E%3Cpath%20d%3D%22M18.07.014v8.858c2.1.085%204.1.914%205.646%202.34l6.26-6.26C26.765%201.87%2022.515.107%2018.068.014z%22%20fill%3D%22%23969696%22%2F%3E%3Cpath%20d%3D%22M.01%2018.07c.09%204.452%201.85%208.707%204.932%2011.92l6.27-6.27c-1.427-1.544-2.257-3.547-2.342-5.65z%22%20fill%3D%22%23d2d2d2%22%2F%3E%3Cpath%20d%3D%22M11.714%2024.218l-6.26%206.26c3.208%203.082%207.458%204.845%2011.906%204.937v-8.86c-2.1-.084-4.1-.912-5.646-2.337z%22%20fill%3D%22%23e6e6e6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  overflow: visible;
  max-width: 3em;
  max-height: 3em;
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
  -moz-transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  -o-transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  -moz-animation: loaderFadeIn 0.2s linear,loadingSpin 1.25s infinite linear;
  -o-animation: loaderFadeIn 0.2s linear,loadingSpin 1.25s infinite linear;
  -webkit-animation: loaderFadeIn 0.2s linear,loadingSpin 1.25s infinite linear;
  animation: loaderFadeIn 0.2s linear,loadingSpin 1.25s infinite linear;
  display: block;
  background-size: 80% 80%;
  opacity: 0.75;
  z-index: 11;
}
.loading.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}
.loading.overlay > span,
.loading.overlay > div {
  margin-top: 4em;
  z-index: 11;
}
a {
  text-decoration: none;
  color: #0086dd;
  transition: background-color 0.15s, border-color 0.15s;
}
a.general-conditions {
  white-space: normal;
}
a:hover {
  color: #44b5ff;
  text-decoration: underline;
  cursor: pointer;
}
a:active {
  color: #5ebfff;
  text-decoration: underline;
}
.icon {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  min-width: 1.2em;
  min-height: 1.2em;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: text-bottom;
}
.header {
  margin-bottom: .5em;
}
.header .head {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.5em;
}
.page .header .head {
  justify-content: center;
}
.header .head .banner img {
  max-height: 7rem;
}
@media only screen and (max-width: 479px), only screen and (max-height: 479px) {
  .header .head .banner img {
    max-width: 22rem;
  }
}
.header .control {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.label-select {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
}
.label-select .selected-label {
  padding: 0.25em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.02);
  border-radius: 1px;
  margin: 0.1em;
}
.default,
.default * {
  color: rgba(0, 0, 0, 0.3);
}
button,
.button {
  padding: 0.75em 0.75em;
  color: #fafafa;
  font-size: 1.0em;
  border-radius: 1px;
  font-variant: small-caps;
  -moz-transition: background-color 0.15s, border-color 0.15s;
  -o-transition: background-color 0.15s, border-color 0.15s;
  -webkit-transition: background-color 0.15s, border-color 0.15s;
  transition: background-color 0.15s, border-color 0.15s;
  background-color: #0675be;
  border: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
button[disabled],
.button[disabled] {
  background-color: #a7b0b6;
  color: #e1e1e1;
  border-color: rgba(0, 0, 0, 0.05);
}
button:not([disabled]):focus,
.button:not([disabled]):focus {
  border-color: #5ebfff;
  background-color: #0076c4;
  outline: none;
}
button:not([disabled]):hover,
.button:not([disabled]):hover,
button:not([disabled]).toggled,
.button:not([disabled]).toggled {
  background-color: #0185dc;
}
button:not([disabled]):active,
.button:not([disabled]):active {
  background-color: #0095f7;
}
button.neutral,
.button.neutral {
  background-color: #fefefe;
  color: #333;
}
button.neutral[disabled],
.button.neutral[disabled] {
  background-color: #b2b2b2;
  color: #4d4d4d;
  border-color: rgba(0, 0, 0, 0.05);
}
button.neutral:not([disabled]):focus,
.button.neutral:not([disabled]):focus {
  border-color: #5ebfff;
  background-color: #ffffff;
  outline: none;
}
button.neutral:not([disabled]):hover,
.button.neutral:not([disabled]):hover,
button.neutral:not([disabled]).toggled,
.button.neutral:not([disabled]).toggled {
  background-color: #ffffff;
}
button.neutral:not([disabled]):active,
.button.neutral:not([disabled]):active {
  background-color: #ffffff;
}
button.caution,
.button.caution {
  background-color: #d70000;
  color: #fafafa;
}
button.caution[disabled],
.button.caution[disabled] {
  background-color: #221c1c;
  color: #e1e1e1;
  border-color: rgba(0, 0, 0, 0.05);
}
button.caution:not([disabled]):focus,
.button.caution:not([disabled]):focus {
  border-color: #ff7171;
  background-color: #f10000;
}
button.caution:not([disabled]):hover,
.button.caution:not([disabled]):hover,
button.caution:not([disabled]).toggled,
.button.caution:not([disabled]).toggled {
  background-color: #fd0000;
}
button.caution:not([disabled]):active,
.button.caution:not([disabled]):active {
  background-color: #ff0b0b;
}
button .badge,
.button .badge {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 0.4em 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.25);
  font-size: 0.85em;
  border-radius: 1em;
  vertical-align: baseline;
}
button .icon,
.button .icon {
  border: none;
}
@media only screen and (max-width: 479px), only screen and (max-height: 479px) {
  button,
  .button {
    padding: 0.6em 0.75em;
  }
}
select {
  border: 1px solid rgba(0, 0, 0, 0.1);
  -moz-transition: background-color 0.15s, border-color 0.15s;
  -o-transition: background-color 0.15s, border-color 0.15s;
  -webkit-transition: background-color 0.15s, border-color 0.15s;
  transition: background-color 0.15s, border-color 0.15s;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 1.20em;
  color: #484848;
  border-radius: 0;
  padding: 0.25em 0.4em;
  background-size: auto 1.1em;
  background-repeat: no-repeat;
  background-position-x: calc(100% - 0.375em);
  background-position-y: 50%;
  padding: 0.15em 1.5em 0.15em 0.25em;
}
select.colored {
  background-color: #0176c3;
  color: #fafafa;
  text-shadow: 0 0 3px #001a2b;
}
select.colored option {
  background-color: #0176c3;
  color: #fafafa;
  text-shadow: 0 0 3px #001a2b;
}
select.colored option:hover {
  background-color: #2cabfe;
}
select.colored option:active,
select.colored option:focus {
  background-color: #5fbffe;
}
select.colored.default {
  color: rgba(250, 250, 250, 0.5);
}
select.colored:not([disabled]):focus {
  border-color: #5ebfff;
  background-color: #0076c4;
  outline: none;
}
select.colored:not([disabled]):hover,
select.colored:not([disabled]).toggled {
  background-color: #0185dc;
}
select.colored:not([disabled]):active {
  background-color: #0095f7;
}
select[disabled] {
  color: rgba(0, 0, 0, 0.5);
}
label {
  font-weight: 500;
}
input,
textarea,
.complex-input,
.selector-input,
.color-input {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #484848;
  font-size: 1.20em;
  padding: 0.15em 0.25em;
  border-radius: 1px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  -moz-transition: background-color 0.15s, border-color 0.15s;
  -o-transition: background-color 0.15s, border-color 0.15s;
  -webkit-transition: background-color 0.15s, border-color 0.15s;
  transition: background-color 0.15s, border-color 0.15s;
  box-shadow: none;
}
input[disabled],
textarea[disabled],
.complex-input[disabled],
.selector-input[disabled],
.color-input[disabled],
input.disabled,
textarea.disabled,
.complex-input.disabled,
.selector-input.disabled,
.color-input.disabled {
  color: rgba(0, 0, 0, 0.5);
}
input:hover,
textarea:hover,
.complex-input:hover,
.selector-input:hover,
.color-input:hover,
input.hovered,
textarea.hovered,
.complex-input.hovered,
.selector-input.hovered,
.color-input.hovered {
  background-color: #ffffff;
  border-color: rgba(56, 115, 153, 0.2);
}
input:focus,
textarea:focus,
.complex-input:focus,
.selector-input:focus,
.color-input:focus,
input.focussed,
textarea.focussed,
.complex-input.focussed,
.selector-input.focussed,
.color-input.focussed {
  background-color: #ffffff;
  border-color: rgba(94, 191, 255, 0.4);
  outline: none;
}
input:placeholder-shown,
textarea:placeholder-shown,
.complex-input:placeholder-shown,
.selector-input:placeholder-shown,
.color-input:placeholder-shown,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.complex-input::-webkit-input-placeholder,
.selector-input::-webkit-input-placeholder,
.color-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
input[type=number],
textarea[type=number],
.complex-input[type=number],
.selector-input[type=number],
.color-input[type=number] {
  -moz-appearance: textfield;
}
input[type=checkbox],
textarea[type=checkbox],
.complex-input[type=checkbox],
.selector-input[type=checkbox],
.color-input[type=checkbox] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding: 0.3em;
  width: 1.0em;
  height: 1.0em;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-radius: 1px;
  margin: 0.1em 0;
  display: inline-block;
  line-height: 1.65em;
  background-size: 90% 90%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: middle;
}
input[type=checkbox]:checked,
textarea[type=checkbox]:checked,
.complex-input[type=checkbox]:checked,
.selector-input[type=checkbox]:checked,
.color-input[type=checkbox]:checked {
  background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035.433071%2035.43307%22%3E%3Cpath%20d%3D%22M14.588%2031.778L1.268%2018.86l5.328-5.167%207.992%207.75L33.158%203.43v7.68z%22%20fill%3D%22%230549d2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}
.color-input > * {
  display: block;
  height: 1.725em;
}
.complex-input {
  display: flex;
  align-items: baseline;
  align-content: stretch;
  font-size: 1em;
  flex-grow: 1;
}
.complex-input input {
  border: none;
  padding: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 2em;
}
.complex-input .value {
  flew-grow: 1;
  flex-shrink: 1;
}
.complex-input label {
  flex-grow: 0;
  width: auto !important;
  font-weight: normal;
  font-size: 1.2em;
  padding-right: .2em;
}
.single-option-input {
  display: flex;
  align-items: center;
  justify-content: center;
}
input[type=checkbox] + label,
label + input[type=checkbox] {
  margin-left: 1em;
}
form input[required],
form input.required {
  background-size: auto 1.25em;
  background-repeat: no-repeat;
  background-position-x: calc(100% - 0.30em);
  background-position-y: 25%;
  padding-right: 1em;
}
form select[required],
form select.required {
  background-size: auto 1.25em;
  background-repeat: no-repeat;
  background-position-x: calc(100% - 0.375em);
  background-position-y: 25%;
  padding-right: 1em;
}
form input.ng-invalid.ng-touched,
form select.ng-invalid.ng-touched {
  border-color: rgba(255, 113, 113, 0.3);
  background-color: rgba(255, 113, 113, 0.1);
}
form input + .message,
form select + .message {
  color: #ff7171;
}
@keyframes scaleYInTop {
  from {
    transform: translatey(-50%) scaleY(0);
  }
  to {
    transform: translateY(0%) scaleY(1);
  }
}
form .input-messages {
  display: flex;
}
form .input-error {
  display: inline-flex;
  border: 1px solid rgba(255, 113, 113, 0.3);
  background-color: rgba(215, 0, 0, 0.1);
  padding: 0.3em 0.5em;
  font-size: 0.9em;
  color: #a73c3c;
  box-sizing: border-box;
  animation: scaleYInTop 0.1s ease-out;
  flex-grow: 1;
}
form .input-success {
  border: 1px solid rgba(134, 244, 152, 0.3);
  background-color: rgba(41, 184, 64, 0.1);
  padding: 0.3em 0.5em;
  font-size: 0.9em;
  color: #50985c;
  box-sizing: border-box;
  animation: scaleYInTop 0.1s ease-out;
}
.scrollable {
  overflow: auto;
}
.scrollable.vertical {
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollable.horizontal {
  overflow-x: auto;
  overflow-y: hidden;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
div::-webkit-scrollbar,
body::-webkit-scrollbar,
.scrollable::-webkit-scrollbar,
dialog-instance::-webkit-scrollbar,
dialog-window::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
  border-radius: 0.25em;
}
div::-webkit-scrollbar-track-piece,
body::-webkit-scrollbar-track-piece,
.scrollable::-webkit-scrollbar-track-piece,
dialog-instance::-webkit-scrollbar-track-piece,
dialog-window::-webkit-scrollbar-track-piece {
  background-color: rgba(125, 125, 125, 0.15);
  border-radius: 2px;
}
div::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.scrollable::-webkit-scrollbar-thumb,
dialog-instance::-webkit-scrollbar-thumb,
dialog-window::-webkit-scrollbar-thumb {
  background-color: #0176c3;
  -moz-background-clip: content-box;
  -webkit-background-clip: content-box;
  background-clip: content-box;
  border-radius: 2px;
  -moz-transition: box-shadow 0.25s, background-color 0.15s;
  -o-transition: box-shadow 0.25s, background-color 0.15s;
  -webkit-transition: box-shadow 0.25s, background-color 0.15s;
  transition: box-shadow 0.25s, background-color 0.15s;
  min-height: 2.5rem;
}
div::-webkit-scrollbar-thumb::hover,
body::-webkit-scrollbar-thumb::hover,
.scrollable::-webkit-scrollbar-thumb::hover,
dialog-instance::-webkit-scrollbar-thumb::hover,
dialog-window::-webkit-scrollbar-thumb::hover {
  background-color: #0095f7;
}
div::-webkit-scrollbar-thumb::active,
body::-webkit-scrollbar-thumb::active,
.scrollable::-webkit-scrollbar-thumb::active,
dialog-instance::-webkit-scrollbar-thumb::active,
dialog-window::-webkit-scrollbar-thumb::active {
  background-color: #0086dd;
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
}
data-set {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1em 0.5em;
  /* Removed for now (38rem isnt exactly small... not sure what the .header & .head are meant to fix)
    &.small {
        width: 38rem;

        .header .head {
            justify-content: center;
        }
    }*/
}
data-set .content {
  height: 100%;
  display: flex;
  -ms-align-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  justify-content: space-between;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border-spacing: 0;
  border-collapse: separate;
  position: relative;
}
data-set .records > .record:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
data-set .group-records > .record:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
data-set .view-headers {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
data-set .view-footers {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
data-set data-view {
  overflow: hidden;
}
data-set data-view.label:not(:last-child),
data-set data-view.value:not(:last-child),
data-set data-view.total:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
data-set data-view.group {
  display: block;
}
data-set data-view.currency,
data-set data-view.number {
  text-align: right;
  justify-content: flex-end;
}
data-set data-view.input-cell {
  padding: 1px;
}
data-set .view-headers,
data-set .view-footers,
data-set .view-content {
  background-color: #fefefe;
  display: flex;
  align-self: stretch;
  justify-content: flex-start;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
data-set .view-headers .properties,
data-set .view-footers .properties,
data-set .view-content .properties,
data-set .view-headers .record,
data-set .view-footers .record,
data-set .view-content .record {
  white-space: nowrap;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
}
data-set .label,
data-set .value,
data-set .total {
  color: #333;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  display: inline-flex;
  padding: 0.25em 0.5em;
  white-space: nowrap;
  overflow: hidden;
  align-items: center;
}
data-set .label > .icon,
data-set .value > .icon,
data-set .total > .icon {
  vertical-align: middle;
}
data-set .label .thumbnail,
data-set .value .thumbnail,
data-set .total .thumbnail {
  width: 70px;
  height: 70px;
}
data-set .view-headers,
data-set .header,
data-set .view-footers,
data-set .footer {
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
}
data-set .header .head .head-control {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
}
data-set .header .head .head-control > * {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: baseline;
  margin-top: 0.25em;
}
data-set .header .head .head-control > *:first-child {
  margin-top: 0;
}
data-set .header .head .head-control > * label {
  margin-right: 0.5em;
}
data-set .footer .foot {
  display: flex;
  justify-content: space-between;
}
data-set .view-content {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  position: relative;
  display: flex;
}
data-set .view-content > .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
data-set .view-content > .overlay > * {
  pointer-events: all;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}
data-set data-view {
  display: inline-block;
}
data-set data-view > span {
  vertical-align: middle;
}
data-set .records {
  display: block;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  flex-grow: 1;
}
data-set .records input {
  padding-top: 0.15em;
  padding-bottom: 0.15em;
}
data-set .records select,
data-set .records button,
data-set .records .button {
  padding-top: 0.15em;
  padding-bottom: 0.15em;
}
data-set .records > data-view {
  color: #484848;
}
data-set .records button {
  padding: 0.1em 0.5em;
  width: 100%;
  height: 100%;
}
data-set .records input[type=checkbox] {
  margin-top: 0;
  margin-bottom: -0.4em;
  padding: 0.25em;
}
data-set .records data-view.group {
  line-height: 0;
}
data-set .records data-view.group-header,
data-set .records .group-records {
  line-height: normal;
}
data-set .label {
  -moz-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s;
  vertical-align: bottom;
  text-align: left;
  background-color: #fefefe;
  font-weight: 500;
  border-radius: 0;
  font-size: 100%;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.25em 0.5em;
}
data-set .label.sortable {
  cursor: pointer;
  padding-right: 2.1em;
}
data-set .label.sortable:hover {
  background-color: rgba(1, 118, 195, 0.075);
  border-bottom-color: rgba(1, 118, 195, 0.2);
}
data-set .label.sortable:active {
  background-color: rgba(1, 118, 195, 0.125);
  border-bottom-color: rgba(1, 118, 195, 0.2);
}
@keyframes stFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.75;
  }
}
data-set .label::after {
  -moz-transition: opacity 0.2s, transform 0.2s;
  -o-transition: opacity 0.2s, transform 0.2s;
  -webkit-transition: opacity 0.2s, transform 0.2s;
  transition: opacity 0.2s, transform 0.2s;
  opacity: 0;
  content: '';
}
data-set .label.ordered::after {
  content: ' ';
  display: inline-block;
  position: absolute;
  right: 0.3em;
  opacity: 0.75;
  -moz-animation: stFadeIn 0.2s;
  -o-animation: stFadeIn 0.2s;
  -webkit-animation: stFadeIn 0.2s;
  animation: stFadeIn 0.2s;
  -moz-background-clip: content-box;
  -webkit-background-clip: content-box;
  background-clip: padding-box;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22false%22%20viewBox%3D%220%200%2035.433071%2035.43307%22%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8.858%203.543h3.544v21.26h3.543L10.63%2031.89l-5.315-7.087h3.543zM19.488%207.087V3.543h3.543v3.544H19.49M19.488%2015.945v3.543h7.087v-3.543h-7.087M19.488%2028.346v3.544h10.63v-3.544zM19.505%209.744v3.543h5.315V9.744h-5.315M19.488%2022.146v3.543h8.858v-3.544h-8.858%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  max-width: 1.5em;
  max-height: 1.5em;
  width: 100%;
  top: 0.3em;
  bottom: 0.3em;
  background-position-x: 100%;
}
data-set .label.ordered.descending::after {
  -moz-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
data-set .record {
  min-height: 2.4em;
  line-height: 1.5em;
}
data-set .record.odd {
  background-color: rgba(0, 0, 0, 0.0125);
}
data-set .record.even {
  background-color: rgba(0, 0, 0, 0);
}
data-set .record.activatable {
  cursor: pointer;
}
data-set .record.activatable:hover {
  background-color: rgba(1, 118, 195, 0.075);
}
data-set .record.activatable:active {
  background-color: rgba(1, 118, 195, 0.125);
}
data-set .group-header {
  width: 100%;
  padding: 0.25em 0.5em;
  background-color: #0176c3;
  color: #fafafa;
}
data-set .group-header.activatable {
  cursor: pointer;
}
data-set .group-header.activatable:hover {
  background-color: #0185dc;
}
data-set .group-header.activatable:active {
  background-color: #018de9;
}
data-set .stickied {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
}
data-set .stacked {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
}
.quick-search {
  display: flex;
  align-items: baseline;
  position: relative;
}
.quick-search .icon-search {
  position: absolute;
  width: 0;
  height: 0;
  font-size: 125%;
}
.quick-search .icon-search:before {
  position: absolute;
  left: 0;
  margin-left: 0.5em;
  line-height: 1.75em;
  color: rgba(0, 0, 0, 0.3);
  transition: color linear 0.1s;
  pointer-events: none;
}
.quick-search:hover .icon-search:before {
  color: rgba(0, 0, 0, 0.6);
}
.quick-search input {
  padding-left: 2em;
  flex-shrink: 1;
  width: 100%;
}
.control-group {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
.control-group > div,
.control-group > button,
.control-group > input {
  margin: 0;
}
.control-group > div:not(:first-child),
.control-group > span:not(:first-child),
.control-group > button:not(:first-child),
.control-group > input:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.control-group > div:not(:last-child),
.control-group > span:not(:last-child),
.control-group > button:not(:last-child),
.control-group > input:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media only screen and (min-width: 480px) and (max-width: 1023px), only screen and (min-height: 480px) and (max-height: 1023px) {
  .control-group .view-modes .reflow-button .button-text {
    display: inline-block;
  }
  .control-group .view-modes .reflow-button .button-icon {
    display: none;
  }
}
@keyframes dialogHost-fadeIn {
  from {
    background: rgba(0, 0, 0, 0);
  }
  to {
    background: rgba(0, 0, 0, 0.4);
  }
}
@keyframes dialogHost-slideIn {
  from {
    overflow-y: hidden;
  }
  to {
    overflow-y: hidden;
  }
}
@keyframes dialog-slideIn {
  from {
    transform: translateY(75em);
  }
  to {
    transform: translateY(0);
  }
}
dialog-instance,
dialog-window {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
  animation: dialogHost-fadeIn ease-out 0.1s, dialogHost-slideIn ease-out 0.15s;
  background: rgba(0, 0, 0, 0.4);
  overflow-y: auto;
  overflow-x: hidden;
}
dialog-instance .dialog,
dialog-window .dialog {
  margin: 1em;
  padding: 2em 1em 1em 1em;
  animation: dialog-slideIn ease-out 0.15s;
  background-color: #fefefe;
  border: solid 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  display: block;
  position: relative;
  flex-grow: 0.5;
  flex-shrink: 1;
  max-width: 45em;
  margin: 1em auto;
  overflow: hidden;
  /*.title {
            margin-top: 1rem;
        }*/
}
dialog-instance .dialog.dialog-medium,
dialog-window .dialog.dialog-medium {
  max-width: 45rem;
}
dialog-instance .dialog.dialog-small,
dialog-window .dialog.dialog-small {
  max-width: 22.5rem;
}
dialog-instance .dialog.dialog-large,
dialog-window .dialog.dialog-large {
  max-width: 82.5rem;
}
@media only screen and (max-width: 479px), only screen and (max-height: 479px) {
  dialog-instance .dialog.dialog-medium,
  dialog-window .dialog.dialog-medium {
    max-width: 31.5rem;
  }
  dialog-instance .dialog.dialog-small,
  dialog-window .dialog.dialog-small {
    max-width: 22.5rem;
  }
  dialog-instance .dialog.dialog-large,
  dialog-window .dialog.dialog-large {
    max-width: 31.5rem;
  }
}
@media only screen and (min-width: 480px) and (max-width: 1023px), only screen and (min-height: 480px) and (max-height: 1023px) {
  dialog-instance .dialog.dialog-medium,
  dialog-window .dialog.dialog-medium {
    max-width: 37.5rem;
  }
  dialog-instance .dialog.dialog-small,
  dialog-window .dialog.dialog-small {
    max-width: 22.5rem;
  }
  dialog-instance .dialog.dialog-large,
  dialog-window .dialog.dialog-large {
    max-width: 52.5rem;
  }
}
dialog-instance .dialog h1,
dialog-window .dialog h1,
dialog-instance .dialog h2,
dialog-window .dialog h2,
dialog-instance .dialog h3,
dialog-window .dialog h3,
dialog-instance .dialog h4,
dialog-window .dialog h4,
dialog-instance .dialog h5,
dialog-window .dialog h5 {
  margin-top: 0;
}
dialog-instance .dialog h1,
dialog-window .dialog h1 {
  font-size: 2.4em;
}
dialog-instance .dialog h2,
dialog-window .dialog h2 {
  font-size: 2.0em;
}
dialog-instance .dialog h3,
dialog-window .dialog h3 {
  font-size: 1.6em;
}
dialog-instance .dialog h4,
dialog-window .dialog h4 {
  font-size: 1.2em;
}
dialog-instance .dialog .controls,
dialog-window .dialog .controls {
  margin: 1em 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
dialog-instance .dialog .controls.between,
dialog-window .dialog .controls.between {
  justify-content: space-between;
}
dialog-instance .dialog .dialog-options,
dialog-window .dialog .dialog-options {
  font-size: 0.9em;
  margin-right: 1em;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 0;
}
.fields {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-left: 0.5em;
}
.fields > .field {
  display: inline-flex;
  flex-direction: row;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 479px), only screen and (max-height: 479px) {
  .fields > .field {
    flex-direction: column;
  }
}
.fields > .field:first-child {
  margin-top: 0.5em;
}
.fields > .field:last-child {
  margin-bottom: 0;
}
.fields > .field.resource {
  align-items: flex-start;
}
.fields > .field.resource > label {
  margin-top: .5em;
}
.fields > .field > label {
  width: 9.5em;
  margin-right: 1em;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  flex-shrink: 0;
  line-height: 1.0em;
  text-align: right;
}
@media only screen and (max-width: 479px), only screen and (max-height: 479px) {
  .fields > .field > label {
    text-align: left;
    margin-bottom: .65em;
    width: 100%;
  }
}
.fields > .field > .value,
.fields > .field > .edit {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  align-self: center;
  flex-grow: 1;
}
.fields > .field > .value > input,
.fields > .field > .edit > input {
  width: 100%;
}
.fields > .field > .value > .description,
.fields > .field > .edit > .description {
  font-size: 0.8em;
  margin-left: 0.5em;
  color: #999;
}
.fields > .field > .value > .icon,
.fields > .field > .edit > .icon {
  font-size: 1.3em;
  line-height: 1.1em;
  font-weight: bold;
  border: none;
  text-align: center;
  align-self: center;
  cursor: help;
}
.fields > .field > .value > .icon.icon-ok::after,
.fields > .field > .edit > .icon.icon-ok::after {
  content: "\2713";
  color: #02c302;
}
.fields > .field > .value > .icon.icon-unknown::after,
.fields > .field > .edit > .icon.icon-unknown::after {
  content: "?";
  color: darkorange;
}
.fields > .field > .value > .icon.icon-warning::after,
.fields > .field > .edit > .icon.icon-warning::after {
  content: "!";
  color: #ff0000;
}
.fields > .field > .value > .icon.icon-loading,
.fields > .field > .edit > .icon.icon-loading {
  background-repeat: no-repeat;
  opacity: 0.75;
  background-position: 50% 50%;
  -moz-animation: loaderFadeIn 0.2s linear,inlineLoadingSpin 1.25s infinite linear;
  -o-animation: loaderFadeIn 0.2s linear,inlineLoadingSpin 1.25s infinite linear;
  -webkit-animation: loaderFadeIn 0.2s linear,inlineLoadingSpin 1.25s infinite linear;
  animation: loaderFadeIn 0.2s linear,inlineLoadingSpin 1.25s infinite linear;
}
.fields > .field > .value > .icon,
.fields > .field > .edit > .icon {
  align-self: flex-start;
  cursor: default;
}
.fields > .field > .value.group,
.fields > .field > .edit.group,
.fields > .field > .value .group,
.fields > .field > .edit .group {
  margin-top: 1em;
  padding-left: 1em;
  border-left: 3px solid #999;
}
.fields > .field > .value.group > :not(:first-child),
.fields > .field > .edit.group > :not(:first-child),
.fields > .field > .value .group > :not(:first-child),
.fields > .field > .edit .group > :not(:first-child) {
  margin-top: .3em;
}
.fields > .field > .value.group:first-child:not(.subform),
.fields > .field > .edit.group:first-child:not(.subform),
.fields > .field > .value .group:first-child:not(.subform),
.fields > .field > .edit .group:first-child:not(.subform),
.fields > .field > .value.group:first-of-type:not(.subform),
.fields > .field > .edit.group:first-of-type:not(.subform),
.fields > .field > .value .group:first-of-type:not(.subform),
.fields > .field > .edit .group:first-of-type:not(.subform) {
  margin-top: 0;
}
.fields > .field > .value .inherited,
.fields > .field > .edit .inherited {
  color: #999;
}
.fields > .field > .value .fields,
.fields > .field > .edit .fields {
  margin-left: 0;
}
.fields > .field > .value .fields > .field:first-child,
.fields > .field > .edit .fields > .field:first-child {
  margin-top: 0;
}
.fields > .field > .value .fields > .field > label,
.fields > .field > .edit .fields > .field > label {
  width: 7.5em;
}
.fields > .field > .value .fields > .field.full-width > label,
.fields > .field > .edit .fields > .field.full-width > label {
  width: auto;
  text-align: left;
}
.fields > .field > .value > span,
.fields > .field > .edit > span {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
@media only screen and (max-width: 479px), only screen and (max-height: 479px) {
  .fields > .field > .value,
  .fields > .field > .edit {
    width: 100%;
  }
}
.fields > .field.full-width {
  flex-direction: column;
}
.fields > .field.full-width .value {
  width: 100%;
}
.fields > .field img {
  max-width: 100%;
}
.fields > .field div.value,
.fields > .field span.value {
  display: inline-flex;
  flex-direction: column;
}
@media only screen and (min-width: 480px) and (min-height: 480px) {
  .fields > .field div.value.inline,
  .fields > .field span.value.inline {
    flex-direction: row;
  }
  .fields > .field div.value.inline > *:not(:first-child),
  .fields > .field span.value.inline > *:not(:first-child) {
    margin-left: .5em;
  }
}
.fields .controls {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 1em 0.5em 0 0.5em;
}
tabs {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5em;
}
tabs .tab-bar {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0;
  list-style-type: none;
  margin-bottom: 0;
  flex-shrink: 0;
  flex-grow: 0;
}
tabs .tab-bar .filler {
  flex-grow: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
tabs .tab-bar .tab-title {
  padding: 0.3em 1em;
  color: #333;
  background-color: #fefefe;
  font-size: 1.1em;
  border-radius: 1px;
  font-variant: small-caps;
  -moz-transition: background-color 0.15s, border-color 0.15s;
  -o-transition: background-color 0.15s, border-color 0.15s;
  -webkit-transition: background-color 0.15s, border-color 0.15s;
  transition: background-color 0.15s, border-color 0.15s;
  border: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
tabs .tab-bar .tab-title[disabled] {
  color: rgba(250, 250, 250, 0.5);
  border-color: rgba(0, 0, 0, 0.05);
}
tabs .tab-bar .tab-title:not([disabled]):focus {
  border-color: #5ebfff;
  background-color: #0076c4;
  outline: none;
}
tabs .tab-bar .tab-title:not([disabled]):hover,
tabs .tab-bar .tab-title:not([disabled]).active {
  color: #fafafa;
  background-color: #0185dc;
}
tabs .tab-bar .tab-title:not([disabled]):active {
  background-color: #0095f7;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
tabs .tab-bar .tab-title:not(.active) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
tabs .tab-bar .tab-controls {
  font-size: 75%;
  border-radius: 1px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}
tabs .tab-content {
  padding: 0.5em;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fefefe;
  flex-grow: 1;
  flex-shrink: 1;
  align-self: stretch;
  overflow: auto;
}
.accent-colored {
  color: #fafafa;
  -moz-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  background-color: #0176c3;
}
.accent-colored.interactive:hover,
.accent-colored.interactive .toggled {
  background-color: #0185dc;
}
.accent-colored.interactive:focus {
  background-color: #0076c4;
  outline: none;
}
.accent-colored.interactive:active {
  background-color: #0095f7;
}
.cxs-popout-container-sizing-stage {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
.cxs-popout-container-sizing-stage .cxs-popout {
  display: block;
}
.cxs-popout-container {
  z-index: 999;
  overflow: visible;
}
.cxs-popout-container.cxs-inline-popout {
  position: relative;
  width: 0;
  height: 0;
}
.cxs-popout-container.cxs-fixed-popout {
  position: fixed;
}
.cxs-popout-container .cxs-popout {
  position: absolute;
}
@keyframes popout-show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.cxs-popout-container.popout-right .cxs-popout {
  animation-name: popout-show;
  transform-origin: top left;
  animation-duration: 150ms;
}
.cxs-popout-container.popout-above .cxs-popout {
  animation-name: popout-show;
  transform-origin: top right;
  animation-duration: 150ms;
}
.cxs-popout-container.popout-above .cxs-popout {
  animation-name: popout-show;
  transform-origin: bottom right;
  animation-duration: 150ms;
}
.cxs-popout-container.popout-below .cxs-popout {
  animation-name: popout-show;
  transform-origin: top right;
  animation-duration: 150ms;
}
.flag-selector-input .selector-icon,
.flag-selector-popout .selector-icon {
  font-size: 0.9em;
}
.selector-input {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.selector-input .select-item-name,
.selector-popout .select-item-name {
  flex-grow: 1;
  margin-right: 0.2em;
  margin-left: 0.2em;
}
.selector-input .select-item-icon,
.selector-popout .select-item-icon {
  margin-right: 0.2em;
  margin-left: 0.2em;
}
.selector-popout {
  background-color: #fefefe;
  border: solid 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  display: block;
  padding: 0em;
  color: #777;
  max-height: 100%;
  max-width: 100%;
}
.selector-popout .selector-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.selector-popout .selector-list > li {
  display: flex;
  justify-content: space-between;
  padding: 0.4em 0.5em;
  transition: background-color 150ms, border-color 150ms;
  border: 1px solid rgba(1, 118, 195, 0);
}
.selector-popout .selector-list > li.selected {
  color: #333;
  font-weight: 600;
  background-color: rgba(1, 118, 195, 0.1);
  border: 1px solid rgba(0, 26, 43, 0.1);
}
.selector-popout .selector-list > li:hover {
  background-color: rgba(1, 118, 195, 0.2);
  border: 1px solid rgba(0, 26, 43, 0.2);
}
.selector-popout .selector-list > li:active {
  background-color: rgba(1, 118, 195, 0.4);
  border: 1px solid rgba(0, 26, 43, 0.4);
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
browser-recommendation > div {
  display: flex;
  margin-top: 3rem;
  color: #777;
  font-size: .8rem;
}
browser-recommendation > div .browsers {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
browser-recommendation > div .browsers .browser {
  display: flex;
  width: 10rem;
}
browser-recommendation > div .browsers .browser .icon {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  background-repeat: no-repeat;
  margin-right: .7rem;
}
browser-recommendation > div .browsers .browser .label {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
browser-recommendation > div .browsers .browser .label span {
  display: flex;
}
browser-recommendation > div .browsers .browser .label .sub {
  font-size: .7rem;
  color: #777;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
date-picker {
  display: flex;
  align-items: center;
  flex-direction: column;
}
date-picker .date-picker {
  display: flex;
  flex-direction: column;
  width: 23rem;
  font-size: 1.4em;
}
date-picker .date-picker a {
  display: flex;
  justify-content: center;
  color: #0176c3;
  text-decoration: none;
}
date-picker .date-picker .nav {
  display: flex;
  flex-direction: row;
}
date-picker .date-picker .nav .title {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 0.8rem 0;
}
date-picker .date-picker .nav .title .month,
date-picker .date-picker .nav .title .year {
  display: flex;
  justify-content: center;
  text-align: center;
}
date-picker .date-picker .nav .title .month {
  font-size: 2em;
}
date-picker .date-picker .nav .previous,
date-picker .date-picker .nav .next {
  display: flex;
  width: 3.285rem;
}
date-picker .date-picker .nav a {
  display: flex;
  color: #0176c3;
  padding: 1rem 0;
  margin: 0.8rem 0;
  width: 3.285rem;
  flex-flow: column;
  text-align: center;
  font-size: 150%;
}
date-picker .date-picker .nav a:hover {
  color: #fafafa;
  background-color: #0176c3;
}
date-picker .date-picker .days-of-week {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  z-index: 1;
}
date-picker .date-picker .days-of-week .day-of-week {
  display: flex;
  padding: 1rem 0;
  justify-content: center;
  width: 3.285rem;
  color: #0176c3;
  font-size: 0.8em;
}
date-picker .date-picker .dates {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-wrap: wrap;
  z-index: 0;
}
date-picker .date-picker .dates .date {
  display: flex;
  width: 3.285rem;
  z-index: 1;
}
date-picker .date-picker .dates .date.previous,
date-picker .date-picker .dates .date.next {
  color: #0176c3;
}
date-picker .date-picker .dates .date.previous a,
date-picker .date-picker .dates .date.next a {
  color: #0176c3;
}
date-picker .date-picker .dates .date.not-selectable {
  color: #d0d0d0;
  z-index: 0;
}
date-picker .date-picker .dates .date.selected {
  background-color: #0176c3;
}
date-picker .date-picker .dates .date.selected a {
  color: #fafafa;
}
date-picker .date-picker .dates .date.today {
  box-shadow: inset 3px 3px #0176c3, inset -3px -3px 0 0 #0176c3;
  z-index: 2;
}
date-picker .date-picker .dates .date.today.selected {
  background-color: #0176c3;
}
date-picker .date-picker .dates .date.today a:hover {
  background-color: #0176c3;
  box-shadow: inset 3px 3px #0176c3, inset -3px -3px 0 0 #0176c3;
}
date-picker .date-picker .dates .date a {
  display: flex;
  flex-grow: 1;
  padding: 1rem 0;
}
date-picker .date-picker .dates .date a:hover {
  cursor: pointer;
  color: #fafafa;
  background-color: #0176c3;
}
date-picker .date-picker .dates .date span {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding: 1rem 0;
}color-picker .color-picker {
  display: flex;
  position: relative;
  width: 10rem;
  height: 10rem;
}
color-picker .color-picker hue-selector {
  position: relative;
}
color-picker .color-picker hue-selector .container {
  position: relative;
}
color-picker .color-picker hue-selector .container .indicator {
  position: absolute;
  left: 0;
  top: 0;
}
color-picker .color-picker saturation-value-selector {
  position: absolute;
}
color-picker .color-picker saturation-value-selector .container {
  position: relative;
}
color-picker .color-picker saturation-value-selector .container .indicator {
  position: absolute;
  left: 0;
  top: 0;
}.button-interaction {
  cursor: pointer;
  -ms-touch-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
dashboard-page .board {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -0.5em;
}
dashboard-page .board .item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  flex-grow: 0;
  padding: 1em;
  margin: .5em;
}
dashboard-page .board .item.w1 {
  width: 15.625rem;
}
dashboard-page .board .item.w2 {
  width: 32.25rem;
}
dashboard-page .board .item h2 {
  margin-top: 0;
  display: flex;
  justify-content: space-between;
}
dashboard-page .board .item h2 .customer {
  font-size: 80%;
}
dashboard-page .board .item .order-days {
  display: flex;
  margin: 0.5em -0.5em;
}
dashboard-page .board .item .order-days a.order-day {
  display: flex;
  flex-direction: column;
  padding: .5em;
  margin: .5em;
  width: 5em;
  height: 5em;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
dashboard-page .board .item .order-days a.order-day .count {
  font-size: 150%;
  line-height: 100%;
}
dashboard-page .board .item .order-days a.order-day:hover {
  border-color: #0086dd;
  text-decoration: none;
}
dashboard-page .board .item data-set {
  height: auto;
  padding: 0;
}
dashboard-page .board .item .control-group {
  display: flex;
  flex-direction: row-reverse;
}

/*# sourceMappingURL=style.f79bc2fc2d9e1259c52c.css.map*/