@import "mixins.less";
@import "variables.less";
@import "variables.css";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
#fancybox-wrap {
  width: auto !important;
}
.WhiteGreenAva {
  background-color: var(--green) !important;
  border-radius: 5px;
}
.classA3Plus,
.classA2Plus,
.classAPlus,
.classA,
.classB,
.classC,
.classD,
.classE,
.classF,
.classG {
  position: relative;
  display: block;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-left: 3px;
  color: var(--white-text) !important;
  font-family: var(--font-family-1);
  font-weight: 700;
}
.passwordRecoveryHeader {
  display: flex;
  justify-content: center;
  align-items: center;
}
.passwordRecoveryContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#frmClientPasswordRecovery {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 450px;
}
#btnClientRecoverPassword {
  padding: 15px;
  margin-top: 20px;
}
.EBI4FormRow.passwordRecoveryFormRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0px;
  padding: 0px;
  gap: 10px;
  padding-bottom: 10px;
}
.passwordRecoveryData {
  width: 300px;
}
.InputLabel.passwordRecoveryInputLabel {
  gap: 0px;
  display: flex;
}
div.EBI4FormRow div.Object.passwordRecoveryInput {
  float: right;
}
input,
select,
div,
a,
button,
li,
ul,
form {
  box-sizing: border-box;
}
.ui-widget-overlay {
  background: var(--dark-grey-background) !important;
  opacity: 0.8 !important;
}
.ui-dialog-content,
.ui-widget-content {
  overflow: hidden !important;
}
.ui-slider-horizontal {
  height: 2px !important;
}
#product-price-range {
  border: 1px solid var(--light-grey-border);
}
#product-price-range .ui-widget-header {
  background: var(--primary-color-background);
  border: unset;
}
#product-price-range .ui-slider-handle:before {
  content: "" !important;
  border: 1px solid var(--light-grey-border) !important;
  background: var(--dark-grey-background) !important;
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  border-radius: 5px !important;
}
.ui-dialog .ui-dialog-title,
.ui-dialog .ui-dialog-title .ui-dialog-title {
  background: none;
  background-color: transparent;
}
.ui-slider-handle {
  width: 5px;
  height: 5px;
  font-size: 13px !important;
   background-color: var(--dark-grey-background) !important;
}
.ui-slider {
  border: 0 !important;
   background-color: var(--dark-grey-background) !important;
}
.ui-slider-range {
  background: none !important;
  border: 0 !important;
   background-color: var(--dark-grey-background) !important;
}
.ui-autocomplete {
  max-height: 250px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 20px !important;
}
.da-slider {
  height: 250px;
  width: 100%;
  min-width: 1245px;
}
.da-slide {
  cursor: pointer;
}
.ColNotPublic {
  color: var(--bright-orange) !important;
}
input {
  box-sizing: border-box;
  font-family: var(--font-family-1);
  height: 25px;
  font-size: 12px;
  border: 1px solid var(--light-grey-border);
  color: var(--dark-grey-text);
  background-color: var(--white-text);
  border-radius: 3px;
}
input:focus {
  outline: 0;
}
input.Small {
  padding: 16px 20px;
  border: 1px solid var(--light-grey-border);
}
input.Default {
  padding: 14px 20px;
  border: 1px solid var(--light-grey-border);
  font-size: 14px;
}
input.Large {
  padding: 16px 20px;
  border: 1px solid var(--light-grey-border);
  font-size: 14px;
}
select {
  box-sizing: border-box;
  font-family: var(--font-family-1);
  font-weight: 400;
  font-size: 12px;
  border: 1px solid var(--light-grey-border);
  border-radius: 2px;
  color: var(--dark-grey-text);
  appearance: none;
  background-image: url("/Gfx/Icons/iconARROW_DOWN_GREY.svg");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 96% 55%;
  padding-left: 4px;
  width: fit-content;
  padding-right: 22px;
}
select:focus {
  background-color: var(--white-text);
  outline: 0;
}
select option.DarkRed {
  color: var(--bright-red);
  background-color: var(--yellow);
}
select option.DarkRed:focus {
  color: var(--bright-red);
  background-color: var(--yellow);
}
select option.Green {
  color: var(--green);
}
select option.Green:focus {
  color: var(--green);
}
select option.Black {
  color: var(--dark-grey-text);
}
select option.Black:focus {
  color: var(--dark-grey-text);
}
div {
  box-sizing: border-box;
}
a {
  box-sizing: border-box;
  color: var(--primary-color-text);
  text-decoration: none;
}
button,
a,
input[type="submit"] {
  box-sizing: border-box;
  cursor: pointer;
  border: none;
}
button:hover,
a:hover,
input[type="submit"]:hover {
  cursor: pointer;
  text-decoration: none;
}
button.btnClientLogin,
a.btnClientLogin,
input[type="submit"].btnClientLogin {
  height: 40px;
  width: 100%;
  margin-top: 20px;
  padding: 0 23px;
  box-sizing: border-box;
  background-color: var(--light-grey-background);
  display: block;
  float: none;
  font-family: var(--font-family-1);
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-grey-text);
  line-height: 38px;
  border: none;
}
button.btnClientLogin:hover,
a.btnClientLogin:hover,
input[type="submit"].btnClientLogin:hover {
  background-color: var(--light-grey-background);
}
button.btnClientRegister,
a.btnClientRegister,
input[type="submit"].btnClientRegister {
  width: 100%;
  border: 1px solid var(--light-grey-border);
  box-sizing: border-box;
  color: var(--dark-grey-text);
  display: block;
  float: none;
  font-family: var(--font-family-1);
  font-size: 13px;
  font-weight: 600;
  line-height: 38px;
}
button.btnClientRegister:hover,
a.btnClientRegister:hover,
input[type="submit"].btnClientRegister:hover {
  border-color: var(--medium-grey-border);
  background-color: var(--light-grey-background);
}
button.SmallFacebook,
a.SmallFacebook,
input[type="submit"].SmallFacebook {
  font-size: 12px;
  background: var(--primary-color-background);
  color: var(--white-text);
  font-family: var(--font-family-1);
  font-weight: 700;
  line-height: 40px;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}
button.SmallFacebook:hover,
a.SmallFacebook:hover,
input[type="submit"].SmallFacebook:hover {
  text-decoration: none;
  background: var(--primary-color-background);
}
button.btnFacebookLoginRegister,
a.btnFacebookLoginRegister,
input[type="submit"].btnFacebookLoginRegister {
  background: var(--primary-color-background);
  color: var(--white-text);
  display: block;
  font-family: var(--font-family-1);
  font-size: 15px;
  font-weight: 700;
  line-height: 40px;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}
button.btnFacebookLoginRegister:hover,
a.btnFacebookLoginRegister:hover,
input[type="submit"].btnFacebookLoginRegister:hover {
  text-decoration: none;
  background: var(--primary-color-background);
}
button.EBI4LinkBtn,
a.EBI4LinkBtn,
input[type="submit"].EBI4LinkBtn {
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  border: 0;
  margin: 1px;
  padding: 3px 10px;
  min-width: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  text-align: center;
  vertical-align: middle;
  color: var(--white-text);
  background: var(--dark-grey-background);
  border-radius: 3px;
  height: 30px;
  white-space: nowrap;
}
button.EBI4LinkBtn.Small,
a.EBI4LinkBtn.Small,
input[type="submit"].EBI4LinkBtn.Small {
  width: auto;
  min-width: auto;
  margin: auto 3px;
  padding: 3px 8px;
}
button.WhiteRed,
a.WhiteRed,
input[type="submit"].WhiteRed {
  color: var(--white-text);
  background: var(--primary-color-background);
}
button.WhiteBlue,
a.WhiteBlue,
input[type="submit"].WhiteBlue {
  color: var(--white-text);
  background: var(--primary-color-background);
}
button.GrayLightBlue,
a.GrayLightBlue,
input[type="submit"].GrayLightBlue {
  color: var(--white-text);
  background: var(--primary-color-background);
}
button.WhiteGreen,
a.WhiteGreen,
input[type="submit"].WhiteGreen {
  color: var(--white-text);
  background: var(--primary-color-background);
}
button.GrayWhite,
a.GrayWhite,
input[type="submit"].GrayWhite {
  color: var(--white-text);
  background: var(--light-grey-background);
}
button.WhiteGray,
a.WhiteGray,
input[type="submit"].WhiteGray {
  color: var(--white-text);
  background: var(--light-grey-background);
}
button.WAuto,
a.WAuto,
input[type="submit"].WAuto {
  width: auto !important;
}
button.FNormal,
a.FNormal,
input[type="submit"].FNormal {
  font-weight: normal !important;
}
button.EBI4LinkBtn.Hidden,
a.EBI4LinkBtn.Hidden,
input[type="submit"].EBI4LinkBtn.Hidden {
  display: none;
}
button.EBI4LinkBtnSmall.Hidden,
a.EBI4LinkBtnSmall.Hidden,
input[type="submit"].EBI4LinkBtnSmall.Hidden {
  display: none;
}
button.EBI4LinkBtn.NoPadding,
a.EBI4LinkBtn.NoPadding,
input[type="submit"].EBI4LinkBtn.NoPadding {
  padding: 3px 5px;
}
button.EBI4LinkBtn.BorderGrey,
a.EBI4LinkBtn.BorderGrey,
input[type="submit"].EBI4LinkBtn.BorderGrey {
  border: 1px solid var(--light-grey-border);
}
button.EBI4LinkBtn.EditorButtonExample,
a.EBI4LinkBtn.EditorButtonExample,
input[type="submit"].EBI4LinkBtn.EditorButtonExample {
  opacity: 0.5;
}
button.EBI4LinkBtn.EditorButtonExample:hover,
a.EBI4LinkBtn.EditorButtonExample:hover,
input[type="submit"].EBI4LinkBtn.EditorButtonExample:hover {
  opacity: 0.9;
}
button.EBI4LinkBtnSmall.EditorButtonExample,
a.EBI4LinkBtnSmall.EditorButtonExample,
input[type="submit"].EBI4LinkBtnSmall.EditorButtonExample {
  opacity: 0.5;
}
button.EBI4LinkBtnSmall.EditorButtonExample:hover,
a.EBI4LinkBtnSmall.EditorButtonExample:hover,
input[type="submit"].EBI4LinkBtnSmall.EditorButtonExample:hover {
  opacity: 0.9;
}
button.EBI4LinkBtn.EditorSelected,
a.EBI4LinkBtn.EditorSelected,
input[type="submit"].EBI4LinkBtn.EditorSelected {
  opacity: 1;
}
button.EBI4LinkBtnSmall.EditorSelected,
a.EBI4LinkBtnSmall.EditorSelected,
input[type="submit"].EBI4LinkBtnSmall.EditorSelected {
  opacity: 1;
}
button.EBI4btn,
a.EBI4btn,
input[type="submit"].EBI4btn {
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  border: 0;
  padding: 3px 20px;
  min-width: 115px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
}
button.EBI4AdminEditorPaneButtonFieldLNG,
a.EBI4AdminEditorPaneButtonFieldLNG,
input[type="submit"].EBI4AdminEditorPaneButtonFieldLNG {
  background-color: var(--light-grey-background);
  border-radius: 3px;
  border: 1px solid var(--light-grey-border);
  cursor: pointer;
  font-weight: bold;
  color: var(--primary-color-text);
  font-family: var(--font-family-1);
  font-size: 12px;
  padding: 1px 6px;
  margin-right: 2px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
}
button.EBI4AdminEditorPaneButtonFieldLNG:hover,
a.EBI4AdminEditorPaneButtonFieldLNG:hover,
input[type="submit"].EBI4AdminEditorPaneButtonFieldLNG:hover {
  background-color: var(--white-text);
  color: var(--primary-color-text);
  text-decoration: none;
}
button.EBI4AdminEditorPaneButtonFieldLNG:active,
a.EBI4AdminEditorPaneButtonFieldLNG:active,
input[type="submit"].EBI4AdminEditorPaneButtonFieldLNG:active {
  position: relative;
  top: 1px;
  color: var(--primary-color-text);
  text-decoration: none;
}
button.EBI4ProductGroupTooglerButton,
a.EBI4ProductGroupTooglerButton,
input[type="submit"].EBI4ProductGroupTooglerButton {
  background-color: var(--white-text);
  border: 1px solid var(--light-grey-border);
  cursor: pointer;
  color: var(--dark-grey-text);
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  padding: 1px 3px;
  margin-right: 2px;
  text-decoration: none;
  border-radius: 3px;
}
button.EBI4AdminEditor,
a.EBI4AdminEditor,
input[type="submit"].EBI4AdminEditor {
  border: 1px solid var(--light-grey-border);
  font-size: 12px;
  font-weight: normal;
  padding: 3px;
  margin: 2px;
}
button.EBI4AdminEditor:hover,
a.EBI4AdminEditor:hover,
input[type="submit"].EBI4AdminEditor:hover {
  background-color: rgba(39, 35, 93, 0.5) !important;
  outline: 0;
}
button.EBI4AdminEditor img,
a.EBI4AdminEditor img,
input[type="submit"].EBI4AdminEditor img {
  vertical-align: top;
}
li {
  box-sizing: border-box;
}
ul {
  box-sizing: border-box;
}
body {
  margin: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: normal;
  color: var(--dark-grey-text);
  overflow: inherit !important;
}
p {
  line-height: 1.2;
}
textarea {
  font-family: var(--font-family-1);
  height: 25px;
  font-size: 12px;
  border: 1px solid var(--light-grey-border);
  color: var(--dark-grey-text);
  background-color: var(--white-highlight-background);
}
textarea:focus {
  background-color: var(--white-text);
  outline: 0;
}
select.MaxW180 {
  max-width: 180px;
}
select.MaxW230 {
  max-width: 230px;
}
div.ScreenOuter {
  display: table;
  position: fixed;
  height: 100%;
  width: 100%;
  background: var(--black);
  opacity: 0.5;
  z-index: 25;
}
div.ScreenOuter.transparent {
  opacity: 0;
}
div.ScreenContent {
  position: fixed;
  width: 550px;
  height: 300px;
  top: 30%;
  z-index: 27;
  background-color: var(--white-text);
  border-radius: 4px;
  padding: 10px 50px 10px 50px;
}
div.ScreenContentMessage {
  width: 100%;
  height: 100%;
  background-color: var(--white-text);
  border-radius: 3px;
}
div.ScreenContentMessage .EBI4Container.regMessageButtons {
  text-align: center;
}
div.ScreenContentMessage div.CloseBox {
  position: relative;
  width: 100%;
  text-align: right;
  height: 0;
  overflow: visible;
  margin-top: -6px;
  margin-left: 6px;
}
div.ScreenContentMessage #btnScreenMessageClose {
  display: none;
}
div.ScreenContentMessage div.MessageHeader {
  padding: 3px;
  margin-bottom: 10px;
  width: 100%;
  color: var(--dark-grey-text);
  font-size: 22px;
  font-weight: 800;
}
div.ScreenContentMessage div.MessageHeader.Center {
  text-align: center;
}
div.ScreenContentMessage .orContainer {
  display: flex;
  align-items: center;
}
div.ScreenContentMessage .orLine {
  height: 1px;
  width: 100%;
  background-color: var(--light-grey-background);
}
div.ScreenContentMessage .orText {
  color: var(--light-grey-text);
  padding: 0px 10px 0px 10px;
  font-size: 16px;
  font-weight: 500;
}
div.ScreenContentMessage .EBI4LinkBtn {
  width: 100%;
  height: 35px;
  margin-bottom: 10px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
}
div.ScreenContentMessage .EBI4LinkBtn.green {
  background-color: var(--green);
}
div.ScreenContentMessage .EBI4LinkBtn.blue {
  background-color: var(--primary-color-background);
}
div.ScreenContentMessage .EBI4LinkBtn.grey {
  background-color: var(--light-grey-background);
}
div.RPConsolidateSelectedContainer {
  display: none;
  position: fixed;
  top: 20%;
  left: 50%;
  width: 800px;
  padding: 4px 4px;
  margin-left: -400px;
  margin-right: -400px;
  border: 1px solid var(--light-grey-border);
  z-index: 27;
  text-align: left;
  background-color: var(--white-text);
  border-radius: 3px;
  box-shadow: 5px 5px 5px #4e4e4e;
}
div.divReservationsSelected {
  display: block;
  margin-left: 215px !important;
}
input.AdminPriceEditorPricePurchase {
  width: 80px;
  height: auto;
  margin: 1px 0 0 0;
  padding: 0;
  text-align: right;
  box-shadow: none;
  border-radius: unset;
}
input.AdminPriceEditorPrice {
  width: 62px;
  height: auto;
  margin: 1px 0 0 0;
  padding: 0;
  text-align: right;
  box-shadow: none;
  border-radius: unset;
}
input.AdminPriceEditorPrice.Red {
  background-color: var(--bright-red);
}
input.AdminPriceEditorPrice.Green {
  background-color: var(--light-green);
}
input.AdminPriceEditorProcent {
  width: 50px;
  height: auto;
  margin: 1px 0 0 0;
  padding: 0;
  text-align: right;
  box-shadow: none;
  border-radius: unset;
}
input.AdminPriceEditorProcent.Red {
  background-color: var(--bright-red);
}
input.AdminPriceEditorProcent.Green {
  background-color: var(--light-green);
}
input.AdminPriceEditorPriceValid {
  width: 63px;
  height: auto;
  margin: 1px 0 0 3px;
  padding: 0;
  text-align: right;
  box-shadow: none;
  border-radius: unset;
}
input.AdminPriceEditorFormula {
  height: auto;
  margin: 0;
  vertical-align: middle;
  padding: 0;
  text-align: right;
  box-shadow: none;
  border-radius: unset;
}
input.AdminPriceEditorDataToogler {
  height: auto;
  margin: 0;
  vertical-align: middle;
  padding: 0;
  text-align: right;
  box-shadow: none;
  border-radius: unset;
}
input.AdminPriceEditorCheckBox {
  height: auto;
  margin: 0;
  vertical-align: middle;
  padding: 0;
  text-align: right;
  box-shadow: none;
  border-radius: unset;
}
input.AdminProductParametr {
  height: auto;
  margin: 1px 0 0 0;
  padding: 0;
  box-shadow: none;
  border-radius: unset;
}
input.ProductFilterPriceRange {
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  width: 60px;
  height: 22px;
  padding: 2px 10px 2px 2px;
  color: var(--dark-grey-text);
  border-radius: 6px;
  border-color: var(--dark-grey-border);
  padding-bottom: 3px;
  padding-left: 2px;
  font-weight: 600;
}
label.LabelHistoryFrom input {
  padding-left: 10px;
}
label.LabelProductFilterPriceRangeFrom {
  position: absolute;
  margin-left: 43px;
  margin-top: 2px;
  height: 18px;
  line-height: 19px;
  vertical-align: bottom;
  color: var(--dark-grey-text);
  font-weight: 600;
  font-size: 14px;
}
label.LabelProductFilterPriceRangeTo {
  position: absolute;
  margin-left: 117px;
  margin-top: 2px;
  height: 18px;
  line-height: 19px;
  vertical-align: bottom;
  color: var(--dark-grey-text);
  font-weight: 600;
  font-size: 14px;
}
input.chkProductSingle {
  height: auto;
  vertical-align: top;
}
input.chkProductAll {
  height: auto;
  vertical-align: top;
}
input.chkAutoH {
  height: auto;
  vertical-align: top;
}
select.chkAutoH {
  height: auto;
  vertical-align: top;
}
input.chkAutoHVBOT {
  height: auto;
  vertical-align: bottom;
}
select.chkAutoHVBOT {
  height: auto;
  vertical-align: bottom;
}
input.Center {
  text-align: center;
}
input.Bold {
  font-weight: bold;
}
input.TBMargin0 {
  margin-top: 0;
  margin-bottom: 0;
}
select.DarkRed {
  color: var(--bright-red);
  background-color: var(--yellow);
}
input.DarkRed {
  color: var(--bright-red);
  background-color: var(--yellow);
}
select.Green {
  color: var(--green);
}
input.Green {
  color: var(--green);
}
input.EBI4AdminDoStock {
  height: auto;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0 3px 0 0;
  vertical-align: middle;
}
.CHKFilter {
  width: 155px;
  display: inline-block;
  float: left;
}
.CHKFilterLarge {
  width: 260px;
  display: inline-block;
  float: left;
}
.FilterLargeLine {
  width: 320px;
  display: inline-block;
  float: left;
}
.FilterLargeLine input {
  float: right;
  width: 150px;
}
.FilterLargeLine select {
  float: right;
}
.CHKFilterLargeFull {
  width: 100%;
  display: inline-block;
  float: left;
}
.PPLower {
  background-color: var(--light-green);
  padding: 1px;
  border-radius: 2px;
}
.PPBigger {
  background-color: rgba(237, 34, 36, 0.7);
  color: var(--white-text);
  padding: 1px;
  border-radius: 2px;
}
label.AdminEditorWinTitle {
  font-weight: bold;
  color: var(--primary-color-text);
}
label.OrderBVSErrorText {
  border: 1px solid var(--bright-red);
  padding: 5px;
  display: block;
}
label.PEWarning {
  display: block;
  font-weight: bold;
  font-size: 12px;
  padding: 1px;
  margin-bottom: 3px;
  color: var(--bright-red);
}
label.PEWarningPuchase {
  display: block;
  font-weight: normal;
  text-align: center;
  font-size: 12px;
  white-space: normal;
  max-width: 250px;
  padding: 1px;
  margin-bottom: 3px;
  color: var(--bright-orange);
}
label.VatRateText {
  font-size: 10px;
  font-weight: normal;
  text-align: right;
}
label.VatRateData {
  font-size: 10px;
  font-weight: normal;
  text-align: right;
  color: var(--primary-color-text);
}
label.LightGreenBox {
  background-color: var(--light-green);
  padding: 2px 6px;
  border-radius: 3px;
}
label.LightRedBox {
  background-color: var(--bright-red);
  padding: 2px 6px;
  border-radius: 3px;
  color: var(--white-text);
}
label.LightBlueBox {
  background-color: var(--primary-color-background);
  padding: 2px 6px;
  border-radius: 3px;
  color: var(--white-text);
}
label.HiddenShadowBox {
  padding: 8px;
  border: 1px solid var(--medium-grey-border);
  border-radius: 4px;
  box-shadow: 30px 30px 3px gray;
  background: var(--white-background);
  display: none;
  z-index: 50;
}
span.AdminEditorColSorting {
  display: inline-block;
  height: 16px;
  width: 16px;
  cursor: pointer;
  background-image: url("/Gfx/Icons/iconARROW_UP_Disabled.png");
  background-size: 100% 100%;
  vertical-align: bottom;
  margin-bottom: -2px;
  margin-right: 2px;
}
span.AdminEditorColSorting.AscActive {
  background-image: url("/Gfx/Icons/iconARROW_UP.png");
}
span.AdminEditorColSorting.DescActive {
  background-image: url("/Gfx/Icons/iconARROW_DOWN.png");
}
span.EditorLoader {
  display: block;
  float: right;
  width: 300px;
  height: 23px;
  text-align: right;
  font-size: 12px;
}
span.EditorLoader label.DataCounter {
  width: 25px;
  text-align: center;
  display: block;
  float: right;
}
span.EditorLoader label.DataLoading {
  width: 25px;
  text-align: center;
  display: block;
  float: right;
}
textarea.EBI4Keywords {
  width: 350px;
  height: 75px;
  font-size: 12px;
}
div.EBI4Container {
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: left;
}
div.EBI4Container.Center {
  text-align: center;
}
div.EBI4Obj {
  margin: 2px;
  padding: 0;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: normal;
  float: left;
  overflow: visible;
}
div.EBI4Obj.Clean {
  margin: 0;
  padding: 0;
}
div.EBI4Obj.FilterBlock {
  margin-right: 8px;
}
div.EBI4Container.oPGToogler {
  display: inline;
  overflow: visible;
}
div.EBI4Container.oPGToogler:hover div.EBI4Container.oPGTooglerData {
  display: inline;
}
div.EBI4Container.oPGTooglerData {
  display: none;
  position: absolute;
  background: var(--white-background);
  border: 2px solid var(--dark-grey-border);
  border-radius: 5px;
  padding: 0;
  overflow-y: scroll;
  z-index: 2;
}
div.EBI4Container.oPBToogler {
  display: inline;
  overflow: visible;
}
div.EBI4Container.oPBToogler:hover div.EBI4Container.oPBTooglerData {
  display: inline;
}
div.EBI4Container.oPBTooglerData {
  display: none;
  position: absolute;
  background: var(--white-background);
  border: 2px solid var(--dark-grey-border);
  border-radius: 5px;
  padding: 0;
  overflow-y: scroll;
  z-index: 2;
}
div.oPGTooglerData div.PGLevel1 {
  float: left;
  padding: 0;
  margin: 2px;
  border: 1px solid var(--light-grey-border);
}
div.oPGTooglerData div.PGLevel1 div.PGTitle {
  font-weight: bold;
  color: var(--dark-grey-text);
  width: 100%;
  background-color: var(--light-grey-background);
  padding: 2px;
}
div.oPGTooglerData div.PGLevel1 div.PGTitle.Sub {
  background-color: var(--white-text);
}
div.oPGTooglerData div.PGLevel1 div.PGLevel2 {
  float: left;
  width: 230px;
  color: var(--dark-grey-text);
  padding: 0;
  font-weight: normal;
  font-size: 12px;
  background-color: var(--white-text);
}
div.oPGTooglerData div.PGLevel1 div.PGLevel2 div.PGLevel3 {
  float: left;
  margin-left: 20px;
  width: 210px;
  color: var(--dark-grey-text);
  padding: 0;
  font-weight: normal;
  font-size: 12px;
  background-color: var(--white-text);
}
div.oPGTooglerData div.PGDivCh {
  cursor: pointer;
  padding: 1px;
}
div.oPGTooglerData div.PGDivCh span.PGChStatus {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  background-image: url("/Gfx/Icons/iconDIVCH.png");
  margin-left: 3px;
  margin-right: 3px;
}
div.oPGTooglerData div.PGDivCh.Disabled {
  color: var(--light-grey-text);
}
div.oPGTooglerData div.PGDivCh.Disabled span.PGChStatus {
  opacity: 0.3;
}
div.oPGTooglerData div.PGDivCh.Selected {
  font-weight: bold;
}
div.oPGTooglerData div.PGDivCh.Selected span.PGChStatus {
  background-image: url("/Gfx/Icons/iconDIVCHSelected.png");
}
div.oPBTooglerData div.PBDivCh {
  cursor: pointer;
  padding: 1px;
}
div.oPBTooglerData div.PBDivCh span.PBChStatus {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  background-image: url("/Gfx/Icons/iconDIVCH.png");
  margin-left: 3px;
  margin-right: 3px;
}
div.oPBTooglerData div.PBLevel1 {
  float: left;
  padding: 0;
  margin: 2px;
  width: 230px;
}
div.oPBTooglerData div.PBDivCh.Disabled {
  color: var(--light-grey-text);
}
div.oPBTooglerData div.PBDivCh.Disabled span.PBChStatus {
  opacity: 0.3;
}
div.oPBTooglerData div.PBDivCh.Selected {
  font-weight: bold;
}
div.oPBTooglerData div.PBDivCh.Selected span.PBChStatus {
  background-image: url("/Gfx/Icons/iconDIVCHSelected.png");
}
div.EBI4Container.oMultiSelectorToogler {
  display: inline;
  overflow: visible;
}
div.EBI4Container.oMultiSelectorToogler:hover
  div.EBI4Container.oMultiTooglerData {
  display: inline;
}
div.EBI4Container.oMultiTooglerData {
  display: none;
  position: absolute;
  background: var(--white-background);
  border: 2px solid var(--dark-grey-border);
  border-radius: 5px;
  padding: 5px;
  overflow-y: auto;
  max-height: 400px;
  z-index: 2;
}
div.oMultiTooglerData div.MultiSelectorCh {
  cursor: pointer;
  padding: 1px;
  margin-top: 2px;
}
div.oMultiTooglerData div.MultiSelectorCh span.MultiSelectorChStatus {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  background-image: url("/Gfx/Icons/iconDIVCH.png");
  margin-left: 3px;
  margin-right: 3px;
}
div.oMultiTooglerData div.MultiSelectorCh.Disabled {
  color: var(--light-grey-text);
}
div.oMultiTooglerData div.MultiSelectorCh.Disabled span.MultiSelectorChStatus {
  opacity: 0.3;
}
div.oMultiTooglerData div.MultiSelectorCh.Selected {
  font-weight: bold;
}
div.oMultiTooglerData div.MultiSelectorCh.Selected span.MultiSelectorChStatus {
  background-image: url("/Gfx/Icons/iconDIVCHSelected.png");
}
label.cntLabel {
  display: inline-block !important;
  padding: 2px 8px;
  margin: 2px 5px 2px 0;
  background-color: var(--white-text);
  border: 1px solid var(--light-grey-border);
}
label.cntLabel:after {
  position: relative;
  display: inline-block;
  height: 12px;
  width: 12px;
  content: "▼";
  margin-left: 4px;
}
div.AdminDropDown {
  background-color: var(--white-text);
}
div.AdminDropDown div.DropDownTitle {
  padding: 3px;
  border: 1px solid var(--light-grey-border);
}
div.AdminDropDown div.DropDownTitle span.iCont {
  float: right;
  height: 18px;
  width: 0;
  overflow: visible;
  display: block;
}
div.AdminDropDown span.iADPIcon {
  position: absolute;
  display: block;
  height: 18px;
  width: 18px;
  font-size: 12px;
  margin-left: -13px;
  margin-top: 0;
}
div.AdminDropDown div.DropDownData {
  display: none;
  position: absolute;
  border: 1px solid var(--light-grey-border);
  background-color: var(--white-text);
  z-index: 10;
}
div.AdminDropDown:hover div.DropDownData {
  display: block;
}
div.DropDownData div.DropDownOption {
  margin: 2px;
  padding: 2px;
  cursor: pointer;
}
div.DropDownData div.DropDownOption span.DropDownOptionStatus {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  background-image: url("/Gfx/Icons/iconDIVCH.png");
  margin-left: 3px;
  margin-right: 3px;
}
div.DropDownData div.DropDownOption.FixedW130 {
  display: inline-block;
  width: 130px;
}
div.DropDownData div.DropDownOption.Bold {
  font-weight: bold;
}
div.DropDownData div.DropDownOption.Disabled {
  opacity: 0.3;
}
div.DropDownData div.DropDownOption.Hidden {
  display: none;
}
div.DropDownData div.DropDownOption.Selected span.DropDownOptionStatus {
  background-image: url("/Gfx/Icons/iconDIVCHSelected.png");
}
div.EBI4HomeRotationContainer div.TooglerContainer {
  position: absolute;
  margin: -25px 0 0 5px;
  padding: 2px;
  height: 20px;
  display: block;
  border: 1px solid;
}
div.EBI4HomeRotationContainer div.TooglerContainer div.Toogler {
  margin: 2px;
  padding: 0;
  height: 100%;
  width: 15px;
  display: block;
  float: left;
  background-color: var(--light-grey-background);
  cursor: pointer;
}
div.EBI4HomeRotationContainer div.TooglerContainer div.Toogler.Active {
  background-color: var(--white-text);
}
div.EBI4FormRow {
  padding: 3px;
  margin: 0;
  margin-bottom: 3px;
  text-align: left;
  font-size: 12px;
  color: var(--dark-grey-text);
  line-height: 16px;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
}
div.EBI4FormRow label.Hidden {
  display: none;
}
div.EBI4FormRow div.Object {
  float: left;
}
div.EBI4FormRow div.Object.TextInfo p {
  margin: 0 !important;
}
div.EBI4FormRow div.Object.FixedWidth110 {
  width: 110px;
}
div.EBI4FormRow div.Object.FixedWidth150 {
  width: 150px;
}
div.EBI4FormRow div.Object.FixedWidth {
  width: 200px;
}
div.EBI4FormRow div.Object.FixedWidthLong {
  width: 260px;
}
div.EBI4FormRow div.Object.Bold {
  font-weight: bold;
}
div.EBI4FormRow div.Object.Right {
  text-align: right;
}
div.EBI4FormRow div.Object.FRight {
  float: right;
}
div.EBI4FormRow div.Object.Grey {
  color: var(--light-grey-text);
}
div.EBI4FormRow div.Object.Red {
  color: var(--bright-red);
}
div.EBI4FormRow div.Object.Green {
  color: var(--green);
}
div.EBI4FormRow div.Object.RightPadding {
  padding-right: 15px;
}
div.EBI4FormRow div.Object.RightPadding5 {
  padding-right: 5px;
}
div.EBI4FormRow div.Object.LeftPadding {
  padding-left: 15px;
}
div.EBI4FormRow div.Object.LeftPadding5 {
  padding-left: 5px;
}
div.EBI4FormRow div.Object.FullWidth {
  width: 100%;
}
div.EBI4FormRow div.Object.Center {
  text-align: center;
}
div.EBI4FormRow div.Object.Price {
  text-align: right;
  font-size: 14px;
  color: var(--bright-red);
}
div.EBI4FormRow div.Object.PriceBlack {
  text-align: right;
  font-size: 14px;
  color: var(--dark-grey-text);
}
div.EBI4FormRow div.Object.PriceBlue {
  text-align: right;
  font-size: 14px;
  color: var(--primary-color-text);
}
div.EBI4FormRow div.Object.FontS14 {
  font-size: 14px;
  line-height: 14px;
}
div.EBI4FormRow div.Object.FontS16 {
  font-size: 16px;
  line-height: 14px;
}
div.EBI4FormRow div.Object.InputLabel {
  float: left;
  line-height: 22px;
  vertical-align: middle;
}
div.EBI4FormRow div.Object.InputLabel span.Red {
  color: var(--bright-red);
}
div.EBI4FormRow .Object.InputLabel.clientType {
  font-size: 27px;
  color: var(--light-grey-text);
  line-height: normal;
}
div.EBI4FormRow div.Object.divProfileButton {
  display: table;
  width: 100%;
  margin-top: 5px;
  border-radius: 4px;
}
div.EBI4FormRow input {
  height: 22px;
}
div.EBI4FormRow input.chkAutoH {
  height: auto;
}
div.EBI4FormRow input[type="radio"] {
  height: 18px;
  margin-left: 0;
}
div.EBI4FormRow.Grey {
  color: var(--light-grey-text);
}
div.EBI4FormRow.BGGrey {
  background-color: var(--light-grey-background);
}
div.EBI4FormRow.BGWhite {
  background-color: var(--white-text);
}
div.EBI4FormRow.BGBlue {
  background-color: var(--primary-color-background);
}
div.EBI4FormRow.BGLightGreen {
  background-color: rgba(115, 200, 100, 0.27);
}
div.EBI4FormRow.BGLightBlue {
  background-color: rgba(39, 35, 93, 0.27);
}
div.EBI4FormRow.BGLightRed {
  background-color: rgba(237, 34, 36, 0.27);
}
div.EBI4FormRow.BGLightOrange {
  background-color: var(--light-orange);
}
div.EBI4FormRow.Black {
  color: var(--dark-grey-text);
}
div.EBI4FormRow.Blue {
  color: var(--primary-color-text);
}
div.EBI4FormRow.Bold {
  font-weight: bold;
}
div.EBI4FormRow.Underline {
  text-decoration: underline;
}
div.EBI4FormRow.Section {
  font-size: 14px;
}
div.EBI4FormRow.TopLine {
  border-top: 1px solid var(--dark-grey-border);
}
div.EBI4FormRow.TopLineGrey {
  border-top: 1px solid var(--light-grey-border);
}
div.EBI4FormRow.BotLineGrey {
  border-bottom: 1px solid var(--light-grey-border);
}
div.EBI4FormRow.TopM15 {
  margin-top: 15px;
}
div.EBI4FormRow.Container {
  margin: 2px 0;
  border: 1px solid var(--light-grey-border);
}
div.EBI4FormRow.Message {
  float: none;
  width: 100%;
  text-align: right;
  padding: 1px;
  margin: 0;
}
div.EBI4FormRow.Message.Green {
  color: var(--green);
}
div.EBI4FormRow.Message.Red {
  color: var(--bright-red);
}
div.EBI4FormRow.Clean {
  padding: 0;
  margin: 0;
}
#divRecipientType {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 900px;
  margin-left: 5px;
  margin-right: 50px;
}
#divRecipientType > div {
  margin-right: 60px;
  width: max-content;
}
div.EBI4Container.delivery .oDeliveryAddress {
  border-radius: 3px;
  min-height: 40px;
  padding: 10px;
}
div.EBI4Container.delivery .oDeliveryAddress:hover {
  background-color: var(--white-text);
}
div.EBI4Container.delivery .Object.DAIcon {
  height: auto;
  display: inline-block;
  margin: 0;
  width: 19px;
  height: 19px;
  border: 1px solid var(--dark-grey-border);
  background-color: var(--white-text);
  appearance: none;
  border-radius: 4px;
}
div.EBI4Container.delivery #divDoCountry select {
  width: 320px;
  height: 28px;
  border-width: 1px;
  border-color: var(--light-grey-border);
  font-size: 13px;
  box-sizing: border-box;
}
div.EBI4Container.delivery .EBI4FormRow {
  color: var(--medium-grey-text);
  font-size: 14px;
}
div.EBI4Container.delivery .EBI4FormRow label {
  margin-bottom: 7px;
}
div.EBI4Container.delivery .EBI4FormRow input,
div.EBI4Container.delivery .EBI4FormRow select {
  color: var(--dark-grey-text);
  font-weight: 500;
  padding-left: 5px;
}
div.EBI4Container.delivery .EBI4FormRow.Bold {
  font-size: 16px;
  overflow: visible;
}
div.EBI4Container.delivery .Object.Bold {
  color: var(--dark-grey-text);
}
div.EBI4Container.delivery .Object {
  color: var(--dark-grey-text);
}
div.EBI4Container.delivery .clientType .Object {
  color: var(--light-grey-text);
}
div.EBI4Container.delivery textarea {
  resize: none;
  border-radius: 3px;
  border-width: 1px;
  background-color: var(--white-text);
  border-color: var(--light-grey-border);
}
div.EBI4Container.delivery ::placeholder {
  color: var(--light-grey-text);
  opacity: 1;
}
div.EBI4Container.delivery .Object.InputLabel.FixedWidth {
  line-height: normal;
  box-sizing: border-box;
  vertical-align: baseline;
  width: auto;
}
div.EBI4Container.delivery #NewDeliveryCountryCode {
  color: var(--dark-grey-text);
}
div.EBI4Container.delivery div.OpenCartDo {
  min-height: 50px;
}
div.EBI4FormRow.TBField {
  padding: 3px 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
div.EBI4FormRow.TBField div > b {
  color: var(--light-grey-text);
  font-size: 16px;
  font-weight: 600;
}
div.EBI4FormRow.FLeft {
  float: left;
}
div.EBI4FormRow.Hidden {
  display: none;
}
div.EBI4FormRow.BottomM5 {
  margin-bottom: 5px;
}
div.EBI4FormRow.PositionConsolidated {
  background-color: var(--white-text);
  border-radius: 3px;
}
div.EBI4FormRow.PositionConsolidated div.Object {
  font-weight: normal;
  color: var(--light-grey-text);
}
div.oProfileOrdersByStatus:hover {
  background-color: var(--white-text);
}
a.btnProfileOrdersByStatus {
  display: table-cell;
  width: 100%;
  float: none;
  padding: 2px 5px;
  margin: 1px 0;
  border: 1px solid var(--light-grey-border);
  height: 30px;
  vertical-align: middle;
  color: var(--dark-grey-text);
  border-radius: 3px;
}
a.btnProfileOrdersByStatus span.ProfileInfoOrderCount {
  color: var(--dark-grey-text);
  padding-left: 4px;
  display: inline-block;
}
a.btnProfileOrdersByStatus:hover {
  background-color: var(--white-text);
}
a.btnProfileOrdersByStatus.Selected {
   background-color: var(--dark-grey-background);
  font-weight: bold;
  border: 1px solid var(--light-grey-border);
  color: var(--white-text);
  border-radius: 3px;
}
a.btnProfileOrdersByStatus.Selected:hover {
  opacity: 0.7;
}
div.EBI4DataPane {
  margin: 0;
  margin-top: 10px;
  padding: 0;
  overflow: hidden;
  width: 100%;
  text-align: left;
  display: inline-block;
}
div.EBI4DataPaneButtons {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
div.EBI4DataPaneButtons.Products {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  text-align: left;
  border-bottom: 2px solid var(--bright-red);
}
div.EBI4DataPaneButtons.Profile {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
div.EBI4DataPaneButtons.ProfileProducts {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
div.EBI4DataPaneButton {
  float: left;
  margin: 0;
  margin-right: 2px;
  padding: 4px 30px;
  color: var(--dark-grey-text);
  background-color: var(--white-text);
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
}
div.EBI4DataPaneButton.Products {
  float: left;
  margin: 0;
  margin-right: -32px;
  padding: 4px 45px;
  color: var(--dark-grey-text);
  background: url("/Gfx/PaneButtonGrey.png") no-repeat;
  background-size: 100% 105%;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
  min-width: 200px;
}
div.EBI4DataPaneButton.Profile {
  float: left;
  margin: 0px 2px;
  margin-bottom: 10px;
  padding: 4px 10px;
  background-color: var(--white-text);
  border: 1px solid var(--light-grey-border);
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  max-width: 300px;
  min-width: 180px;
  flex-grow: 1;
  height: 30px;
}
div.EBI4DataPaneButton.ProfileProducts {
  float: none;
  margin: 0 5px 0 0;
  padding: 4px 20px;
  border: 2px solid var(--light-grey-border);
  border-top: 0;
  color: var(--dark-grey-text);
  background: var(--light-grey-background);
  border-radius: 0 0 5px 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
  display: inline-block;
}
div.EBI4DataPaneButton.Selected {
  background-color: var(--light-grey-background);
  color: var(--white-text);
}
div.EBI4DataPaneButton.Products.Selected {
  background: url("/Gfx/PaneButtonRedWhite.png") no-repeat;
  background-size: 100% 105%;
  color: var(--white-text);
}
div.EBI4DataPaneButton.Profile.Selected {
   background-color: var(--dark-grey-background);
  color: var(--white-text);
}
div.EBI4DataPaneButton.ProfileProducts.Selected {
  background: var(--light-grey-background);
  color: var(--white-text);
}
div.EBI4DataPaneBlock {
  margin: 0;
  padding: 4px;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
div.EBI4DataPaneBlock.Products {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  text-align: left;
  display: none;
}
div.EBI4DataPaneBlock.Products div.ProductsContainerPageContainer {
  text-align: center;
  padding: 1px;
}
div.EBI4DataPaneBlock.Products
  div.ProductsContainerPageContainer
  div.PageToogler {
  cursor: pointer;
  box-sizing: content-box;
  border-radius: 3px;
  text-indent: 0;
  border: 1px solid var(--light-grey-border);
  display: inline-block;
  color: var(--medium-grey-text);
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  height: 20px;
  line-height: 20px;
  width: 20px;
  text-decoration: none;
  text-align: center;
  margin: 0 2px 0 2px;
  vertical-align: top;
}
div.EBI4DataPaneBlock.Products
  div.ProductsContainerPageContainer
  div.PageToogler:hover {
  background-color: var(--white-text);
}
div.EBI4DataPaneBlock.Products
  div.ProductsContainerPageContainer
  div.PageToogler.Selected {
  color: var(--white-text);
  background: var(--light-grey-background);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YjViNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
div.EBI4DataPaneBlock.Products div.ProductsContainer {
  width: 100%;
  margin: 0;
  padding: 3px 0;
  display: none;
  min-height: 100px;
  opacity: 0;
  z-index: 1;
}
div.EBI4DataPaneBlock.Products div.ProductsContainer.Selected {
  display: block;
  opacity: 1;
  z-index: 2;
  overflow: hidden;
}
div.EBI4DataPaneBlock.Products.Selected {
  display: block;
}
div.EBI4DataPaneBlock.ClientProfile {
  min-height: 450px;
}
div.EBI4DataPaneBlock.ClientProfile .EBI4FormRow.Container {
  display: flex;
  border-radius: 4px;
  flex-direction: column;
}
div.EBI4DataPaneBlock.ClientProfile .EBI4FormRow.Container.orderListing,
div.EBI4DataPaneBlock.ClientProfile .EBI4FormRow.Container.recipientContainer,
div.EBI4DataPaneBlock.ClientProfile .EBI4FormRow.Container.deliveryAddress {
  flex-direction: row;
}
div.HomeBlockHeader {
  color: var(--dark-grey-text);
  padding: 4px 10px;
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 1px;
}
div.HomeBlockHeader a.HomeBlockHeaderButton {
  color: var(--dark-grey-text);
  font-size: 16px;
  text-transform: uppercase;
  margin-left: 6px;
  font-weight: bold;
  text-decoration: none;
}
div.HomeBlockHeader a.HomeBlockHeaderButton:hover {
  text-decoration: underline;
}
div.HomeBlockHeader a {
  color: var(--primary-color-text);
  text-decoration: none;
  font-weight: 800;
  font-size: 25px;
}
div.HomeBlockHeader a:hover {
  text-decoration: underline;
}
#ProductToolbarShowByStock {
  max-width: 237px;
}
div.HomeBlockProductsContainer {
  width: 985px;
  height: auto;
  padding: 5px 0;
  background-color: var(--white-text);
  display: table;
  position: static;
}
div.HomeBlockProductsContainer .EBI4ProductObjectPlatePriceSale.isSale {
  color: var(--dark-grey-text);
}
div.HomeBlockProductsContainer:hover div.HomeBlockProductsArrowLeft {
  opacity: 1;
}
div.HomeBlockProductsContainer:hover div.HomeBlockProductsArrowRight {
  opacity: 1;
}
div.PaneWrapper {
  width: 1245px;
  height: 150px;
}
div.PaneWrapper div.EBI4ProductObjectPlate div.Space:hover {
  width: 244px;
}
div.cntHomeBlock {
  position: static;
  height: 500px;
}
div.HomeBlockProductsContainerDataProducts {
  position: absolute;
  display: block;
  white-space: nowrap;
  padding: 0 2px;
  overflow: visible;
}
div.HomeBlockProductsContainerDataProducts .EBI4ProductObjectPlate {
  white-space: normal;
  overflow: hidden;
}
div.HomeBlockProductsContainerDataProducts .EBI4ProductObjectPlate div.Space {
  position: relative;
}
div.HomeBlockProductsContainerDataProducts
  .EBI4ProductObjectPlate
  div.Space:hover {
  border: 1px solid var(--light-grey-border);
  box-sizing: inherit;
  margin-left: auto;
  margin-right: auto;
  width: inherit;
  overflow: visible;
  position: absolute;
  z-index: 5;
  transition: all 0.1s ease-in;
  background-color: var(--white-text);
  box-shadow: 1px 10px 20px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 1px 10px 20px 0px rgba(0, 0, 0, 0.75);
}
div.HomeBlockProductsContainerData {
  width: 985px;
  height: 100%;
  display: block;
  position: relative;
  overflow: visible;
}
div.HomeBlockProductsArrowLeft {
  height: 200px;
  display: block;
  text-align: center;
  cursor: pointer;
  position: absolute;
  z-index: 5;
  opacity: 0.4;
}
div.HomeBlockProductsArrowLeft div.ArrowContainer {
  height: 60px;
  width: 30px;
  margin-left: -35px;
  margin-top: 110px;
}
div.HomeBlockProductsArrowRight {
  width: 27px;
  height: 200px;
  display: block;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  position: absolute;
  z-index: 5;
  opacity: 0.4;
  margin-left: 951px;
}
div.HomeBlockProductsArrowRight div.ArrowContainer {
  height: 60px;
  width: 30px;
  margin-left: 285px;
  margin-top: 110px;
}
#frmProductUserSearch {
  position: absolute;
  z-index: 15;
}
div.SearchResults {
  position: absolute;
  padding: 15px;
  padding-right: 30px;
  border: 1px solid var(--light-grey-border);
  border-radius: 3px;
  box-shadow: 0px 0px 20px 9px rgba(0, 0, 0, 0.132);
  background: var(--white-background);
  display: none;
  z-index: -1;
  width: 702px;
  margin-left: -130px;
  margin-top: 1px;
}
div.SearchResults a.btnSearchObject {
  display: block;
  float: none;
  margin-top: 5px;
  padding: 3px;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--white-border);
  text-align: left;
  color: var(--dark-grey-text);
  border-radius: 4px;
}
div.SearchResults a.btnSearchObject:hover {
  border: 1px solid var(--dark-grey-border);
}
div.SearchResults a.btnSearchObject.Sub {
  margin-top: 0;
  height: max-content;
  display: inline-flex;
  width: min-content;
  margin-left: 10px;
}
div.SearchResults a.btnSearchObject.AutoW {
  height: 28px;
  margin-left: 15px;
  display: inline-flex;
  border-radius: 8px;
  width: max-content;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--light-grey-border);
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 5px;
}
div.SearchResults a.btnSearchObject.AutoW:hover {
  border: 1px solid var(--dark-grey-border);
}
a.btnSearchObject span.Row {
  float: none;
  white-space: nowrap;
  line-height: 1.2;
  color: var(--dark-grey-text);
}
a.btnSearchObject span.Header {
  font-weight: 800;
  font-size: 14px;
}
a.btnSearchObject span.ProductImage {
  display: block;
  overflow: hidden;
  text-align: center;
  padding-bottom: 7px;
  float: right;
  width: 80px;
  height: 80px;
  font: 0/0 a;
  margin-right: 5px;
  padding-right: 10px;
}
a.btnSearchObject span.ProductImage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
a.btnSearchObject span.ProductImage:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
a.btnSearchObject span.ProductData {
  float: left;
  min-width: 140px;
  max-width: 180px;
  line-height: 1.2;
  white-space: normal;
}
a.btnSearchObject span.ProductTitle {
  font-weight: bold;
  font-size: 12px;
  float: left;
  min-width: 140px;
  max-width: 170px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}
a.btnSearchObject span.ProductCode {
  font-size: 10px;
  float: left;
}
a.btnSearchObject span.ProductEanCode {
  font-size: 10px;
  float: left;
  width: 200px;
}
div.CartContainer {
  height: 40px;
}
a.CartContainer {
  width: 100%;
  height: 50px;
  display: inline-block;
  position: relative;
  overflow: visible;
}
div.WishListContainer {
  width: 100%;
  height: 50px;
  display: inline-block;
  position: relative;
  overflow: visible;
  z-index: 10;
}
div.WishListMain {
  width: 100%;
  margin: 1px;
  margin-top: -1px;
  padding: 0;
  display: inline-block;
  overflow: visible;
  line-height: 14px;
  position: relative;
  background-color: var(--white-text);
  border: 1px solid transparent;
  border-radius: 3px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
div.WishListMain span.WishListObj {
  float: left;
  display: inline-block;
}
div.WishListMain span.WishListObj span.Title {
  font-size: 13px;
  font-weight: bold;
  display: block;
  color: var(--primary-color-text);
  margin-left: 5px;
}
div.WishListMain span.WishListObj span.Text {
  font-size: 12px;
  font-weight: normal;
  display: block;
  color: var(--primary-color-text);
  margin-left: 5px;
}
div.WishListMain span.WishListObj.Active {
  border: none;
}
div.WishListMain:hover {
  border: 1px solid var(--light-grey-border);
  border-bottom: none;
  box-shadow: -12px -19px 20px rgba(78, 78, 78, 0.15),
    11px -12px 13px rgba(78, 78, 78, 0.18);
  border-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 42px;
}
div.CartMain {
  width: 115px;
  margin: 1px;
  padding: 0;
  display: inline-block;
  overflow: visible;
  line-height: 14px;
  position: relative;
  z-index: 10;
  height: 40px;
}
div.CartMain .counter {
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 6px;
}
div.CartMain .counter.open {
  border: 1px solid var(--light-grey-border);
  border-bottom: 0;
  border-radius: 3px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: -12px -19px 20px rgba(78, 78, 78, 0.15),
    11px -12px 13px rgba(78, 78, 78, 0.18);
  background-color: var(--white-text);
}
div.CartMain .counter.open .Title {
  padding-bottom: 2px;
}
div.CartMain .counter.open .cartImage {
  margin-left: -1px;
}
div.CartMain span.CartObj {
  display: inline-block;
}
div.CartMain span.CartObj a.Title {
  font-size: 13px;
  font-weight: bold;
  display: block;
  color: var(--primary-color-text);
  padding-left: 5px;
  cursor: pointer;
}
div.CartMain span.CartObj span.Text {
  font-size: 10px;
  font-weight: normal;
  display: block;
  color: var(--dark-grey-text);
  margin-left: 5px;
}
#cntCartData {
  width: 235px;
  margin-left: 3px;
  border-radius: 4px;
  position: absolute;
  right: 18px;
}
#cntWishListData {
  width: 235px;
  margin-left: -20px;
  margin-top: 10px;
  border-radius: 4px;
  position: relative;
  z-index: auto;
  top: -3px;
}
div.CartData {
  display: none;
  background-color: var(--white-text);
  position: absolute;
  border-radius: 6px;
  border: 1px solid var(--light-grey-border);
  border-radius: 3px;
  box-shadow: 0px 0px 20px 9px rgba(0, 0, 0, 0.132);
  background: var(--white-background);
  width: 400px;
  top: 40px;
  left: -75px;
  z-index: -1;
  padding-left: 15px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 10px;
}
div.CartData div.CartObject.roleUp,
div.CartData div.CartObject.roleDown {
  height: 30px;
}
div.CartData div.CartObject.roleUp #btnCartObjectsUp,
div.CartData div.CartObject.roleDown #btnCartObjectsUp {
  width: 100%;
}
div.CartData div.CartObject.roleUp #btnCartObjectsDown,
div.CartData div.CartObject.roleDown #btnCartObjectsDown {
  width: 100%;
}
div.CartData div.CartObject.roleUp {
  margin-top: 10px;
  height: 20px;
}
div.CartData div.CartObject {
  width: 100%;
  text-align: center;
  padding: 5px 0;
  font-size: 11px;
  font-weight: bold;
  color: var(--dark-grey-text);
  position: relative;
  border-radius: 4px;
  height: 85px;
  display: flex;
}
div.CartData div.CartObject .cartElementContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
}
div.CartData div.CartObject div.CartProductImage {
  float: left;
  margin: 3px;
  width: 80px;
  height: 60px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  font: 0/0 a;
  margin-right: 10px;
}
div.CartData div.CartObject div.CartProductImage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
div.CartData div.CartObject div.CartProductImage:before {
  content: " ";
  display: inline-block;
  vertical-align: bottom;
  height: 100%;
}
div.CartData div.CartObject div.CartProductTitle {
  float: left;
  width: 100%;
  margin: 3px;
  color: var(--light-grey-text);
  text-align: left;
  font-weight: 700;
  font-size: 11px;
}
div.CartData div.CartObject div.CartProductBtn {
  float: left;
  width: 18px;
  height: 20px;
  text-align: left;
  margin-right: 10px;
  margin-top: 5px;
}
div.CartData div.CartObject div.CartProductPrice {
  width: max-content;
  text-align: right;
  padding: 0px 3px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 18px;
  font-weight: 800;
  color: var(--dark-grey-text);
  line-height: 1;
  letter-spacing: -1px;
  font-size: 16px;
}
div.CartData div.CartObject div.CartProductPrice span {
  float: left;
  font-size: 12px;
  font-weight: 400;
  color: var(--light-grey-text);
  display: inline;
  line-height: 14px;
  letter-spacing: -1px;
}
div.CartData div.CartObject div.CartProductVatRate {
  font-size: 10px;
  font-weight: normal;
  color: var(--primary-color-text);
  text-align: right;
  padding-right: 10px;
}
div.CartData div.CartObject.NotActive {
  display: none;
}
div.WishListData {
  display: none;
  background-color: var(--white-text);
  position: absolute;
  border-radius: 6px;
  border: 1px solid var(--light-grey-border);
  border-radius: 3px;
  box-shadow: 0px 0px 20px 9px rgba(0, 0, 0, 0.132);
  background: var(--white-background);
  width: 400px;
  top: 0px;
  left: -75px;
  z-index: -1;
  padding-left: 15px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 10px;
}
div.WishListData #roleUpWL,
div.WishListData #roleDownWL {
  height: 20px;
}
div.WishListData #btnWishListObjectsUp,
div.WishListData #btnWishListObjectsDown {
  width: 100%;
  height: 20px;
}
div.WishListData div.WishListObject {
  width: 100%;
  text-align: center;
  padding: 5px 0;
  font-size: 11px;
  font-weight: bold;
  color: var(--dark-grey-text);
  position: relative;
  border-radius: 4px;
  height: 85px;
  display: flex;
}
div.WishListData div.WishListObject .WishListElementContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
}
div.WishListData div.WishListObject div.WishListProductImage {
  float: left;
  margin: 3px;
  width: 80px;
  height: 60px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  font: 0/0 a;
  margin-right: 10px;
}
div.WishListData div.WishListObject div.WishListProductImage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
div.WishListData div.WishListObject div.WishListProductImage:before {
  content: " ";
  display: inline-block;
  vertical-align: bottom;
  height: 100%;
}
div.WishListData div.WishListObject div.WishListProductTitle {
  float: left;
  width: 100%;
  margin: 3px;
  color: var(--light-grey-text);
  text-align: left;
  font-weight: 700;
  font-size: 11px;
}
div.WishListData div.WishListObject div.WishListProductBtn {
  float: left;
  width: 18px;
  height: 20px;
  text-align: left;
  padding: 2px 0;
}
div.WishListData div.WishListObject div.WishListProductPrice {
  width: max-content;
  text-align: right;
  padding: 0px 3px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 18px;
  font-weight: 800;
  color: var(--dark-grey-text);
  line-height: 1;
  letter-spacing: -1px;
  font-size: 16px;
}
div.WishListData div.WishListObject div.WishListProductPrice span {
  float: left;
  font-size: 12px;
  font-weight: 400;
  color: var(--dark-grey-text);
  display: inline;
  line-height: 14px;
  letter-spacing: -1px;
  margin-bottom: 3px;
  margin-top: 3px;
}
div.WishListData div.WishListObject div.WishListProductVatRate {
  font-size: 10px;
  font-weight: normal;
  color: var(--primary-color-text);
  text-align: right;
  padding-right: 10px;
}
div.WishListData div.WishListObject.NotActive {
  display: none;
}
div.OpenCartProduct {
  display: flex;
  flex-wrap: wrap;
  margin: 1px 0 2px 0;
  padding: 2px;
  justify-content: space-between;
  vertical-align: middle;
  text-align: left;
  width: 100%;
  border: 1px solid var(--light-grey-border);
  border-radius: 4px;
}
div.OpenCartProduct div.OCPSelector {
  float: left;
  width: 20px;
  margin: 0;
  margin-top: 15px;
  padding: 0;
}
div.OpenCartProduct div.OCPImage {
  float: left;
  width: 130px;
  height: 95px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
div.OpenCartProduct div.OCPImage:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
div.OpenCartProduct div.OCPImage img {
  vertical-align: middle;
}
div.OpenCartProduct div.OCPContainer {
  float: left;
  margin: 0;
  overflow: hidden;
  text-align: left;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject {
  margin: 0;
  padding: 1px;
  text-align: left;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject a.CartProductLink {
  margin-top: 2px;
  font-size: 12px;
  color: var(--dark-grey-text);
  font-weight: bold;
  line-height: 12px;
}
div.OpenCartProduct
  div.OCPContainer
  div.OCPContainerObject
  a.CartProductLink:hover {
  text-decoration: underline;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject span.Code {
  float: left;
  width: 100%;
  overflow: visible;
  text-align: left;
  font-size: 12px;
  color: var(--light-grey-text);
  font-weight: normal;
  margin: 0;
  padding: 0;
  margin-top: 3px;
  font-weight: 500;
  margin-bottom: 4px;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject.Brand {
  float: left;
  height: 25px;
  width: 70px;
  margin: 1px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject.Brand:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject.Brand img {
  vertical-align: middle;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject.Status {
  float: left;
  margin: 1px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject.Price {
  display: inline-block;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: var(--bright-red);
  width: 100%;
  letter-spacing: -1px;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject.Price span {
  font-size: 12px;
  color: var(--dark-grey-text);
  font-weight: normal;
  float: left;
  margin-top: 4px;
  vertical-align: bottom;
  letter-spacing: 0;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject.Price.Delivery {
  margin-top: 5px;
}
div.OpenCartProduct
  div.OCPContainer
  div.OCPContainerObject.Price.DeliveryAmount {
  margin-top: 9px;
  color: var(--dark-grey-text);
  text-align: center;
  font-size: 12px;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject.PriceTotal {
  float: right;
}
div.OpenCartProduct
  div.OCPContainer
  div.OCPContainerObject.PriceTotal
  span.pLabel {
  font-size: 12px;
  color: var(--dark-grey-text);
  font-weight: normal;
  float: left;
  margin-top: 1px;
  vertical-align: bottom;
}
div.OpenCartProduct
  div.OCPContainer
  div.OCPContainerObject.PriceTotal
  span.pValue {
  float: right;
  font-size: 21px;
  font-weight: 800;
  color: var(--dark-grey-text);
  letter-spacing: -1px;
}
div.OpenCartProduct
  div.OCPContainer
  div.OCPContainerObject.PriceTotal.Delivery {
  margin-top: 5px;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject.Message {
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  color: var(--bright-red);
  margin: 0;
  padding: 0;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject.Message.Hidden {
  display: none;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject.Message.Green {
  color: var(--green);
}
div.OpenCartProduct div.OCPContainer span.OCPVatRate {
  font-size: 17px;
  color: var(--dark-grey-text);
  font-weight: 500;
  float: right;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject.Price {
  color: var(--dark-grey-text);
  font-weight: 500;
  font-size: 17px;
}
div.OpenCartProduct div.OCPContainer div.RPRemoveConfirm {
  position: absolute;
  padding: 4px;
  border: 1px solid var(--medium-grey-border);
  border-radius: 4px;
  box-shadow: 3px 4px 3px gray;
  background: var(--white-background);
  display: none;
  z-index: 50;
  width: 200px;
  margin-left: -170px;
  margin-top: -16px;
  text-align: center;
}
div.OpenCartProduct div.OCPContainer div.RPConsolidate {
  position: absolute;
  padding: 4px;
  border: 1px solid var(--medium-grey-border);
  border-radius: 4px;
  box-shadow: 3px 3px 3px gray;
  background: var(--white-background);
  display: none;
  z-index: 50;
  width: 340px;
  margin-left: 183px;
  margin-top: 0;
  text-align: center;
}
div.OpenCartProduct div.OCPContainer span.RetailStock {
  margin-top: 19px;
  font-size: 12px;
  color: var(--primary-color-text);
  text-align: right;
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  font-weight: bold;
}
div.OpenCartProduct div.OCPContainer span.RetailStock.Arriving {
  color: var(--bright-red);
}
div.OpenCartProduct div.OCPContainer span.RetailStock.Empty {
  color: var(--bright-red);
}
div.OpenCartProduct.clientCart {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 7px;
}
div.OpenCartProduct.clientCart .clientRemove {
  width: 20px;
  margin-top: -75px;
  margin-right: 8px;
  height: 20px;
}
div.OpenCartProduct.clientCart .clientTotal {
  display: flex;
  width: 160px;
  justify-content: center;
  margin-left: 49px;
}
div.OpenCartProduct.clientCart .clientCount {
  float: right;
  width: 100px;
  margin-right: 50px;
}
div.OpenCartProduct.clientCart .ClientPrice {
  width: 135px;
  margin-right: 40px;
  margin-left: 40px;
}
div.OpenCartProduct.clientCart .clientWat {
  width: 150px;
  float: left;
}
div.OpenCartProduct.clientCart .clientProductName {
  display: flex;
  flex-direction: column;
  width: 385px;
  height: 90px;
}
div.OpenCartProduct.clientCart
  .clientProductName
  .OCPContainerObject.clientProductNameContainer
  a {
  color: var(--dark-grey-text);
  font-size: 17px;
  font-weight: 800;
}
div.OpenCartProduct.clientCart .clientImage {
  width: 120px;
  margin-right: 15px;
}
div.OpenCartProduct.clientCart.sessionCartProduct {
  align-items: center;
  position: relative;
}
div.OpenCartProduct.OutOfStock {
  border: 3px solid var(--bright-red);
  position: relative;
}
#oStockWarning {
  font-size: 14px;
}
div.OpenCartProduct div.OCPContainer div.OCPContainerObject.Message.StockToBig {
  font-size: 14px;
  position: relative;
  bottom: 5px;
  right: 7px;
}
div.OpenCartProduct.IsSelected {
  border: 1px solid var(--medium-grey-border);
}
div.RPConsolidateSelected {
  text-align: center;
}
.cartTotal {
  display: inline-block;
  font-size: 19px;
  font-weight: 800;
}
.ePayOption {
  padding: 5px 0px;
  padding-left: 12px;
  padding-right: 15px;
  align-items: center;
  border: 1px solid var(--white-border);
  justify-content: center;
  width: 225px;
}
.ePayOption .mod-radio {
  margin: 0px;
}
.ePayOption:hover {
  border: 1px solid var(--light-grey-border);
  border-radius: 4px;
}
div.OpenCartTotals {
  margin: 2px 0;
  padding: 2px 0;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: 100%;
  padding-top: 13px;
  padding-bottom: 15px;
}
div.OpenCartTotals div.OCTContainer {
  display: flex;
  width: 100%;
  overflow: visible;
  padding: 1px;
  position: relative;
  justify-content: space-between;
}
div.OpenCartTotals div.OCTContainer div.OCTObject {
  float: left;
  text-align: right;
  font-size: 18px;
  width: 80px;
  font-weight: normal;
  color: var(--dark-grey-text);
  letter-spacing: -1px;
}
div.OpenCartTotals div.OCTContainer div.OCTObject.Label {
  width: 507px;
  margin-left: 600px;
  font-size: 18px;
  color: var(--dark-grey-text);
  letter-spacing: 0;
}
div.OpenCartTotals div.OCTContainer div.OCTObject.Label.totalText {
  font-size: 20px;
  font-weight: 800;
}
div.OpenCartTotals div.OCTContainer div.OCTObject.Red {
  color: var(--primary-color-text);
}
div.OpenCartTotals div.OCTContainer div.OCTObject.Bold {
  font-weight: bold;
}
div.OpenCartTotals div.OCTContainer div.OCTObject.FontS18 {
  font-weight: 800;
  font-size: 21px;
  color: var(--dark-grey-text);
  width: max-content;
  margin-bottom: 1px;
}
div.OpenCartTotals div.OCTContainer .OCTObject.greyNumber {
  width: max-content;
}
div.OpenCartStepSection {
  padding: 2px;
  color: var(--primary-color-text);
  font-size: 18px;
  font-weight: 800;
  text-align: center;
}
div.OpenCartRecipient {
  float: none;
  margin: 4px 2px;
  padding: 2px;
  overflow: visible;
  display: block;
}
div.OpenCartDoContainer {
  float: none;
  margin: 4px 0;
  height: auto;
  padding: 0;
  overflow: hidden;
  display: block;
}
div.OpenCartDoContainer.Selected {
  margin-bottom: 8px;
}
div.OpenCartDoContainer.Selected div.OpenCartDo {
  background-color: var(--primary-color-background);
  border: 1px solid var(--dark-grey-border);
  color: var(--white-text);
}
div.OpenCartDoContainer.Selected div.OpenCartDo b {
  color: var(--white-text);
}
div.OpenCartDoContainer.Selected div.OpenCartDo div.DOIcon {
  border: 1px solid var(--light-grey-border);
}
div.OpenCartDoContainer.Selected div.OpenCartDo div.DOIcon img {
  opacity: 1 !important;
}
div.OpenCartDoContainer.Selected div.OpenCartDoNotes {
  display: block;
}
div.OpenCartDo {
  margin: 2px 0;
  padding: 2px 0;
  display: table;
  vertical-align: middle;
  text-align: left;
  width: 100%;
  border: 1px solid var(--light-grey-border);
  border-radius: 3px;
  cursor: pointer;
  color: var(--dark-grey-text);
}
div.OpenCartDo b {
  color: var(--dark-grey-text);
}
div.OpenCartDo div.DOIcon {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  float: left;
  display: inline-block;
  margin: 0 5px;
  border: 1px solid rgba(181, 182, 182, 0.3);
  background: var(--light-grey-background);
}
div.OpenCartDo div.DOIcon img {
  opacity: 0 !important;
  vertical-align: middle;
  display: inline-block;
}
div.OpenCartDo div.DOImage {
  width: 70px;
  height: 100%;
  vertical-align: middle;
  float: none;
  display: table-cell;
  margin: 0 5px;
  text-align: center;
}
div.OpenCartDo div.DOImage img {
  vertical-align: middle;
  display: inline-block;
}
div.OpenCartDo div.DOTitle {
  width: 400px;
  float: none;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
div.OpenCartDo div.DOHelp {
  width: 25px;
  height: 100%;
  vertical-align: top;
  float: left;
  display: inline-block;
  margin-top: -2px;
}
div.OpenCartDo div.DOHelpText {
  position: absolute;
  z-index: 5;
  max-width: 800px;
  float: left;
  display: none;
  border: 1px solid var(--light-grey-border);
  border-radius: 3px;
  background-color: var(--white-text);
  padding: 5px 30px;
  box-shadow: 3px 3px 8px gray;
}
div.OpenCartDo div.DOPrice {
  width: 200px;
  height: 100%;
  float: none;
  display: table-cell;
  margin-left: 5px;
  vertical-align: middle;
  padding-right: 20px;
}
div.OpenCartDo div.DOPrice span.DoValue {
  float: left;
  font-weight: bold;
  text-align: right;
}
div.OpenCartDo div.DOPrice span.DoNote {
  float: left;
  font-weight: normal;
  text-align: left;
}
div.OpenCartDo div.DOTime {
  width: 200px;
  height: 100%;
  float: none;
  display: table-cell;
  margin-left: 5px;
  vertical-align: middle;
}
div.OpenCartDo div.DOSpotList {
  padding: 5px 0;
  display: none;
  vertical-align: middle;
  width: 100%;
  text-align: right;
}
div.OpenCartDo:hover {
  background-color: var(--white-highlight-background);
}
div.OpenCartDo:hover div.DOIcon {
  border: 1px solid rgba(181, 182, 182, 0.5);
}
div.OpenCartDo:hover div.DOIcon img {
  opacity: 0.5 !important;
}
div.oDeliveryAddress {
  cursor: pointer;
}
div.oDeliveryAddress div.DAIcon {
  width: 18px;
  height: 18px;
  padding: 0;
  vertical-align: middle;
  float: left;
  display: inline-block;
  margin: 1px 5px 0 5px;
  border: 1px solid rgba(181, 182, 182, 0.3);
  background: var(--light-grey-background);
  text-align: center;
}
div.oDeliveryAddress div.DAIcon img {
  margin-bottom: 1px;
  opacity: 0 !important;
  vertical-align: middle;
  display: inline-block;
}
div.oDeliveryAddress:hover {
  background-color: var(--white-text);
}
div.oDeliveryAddress:hover div.DAIcon {
  border: 1px solid rgba(181, 182, 182, 0.5);
}
div.oDeliveryAddress:hover div.DAIcon img {
  opacity: 0.5 !important;
}
div.oDeliveryAddress.Selected {
  background-color: var(--white-text);
}
div.oDeliveryAddress.Selected div.DAIcon {
  border: 1px solid var(--light-grey-border);
}
div.oDeliveryAddress.Selected div.DAIcon img {
  opacity: 1 !important;
}
div.oDeliveryAddress.Selected:hover {
  background-color: var(--white-text);
}
div.OpenCartDoSpotList {
  padding: 0;
  margin: 5px 0;
  float: left;
  display: none;
  width: 100%;
  text-align: left;
}
div.OpenCartDoSpotList div.DOSpotList {
  display: none;
}
div.OpenCartDoSpotList div.DOSpotList.Active {
  display: block;
}
div.OpenCartDoSpotList.Selected {
  display: block;
}
div.OpenCartDoAddress {
  padding: 0;
  margin: 5px 0;
  float: left;
  display: none;
  width: 100%;
  text-align: left;
}
div.OpenCartDoNotes {
  padding: 0;
  margin: 5px 0;
  display: none;
  width: 100%;
  text-align: left;
  overflow: hidden;
}
div.OpenCartDoNotes div.OpenCartStepSection {
  font-size: 14px;
  margin-bottom: 4px;
}
div.OpenCartPoContainer {
  float: none;
  margin: 4px 0;
  padding: 0;
  overflow: visible;
  display: block;
}
div.OpenCartPoContainer.Selected {
  margin-bottom: 10px;
}
div.OpenCartPoContainer.Selected div.OpenCartPo {
  background-color: var(--primary-color-background);
  color: var(--white-text);
  margin-bottom: 10px;
}
div.OpenCartPoContainer.Selected div.OpenCartPo div.POIcon {
  border: 1px solid var(--light-grey-border);
}
div.OpenCartPoContainer.Selected div.OpenCartPo div.POIcon img {
  opacity: 1 !important;
}
div.OpenCartPoContainer.Selected div.OpenCartPoConfirm {
  display: inline-block;
}
div.OpenCartPo {
  margin: 2px 0;
  padding: 15px 0 15px 0;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: 100%;
  border: 1px solid var(--light-grey-border);
  color: var(--dark-grey-text);
  cursor: pointer;
  border-radius: 3px;
}
div.OpenCartPo b {
  font-weight: 800;
  font-size: 19px;
}
div.OpenCartPo div.POIcon {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  float: left;
  display: none;
  margin: 0 5px;
  border: 1px solid rgba(181, 182, 182, 0.3);
  background: var(--light-grey-background);
}
div.OpenCartPo div.POIcon img {
  opacity: 0 !important;
  vertical-align: middle;
  display: inline-block;
}
div.OpenCartPo:hover {
  background-color: var(--white-text);
  color: var(--dark-grey-text);
}
div.OpenCartPo:hover div.POIcon {
  border: 1px solid rgba(181, 182, 182, 0.5);
}
div.OpenCartPo:hover div.POIcon img {
  opacity: 0.5 !important;
}
div.OpenCartPo div.POTitle {
  float: left;
  display: inline-block;
  margin-top: 2px;
}
div.OpenCartPo div.POTitle p,
div.OpenCartPo div.POTitle div {
  margin: 0;
  margin-top: 0px;
  margin-left: 0px;
}
div.OpenCartPo div.POHelp {
  width: 20px;
  height: 100%;
  vertical-align: middle;
  float: left;
  display: inline-block;
  margin: 0 5px;
}
div.OpenCartPo div.POHelpText {
  position: absolute;
  z-index: 5;
  max-width: 800px;
  float: left;
  display: none;
  border: 1px solid var(--light-grey-border);
  border-radius: 3px;
  background-color: var(--white-text);
  padding: 5px;
  box-shadow: 3px 3px 8px gray;
}
div.OpenCartPoConfirm {
  padding: 5px 0;
  display: none;
  vertical-align: middle;
  width: 100%;
  text-align: right;
}
div.OpenCartOConfirm {
  padding: 5px 0;
  display: block;
  vertical-align: middle;
  width: 100%;
  text-align: right;
}
div.OpenCartRConfirm {
  padding: 5px 0;
  display: block;
  vertical-align: middle;
  width: 100%;
  text-align: right;
}
div.EBI4ContPageArea {
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  width: 100%;
}
div.EBI4ContPageAreaRow {
  margin: 0;
  padding: 0;
  overflow: visible;
  width: 100%;
  background-color: var(--white-text);
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
}
div.EBI4ContPageAreaRowData {
  margin: 0;
  padding: 0;
  overflow: visible;
  width: 100%;
  background-color: var(--white-text);
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
}
div.EBI4ContPageRow {
  margin: 0;
  padding: 0;
  overflow: visible;
  display: inline-block;
  width: 1245px;
  background-color: var(--white-text);
  font-size: 12px;
  letter-spacing: normal;
  word-spacing: normal;
}
div.EBI4ContPageAreaModal {
  margin: 0;
  padding: 0;
  width: 100%;
}
div.EBI4ContPageAreaInternal {
  margin-top: 30px;
}
div.EBI4ContPageRowHeaderBlueLineContainer {
  min-width: 1245px;
  width: 100%;
  background-color: var(--primary-color-background);
  height: 65px;
}
#BDlogocontainer {
  background-color: transparent;
  display: inline-flex;
  justify-content: space-between;
}
div.EBI4ContPageRowHeaderLogoContainer {
  display: inline-block;
  position: relative;
  width: 175px;
  height: 65px;
  background-image: url("/Gfx/BDlogo.svg");
  background-repeat: no-repeat;
  background-size: 136px;
  background-position: 0px;
  margin-left: 7px;
}
div.EBI4ContPageRowHeaderContainer {
  display: flex;
  justify-content: flex-end;
  width: 1245px;
  height: 60px;
  border: 0;
}
div.EBI4ContPageRowHeaderTop {
  width: 1245px;
  height: 43px;
  display: flex;
  justify-content: flex-end;
  overflow: visible;
}
div.EBI4ContPageRowHeaderTopObject {
  display: block;
  overflow: visible;
  float: left;
  text-align: left;
  padding-top: 2px;
  padding-left: 6px;
  font-size: 12px;
  color: var(--dark-grey-text);
}
div.EBI4ContPageRowHeaderTopObject a.ClientUser {
  font-size: 13px;
  font-weight: bold;
  color: var(--primary-color-text);
  text-decoration: none;
  display: inline-block;
}
div.EBI4ContPageRowHeaderTopObject a.ClientUser img {
  height: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;
}
div.EBI4ContPageRowHeaderTopObject a.ClientUser.Secondary {
  font-size: 13px;
  font-weight: normal;
  color: var(--primary-color-text);
  text-decoration: none;
  display: inline-block;
}
div.EBI4ContPageRowHeaderTopObject a.ClientUser.Secondary:hover {
  text-decoration: underline;
}
div.EBI4ContPageRowHeaderTopObject a.ClientUserButton {
  font-size: 12px;
  font-weight: normal;
  color: var(--dark-grey-text);
  text-decoration: underline;
  display: inline-block;
}
div.EBI4ContPageRowHeaderTopObject span.ClientUserText {
  font-size: 13px;
  font-weight: normal;
  color: var(--primary-color-text);
  text-decoration: none;
  display: inline-block;
  padding-right: 3px;
  padding-left: 3px;
}
div.EBI4ContPageRowHeaderTopObject.Debug {
  border: 1px solid var(--dark-grey-border);
}
div.EBI4ContPageRowHeaderBottom {
  display: inline-flex;
  flex-direction: row;
  width: 1000px;
  align-items: center;
  justify-content: flex-end;
  overflow: visible;
  text-align: right;
  margin-right: 3px;
}
div.EBI4ContPageRowHeaderBottomObject {
  width: 175px;
  height: 30px;
  float: right;
  text-align: right;
  border: 1px solid var(--dark-grey-border);
  overflow: visible;
}
div.EBI4ContPageRowFooterButtons {
  margin: 0;
  padding: 1px;
  padding-left: 202px;
  overflow: visible;
  width: 1245px;
  height: 24px;
  text-align: right;
  vertical-align: middle;
  background-image: url("../Gfx/PageFooterButtonsBackground.png");
}
div.EBI4ContPageRowFooterButtons a {
  color: var(--white-text);
}
div.EBI4ContPageRowFooterContainer {
  margin: 0;
  padding: 4px 0;
  overflow: visible;
  text-align: left;
  width: 1245px;
  height: auto;
}
div.EBI4ContPageRowFooterCopyRight {
  margin: 0;
  padding: 2px;
  overflow: visible;
  text-align: center;
  width: 100%;
  height: auto;
  font-family: var(--font-family-1);
  font-size: 10px;
  color: var(--white-text);
  font-weight: bold;
}
div.EBI4ContPageRowFooterColumn {
  margin: 0;
  padding: 1px;
  text-align: left;
  float: left;
  padding-left: 50px;
}
div.EBI4ContPageRowFooterColumn p {
  margin: 0;
  padding: 2px 0;
}
div.EBI4ContPageRowFooterColumn p a {
  color: var(--white-text);
}
div.EBI4ContPageRowFooterColumn label.FooterHeader {
  width: 100%;
  padding: 0;
  padding-top: 2px;
  padding-bottom: 23px;
  font-weight: bold;
  color: var(--white-text);
  display: block;
  font-size: 15px;
}
div.EBI4ContPageRowFooterColumn label.FooterButton {
  width: 100%;
  padding: 2px 0;
  font-weight: normal;
  color: var(--dark-grey-text);
  display: block;
  float: none;
}
div.EBI4ContPageRowFooterColumn label.FooterButton a {
  color: var(--white-text);
}
div.EBI4ContPageRowFooterColumn label.FooterButton.NotPublic a {
  color: var(--bright-orange);
}
div.EBI4PagePaneLeft {
  margin: auto;
  padding: 0;
  overflow: visible;
  display: flex;
  width: 1245px;
  justify-content: center;
  z-index: 6;
  position: relative;
  margin-top: -4px;
}
div.EBI4PagePane {
  padding: 0;
  overflow: visible;
  text-align: left;
  width: 1245px;
  margin: auto;
}
.TopBlockLink {
  margin-top: -5px;
}
.jaunumiPageStyle .EBI4Article {
  width: auto;
   background-color: var(--white-highlight-background);
  flex: 1;
  min-width: 100%;
  padding: 0;
  margin: 0;
  align-items: center;
  height: 31.75rem;
  justify-content: space-around;
  border: none;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform-origin: center center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  cursor: pointer;
}
.jaunumiPageStyle .wrapperDiv:hover .EBI4Article {
  transform: scale(1.1) translateZ(0);
}
.wrapperDiv {
  width: auto;
   background-color: var(--white-highlight-background);
  flex: 1;
  min-width: 49%;
  padding: 0;
  margin: 0;
  align-items: center;
  height: 31.75rem;
  justify-content: space-around;
  border: none;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform-origin: center center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  cursor: pointer;
  overflow: hidden;
  image-rendering: auto;
}
.jaunumiPageStyle .wrapperDiv .EBI4Article .EBI4ArticleIntroText {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.jaunumiPageStyle .wrapperDiv .EBI4Article .EBI4ArticleIntroText > div {
  flex: 1;
  margin-top: 0;
}
.jaunumiPageStyle .wrapperDiv .EBI4Article .EBI4ArticleIntroText,
.EBI4ArticleIntroText * {
  padding: 0;
  margin: 0;
}
.jaunumiStlyeATag {
  color: var(--black-text) !important;
}
.jaunumiPageStyle .wrapperDiv:nth-of-type(3n) {
  min-width: 100%;
  align-items: flex-start;
}
.jaunumiPageStyle .wrapperDiv:nth-of-type(3n) .DataContainer {
  justify-content: flex-start;
  padding-left: 3rem;
  width: 47%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.jaunumiPageStyle
  .wrapperDiv:nth-of-type(3n)
  .DataContainer
  .EBI4ArticleIntroText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.jaunumiPageFlexbox {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
.jaunumiPageFlexbox .DataContainer {
  margin: 0;
  padding: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: space-around;
}
.jaunumiPageFlexbox .DataContainer .EBI4ArticleIntroText {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.jaunumiPageFlexbox .DataContainer .jaunumiStlyeATag {
  font-size: 2rem;
}
.jaunumiStlyeh3Tag {
  font-size: 1.3rem;
  font-weight: 600;
}
.jaunumiStlyeArticleIntroButton {
  border: 3px solid var(--white-border);
  border-radius: 23px;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  width: unset !important;
  font-size: 1rem;
}
div.EBI4NavigationTopLeftContainer {
  display: inline-flex;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}
ul.LeftBlock {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
  overflow: visible;
}
li.LeftBlockLink {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 3px;
  background-color: var(--white-text);
  text-align: center;
  font-size: 11px;
  font-family: var(--font-family-1);
  color: var(--light-grey-text);
  width: 83px;
  height: 100px;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 3px;
}
li.LeftBlockLink img.LBIcon {
  height: 38px;
  margin-top: 9px;
}
.stock-empty-text {
  color: var(--black-text);
  font-weight: 700;
}
li.LeftBlockLink:hover {
  background-color: var(--light-grey-background);
}
li.LeftBlockLink a {
  font-size: 11px;
  font-family: var(--font-family-1);
  color: var(--dark-grey-text);
  text-decoration: none;
  background-image: none;
  background-color: unset;
  display: block;
  line-height: 13px;
  margin-bottom: 1px;
  height: 35px;
}
li.LeftBlockLink span.Notification {
  font-size: 11px;
  font-weight: bold;
  color: var(--white-text);
  position: absolute;
  padding: 0;
  margin-left: 136px;
  margin-top: -2px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  line-height: 19px;
  overflow: visible;
  background: url("/Gfx/DataBlockNotificationBackground.png");
  background-size: 100% 100%;
}
li.LeftBlockLink.Last {
  background-image: none;
}
li.LeftBlockLink.Selection a {
  font-weight: bold;
}
li.LeftBlockLink.Selection li.LeftBlockLink.NotPublic {
  color: var(--bright-orange);
}
li.LeftBlockLink.Selection li.LeftBlockLink.NotPublic a {
  color: var(--bright-orange);
}
h1.EBI4PageHeader {
  margin-left: 0;
  margin-right: 0;
  margin-top: 23px;
  font-family: var(--font-family-1);
  overflow: visible;
  float: none;
  margin-bottom: 35px;
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  color: var(--primary-color-text);
}
h1.EBI4PageHeader a {
  font-size: 25px;
  font-weight: 800;
  color: var(--primary-color-text);
}
h1.EBI4PageHeader a:hover {
  border-bottom: 1px solid var(--primary-color-border);
}
h2.EBI4PageHeader {
  margin-left: 0;
  margin-right: 0;
  margin-top: 2px;
  margin-bottom: 12px;
  padding: 1px;
  overflow: visible;
  float: none;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  color: var(--dark-grey-text);
}
h2.EBI4PageHeader a {
  font-size: 16px;
}
h2.EBI4PageHeader a:hover {
  text-decoration: underline;
  border: none;
}
h3.EBI4PageHeader {
  margin: 2px 0 10px 0;
  padding: 1px;
  overflow: visible;
  float: none;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: var(--light-grey-text);
}
h3.EBI4PageHeader a {
  font-size: 12px;
  text-decoration: none;
  color: var(--light-grey-text);
}
h3.EBI4PageHeader a:hover {
  text-decoration: underline;
}
div.EBI4ProductGroupSubGroupListing {
  margin: 0;
  overflow: visible;
  float: left;
  text-align: left;
  width: 300px;
  height: 165px;
}
div.EBI4ProductGroupSubGroupListing.boxContainer {
  border: 1px solid var(--light-grey-border);
  border-radius: 3px;
  margin-left: 3px;
  margin-right: 1px;
  margin-top: 3px;
  margin-bottom: 1px;
  width: 300px;
  height: 310px;
}
#divRecipientCompany {
  display: flex;
  flex-direction: column;
}
#divRecipientPrivate {
  flex-direction: column;
}
div.productGroupDescription {
  padding-left: 2px;
  width: 1000px;
  display: block;
  color: var(--light-grey-text);
}
div.productGroupDescription p {
  margin: 0px;
}
.EBI4Container.ODP div.OCPImage,
.EBI4Container.ODH div.OCPImage {
  width: 60px;
  height: 60px;
}
.EBI4Container.confirmOpenCart #greyCartTextContainer {
  display: flex;
  justify-content: flex-end;
}
.EBI4Container.confirmOpenCart .OCPContainer.clientProductName {
  width: 325px;
}
.EBI4Container.confirmOpenCart div .amountProductOpenCart {
  border-style: solid;
  border-width: 0px;
  border-color: var(--light-grey-border);
  padding: 4px;
  border-radius: 3px;
  color: var(--dark-grey-text);
  font-size: 14px;
  width: 26px;
  height: 26px;
}
div.productGroupHeader {
  display: block;
}
div.productGroupHeader h1 {
  text-align: left;
}
.OpenCartStepSection.pasutijumaInfo ~ .EBI4FormRow {
  display: none !important;
}
#btnRPToogleConsolidateSelected {
  margin-bottom: 20px;
}
.EBI4Container.ODH {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.EBI4Container.ODH .OpenCartProduct {
  justify-content: flex-start;
}
.EBI4Container.ODH .EBI4FormRow.Section {
  border: 1px solid var(--light-grey-border);
  background-color: var(--light-grey-background);
  border-radius: 4px;
  color: var(--dark-grey-text);
}
#divOpenCartStepNavigation {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}
#divOpenCartStepNavigation .EBI4LinkBtn.fromReservation {
  width: 7px;
  height: 8px;
  min-width: 5px;
  padding: 0px;
  border: none;
  margin: 0px;
}
#divOpenCartStepNavigation .EBI4Obj.Clean.cartStepDot.blue {
  height: 13px;
  width: 13px;
  border-radius: 13px;
  background-color: var(--primary-color-background);
}
#divOpenCartStepNavigation .EBI4Obj.Clean.cartStepDot.blue a {
  height: 13px;
  width: 13px;
  border-radius: 13px;
  display: block;
}
#divOpenCartStepNavigation .EBI4Obj.Clean.cartStepDot.grey {
  height: 13px;
  width: 13px;
  border-radius: 13px;
  background-color: var(--medium-grey-background);
}
#divOpenCartStepNavigation .EBI4Obj.Clean.cartStepLine.blue {
  width: 240px;
  height: 2px;
  border-radius: 30px;
  background-color: var(--primary-color-background);
  text-align: center;
}
#divOpenCartStepNavigation .EBI4Obj.Clean.cartStepLine.grey {
  width: 240px;
  height: 2px;
  border-radius: 30px;
  background-color: var(--medium-grey-background);
  text-align: center;
}
H1.cartClientHeader {
  color: var(--primary-color-text);
  text-align: center;
  font-size: 25px;
  padding-bottom: 20px;
}
#greyCartTextSpace {
  width: 655px;
}
#greyCartTextVat {
  padding-bottom: 5px;
  color: var(--light-grey-text);
  font-size: 15px;
  font-weight: 500;
  width: 130px;
  text-align: left;
}
#greyCartTextPrice {
  padding-bottom: 5px;
  color: var(--light-grey-text);
  font-size: 15px;
  font-weight: 500;
  width: 130px;
  text-align: left;
}
#greyCartTextAmount {
  padding-bottom: 5px;
  color: var(--light-grey-text);
  font-size: 15px;
  font-weight: 500;
  width: 200px;
  text-align: left;
}
#greyCartTextTotal {
  padding-bottom: 5px;
  color: var(--light-grey-text);
  font-size: 15px;
  font-weight: 500;
  width: 80px;
  text-align: left;
}
div.EBI4ProductGroupSubGroupListing.Image {
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  width: 298px;
  height: 230px;
  display: inline-block;
}
div.EBI4ProductGroupSubGroupListing.Image img {
  display: inline-block;
  vertical-align: middle;
  border: none;
  max-width: 85%;
  max-height: 85%;
}
h2.EBI4ProductGroupSubGroupListing.Title {
  margin-top: 15px;
  padding: 3px 5px 3px 5px;
  overflow: visible;
  text-align: center;
  vertical-align: middle;
  width: 300px;
  height: 50px;
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
  color: var(--dark-grey-text);
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}
h2.EBI4ProductGroupSubGroupListing.Title.NotPublic {
  color: var(--bright-orange);
}
ul.TopBlock {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  padding-top: 6px;
  justify-content: space-between;
  gap: 32px;
}
li.TopBlockText {
  font-size: 12px;
  line-height: 1.4;
  font-family: var(--font-family-1);
  font-weight: bold;
  color: var(--white-text);
  display: inline-block;
  width: auto;
  margin-left: 35px;
  padding: 3px 5px;
}
li.TopBlockText a {
  color: var(--white-text);
  padding: 2px;
}
li.TopBlockLink {
  font-size: 14.3px;
  font-family: var(--font-family-1);
  min-width: max-content;
  color: var(--white-text);
  display: inline-block;
  width: auto;
  letter-spacing: 1px;
}
li.TopBlockLink a {
  color: var(--white-text);
  padding: 2px;
  text-transform: uppercase;
}
li.TopBlockLink a:hover {
  text-decoration: underline;
}
li.TopBlockLink.Selection a {
  color: var(--white-text);
}
li.TopBlockLink.NotPublic {
  color: var(--bright-orange);
}
li.TopBlockLink.NotPublic a {
  color: var(--bright-orange);
}
ul.BottomBlock {
  margin: 0;
  padding: 0;
}
li.BottomBlockText {
  font-size: 12px;
  line-height: 1.4;
  font-family: var(--font-family-1);
  font-weight: bold;
  color: var(--white-text);
  padding: 1px;
  border-left: 1px solid white;
  height: 100%;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
}
li.BottomBlockLink {
  font-size: 12px;
  line-height: 1.4;
  font-family: var(--font-family-1);
  font-weight: bold;
  color: var(--white-text);
  padding: 1px;
  border-left: 1px solid white;
  height: 100%;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
}
li.BottomBlockLink a {
  font-size: 12px;
  line-height: 1.4;
  font-family: var(--font-family-1);
  font-weight: bold;
  color: var(--white-text);
}
li.BottomBlockLink.Selection a {
  color: var(--white-text);
}
li.BottomBlockText.NotPublic {
  color: var(--bright-orange);
}
li.BottomBlockLink.NotPublic a {
  color: var(--bright-orange);
}
div.EBI4ProductGroupsContainer {
  padding: 0;
  margin: 0;
  overflow: visible;
  position: relative;
}
li.L1:hover {
  background-color: var(--light-grey-background);
}
#L1Shadows {
  box-shadow: -12px -19px 20px rgba(78, 78, 78, 0.15),
    11px -12px 13px rgba(78, 78, 78, 0.18);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  z-index: auto;
  cursor: pointer;
}
#L1Shadows a {
  cursor: pointer;
}
ul.PGTreeLevel1 {
  display: inline-flex;
  overflow: visible;
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 1;
  margin-bottom: 7px;
}
ul.PGTreeLevel1 li.L1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: visible;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 1px;
  padding-right: 1px;
  width: 83px;
  margin: 0;
  list-style: none;
  height: 100px;
  align-items: center;
  background-color: var(--white-text);
  border-radius: 4px;
  z-index: -3;
}
ul.PGTreeLevel1 li.L1 a.lnkL1 {
  font-family: var(--font-family-1);
  color: var(--dark-grey-text);
  text-decoration: none;
  background: none;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 11px;
  cursor: default;
  pointer-events: none;
  line-height: 13px;
  max-width: 78px;
  min-width: 70px;
  height: 35px;
  margin-bottom: 1px;
}
ul.PGTreeLevel1 li.L1 img {
  height: 17px;
  display: none;
}
ul.PGTreeLevel1 li.L1 img.PGIcon {
  display: inline;
  height: 38px;
  margin-bottom: 3px;
  margin-top: 10px;
  width: 55px;
}
ul.PGTreeLevel1 li.L1 span.ULBox {
  margin: 0;
  position: absolute;
  top: 92px;
  padding: 0;
  display: none;
  background-color: var(--white-background);
  border: 0;
  z-index: -1;
  overflow: visible;
  width: 1245px;
  left: 0;
  box-shadow: 0px 0px 20px 9px rgba(0, 0, 0, 0.132);
  border-radius: 3px;
}
ul.PGTreeLevel1 li.L1:not(#L1Shadows):hover {
  background-color: var(--light-grey-background);
}
ul.PGTreeLevel1 li.L1 a.NotPublic {
  color: var(--bright-orange);
}
ul.PGTreeLevel2 {
  margin: 0;
  padding: 8px;
  border: 0;
  cursor: default;
  z-index: 9;
  overflow: visible;
  column-count: 2;
  column-gap: 20px;
  border-radius: 5px;
  text-align: initial;
}
ul.PGTreeLevel2 li.L2 {
  padding: 0 3px 3px 3px;
  margin: 0 4px 4px 4px;
  display: list-item;
  list-style: none;
  width: 250px;
  z-index: 12;
  break-inside: avoid;
}
ul.PGTreeLevel2 li.L2 a.lnkL2 {
  font-size: 12px;
  line-height: 1.4;
  font-family: var(--font-family-1);
  font-weight: normal;
  color: var(--dark-grey-text);
  text-decoration: none;
  width: auto;
}
ul.PGTreeLevel2 li.L2 a.lnkL2:hover {
  text-decoration: underline;
}
ul.PGTreeLevel2 li.L2:hover img.PGIcon2 {
  filter: none;
}
ul.PGTreeLevel2 li.L2 a.NotPublic {
  color: var(--bright-orange);
}
ul.PGTreeLevel3 {
  display: inline-block;
  padding: 3px;
  z-index: 12;
  width: 100%;
}
ul.PGTreeLevel3 li.L3 {
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: normal;
  color: var(--dark-grey-text);
  text-decoration: none;
  display: list-item;
  list-style: none;
  margin: 0 0 0 8px;
  padding: 1px 2px 2px 0;
}
ul.PGTreeLevel3 li.L3 a.lnkL3 {
  font-size: 12px;
  line-height: 1.4;
  font-family: var(--font-family-1);
  font-weight: normal;
  color: var(--dark-grey-text);
  text-decoration: none;
  width: auto;
}
ul.PGTreeLevel3 li.L3 a.lnkL3:hover {
  text-decoration: underline;
}
ul.PGTreeLevel3 li.L3:hover img.PGIcon3 {
  filter: none;
}
ul.PGTreeLevel3 li.L3 a.NotPublic {
  color: var(--bright-orange);
}
div.SmallLeftBanner {
  display: block;
  padding: 0;
  margin: 7px 0 0 0;
  max-width: 200px;
  overflow: visible;
  text-align: center;
}
div.SmallLeftBanner a img {
  max-width: 200px;
  padding: 0;
  margin: 0;
}
div.EBI4ProductMainContainer {
  padding: 0;
  overflow: visible;
  text-align: left;
  margin: 6px 0 0 0;
}
div.EBI4ProductMainContainer #ProductPageContainer2 {
  margin-top: 40px;
}
div.EBI4ProductListContainer {
  margin: 0 0px 0 0;
  padding: 0;
  overflow: visible;
  float: left;
  text-align: left;
  width: 1030px;
  position: relative;
  z-index: auto;
}
div.EBI4ProductListContainer.FullWidth {
  width: 100%;
}
div.EBI4ProductListContainerBG {
  margin: 0;
  padding: 0;
  overflow: visible;
  float: left;
  text-align: left;
  width: 100%;
  height: 100%;
}
div.EBI4ProductListContainerLoading {
  position: absolute;
  width: 1030px;
  height: auto;
  text-align: center;
  z-index: 10;
}
div.EBI4ProductListContainerLoadingWave {
  display: inline-block;
  padding: 7px;
  margin-top: 70px;
  border: 1px solid var(--primary-color-border);
  background-color: var(--white-text);
  border-radius: 6px;
  box-shadow: 3px 3px 3px 3px gray;
}
div.EBI4ProductListEmptySet {
  width: 100%;
  height: 100%;
  min-height: 400px;
  padding: 30px 10px 10px 10px;
  background-color: var(--white-text);
}
div.EBI4ProductCompareObject {
  border: 1px solid var(--light-grey-border);
  width: 44px;
  height: 44px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin-left: 4px;
  font: 0/0 a;
}
div.EBI4ProductCompareObject:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
div.EBI4ProductCompareObject img.ProductCompareImage {
  vertical-align: middle;
  text-align: center;
  display: inline-block;
}
div.EBI4ProductCompareObjectButton {
  float: right;
  width: 0;
  height: 0;
  position: absolute;
  overflow: visible;
}
div.EBI4ProductCompareObjectButton a {
  position: relative;
  top: -17px;
  left: 26px;
}
div.EBI4PageBlockHeader {
  margin: 20px 0 3px 0;
  padding: 1px;
  overflow: visible;
  width: 100%;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: var(--dark-grey-text);
}
div.EBI4ProductObjectPlateMini {
  margin: 2px 1px;
  padding: 4px;
  overflow: hidden;
  float: left;
  text-align: left;
  width: 185px;
  height: auto;
  color: var(--dark-grey-text);
  background-color: var(--white-text);
  border: 1px solid var(--light-grey-border);
}
div.EBI4ProductObjectPlateMiniImagesProduct {
  width: 100%;
  height: 70px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  font: 0/0 a;
}
div.EBI4ProductObjectPlateMiniImagesProduct:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
div.EBI4ProductObjectPlateMiniImagesProduct img {
  max-height: 95%;
  max-width: 95%;
}
div.EBI4ProductObjectPlateMiniText {
  width: 100%;
  height: 36px;
  display: block;
}
div.EBI4ProductObjectPlateMiniTitle {
  display: block;
  font-size: 12px;
  font-weight: normal;
  width: 175px;
  height: 36px;
  text-align: left;
  line-height: 1;
  white-space: normal;
  overflow: hidden;
  color: var(--dark-grey-text);
}
.EBI4Container.MTop10.MLeft10.MLR30 {
  padding-left: 30px;
  padding-right: 30px;
}
.EBI4Container.confirm .EBI4FormRow {
  border: 1px solid var(--light-grey-border);
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
}
.EBI4Container.confirm .OpenCartStepSection {
  margin-top: 20px;
  margin-bottom: 15px;
}
.EBI4Container.confirm .OpenCartStepSection.first {
  margin-top: 0px;
}
.EBI4Container.confirm .Object.Black {
  text-align: right;
  color: var(--dark-grey-text);
}
.EBI4Container.confirm .Object.Black div {
  margin-top: 15px;
  width: auto;
}
.EBI4Container.confirm .EBI4Container.confirmOpenCart #greyCartTextContainer {
  display: flex;
  justify-content: flex-end;
  border: 0px;
}
.EBI4Container.confirm .EBI4Container.confirmOpenCart #greyCartTextPrice {
  width: 138px;
}
.EBI4Container.confirm
  .EBI4Container.confirmOpenCart
  .OpenCartProduct.clientCart {
  margin-top: 0px;
}
.EBI4Container.confirm
  .EBI4Container.confirmOpenCart
  .OpenCartProduct.clientCart
  .OCPContainer.clientTotal {
  margin-left: 75px;
  width: 120px;
}
.EBI4Container.confirm
  .EBI4Container.confirmOpenCart
  .OpenCartProduct.clientCart
  .OCPContainer.clientRemove {
  display: none;
}
.EBI4Container.confirm
  .EBI4Container.confirmOpenCart
  .OCPContainer.clientProductName {
  width: 325px;
}
.EBI4Container.confirm div.OCTContainer div.OCTObject.Label {
  margin-left: 550px;
}
.EBI4Container.confirm .EBI4ProductAmountOpenCart {
  padding-right: 24px;
}
div.OpenCartProduct.clientCart.dealerCart .OCPContainer.clientProductName {
  flex-direction: row;
  width: 480px;
}
div.OpenCartProduct.clientCart.dealerCart
  .OCPContainer.clientProductName
  .OCPContainerObject.clientProductNameContainer {
  width: 310px;
}
div.OpenCartProduct.clientCart.dealerCart
  .OCPContainer.clientProductName
  .productStockInfoContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
}
div.OpenCartProduct.clientCart.dealerCart
  .OCPContainer.clientProductName
  .ProductStockBlock.InfoStock {
  margin-bottom: 20px;
}
div.OpenCartProduct.clientCart.dealerCart .OCPContainer.clientWat {
  width: 70px;
}
#frmLeasing .EBI4FormRow {
  display: flex;
  flex-direction: column;
}
#frmLeasing .leasingJobExp {
  display: block;
}
#frmLeasing .leasingJobExp select {
  width: 60px;
}
#frmLeasing .leasingJobExp .Object.InputLabel.FixedWidth {
  width: 100%;
}
#frmLeasing .Object.LeftPadding {
  padding-left: 50px;
}
#frmLeasing .TBField.Container {
  padding-left: 10px;
  border-width: 0px;
}
#frmLeasing .TBField.calcHeader {
  margin-bottom: 23px;
}
#frmLeasing .TBField.Container.leasingCalculationContainer {
  padding-left: 0px;
  margin-left: 13px;
}
#frmOpenCartRecipient text,
#frmLeasing text {
  font-size: 11px;
}
#frmOpenCartRecipient .TBField,
#frmLeasing .TBField {
  padding-bottom: 0px;
  margin-top: 5px;
  border-radius: 3px;
}
#frmOpenCartRecipient input[type="text"],
#frmOpenCartRecipient select,
#frmLeasing input[type="text"],
#frmLeasing select {
  width: 320px;
  height: 28px;
  border-width: 1px;
  border-color: var(--light-grey-border);
  font-size: 14px;
  box-sizing: border-box;
}
#frmOpenCartRecipient .FixedWidth,
#frmLeasing .FixedWidth {
  width: auto;
}
#frmOpenCartRecipient .InputLabel,
#frmLeasing .InputLabel {
  font-size: 14px;
  color: var(--medium-grey-text);
}
#frmOpenCartRecipient .btnClientUseRecipient,
#frmLeasing .btnClientUseRecipient {
  background-color: var(--primary-color-background);
  width: 200px;
}
#frmOpenCartRecipient .clientRecipientContainer,
#frmLeasing .clientRecipientContainer {
  display: flex;
  align-items: center;
  padding: 5px;
  padding-right: 15px;
  justify-content: space-between;
  margin-bottom: 30px;
  border-radius: 3px;
}
#frmOpenCartRecipient .clientRecipientContainer .Object.InputLabel.FixedWidth,
#frmOpenCartRecipient .clientRecipientContainer .Object.FixedWidth,
#frmLeasing .clientRecipientContainer .Object.InputLabel.FixedWidth,
#frmLeasing .clientRecipientContainer .Object.FixedWidth {
  width: 150px;
}
#frmOpenCartRecipient .clientRecipientContainer .Object,
#frmLeasing .clientRecipientContainer .Object {
  font-weight: 400;
  color: var(--dark-grey-text);
}
#frmOpenCartRecipient .clientRecipientContainer .InputLabel,
#frmLeasing .clientRecipientContainer .InputLabel {
  padding-left: 10px;
}
#frmOpenCartRecipient .clientRecipientContainer div.EBI4FormRow.TBField div > b,
#frmLeasing .clientRecipientContainer div.EBI4FormRow.TBField div > b {
  color: var(--dark-grey-text);
}
div.EBI4ProductObjectPlateMiniTitle.NotPublic {
  color: var(--bright-orange);
}
div.EBI4ProductObjectPlateMiniPrices {
  height: 34px;
  width: 100%;
}
div.EBI4ProductObjectPlateMiniPriceOld {
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  color: var(--primary-color-text);
  float: left;
  line-height: 1;
  text-decoration: line-through;
  height: 16px;
  margin-top: 6px;
}
div.EBI4ProductObjectPlateMiniPriceSale {
  text-align: right;
  font-size: 18px;
  font-weight: bold;
  color: var(--bright-red);
  float: right;
  line-height: 1;
  letter-spacing: -1px;
  height: 18px;
}
a.PlateMiniProductLink {
  color: var(--dark-grey-text);
}
a.PlateMiniProductLink:hover {
  text-decoration: underline;
}
div.EBI4ProductObjectPlateMiniVatRate {
  font-size: 10px;
  font-weight: bold;
  color: var(--primary-color-text);
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: right;
  overflow: hidden;
}
div.EBI4ProductObjectPlateInfo {
  margin: 5px 0 0 0;
  padding: 1px;
  overflow: hidden;
  text-align: left;
  width: 200px;
  height: auto;
  color: var(--dark-grey-text);
  background-color: var(--white-text);
  border: 1px solid var(--light-grey-border);
}
div.EBI4ProductObjectPlateInfo a {
  color: var(--dark-grey-text);
}
div.EBI4ProductObjectPlateInfoImagesProduct {
  float: left;
  width: 40px;
  height: 30px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  font: 0/0 a;
}
div.EBI4ProductObjectPlateInfoImagesProduct:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
div.EBI4ProductObjectPlateInfoText {
  width: 150px;
  float: left;
  margin-left: 2px;
  height: auto;
  display: inline-block;
}
div.EBI4ProductObjectPlateInfoTitle {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  width: 100%;
  height: auto;
  text-align: left;
  line-height: 1.1;
  margin-bottom: 7px;
}
div.EBI4ProductObjectPlateInfoTitle:hover {
  text-decoration: underline;
}
div.EBI4ProductObjectPlateInfoPrices {
  height: auto;
  width: 190px;
  float: left;
}
div.EBI4ProductObjectPlateInfoPriceOld {
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  color: var(--primary-color-text);
  float: left;
  line-height: 1;
  text-decoration: line-through;
  height: 14px;
  margin-top: 4px;
}
div.EBI4ProductObjectPlateInfoPriceSale {
  text-align: right;
  font-size: 18px;
  font-weight: bold;
  color: var(--bright-red);
  float: right;
  line-height: 1;
  letter-spacing: -1px;
  height: 20px;
}
div.EBI4ProductObjectPlateInfoVatRate {
  font-size: 10px;
  font-weight: bold;
  color: var(--primary-color-text);
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: right;
  overflow: hidden;
}
.EBI4Container.productAndFilterContainer {
  overflow: visible;
}
div.EBI4ProductObjectPlate {
  padding: 0;
  overflow: visible;
  float: left;
  text-align: left;
  color: var(--dark-grey-text);
  background-color: var(--white-text);
  z-index: 4;
}
div.EBI4ProductObjectPlate div.Space {
  border: 1px solid var(--light-grey-border);
  margin: 1px 2px;
  padding: 8px;
  border-radius: 5px;
  position: static;
}
div.EBI4ProductObjectPlate div.Space:hover {
  border: 1px solid var(--light-grey-border);
  box-sizing: inherit;
  margin-left: auto;
  margin-right: auto;
  width: inherit;
  overflow: visible;
  position: absolute;
  z-index: 5;
  transition: all 0.1s ease-in;
  background-color: var(--white-text);
  box-shadow: 1px 10px 20px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 1px 10px 20px 0px rgba(0, 0, 0, 0.75);
}
div.EBI4ProductObjectPlate div.Space.visible {
  border: 1px solid var(--light-grey-border);
  max-width: 244px;
  overflow: visible;
  position: absolute;
  transition: max-height 0.25s ease-in;
  background-color: var(--white-text);
  box-shadow: 1px 10px 20px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 1px 10px 20px 0px rgba(0, 0, 0, 0.75);
}
div.EBI4ProductObjectPlate div.EBI4ContainerPopUp {
  z-index: 1000;
  display: none;
}
div.EBI4ProductObjectPlate .EBI4ContainerPopUp.dealer-popup .pre-text text {
  display: none;
}
div.EBI4ProductObjectPlate a {
  color: var(--dark-grey-text);
  font-size: 12px;
}
.EBI4ProductObjectPlate:hover .EBI4ContainerPopUp,
div.EBI4ProductObjectPlate div.EBI4ContainerPopUp.visible {
  display: block;
  z-index: 9000 !important;  
  background-color: var(--white-text);
}
div.EBI4ProductObjectPlateImages {
  width: 100%;
  height: 136px;
  margin: 0 0 3px 0;
  padding: 0;
  float: none;
  overflow: hidden;
}
div.EBI4ProductObjectPlateImagesProduct {
  float: left;
  width: 100%;
  height: 105px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  font: 0/0 a;
}
div.EBI4ProductObjectPlateImagesProduct:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
div.EBI4ProductObjectPlateImagesProduct img {
  display: inline-block;
  vertical-align: middle;
}
div.EBI4ProductObjectPlateImagesBrand {
  float: left;
  width: 100%;
  height: 25px;
  overflow: hidden;
  text-align: left;
  vertical-align: middle;
  font: 0/0 a;
  margin-top: 5px;
}
div.EBI4ProductObjectPlateImagesBrand:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
div.EBI4ProductObjectPlateImagesBrand img {
  display: inline-block;
  vertical-align: middle;
}
div.EBI4ProductObjectPlateImagesStatus {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  align-items: flex-start;
  position: absolute;
  text-align: left;
}
div.EBI4ProductObjectPlateImagesStatus img {
  display: inline-block;
  height: 30px;
  object-fit: contain;
}
a.PlateProductLink:hover span.Title {
  text-decoration: underline;
}
div.EBI4ProductObjectPlateText {
  width: 100%;
  height: auto;
  display: inline-block;
}
div.EBI4ProductObjectPlateTitle {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  width: 100%;
  height: auto;
  text-align: left;
  line-height: 110%;
  margin-bottom: 15px;
}
div.EBI4ProductObjectPlateTitle span.Code {
  display: block;
  float: none;
  font-weight: normal;
  color: var(--dark-grey-text);
}
div.EBI4ProductObjectPlateTitle.NotPublic span.Title {
  color: var(--bright-orange);
}
div.EBI4ProductObjectPlateParametrs {
  width: 100%;
  height: auto;
  display: inline-block;
  padding-left: 12px;
}
div.EBI4ProductObjectPlateParam {
  font-size: 12px;
  font-weight: normal;
  width: 100%;
  height: auto;
  text-align: left;
  line-height: 1;
  text-indent: -0.6em;
}
div.EBI4ProductObjectPlateParam img {
  display: inline-block;
  line-height: 1;
  font: 0/0 a;
  text-align: left;
  margin-left: 3px;
  vertical-align: top;
}
div.EBI4ProductObjectPlateParam ul {
  padding: 0;
  list-style: none;
  margin: 0 0 3px 0;
}
div.EBI4ProductObjectPlateParam ul li span.ParamTitle {
  color: var(--dark-grey-text);
}
div.EBI4ProductObjectPlateParam ul li span.ParamValue {
  color: var(--dark-grey-text);
  word-break: break-word;
  line-height: 1.3;
}
div.EBI4ProductObjectPlateParam.NotPublic ul li span {
  color: var(--bright-orange);
}
div.EBI4ProductObjectPlatePrices {
  height: 26px;
  width: 100%;
  margin-bottom: 3px;
}
div.EBI4ProductObjectPlatePriceOld {
  text-align: right;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-color-text);
  line-height: 1;
  text-decoration: line-through;
  height: 26px;
  float: right;
  margin-right: 2px;
  margin-left: 6px;
  padding-top: 11px;
}
div.EBI4ProductObjectPlatePriceSale {
  text-align: right;
  font-size: 26px;
  font-weight: 800;
  color: var(--dark-grey-text);
  line-height: 1;
  letter-spacing: -2px;
  height: 26px;
  float: right;
}
div.EBI4ProductObjectPlatePriceSale.isSale {
  color: var(--bright-red);
}
div.EBI4ProductObjectPlateVatRate {
  font-size: 10px;
  font-weight: bold;
  color: var(--primary-color-text);
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: right;
  overflow: hidden;
}
div.EBI4ProductObjectPlateStock {
  margin: 3px 0;
  font-size: 12px;
  color: var(--primary-color-text);
  width: 100%;
  text-align: right;
}
div.EBI4ProductObjectPlateStock a {
  margin-top: 3px;
  margin-bottom: 6px;
  font-size: 12px;
  color: var(--primary-color-text);
  width: 100%;
  text-align: right;
}
div.EBI4ProductObjectPlateStock.Arriving {
  color: var(--bright-red);
}
div.EBI4ProductObjectPlateStock.Arriving a {
  color: var(--bright-red);
}
div.EBI4ProductObjectPlateStock.Empty {
  color: var(--bright-red);
}
div.EBI4ProductObjectPlateStock.Empty a {
  color: var(--bright-red);
}
div.EBI4ProductObjectPlateAdminButtons {
  width: 100%;
  height: 25px;
  text-align: left;
  border-top: 1px solid var(--light-grey-border);
  margin-top: 3px;
  padding-top: 6px;
}
div.EBI4ProductObjectRow {
  margin: 1px 0 2px 0;
  padding: 4px;
  overflow: visible;
  text-align: left;
  width: 100%;
  height: auto;
  background-color: var(--white-text);
  border: 1px solid var(--light-grey-border);
  display: flex;
  flex-direction: row;
  position: relative;
}
div.EBI4ProductObjectRow:hover {
  border: 1px solid var(--light-grey-border);
}
div.EBI4ProductObjectRow a {
  color: var(--dark-grey-text);
}
div.EBI4ProductObjectRow .rowPriceContainer {
  display: flex;
  flex-direction: row;
}
div.EBI4ProductObjectRowImages {
  display: flex;
  flex-direction: column;
  width: 140px;
  height: 140px;
  margin: 5px;
  padding: 0;
  float: left;
  overflow: hidden;
  justify-content: center;
}
div.EBI4ProductObjectRowImagesProduct {
  float: left;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  font: 0/0 a;
}
div.EBI4ProductObjectRowImagesProduct:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
div.EBI4ProductObjectRowImagesProduct img {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
div.EBI4ProductObjectRowImagesBrand {
  float: left;
  width: 80px;
  height: 25px;
  overflow: visible;
  text-align: center;
  vertical-align: bottom;
  font: 0/0 a;
  margin-top: 5px;
}
div.EBI4ProductObjectRowImagesBrand:before {
  content: " ";
  display: inline-block;
  vertical-align: bottom;
  height: 100%;
}
div.EBI4ProductObjectRowImagesBrand img {
  display: inline-block;
  vertical-align: bottom;
}
div.EBI4ProductObjectRowText {
  width: 450px;
  height: auto;
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
}
div.EBI4ProductObjectRowTitle {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: auto;
  text-align: left;
  line-height: 110%;
  margin-top: 4px;
}
div.EBI4ProductObjectRowTitle.NotPublic {
  color: var(--bright-orange);
}
div.EBI4ProductObjectRowCode {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  width: 100%;
  height: auto;
  text-align: left;
  line-height: 100%;
  margin-top: 1px;
  color: var(--light-grey-text);
}
a.RowProductLink:hover div.EBI4ProductObjectRowTitle {
  text-decoration: underline;
}
div.EBI4ProductObjectRowParametrs {
  width: 100%;
  height: auto;
  display: inline-block;
  padding-left: 2px;
  float: left;
  margin-top: 2px;
}
div.EBI4ProductObjectRowParam {
  font-size: 12px;
  font-weight: normal;
  float: left;
  text-align: left;
  line-height: 1.2;
  margin-left: 5px;
  margin-bottom: 2px;
  width: 360px;
}
div.EBI4ProductObjectRowParam img {
  display: inline-block;
  line-height: 1;
  font: 0/0 a;
  text-align: left;
  margin-left: 3px;
  vertical-align: top;
}
div.EBI4ProductObjectRowParam.NotPublic {
  color: var(--bright-orange);
}
div.EBI4ProductObjectRowImagesStatus {
  float: left;
  width: 27px;
  overflow: hidden;
  text-align: left;
  vertical-align: top;
  margin-left: 4px;
  margin-right: 2px;
  margin-top: 5px;
}
div.EBI4ProductObjectRowImagesStatus img {
  display: inline-block;
}
div.EBI4ProductObjectRowPrices {
  width: 450px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  bottom: 10px;
}
div.EBI4ProductObjectRowPriceOld {
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  color: var(--primary-color-text);
  line-height: 1;
  text-decoration: line-through;
  height: 16px;
}
div.EBI4ProductObjectRowPriceSale {
  text-align: right;
  font-size: 28px;
  font-weight: 800;
  color: var(--dark-grey-text);
  line-height: 1;
  letter-spacing: -1px;
  height: 30px;
}
div.EBI4ProductObjectRowPriceSale.isSale,
.EBI4ProductObjectMiniRowPriceSale.isSale {
  color: var(--bright-red);
}
div.EBI4ProductObjectRowVatRate {
  font-size: 10px;
  font-weight: bold;
  color: var(--primary-color-text);
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: right;
  overflow: hidden;
  float: right;
  width: 250px;
}
div.EBI4ProductObjectRowStock {
  float: left;
  margin-top: 3px;
  margin-bottom: 6px;
  margin-left: -80px;
  font-size: 12px;
  color: var(--primary-color-text);
  height: 16px;
  width: 200px;
  text-align: right;
}
div.EBI4ProductObjectRowStock a {
  color: var(--primary-color-text);
}
div.EBI4ProductObjectRowStock.Dealer {
  width: 240px;
  height: auto;
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: -120px;
}
div.EBI4ProductObjectRowStock.Arriving {
  color: var(--bright-red);
}
div.EBI4ProductObjectRowStock.Arriving a {
  color: var(--bright-red);
}
div.EBI4ProductObjectRowStock.Empty {
  color: var(--bright-red);
}
div.EBI4ProductObjectRowStock.Empty a {
  color: var(--bright-red);
}
div.EBI4ProductObjectRowAdminButtons {
  width: 99%;
  height: 20px;
  text-align: left;
  border-top: 1px solid var(--light-grey-border);
  margin-top: 2px;
  position: absolute;
  bottom: 0px;
}
.EBI4AdminEditorDataRow.Clean.bottons {
  margin-right: 3px;
  margin-top: 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 145px;
  font-size: 13px;
}
.EBI4AdminEditorDataRow.Clean.bottons .EBI4LinkBtn {
  width: 200px;
  height: 27px;
  margin: 0px;
  margin-bottom: 2px;
  padding: 0px;
   background-color: var(--dark-grey-background);
}
.EBI4AdminEditorDataRow.Clean.bottons
  .EBI4AdminEditorDataRow.Center.W30.orderEditor {
  width: 200px;
  border: 1px solid var(--light-grey-border);
  border-radius: 3px;
  margin-bottom: 2px;
  min-height: 27px;
  font-size: 13px;
  font-weight: 600;
  background-color: var(--green);
}
.EBI4AdminEditorDataRow.Clean.bottons
  .EBI4AdminEditorDataRow.Center.W30.orderEditor
  a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
  padding-bottom: 6px;
  color: var(--white-text);
}
.EBI4AdminEditorDataRow.Clean.bottons a {
  height: 27px;
  font-weight: 600;
}
.EBI4AdminEditorDataRow.Clean.bottons > div {
  height: 27px;
}
div.EBI4ProductObjectMiniRow {
  margin: 1px 0 2px 0;
  padding: 0 2px;
  overflow: visible;
  float: left;
  text-align: left;
  width: 100%;
  height: auto;
  background-color: var(--white-text);
  border: 1px solid var(--light-grey-border);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.EBI4ProductObjectMiniRow:hover {
  border: 1px solid var(--light-grey-border);
}
div.EBI4ProductObjectMiniRow a {
  color: var(--dark-grey-text);
}
div.EBI4ProductObjectMiniRow.Admin {
  padding-bottom: 20px;
}
div.EBI4ProductObjectMiniRowImages {
  width: 80px;
  height: auto;
  margin: 2px;
  padding: 0;
  float: left;
  overflow: hidden;
  min-width: 80px;
}
div.EBI4ProductObjectMiniRowImagesProduct {
  float: left;
  width: 80px;
  height: 80px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  font: 0/0 a;
}
div.EBI4ProductObjectMiniRowImagesProduct:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
div.EBI4ProductObjectMiniRowImagesProduct img {
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
div.EBI4ProductObjectMiniRowText {
  width: 260px;
  height: auto;
  display: inline-block;
  float: left;
  margin-left: 12px;
  flex-basis: 600px;
}
div.EBI4ProductObjectMiniRowText.AdminModal {
  width: 380px;
}
div.EBI4ProductObjectMiniRowTitle {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  height: auto;
  text-align: left;
  line-height: 110%;
  margin-top: 2px;
}
div.EBI4ProductObjectMiniRowTitle img {
  display: inline-block;
  height: 14px;
  margin-bottom: -2px;
  margin-left: 2px;
}
div.EBI4ProductObjectMiniRowCode {
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  width: 100%;
  height: auto;
  text-align: left;
  line-height: 110%;
  margin-top: 7px;
  color: var(--medium-grey-text);
}
a.MiniRowProductLink:hover div.EBI4ProductObjectMiniRowTitle {
  text-decoration: underline;
}
div.EBI4ProductObjectMiniRowTitle.NotPublic {
  color: var(--bright-orange);
}
div.EBI4ProductObjectMiniRowImagesStatus {
  float: left;
  width: 350px;
  overflow: hidden;
  text-align: left;
  vertical-align: top;
  margin-top: 2px;
  display: inline-block;
}
div.EBI4ProductObjectMiniRowImagesStatus img {
  display: inline-block;
  height: 15px;
}
div.EBI4ProductObjectMiniRowPriceOld {
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  color: var(--primary-color-text);
  width: 100px;
  line-height: 1;
  text-decoration: line-through;
  height: 14px;
  float: right;
  display: inline-block;
}
div.EBI4ProductObjectMiniRowPriceSale {
  text-align: right;
  font-size: 22px;
  font-weight: 800;
  color: var(--dark-grey-text);
  line-height: 1;
  letter-spacing: -2px;
  height: 20px;
  float: right;
  display: inline-block;
}
div.EBI4ProductObjectMiniRowVatRate {
  font-size: 10px;
  font-weight: bold;
  color: var(--primary-color-text);
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: right;
  overflow: hidden;
  float: right;
  width: 250px;
}
div.EBI4ProductObjectMiniRowStocks {
  float: left;
  padding-left: 5px;
  font-size: 12px;
  color: var(--dark-grey-text);
  width: 200px;
  text-align: left;
}
div.EBI4ProductObjectMiniRowStock.Arriving {
  color: var(--bright-red);
}
div.EBI4ProductObjectMiniRowStock.Empty {
  color: var(--bright-red);
}
div.EBI4ProductObjectMiniRowCompare {
  float: right;
  padding-top: 3px;
}
div.EBI4ProductObjectMiniRowCompare .EBI4ProductObjectButtonCompare {
  display: flex;
  width: 267px;
  justify-content: space-between;
}
div.EBI4ProductObjectPlateCompare {
  margin: 0;
  padding: 0;
  overflow: hidden;
  float: left;
  text-align: left;
  width: 150px;
  height: auto;
  background-color: var(--white-text);
  border-left: 1px dotted white;
}
div.EBI4ProductObjectPlateCompare a {
  color: var(--dark-grey-text);
}
div.EBI4ProductObjectPlateCompareImages {
  width: 100%;
  height: 140px;
  margin: 0 0 3px 0;
  padding: 0;
  float: none;
  overflow: hidden;
}
div.EBI4ProductObjectPlateCompareImagesProduct {
  float: left;
  width: 100%;
  height: 105px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  font: 0/0 a;
  margin-top: 20px;
}
div.EBI4ProductObjectPlateCompareImagesProduct:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
div.EBI4ProductObjectPlateCompareImagesProduct img {
  display: inline-block;
  vertical-align: middle;
}
div.EBI4ProductObjectPlateCompareImagesStatus {
  position: absolute;
  overflow: visible;
  text-align: left;
  vertical-align: top;
  width: 120px;
}
div.EBI4ProductObjectPlateCompareImagesStatus img {
  display: inline-block;
  height: 15px;
}
div.EBI4ProductObjectPlateCompareTitle {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  height: auto;
  text-align: center;
  line-height: 125%;
  padding-left: 2px;
  padding-right: 2px;
}
div.EBI4ProductObjectPlateComparePrices {
  height: 40px;
  width: 100%;
}
div.EBI4ProductObjectPlateComparePriceSale {
  text-align: center;
  font-size: 26px;
  font-weight: 800;
  width: 100%;
  line-height: 1;
  letter-spacing: -2px;
  display: inline-block;
  margin-top: 2px;
}
div.EBI4ProductObjectPlateCompareVatRate {
  font-size: 10px;
  font-weight: bold;
  color: var(--primary-color-text);
  margin-bottom: 1px;
  margin-top: 8px;
  text-align: center;
  overflow: hidden;
}
div.EBI4ProductObjectPlateCompareStock {
  margin-top: 8px;
  font-size: 12px;
  color: var(--primary-color-text);
  width: 100%;
  text-align: center;
}
div.EBI4ProductObjectPlateCompareStock.Arriving {
  color: var(--bright-red);
}
div.EBI4ProductObjectPlateCompareStock.Empty {
  color: var(--bright-red);
}
div.EBI4ProductObjectPlateCompareRemove {
  position: absolute;
  overflow: visible;
  text-align: right;
  vertical-align: top;
  height: 1px;
}
a.CompareProductLink:hover div.EBI4ProductObjectPlateCompareTitle {
  text-decoration: underline;
}
div.EBI4ProductObjectPlateButtons {
  width: 100%;
  text-align: center;
}
div.EBI4ProductObjectPlateButtons div.EBI4ProductAmount {
  display: none;
}
div.EBI4ProductObjectPlateButtons a.btnProductFForm,
div.EBI4ProductObjectPlateButtons a.btnProductAddToCart {
  margin: 0;
  font-weight: normal;
  height: 30px;
  line-height: 22px;
}
div.EBI4ProductObjectPlateButtons a.btnProductFForm img,
div.EBI4ProductObjectPlateButtons a.btnProductAddToCart img {
  vertical-align: middle;
  pointer-events: none;
}
div.EBI4ProductObjectRowButtons {
  width: 350px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 10px;
}
div.EBI4ProductObjectRowButtons .Right {
  text-align: right;
}
div.EBI4ProductObjectRowButtons .EBI4ProductAmount {
  float: none;
  display: none;
}
div.EBI4ProductObjectRowButtons .btnProductAddToCart,
div.EBI4ProductObjectRowButtons .btnProductFForm {
  margin: 0;
  font-weight: normal;
  height: 30px;
  line-height: 22px;
}
div.EBI4ProductObjectRowButtons img {
  vertical-align: middle;
}
div.EBI4ProductObjectRowButtons .EBI4ProductObjectButtonCompare {
  float: right;
  width: auto;
}
div.EBI4ProductObjectRowButtons.reform-dealer-class .EBI4ProductAmount {
  display: block;
}
div.EBI4ProductObjectRowButtons.reform-dealer-class .EBI4Container.Right {
  display: flex;
  flex-direction: row;
}
div.EBI4ProductObjectRowButtons.reform-dealer-class .EBI4LinkBtn {
  width: 150px;
  margin-left: 2px;
}
div.EBI4ProductObjectRowButtons.reform-dealer-class
  .EBI4ProductObjectButtonCompare {
  display: flex;
  width: 262px;
  justify-content: space-between;
}
div.EBI4ProductObjectRowButtons.reform-dealer-class .EBI4ProductAmountText {
  margin-right: 15px;
}
div.EBI4ProductDetailsPlateButtons {
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  margin-right: 15px;
}
div.EBI4ProductDetailsPlateButtons .EBI4LinkBtn {
  min-width: 192px;
}
div.EBI4ProductDetailsPlateButtons a.btnProductFForm,
div.EBI4ProductDetailsPlateButtons a.btnProductAddToCart {
  margin: 0;
  font-weight: normal;
  height: 30px;
  line-height: 22px;
  float: left;
}
div.EBI4ProductDetailsPlateButtons a.btnProductFForm img,
div.EBI4ProductDetailsPlateButtons a.btnProductAddToCart img {
  vertical-align: middle;
}
div.EBI4ProductObjectMiniRowButtons {
  width: 350px;
  float: right;
  margin-top: 5px;
  margin-bottom: 3px;
  display: flex;
  flex-direction: column;
}
div.EBI4ProductObjectMiniRowButtons .EBI4LinkBtn {
  width: 156px;
}
div.EBI4ProductObjectMiniRowButtons .EBI4ProductObjectMiniRowPrices {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
div.EBI4ProductObjectMiniRowButtons .Right {
  text-align: right;
}
div.EBI4ProductObjectMiniRowButtons .FRight {
  float: right;
}
div.EBI4ProductObjectMiniRowButtons .MTopFiller {
  margin-top: 6px;
}
div.EBI4ProductObjectMiniRowButtons .EBI4ProductAmount {
  display: inline-block;
  float: none;
}
div.EBI4ProductObjectMiniRowButtons .EBI4ProductAmount {
  margin-right: 15px;
  padding-top: 5px;
}
div.EBI4ProductObjectMiniRowButtons a.btnProductFForm,
div.EBI4ProductObjectMiniRowButtons a.btnProductAddToCart {
  margin: 0;
  font-weight: normal;
  height: 30px;
  line-height: 22px;
}
div.EBI4ProductObjectMiniRowButtons a.btnProductFForm img,
div.EBI4ProductObjectMiniRowButtons a.btnProductAddToCart img {
  vertical-align: middle;
}
div.EBI4ProductObjectMiniRowButtons.AdminModal {
  vertical-align: middle;
  margin-left: 15px;
  margin-top: 12px;
  text-align: center;
  width: auto;
  float: left;
}
div.EBI4ProductObjectMiniRowButtons.AdminModal a {
  color: var(--white-text);
}
div.EBI4ProductObjectMiniRowButtons.AdminModal span.Green {
  color: var(--green);
  font-weight: bold;
}
div.EBI4ProductObjectMiniRowButtons.AdminModal span.DarkRed {
  color: var(--bright-red);
  font-weight: bold;
}
div.EBI4ProductObjectMiniRowAdminButtons {
  margin-top: 0;
  float: left;
  overflow: visible;
}
div.EBI4ProductObjectMiniRowAdminButtons.AdminModal {
  margin-top: 8px;
}
div.EBI4ProductObjectMiniRowPrices.AdminModal {
  width: 160px;
  margin-top: 13px;
}
div.EBI4ProductObjectPlateCompareButtons {
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
}
div.EBI4ProductObjectPlateCompareButtons div.EBI4ProductAmount {
  display: none;
}
div.EBI4ProductObjectButtonCompare {
  float: left;
  width: 100%;
  display: flex;
}
div.EBI4ProductObjectButtonCompare .pre-text {
  letter-spacing: -0.4px;
  text-wrap: auto;
}
div.EBI4ProductObjectButtonCompare .objSpacer {
  display: table-cell;
  width: 3px;
  content: " ";
}
div.EBI4ProductObjectButtonCompare a.btnProductAddToWishList {
  margin: 0;
  content: " ";
  display: table-cell;
  width: 38px;
  background-image: url(/Gfx/Mobile/Icons/heartWhite.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-color: var(--light-grey-background);
  border: 1px solid var(--light-grey-border);
  -webkit-appearance: none;
  height: 30px;
  border-radius: 3px;
  position: relative;
}
div.EBI4ProductObjectButtonCompare a.btnProductAddToWishList img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
div.EBI4ProductObjectButtonCompare a.btnProductAddToWishList.WlActive {
  background-image: url(/Gfx/Mobile/Icons/heartRed.png);
}
div.EBI4ProductObjectButtonCompare a.btnClientProductStockInfo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 22px;
  width: 155px;
  color: var(--white-text);
}
div.EBI4ProductObjectButtonCompare .btnProductGoToCart {
  margin-top: 0px;
  margin-bottom: 0px;
}
div.EBI4ProductObjectButtonCompare
  a.btnClientProductStockInfo.ShowLongerStockInfo {
  width: 200px;
}
div.EBI4ProductObjectButtonCompare input.ProductButtonCompareAdd {
  margin: 0;
  cursor: pointer;
  content: " ";
  display: flex;
  width: 38px;
  background-image: url(/Gfx/Mobile/Icons/compareWhite.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-color: var(--light-grey-background);
  -webkit-appearance: none;
  height: 30px;
  border-radius: 3px;
}
div.EBI4ProductObjectButtonCompare input.ProductButtonCompareAdd:checked {
  border: 1px solid var(--bright-red);
  background-color: var(--white-text);
  background-image: url(/Gfx/Mobile/Icons/compareRed.png);
}
div.EBI4ProductAmount {
  float: left;
  padding: 0;
  margin: 4px 1px 0 0;
  color: var(--white-text);
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  height: 23px;
}
div.EBI4ProductAmountUnitText {
  float: none;
  text-align: center;
  color: var(--medium-grey-text);
  width: 75px;
  height: 0;
  position: absolute;
  overflow: visible;
  margin-top: -15px;
}
div.EBI4ProductAmountOpenCart {
  float: left;
  text-align: center;
  width: 94px;
  margin: 0 0 0 0;
  font-size: 14px;
}
div.EBI4ProductAmountOpenCartText,
.EBI4ProductAmountText,
.WLProductText {
  float: right;
  text-align: center;
  color: var(--dark-grey-text);
  display: flex;
}
div.EBI4ProductAmountOpenCartText a,
.EBI4ProductAmountText a,
.WLProductText a {
  background-color: var(--light-grey-background);
  color: var(--white-text);
  text-align: center;
  padding: 0;
  margin: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
}
div.EBI4ProductAmountOpenCartText a.Grey.Minuss::before,
.EBI4ProductAmountText a.Grey.Minuss::before,
.WLProductText a.Grey.Minuss::before {
  content: "-";
}
div.EBI4ProductAmountOpenCartText .Grey,
.EBI4ProductAmountText .Grey,
.WLProductText .Grey {
  height: 26px;
  width: 26px;
  display: inline-block;
   background-color: var(--dark-grey-background);
  color: var(--white-text);
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
  text-align: center;
  border-radius: 3px;
}
div.EBI4ProductAmountOpenCartText .Grey.Pluss::before,
.EBI4ProductAmountText .Grey.Pluss::before,
.WLProductText .Grey.Pluss::before {
  content: "+";
}
div.EBI4ProductAmountOpenCartText .Grey.Minuss,
.EBI4ProductAmountText .Grey.Minuss,
.WLProductText .Grey.Minuss {
  line-height: 23px;
}
div.EBI4ProductAmountOpenCartText input,
.EBI4ProductAmountText input,
.WLProductText input {
  width: 26px;
  height: 26px;
  padding: 0;
  margin-left: 8px;
  margin-right: 8px;
  text-align: center;
  border-radius: 3px;
  box-shadow: none;
}
#divOpenCartButtons .EBI4LinkBtn,
.OpenCartPoContainer.Selected .EBI4LinkBtn,
.EBI4Container.complete .EBI4LinkBtn,
div.DOConfirm .EBI4LinkBtn,
.OpenCartOConfirm .EBI4LinkBtn {
  font-size: 13px;
  height: 30px;
  width: 200px;
  font-weight: 500;
  line-height: 23px;
}
.ePayNotice {
  font-size: 16px;
  color: var(--bright-red);
  width: 100%;
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 40px;
}
.EBI4Container.complete {
  font-size: 15px;
  color: var(--dark-grey-text);
  margin-top: 70px;
  font-weight: 600;
  text-align: center;
}
.EBI4Container.complete .EBI4LinkBtn {
  margin-top: 15px;
}
div.EBI4ProductReserveOpenCartText {
  float: none;
  text-align: center;
  color: var(--medium-grey-text);
}
div.EBI4ProductReserveOpenCartText a {
  background-color: var(--light-grey-background);
  color: var(--white-text);
  text-align: center;
  padding: 0;
  margin: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
}
div.EBI4ProductReserveOpenCartText a.Grey.Minuss {
  background: url("/Gfx/Icons/iconAmountMinuss.png");
  background-size: 100% 100%;
}
div.EBI4ProductReserveOpenCartText a.Grey.Pluss {
  background: url("/Gfx/Icons/iconAmountPluss.png");
  background-size: 100% 100%;
}
div.EBI4ProductReserveOpenCartText input {
  width: 28px;
  height: 20px;
  padding: 0;
  margin: 0;
  text-align: center;
  border: 1px solid var(--light-grey-border);
  border-radius: 3px;
  box-shadow: none;
}
div.EBI4ProductAmountOpenCartUnitText {
  float: none;
  width: 80px;
  text-align: center;
  color: var(--medium-grey-text);
  height: 0;
  position: absolute;
  overflow: visible;
  margin-top: -15px;
}
a.OpenCartProductConfimAmount {
  font-size: 12px;
  font-family: var(--font-family-1);
  font-weight: bold;
  text-decoration: none;
  color: var(--white-text);
  display: inline-block;
  margin-top: 2px;
  padding: 1px 3px;
  width: 95px;
  border-radius: 3px;
  background: var(--primary-color-background);
  float: right;
}
a.OpenCartProductRemove,
a.OpenCartProductRemoveFromSession {
  font-weight: bold;
  line-height: 14px;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  justify-content: flex-end;
}
.OCPContainer.addFromSession {
  position: absolute;
  bottom: 2px;
  right: 50px;
}
div.WLProductUnitText {
  float: none;
  width: 100%;
  text-align: center;
  color: var(--medium-grey-text);
  overflow: hidden;
}
div.WLProductText {
  margin-right: 18px;
}
div.WLProductText a {
  background-color: var(--light-grey-background);
  color: var(--white-text);
  text-align: center;
  padding: 0;
  margin: 0;
  width: 26px;
  height: 26px;
  line-height: 20px;
  display: inline-block;
}
div.WLProductText .amountWLProduct {
  height: 26px;
  width: 26px;
  margin-left: 6px;
  margin-right: 6px;
}
div.WLProductText input {
  width: 28px;
  height: 20px;
  padding: 0;
  margin: 0;
  text-align: center;
  border: 1px solid var(--light-grey-border);
  border-radius: 3px;
  box-shadow: none;
}
div.WLProductText a.WLProductConfimAmount {
  font-size: 12px;
  font-family: var(--font-family-1);
  font-weight: bold;
  text-decoration: none;
  color: var(--white-text);
  display: inline-block;
  margin-top: 2px;
  padding: 1px 3px;
  width: auto;
  border-radius: 3px;
  background: var(--bright-red);
}
div.WLProductText a.WLProductRemove {
  font-weight: bold;
  line-height: 14px;
  vertical-align: bottom;
}
div.WLProductText a.WLProductRemove img {
  vertical-align: bottom;
}
div.ProductStockBlockContainer {
  display: block;
  text-align: right;
  width: 100%;
  height: auto;
  overflow: visible;
}
span.ProductStockBlock {
  display: inline-block;
  line-height: 16px;
  vertical-align: top;
  width: auto;
  font-weight: bold;
  font-size: 12px;
}
span.ProductStockBlock.InCart {
  width: 40px;
  text-align: center;
}
span.ProductStockBlock.InCart img {
  margin: 1px 0 0 0;
}
span.ProductStockBlock.InCart span.DataValue {
  display: block;
  text-align: center;
}
span.ProductStockBlock.InOrders {
  width: 40px;
  text-align: center;
}
span.ProductStockBlock.InOrders img {
  margin: 1px 0 0 0;
}
span.ProductStockBlock.InOrders span.DataValue {
  display: block;
  text-align: center;
}
span.ProductStockBlock.InStock {
  width: 40px;
  text-align: center;
  color: var(--primary-color-text);
}
span.ProductStockBlock.InStock img {
  margin: 1px 0 0 0;
}
span.ProductStockBlock.InStock span.DataValue {
  display: block;
  text-align: center;
}
span.ProductStockBlock.InWishList {
  width: 40px;
  text-align: center;
  color: var(--dark-grey-text);
}
span.ProductStockBlock.InWishList img {
  margin: 1px 0 0 0;
}
span.ProductStockBlock.InWishList span.DataValue {
  display: block;
  text-align: center;
}
span.ProductStockBlock.InfoStock {
  width: 30px;
  text-align: left;
  margin-left: 3px;
}
span.ProductStockBlock.InfoStock a.btnClientProductStockInfo {
  margin-left: 0;
}
span.ProductStockBlock.InfoStock span.DataValue {
  display: block;
  text-align: left;
  overflow: visible;
  margin-left: 3px;
  margin-top: -1px;
  color: var(--medium-grey-text);
  font-weight: normal;
}
span.CLInfoStockDataValue {
  color: white !important;
  background-color: var(--green) !important;
  padding: 0 3px !important;
  display: inline-block;
  border-radius: 3px;
}
span.ProductStockBlock.InStock.Arriving {
  color: var(--bright-red);
}
span.ProductStockBlock.InStock.Empty {
  color: var(--bright-red);
}
.hidden {
  display: none !important;
}
span.ProductStockBlock.hidden img {
  display: none !important;
}
span.ProductStockBlock.hidden span {
  display: none !important;
}
span.ProductStockBlock.hidden label {
  display: none !important;
}
span.ProductStockBlock.PlateRow {
  width: auto;
  padding-left: 10px;
}
span.ProductStockBlock.PlateRow span.DataValue {
  display: inline-block;
  padding-left: 3px;
  vertical-align: bottom;
  line-height: 16px;
}
span.ProductStockBlock.PlateRow img {
  margin: 0;
  vertical-align: bottom;
}
div.EBI4ProductCartAdd {
  float: right;
  font-size: 12px;
  font-family: var(--font-family-1);
  font-weight: normal;
  text-decoration: none;
  color: var(--white-text);
  padding: 3px 10px;
  display: inline-block;
  vertical-align: middle;
  border: 0;
  max-width: 170px;
  max-height: 23px;
  border-radius: 3px;
}
div.EBI4ProductCartAdd a {
  text-decoration: none;
  color: var(--white-text);
  display: inline-block;
  vertical-align: middle;
}
div.EBI4ProductCartAdd img {
  line-height: 12px;
  margin-right: 6px !important;
}
div.EBI4ProductCartAdd.Blue {
  color: var(--white-text);
  background: var(--primary-color-background);
}
div.EBI4ProductWishListAdd {
  float: right;
  font-size: 12px;
  font-family: var(--font-family-1);
  font-weight: bold;
  text-decoration: none;
  color: var(--white-text);
  display: inline-block;
  vertical-align: middle;
  border: 0;
  margin-top: 3px;
  padding: 4px 10px 3px 10px;
  background: var(--primary-color-background);
  border-radius: 3px;
  height: 30px;
}
div.EBI4ProductWishListAdd a {
  text-decoration: none;
  color: var(--white-text);
  display: inline-flex;
  vertical-align: middle;
}
div.EBI4ProductWishListAdd img {
  line-height: 12px;
  margin-right: 6px !important;
}
div.EBI4ProductWishListAdd.Success {
  background: var(--green);
}
div.EBI4ProductWishListAdd.Success a {
  color: var(--white-text);
}
div.EBI4ProductDetailsPlateButtons div.EBI4ProductCartAdd {
  float: left;
}
div.EBI4ProductDetailsPlateButtons div.EBI4ProductWishListAdd {
  float: left;
  margin-top: 0;
  margin-left: 5px;
}
div.EBI4ProductDetailsContainer {
  width: 100%;
  display: inline-block;
}
div.EBI4ProductDetailsImages {
  float: left;
  width: 580px;
  height: auto;
  display: inline-block;
  margin-left: 76px;
}
div.EBI4ProductDetailsImageBrand {
  width: 120px;
  height: 50px;
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
  font: 0/0 a;
}
div.EBI4ProductDetailsImageBrand:before {
  content: " ";
  display: inline-block;
  vertical-align: bottom;
  height: 100%;
}
div.EBI4ProductDetailsImageBrand img {
  display: inline-block;
  vertical-align: bottom;
}
div.EBI4ProductDetailsImageProduct {
  width: 500px;
  height: 500px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin-top: 5px;
  font: 0/0 a;
  align-self: center;
}
div.EBI4ProductDetailsImageProduct:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
div.EBI4ProductDetailsImageProduct:hover a.ProductDetailsImageProductZoom {
  display: block;
}
div.EBI4ProductDetailsImageProduct img {
  display: inline-block;
  vertical-align: middle;
  width: 500px;
  max-height: 350px;
  object-fit: contain;
}
div.EBI4ProductDetailsImageProductImagesStatus {
  position: relative;
  padding-left: 20px;
  display: inline-block;
  height: 0;
  overflow: visible;
  text-align: center;
  vertical-align: top;
}
div.EBI4ProductDetailsImageProductImagesStatus img {
  display: inline-block;
  height: 30px;
}
div.EBI4ProductDetailsImageProductThumbs {
  width: 350px;
  height: 70px;
  display: inline-block;
  margin-top: 5px;
}
div.EBI4ProductDetailsImageProductThumbs a.SetButton {
  display: inline-block;
  width: 20px;
  text-align: center;
  vertical-align: middle;
  margin-top: 20px;
}
div.EBI4ProductDetailsImageProductThumbs a.SetButton.Previous {
  float: left;
}
div.EBI4ProductDetailsImageProductThumbs a.SetButton.Next {
  float: left;
}
div.EBI4ProductDetailsImageProductThumbsSetContainer {
  display: inline-block;
  float: left;
  width: 300px;
  margin-left: 4px;
  margin-right: 4px;
  height: 70px;
  overflow: hidden;
}
div.EBI4ProductDetailsImageProductThumbsSet {
  position: relative;
  display: inline-block;
  float: left;
  width: 300px;
  height: 70px;
  overflow: hidden;
}
div.EBI4ProductDetailsImageProductThumb {
  display: inline-block;
  text-align: center;
  float: left;
  width: 94px;
  height: 90px;
  margin-left: 3px;
  margin-right: 3px;
  padding: 4px;
  margin-top: 5px;
  margin-bottom: 5px;
}
div.EBI4ProductDetailsImageProductThumb:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
div.EBI4ProductDetailsImageProductThumb img {
  display: inline-block;
  vertical-align: middle;
  max-width: 70px;
  max-height: 55px;
}
div.EBI4ProductDetailsImageProductThumb:hover {
  border: 1px solid var(--light-grey-border);
}
div.EBI4ProductDetailsImagesColors {
  width: 350px;
  padding: 3px;
  display: inline-block;
}
div.EBI4ProductDetailsImagesColorText {
  width: 100%;
  padding: 0 3px 3px 3px;
  color: var(--dark-grey-text);
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
}
div.EBI4ProductDetailsImagesColorObject {
  float: left;
  width: 53px;
  height: 36px;
  padding: 3px;
  margin: 2px;
  border: 1px solid var(--light-grey-border);
  background-color: var(--white-text);
  border-radius: 3px;
  text-align: center;
}
div.EBI4ProductDetailsImagesColorObject img {
  display: inline-block;
  vertical-align: middle;
  opacity: 0.5 !important;
}
div.EBI4ProductDetailsImagesColorObject img:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
div.EBI4ProductDetailsImagesColorObject div.ColorObj {
  height: 100%;
  width: 100%;
  border-radius: 2px;
  opacity: 0.5 !important;
}
div.EBI4ProductDetailsImagesColorObject:hover {
  border: 1px solid var(--light-grey-border);
}
div.EBI4ProductDetailsImagesColorObject:hover img {
  opacity: 1 !important;
}
div.EBI4ProductDetailsImagesColorObject:hover div.ColorObj {
  opacity: 1 !important;
}
div.EBI4ProductDetailsImagesColorObject.Selected {
  border: 1px solid var(--medium-grey-border);
}
div.EBI4ProductDetailsImagesColorObject.Selected img {
  opacity: 1 !important;
}
div.EBI4ProductDetailsImagesColorObject.Selected div.ColorObj {
  opacity: 1 !important;
}
div.EBI4ProductDetailsMain {
  float: right;
  margin-left: 18px;
  display: inline-block;
  width: 456px;
}
h1.EBI4ProductDetailsMainTitle {
  font-size: 22px;
  font-weight: bold;
  color: var(--primary-color-text);
  margin-top: 4px;
  font-weight: 800;
  margin-right: 10px;
  margin-left: 11px;
}
h2.EBI4ProductDetailsMainTitle {
  font-size: 22px;
  font-weight: bold;
  color: var(--primary-color-text);
  margin-top: 4px;
  font-weight: 800;
  margin-right: 10px;
  margin-left: 11px;
}
div.EBI4ProductDetailsMainTitle.NotPublic {
  color: var(--bright-orange);
}
div.EBI4ProductDetailsPrices {
  margin-top: 4px;
  margin-left: 12px;
}
div.EBI4ProductDetailsPriceOld {
  display: inline-block;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  color: var(--primary-color-text);
  line-height: 1;
  text-decoration: line-through;
  height: 16px;
}
div.EBI4ProductDetailsPriceSale {
  text-align: left;
  font-size: 32px;
  font-weight: 800;
  color: var(--dark-grey-text);
  line-height: 1;
  letter-spacing: -2px;
  height: 30px;
  display: inline-block;
}
div.EBI4ProductDetailsPriceVatRate {
  font-size: 10px;
  font-weight: bold;
  color: var(--primary-color-text);
  margin-top: 1px;
  margin-bottom: 15px;
  text-align: left;
  overflow: hidden;
}
div.EBI4ProductDetailsStock {
  font-size: 12px;
  color: var(--primary-color-text);
  height: 14px;
  text-align: left;
}
div.EBI4ProductDetailsStock.Arriving {
  color: var(--bright-red);
}
div.EBI4ProductDetailsStock.Empty {
  color: var(--bright-red);
}
div.EBI4ProductDetailsMainParamTitle {
  padding: 2px;
  background-color: var(--light-grey-background);
  color: var(--white-text);
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  margin-bottom: 3px;
  text-transform: uppercase;
}
div.EBI4ProductDetailsMainParam {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: normal;
  width: 379px;
  margin-left: 5px;
  margin-right: 10px;
  border-bottom: 1px solid var(--light-grey-border);
  line-height: 18px;
  float: left;
  color: var(--dark-grey-text);
}
div.EBI4ProductDetailsMainParam b {
  text-align: left;
}
div.EBI4ProductDetailsMainParam img {
  margin-right: 3px;
}
div.EBI4ProductDetailsMainParam .eanContainer {
  text-align: right;
}
div.EBI4ProductDetailsMainParam.NotPublic {
  color: var(--bright-orange);
}
div.EBI4ProductDetailsPane {
  margin: 0;
  margin-top: 50px;
  padding: 0;
  overflow: hidden;
  width: 100%;
  text-align: left;
  display: inline-block;
}
div.EBI4ProductDetailsPaneButtons {
  margin: 0;
  padding: 0;
  overflow: visible;
  width: 100%;
  text-align: left;
  display: flex;
  gap: 2px;
  height: 32px;
}
div.EBI4ProductDetailsPaneButton {
  float: left;
  margin-bottom: 20px;
  padding: 6px 45px;
  overflow: hidden;
  font-size: 14px;
  color: var(--light-grey-text);
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  border: 1px solid var(--light-grey-border);
  border-radius: 3px;
  width: 100%;
  height: 30px;
}
div.EBI4ProductDetailsPaneButton.Selected {
  color: var(--dark-grey-text);
  height: 33px;
  border-bottom: none;
  background-color: var(--white-text);
  border-bottom: 0px;
  border-radius: 0px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
div.EBI4ProductDetailsPaneBlock {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  text-align: left;
  border: 1px solid var(--light-grey-border);
  border-radius: 4px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 35px;
  padding-top: 30px;
}
div.EBI4ProductDetailsPaneBlock.fullParameters {
  border-radius: 0px 3px 3px 3px;
}
div.EBI4ProductDetailsPaneBlock.similarProducts {
  border-radius: 3px 0px 3px 3px;
}
div.EBI4ProductDetailsPaneBlock.similarProducts .btnClientProductStockInfo {
  width: 189px;
}
div.EBI4ProductDetailsPaneBlock.similarProducts .EBI4ProductListContainerBG {
  margin-left: 10px;
  margin-top: 7px;
}
div.EBI4ProductDetailsPaneBlock.relatedProducts {
  border-radius: 3px 0px 3px 3px;
}
div.EBI4ProductDetailsPaneBlock.relatedProducts .btnClientProductStockInfo {
  width: 189px;
}
div.EBI4ProductDetailsPaneBlock.relatedProducts .EBI4ProductListContainerBG {
  margin-left: 10px;
  margin-top: 7px;
}
div.EBI4ProductDetailsRelatedProductsContainer {
  width: 985px;
  height: 200px;
  padding: 5px 0;
  background-color: var(--white-text);
  overflow: hidden;
}
div.EBI4ProductDetailsRelatedProductsDataContainer {
  width: 936px;
  height: 190px;
  float: left;
  display: block;
  background-color: var(--white-text);
  position: relative;
  overflow: hidden;
}
div.EBI4ProductDetailsRelatedProductsData {
  height: 177px;
  position: absolute;
  display: block;
  white-space: nowrap;
  padding: 0 2px;
}
div.EBI4ProductDetailsRelatedProductsArrowLeft {
  width: 24px;
  height: 177px;
  float: left;
  display: block;
  padding-top: 76px;
  text-align: center;
  cursor: pointer;
}
div.EBI4ProductDetailsRelatedProductsArrowRight {
  width: 24px;
  height: 177px;
  float: right;
  display: block;
  padding-top: 76px;
  text-align: center;
  cursor: pointer;
}
.arrow-icon {
  background-color: transparent;
  width: 1.8em;
  display: block;
  margin: 10px 25px;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
}
.left-bar {
  position: absolute;
  background-color: transparent;
  top: 0;
  left: 0;
  width: 25px;
  height: 4px;
  display: block;
  transform: rotate(45deg);
  float: right;
  border-radius: 1px;
}
.left-bar:after {
  content: "";
  background-color: grey;
  width: 20px;
  height: 1px;
  display: block;
  float: right;
  border-radius: 1.5px 2.5px 2.5px 1.5px;
  transition: all 0.4s ease;
  z-index: -1;
}
.right-bar {
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: 26px;
  width: 16px;
  height: 9px;
  display: block;
  transform: rotate(-45deg);
  float: right;
  border-radius: 1px;
}
.right-bar:after {
  content: "";
  background-color: grey;
  width: 20px;
  height: 1px;
  display: block;
  float: right;
  border-radius: 2.5px 1.5px 1.5px 2.5px;
  transition: all 0.4s ease;
  z-index: -1;
}
.openArrow .left-bar:after {
  transform-origin: center center;
  transform: rotate(-90deg);
}
.openArrow .right-bar:after {
  transform-origin: center center;
  transform: rotate(90deg);
}
.standartParameterContainer {
  display: block;
}
div.EBI4ProductParametrGroup {
  padding: 2px 2px 2px 6px;
  margin-top: 15px;
  margin-bottom: 10px;
  color: var(--dark-grey-text);
  font-size: 14px;
  font-weight: bold;
  width: 400px;
}
div.EBI4ProductParametrGroup.main,
div.EBI4ProductParametrGroup.all {
  font-weight: 800;
  margin-bottom: 10px;
  font-size: 15px;
  color: var(--dark-grey-text);
  padding-left: 0px;
}
div.EBI4ProductParametr {
  padding: 2px;
  margin-left: 10px;
  color: var(--dark-grey-text);
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  width: 375px;
  border-bottom: 1px solid var(--light-grey-border);
  display: inline-flex;
  justify-content: space-between;
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  vertical-align: bottom;
}
div.EBI4ProductParametrTitle {
  font-weight: bold;
  float: left;
}
div.EBI4ProductParametrInfoImage {
  float: right;
  width: 18px;
  margin-left: 5px;
}
div.EBI4ProductParametrInfoImage img {
  float: left;
  display: inline-block;
}
div.EBI4ProductParametrInfoText {
  position: absolute;
  margin-left: 20px;
  max-width: 500px;
  width: auto;
  height: auto;
  border: 2px solid var(--light-grey-border);
  background-color: var(--white-text);
  text-align: justify;
  border-radius: 6px;
  box-shadow: 3px 3px 3px #4e4e4e;
  padding: 0 12px;
  display: none;
}
div.EBI4ProductParametrText {
  font-weight: normal;
  float: left;
  padding-left: 20px;
  word-break: break-word;
}
div.EBI4ProductParametrText img {
  margin-left: 4px;
}
div.EBI4ProductDetailsDecriptionImage {
  width: 600px;
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 190px;
}
div.EBI4ProductDetailsDecriptionText {
  text-align: justify;
}
div.EBI4ProductDetailsDownload {
  padding: 10px 5px 0 0;
  display: inline-block;
  width: 230px;
}
div.EBI4ProductDetailsDownloadText {
  float: left;
  width: 230px;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  color: var(--dark-grey-text);
  height: 28px;
  overflow: hidden;
  margin-top: 3px;
}
div.EBI4ProductDetailsDownloadLink a {
  float: left;
  width: 230px;
  color: var(--medium-grey-text);
  font-weight: normal;
  margin: 1px;
  display: inline-block;
  text-align: center;
}
div.EBI4ProductDetailsDownloadLink a img {
  text-align: center;
}
div.EBI4ProductCompareParametrGroup {
  padding: 2px 2px 2px 6px;
  margin: 0;
  background-color: var(--light-grey-background);
  color: var(--dark-grey-text);
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  border-radius: 3px;
}
div.EBI4ProductCompareParametr {
  padding: 0 0 0 10px;
  color: var(--dark-grey-text);
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  width: 980px;
  border-bottom: 1px dotted white;
  display: inline-block;
  vertical-align: middle;
}
div.EBI4ProductCompareParametr:hover {
  background-color: var(--light-grey-background);
  color: var(--black-text);
}
div.EBI4ProductCompareParametrTitle {
  font-weight: bold;
  width: 195px;
  height: 100%;
  float: left;
  padding: 5px 0;
}
div.EBI4ProductCompareParametrInfoImage {
  float: left;
  width: 18px;
  padding: 5px 0;
  margin-right: 5px;
}
div.EBI4ProductCompareParametrInfoImage img {
  float: left;
  display: inline-block;
}
div.EBI4ProductCompareParametrInfoText {
  position: absolute;
  margin-left: 20px;
  max-width: 500px;
  width: auto;
  height: auto;
  border: 5px solid var(--light-grey-border);
  background-color: var(--white-text);
  text-align: justify;
  border-radius: 6px;
  box-shadow: 3px 3px 3px #4e4e4e;
  padding: 0 12px;
  display: none;
}
div.EBI4ProductCompareParametrText {
  font-weight: normal;
  padding: 5px;
  width: 150px;
  height: 100%;
  border-left: 1px dotted white;
  display: table-cell;
}
div.EBI4ProductCompareParametrText img {
  margin-left: 4px;
}
div.EBI4ProductFilterContainer {
  margin: 1px 0 0 0;
  overflow: visible;
  float: right;
  text-align: left;
  width: 210px;
  height: 100%;
}
.EBI4ProductFiltersBlockValue:last-child {
  margin-bottom: 10px;
}
div.EBI4ProductFilters {
  margin: 0;
  padding: 0;
  overflow: visible;
  float: left;
  text-align: left;
  width: 100%;
  border-radius: 6px;
}
div.EBI4ProductFiltersTitle {
  font-size: 25px;
  font-weight: 800;
  color: var(--dark-grey-text);
  float: left;
  margin-bottom: 3px;
  width: 145px;
}
div.EBI4ProductFiltersBlock {
  margin: 0;
  padding: 0 0 5px 0;
  overflow: hidden;
  float: left;
  text-align: left;
  width: 100%;
  margin-top: 10px;
}
div.EBI4ProductFiltersBlockTitle {
  text-decoration: none;
  margin: 0;
  padding: 1px;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  color: var(--dark-grey-text);
  overflow: hidden;
  float: left;
  text-align: left;
  width: 193px;
}
div.EBI4ProductFiltersBlockTitle a {
  text-decoration: none;
  margin: 0;
  padding: 1px;
  font-family: var(--font-family-1);
  font-size: 14px;
  font-weight: bold;
  color: var(--dark-grey-text);
  overflow: hidden;
  float: left;
  text-align: left;
  width: 193px;
}
div.EBI4ProductFiltersBlockTitle a:hover {
  text-decoration: underline;
}
div.EBI4ProductFiltersBlockTitleButtons {
  margin: 0;
  padding-top: 3px;
  font-size: 12px;
  font-weight: bold;
  color: var(--white-text);
  overflow: hidden;
  float: right;
  text-align: left;
  width: 14px;
  margin-top: 6px;
}
div.EBI4ProductFiltersBlockTitleButtons a {
  position: relative;
  display: block;
  float: left;
}
div.EBI4ProductFiltersBlockTitleButtons img {
  position: relative;
  display: block;
  float: left;
}
div.EBI4ProductFiltersBlockValues {
  margin: 0;
  padding: 1px;
  overflow: hidden;
  float: left;
  text-align: left;
  width: 100%;
  color: var(--dark-grey-text);
  font-weight: 500;
  margin-left: 2px;
}
div.EBI4ProductFiltersBlockValues.Closed {
  display: none;
}
div.EBI4ProductFiltersBlockValue {
  margin: 0;
  padding: 0;
  overflow: hidden;
  float: left;
  text-align: left;
  width: 100%;
  transition-property: margin, background-color, border-color;
  transition-duration: 0.4s, 0.2s, 0.2s;
  transition-timing-function: ease-in-out, ease, ease;
  font-size: 16px;
  font-weight: 700;
  margin-top: 4px;
}
.hidingFilterVal {
  margin-left: -100%;
  opacity: 0.5;
}
div.EBI4ProductFiltersBlockValueCheckBox {
  margin: 0;
  padding: 0;
  overflow: hidden;
  float: left;
  text-align: left;
  font: 0/0 a;
  height: 16px;
  line-height: 14px;
  margin-right: 8px;
}
div.EBI4ProductFiltersBlockValueCheckBox input {
  height: auto;
  display: inline-block;
  margin: 0;
  width: 15px;
  height: 15px;
  border: 1px solid var(--dark-grey-border);
  background-color: var(--white-text);
  appearance: none;
  border-radius: 4px;
}
div.EBI4ProductFiltersBlockValueCheckBox input:checked {
  background-color: var(--primary-color-background);
  border-color: var(--primary-color-text);
}
div.EBI4ProductFiltersBlockValueCheckBox input:disabled {
  border-color: var(--light-grey-border);
}
div.EBI4ProductFiltersBlockValueText {
  margin: 0;
  padding: 2px 0 0 0;
  line-height: 14px;
  font-family: var(--font-family-1);
  font-size: 11px;
  font-weight: normal;
  color: var(--dark-grey-text);
  overflow: hidden;
  float: left;
  text-align: left;
  width: 155px;
}
div.EBI4ProductFiltersBlockValueText.NoProducts {
  color: var(--light-grey-text);
}
div.EBI4ProductFiltersBlock.NotPublic div.EBI4ProductFiltersBlockTitle {
  color: var(--bright-orange);
}
div.EBI4ProductFiltersBlock.NotPublic div.EBI4ProductFiltersBlockTitle a {
  color: var(--bright-orange);
}
div.EBI4Container.productsPerPage {
  color: var(--dark-grey-text);
}
a.ProductToolbarPageCount {
  box-sizing: content-box;
  border-radius: 3px;
  text-indent: 0;
  border: 1px solid var(--light-grey-border);
  display: inline-block;
  color: var(--light-grey-text);
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  height: 20px;
  line-height: 20px;
  width: 20px;
  text-decoration: none;
  text-align: center;
  margin: 0 2px 0 2px;
  vertical-align: top;
}
a.ProductToolbarPageCount:hover {
  background-color: var(--white-text);
}
a.ProductToolbarPageCount:active {
  position: relative;
  top: 1px;
}
a.ProductToolbarPageCount.Selected {
  color: var(--white-text);
  background: var(--dark-grey-background);
  border: 1px solid var(--dark-grey-border);
}
a.ProductToolbarPage {
  box-sizing: content-box;
  border-radius: 3px;
  text-indent: 0;
  border: 1px solid var(--light-grey-border);
  display: inline-block;
  color: var(--light-grey-text);
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  height: 20px;
  line-height: 20px;
  width: 20px;
  text-decoration: none;
  text-align: center;
  margin: 0 2px 0 2px;
  vertical-align: top;
}
a.ProductToolbarPage:hover {
  background-color: var(--white-text);
}
a.ProductToolbarPage:active {
  position: relative;
  top: 1px;
}
a.ProductToolbarPage.Selected {
  color: var(--white-text);
   background-color: var(--dark-grey-background);
  border-color: var(--dark-grey-border);
}
a.ProductToolbarPage.Clean {
  box-sizing: content-box;
  text-indent: 0;
  display: inline-block;
  color: var(--medium-grey-text);
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  height: 20px;
  line-height: 20px;
  width: 20px;
  text-decoration: none;
  text-align: center;
  margin: 0 2px 0 2px;
  border: 0;
}
a.ProductToolbarPage.Clean img {
  display: inline-block;
  text-align: center;
  top: 2px;
  position: relative;
  line-height: 20px;
}
a.ProductToolbarViewMode {
  margin-right: 6px;
}
div.EBI4UIMessage {
  text-align: center;
  font-size: 14pt;
  font-weight: bold;
  font-family: var(--font-family-1);
  color: var(--dark-grey-text);
}
div.EBI4UIMessage.MediumText {
  font-size: 12px;
}
div.EBI4UIMessage.Red {
  color: var(--bright-red);
}
.MessageUIButtonRed span.ui-button-text {
  color: var(--bright-red);
}
a.EBI4SiteLanguageButton {
  margin-left: 7px;
  display: inline-block;
  font-family: var(--font-family-1);
  font-size: 13px;
  font-style: normal;
  line-height: 16px;
  text-align: center;
  text-decoration: none;
}
a.EBI4SiteLanguageButton:hover {
  font-weight: bold;
}
a.EBI4SiteLanguageButton.Selected {
  font-weight: 800;
}
div.divProductSearchBox.searchBoxActive {
  border: 1px solid var(--light-grey-border);
  border-bottom: 0;
  border-radius: 3px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: -12px -19px 20px rgba(78, 78, 78, 0.15),
    11px -12px 13px rgba(78, 78, 78, 0.18);
  z-index: 30;
}
div.divProductSearchBox {
  border: 2px solid var(--primary-color-border);
  border-radius: 15px;
  background-color: var(--white-text);
  padding: 0;
  margin: 0;
  width: 240px;
}
div.divProductSearchBox input.ProductSearchTerm {
  color: var(--medium-grey-text);

  width: 215px;
  border: none;
  height: 20px;
  border-radius: 4px;
}
div.divProductSearchBox input.ProductSearchTerm:focus {
  color: var(--dark-grey-text);
  font-style: normal;
}
div.divProductSearchBox a {
  display: block;
  float: right;
  line-height: 23px;
  width: 46px;
  text-align: center;
  height: 32px;
}
div.divProductSearchBox a img {
  vertical-align: bottom;
}
#btnCancelProductUserSearch {
  position: absolute;
  margin-left: -26px;
  margin-top: -2px;
  display: none;
}
div.EBI4Article {
  overflow: visible;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--primary-color-border);
  display: flex;
  flex-direction: column;
}
div.EBI4Article div.DataContainer {
  margin: 0;
  padding: 0;
  overflow: visible;
  display:flex;
  flex-direction: column;

}
div.EBI4Article.Full {
  border: none;
}
div.EBI4Article.Full div.FullHeading {
  display: block;
  color: var(--primary-color-text);
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid var(--primary-color-border);
}
div.EBI4Article.StatusHidden {
  display: none;
}
div.EBI4Article.More a:hover {
  text-decoration: underline;
}
div.EBI4ArticleIntroImage {
  float: left;
  max-width: 300px;
  max-height: 152px;
  margin-right: 15px;
  text-align: center;
  vertical-align: top;
}
div.EBI4ArticleIntroImage:before {
  display: inline-block;
  vertical-align: top;
  height: 100%;
}
div.EBI4ArticleIntroImage img {
  max-height: 150px;
  max-width: 300px;
  border-color: var(--light-grey-border);
}
div.EBI4ArticleIntroImage.InActive img {
  opacity: 0.6;
}
div.EBI4ArticleIntroText div.IntroHeading {
  display: block;
  color: var(--primary-color-text);
  font-size: 14px;
  font-weight: bold;
}
div.EBI4ArticleIntroText div.IntroHeading a {
  color: var(--primary-color-text);
}
div.EBI4ArticleIntroText div.IntroDate {
  color: var(--medium-grey-text);
  margin: 1em 0;
}
div.EBI4ArticleIntroButton {
  display: block;
  text-align: right;
  width: 100%;
}
div.EBI4ArticleProductHeading {
  display: block;
  color: var(--primary-color-text);
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid var(--primary-color-border);
}
div.EBI4AdminEditorTitle {
  margin: 2px;
  padding: 2px;
  font-family: var(--font-family-1);
  font-size: 16px;
  font-weight: bold;
  color: var(--dark-grey-text);
}
div.EBI4AdminEditorWinTitle {
  margin: 0;
  padding: 2px 2px 2px 6px;
  font-family: var(--font-family-1);
  font-size: 14px;
  font-weight: bold;
  color: var(--dark-grey-text);
  background-color: var(--white-highlight-background);
  border-radius: 6px;
  border-bottom: 1px solid var(--light-grey-border);
  height: 24px;
}
div.EBI4AdminEditorSectionTitle {
  margin: 0;
  padding: 1px 1px 1px 6px;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  color: var(--dark-grey-text);
  background-color: var(--light-grey-background);
  border-radius: 6px;
  border-bottom: 1px solid var(--light-grey-border);
  height: 24px;
}
div.EBI4AdminEditorWinButtons {
  margin: 0;
  padding: 0 4px 0 0;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: normal;
  color: var(--dark-grey-text);
  float: right;
  overflow: visible;
}
div.EBI4AdminEditorToolbar {
  margin: 3px 0 6px 0;
  padding: 3px 8px;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  color: var(--dark-grey-text);
  width: 100%;
  border: 1px solid var(--light-grey-border);
  border-radius: 6px;
  background-color: var(--light-grey-background);
  box-shadow: 3px 3px 3px #b5b6b6;
}
div.EBI4AdminEditorToolbar.Clean {
  padding: 0;
  margin: 0;
}
div.EBI4AdminEditorToolbarSeperatorRight {
  margin: 2px 5px 2px 2px;
  padding: 0 5px 0 0;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: normal;
  color: var(--dark-grey-text);
  float: left;
  overflow: visible;
  border-right: 1px solid var(--light-grey-border);
}
div.EBI4AdminEditorPaneContainer {
  margin: 6px 0;
  padding: 0;
  width: 100%;
  border: 1px solid var(--light-grey-border);
  border-radius: 6px;
  background-color: var(--white-text);
  box-shadow: 3px 3px 3px #b5b6b6;
}
div.EBI4AdminEditorPaneContainer.PriceEditor {
  margin: 1px 0 2px 0;
  padding: 0;
  width: 100%;
  border: 0;
  border-top: 1px solid var(--light-grey-border);
  border-bottom: 1px solid var(--light-grey-border);
  border-radius: 0;
  background-color: var(--white-text);
  box-shadow: none;
}
div.EBI4AdminEditorPaneContainer.StatusHidden {
  display: none;
}
div.EBI4AdminEditorPaneContainer.StatusSaved {
  background-color: var(--light-green);
}
div.EBI4AdminEditorPaneContainer.SettingsEditorLargeText {
  max-height: 150px;
  overflow: hidden;
}
div.EBI4AdminEditorPaneContainer.Clean {
  padding: 0;
  margin: 0;
}
div.EBI4AdminEditorPaneContainer.DropActive
  div.EBI4AdminEditorWinTitle.comOrderTitle {
  background-color: rgba(115, 200, 100, 0.2);
}
div.EBI4AdminEditorPaneContainer.DropHover
  div.EBI4AdminEditorWinTitle.comOrderTitle {
  background-color: rgba(115, 200, 100, 0.8) !important;
}
div.EBI4AdminEditorPane {
  margin: 3px;
  padding: 3px;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: normal;
  color: var(--dark-grey-text);
  width: 100%;
}
div.EBI4AdminEditorPane.Hidden {
  display: none;
}
div.EBI4AdminEditorPane.AdminOrderEditorClientNotes {
  height: 20px;
  margin: 0;
  overflow: hidden;
}
div.EBI4AdminEditorPane.AdminOrderEditorClientNotes:hover {
  height: auto;
}
div.EBI4AdminEditorPaneLabel {
  margin: 2px;
  padding: 2px;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  color: var(--dark-grey-text);
  width: 160px;
  float: left;
  overflow: visible;
}
div.EBI4AdminEditorPaneLabel span.Red {
  color: var(--bright-red);
}
div.EBI4AdminEditorPaneLabel.Long {
  width: 250px;
}
div.EBI4AdminEditorPaneLabel.VeryLong {
  width: 400px;
}
div.EBI4AdminEditorPaneLabel.AutoWidth {
  width: auto;
}
div.EBI4AdminEditorPaneLabel.LeftMargin30 {
  margin-left: 30px;
}
div.EBI4AdminEditorPaneLabel.Right {
  text-align: right;
}
div.EBI4AdminEditorPaneLabel.Center {
  text-align: center;
}
div.EBI4AdminEditorPaneLabel.FRight {
  float: right;
}
div.EBI4AdminEditorPaneLabel.ForInput {
  line-height: 25px;
}
div.EBI4AdminEditorPaneObject {
  margin: 2px;
  padding: 2px;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: normal;
  color: var(--dark-grey-text);
  float: left;
  overflow: visible;
}
div.EBI4AdminEditorPaneObject.Center {
  text-align: center;
}
div.EBI4AdminEditorPaneObject.Right {
  text-align: right;
}
div.EBI4AdminEditorPaneObject.Width90 {
  width: 90px;
}
div.EBI4AdminEditorPaneObject.Width110 {
  width: 110px;
}
div.EBI4AdminEditorPaneObject.Width150 {
  width: 150px;
}
div.EBI4AdminEditorPaneObject.Width180 {
  width: 180px;
}
div.EBI4AdminEditorPaneObject.Width230 {
  width: 230px;
}
div.EBI4AdminEditorPaneObject.ForInput {
  line-height: 25px;
}
div.EBI4AdminEditorPaneObject.Hidden {
  display: none;
}
div.EBI4AdminEditorPaneObject.FRight {
  float: right;
}
div.EBI4AdminEditorPaneObject.Clean {
  margin: 0;
  padding: 0;
}

div.EBI4AdminEditorPaneObject #bannerImg {
  width:440px;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

div.EBI4AdminEditorPaneRowObject {
  margin: 2px;
  padding: 0;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: normal;
  color: var(--dark-grey-text);
  overflow: hidden;
}
div.EBI4AdminEditorPaneError {
  margin: 2px;
  padding: 3px;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  color: var(--bright-red);
  float: left;
  overflow: hidden;
}
div.EBI4AdminEditorPaneToogler {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  width: 18px;
  text-align: center;
  cursor: pointer;
}
div.EBI4AdminEditorDataRowToogler {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  width: 18px;
  text-align: center;
  cursor: pointer;
}
div.EBI4AdminEditorDataRowHeaderContainer {
  margin: 0;
  padding: 2px;
  background-color: var(--white-highlight-background);
  border-radius: 6px;
  border-bottom: 1px solid var(--light-grey-border);
  overflow: hidden;
}
div.EBI4AdminEditorDataRowHeaderContainer.Right {
  text-align: right;
}
div.EBI4AdminEditorDataRowHeaderContainer.LightBlue {
  background-color: var(--primary-color-background);
}
div.EBI4AdminEditorDataRowHeaderContainer.LightGrey {
  background-color: var(--light-grey-background);
}
.EBI4AdminEditorDataRowHeaderContainer.LightGreen {
  display: flex;
  justify-content: space-between;
}
div.EBI4AdminEditorDataRowHeader {
  margin: 0;
  padding: 2px;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  color: var(--dark-grey-text);
  float: left;
}
div.EBI4AdminEditorDataRowHeader.Center {
  text-align: center;
}
div.EBI4AdminEditorDataRowHeader.Right {
  text-align: right;
}
div.EBI4AdminEditorDataRowHeader.WithIcon img {
  vertical-align: top;
}
div.EBI4AdminEditorDataRowHeader.PriceEditorHeader {
  padding: 0;
  margin: 1px;
  border-radius: 3px;
  background-color: var(--light-grey-background);
}
div.EBI4AdminEditorDataRowHeader.StatusHidden {
  display: none;
}
div.EBI4AdminEditorDataRowHeader.EBI4AdminEditorDataRow {
  background-color: var(--light-green);
}
div.EBI4AdminEditorDataRowContainer {
  margin: 0;
  padding: 2px;
  overflow: hidden;
  border-bottom: 1px solid var(--light-grey-border);
}
#FormAdminOrderEditorRecord div.EBI4AdminEditorDataRowContainer {
  border-bottom: 1px solid var(--white-highlight-border);
}
div.EBI4AdminEditorDataRowContainer.PaneContainer {
  border: 1px solid var(--light-grey-border);
  border-radius: 6px;
  background-color: var(--white-text);
  box-shadow: 3px 3px 3px var(--light-grey-border);
}
div.EBI4AdminEditorDataRowContainer.LargeHeader {
  font-size: 14px;
  color: var(--primary-color-text);
  font-weight: bold;
}
div.EBI4AdminEditorDataRowContainer.NotActive div.EBI4AdminEditorDataRow {
  color: var(--bright-orange);
}
div.EBI4AdminEditorDataRowContainer.NotActive div.EBI4AdminEditorDataRow input {
  color: var(--bright-orange);
}
div.EBI4AdminEditorDataRowContainer.Archived {
  background-color: var(--light-grey-background);
}
div.EBI4AdminEditorDataRowContainer.LinkNew div.EBI4AdminEditorDataRow {
  color: var(--green);
}
div.EBI4AdminEditorDataRow.LinkNew {
  color: var(--green);
}
div.EBI4AdminEditorDataRowContainer.LinkUnLinked div.EBI4AdminEditorDataRow {
  color: var(--bright-orange);
}
div.EBI4AdminEditorDataRow.LinkUnLinked {
  color: var(--bright-orange);
}
div.EBI4AdminEditorDataRowContainer.LinkNotActual div.EBI4AdminEditorDataRow {
  color: var(--medium-grey-text);
}
div.EBI4AdminEditorDataRow.LinkNotActual {
  color: var(--medium-grey-text);
}
div.EBI4AdminEditorDataRowContainer.LinkIgnore div.EBI4AdminEditorDataRow {
  color: var(--bright-red);
}
div.EBI4AdminEditorDataRow.LinkIgnore {
  color: var(--bright-red);
}
div.EBI4AdminEditorDataRowContainer.StatusHidden {
  display: none;
}
div.EBI4AdminEditorDataRowContainer.StatusSaved {
  background-color: var(--light-green);
}
div.EBI4AdminEditorDataRowContainer.LightGreen {
  background-color: var(--light-green);
}
div.EBI4AdminEditorDataRowContainer.LightRed {
  background-color: rgba(237, 34, 36, 0.63);
}
div.EBI4AdminEditorDataRowContainer.PosConsolidate {
  background-color: var(--white-text);
}
div.EBI4AdminEditorDataRowContainer.Grey {
  background-color: var(--light-grey-background);
}
div.EBI4AdminEditorDataRowContainer.Grey div.EBI4AdminEditorDataRow {
  color: var(--medium-grey-text);
}
div.EBI4AdminEditorDataRowContainer.Clean {
  padding: 0;
  margin: 0;
  border: 0;
}
div.EBI4AdminEditorDataRowContainer.Clean.divDeliveryOptions {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height:500px;
}
.EBI4AdminEditorDataRowContainer.Clean.editButtons a {
  width: 225px;
}
.EBI4AdminEditorDataRowContainer.Clean.editButtons a.cmdAdminOrderEditorLinkToClientAccount {
  width: 300px;
}

.EBI4AdminEditorDataRowContainer.Clean.editButtons
  .EBI4LinkBtn.cmdAdminOrderEditorOrderSetPickUp {
  background-color: var(--green);
}
.EBI4AdminEditorDataRowContainer.Clean.editButtons
  .EBI4LinkBtn.cmdAdminOrderEditorOrderSetDelivery {
  background-color: var(--primary-color-background);
}
.EBI4AdminEditorDataRowContainer.Clean.editButtons
  .EBI4LinkBtn.WhiteGreen.cmdAdminOrderEditorOrderSetPending {
  background-color: var(--primary-color-background);
}
.EBI4AdminEditorDataRowContainer.Clean.editButtons
  .EBI4LinkBtn.WhiteGreen.cmdAdminOrderEditorOrderSetComplete {
  background-color: var(--light-grey-background);
}
.EBI4AdminEditorDataRowContainer.Clean.editButtons
  .EBI4LinkBtn.WhiteRed.cmdAdminOrderEditorOrderSetCanceled {
  background-color: var(--bright-red);
}
.EBI4AdminEditorDataRowContainer.Clean.editButtons
  .EBI4LinkBtn.cmdAdminOrderEditorOrderSetConfirmed {
   background-color: var(--dark-grey-background);
  font-weight: 600;
}
.EBI4AdminEditorDataRowContainer.Clean.editButtons .EBI4LinkBtn.WhiteBlue {
  background-color: var(--light-grey-background);
}
div.EBI4AdminEditorDataRowContainer.Green div.EBI4AdminEditorDataRow {
  color: var(--green);
}
div.EBI4AdminEditorDataRowContainer.Red div.EBI4AdminEditorDataRow {
  color: var(--bright-red);
}
div.EBI4AdminEditorDataRowContainer.Purple div.EBI4AdminEditorDataRow {
  color: var(--bright-red);
}
div.EBI4AdminEditorDataRowContainer.BGLightGrey {
  background-color: var(--light-grey-background);
}
div.EBI4AdminEditorDataRowContainer.BGLightGreen {
  background-color: rgba(115, 200, 100, 0.27);
}
div.EBI4AdminEditorDataRowContainer.BGLightBlue {
  background-color: rgba(39, 35, 93, 0.27);
}
div.EBI4AdminEditorDataRowContainer.BGLightRed {
  background-color: rgba(237, 34, 36, 0.18);
}
div.EBI4AdminEditorDataRowContainer.BGLightOrange {
  background-color: var(--light-orange);
}
div.EBI4AdminEditorDataRowContainer.Bold {
  font-weight: bold;
}
div.EBI4AdminEditorDataRowContainer.Debug div.EBI4AdminEditorDataRow {
  border: 1px solid var(--light-grey-border);
}
div.EBI4AdminEditorDataRow {
  margin: 0;
  padding: 2px;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: normal;
  color: var(--dark-grey-text);
  float: left;
}
div.EBI4AdminEditorDataRow span.FS10 {
  font-size: 10px;
}
div.EBI4AdminEditorDataRow label {
  display: block;
  box-sizing: border-box;
  overflow: hidden;
}
div.EBI4AdminEditorDataRow label span.Grey {
  color: var(--dark-grey-text);
}
div.EBI4AdminEditorDataRow label span.Red {
  color: var(--bright-red);
}
div.EBI4AdminEditorDataRow label span.DarkRed {
  color: var(--bright-red);
}
div.EBI4AdminEditorDataRow label span.DarkGrey {
  color: var(--dark-grey-text);
}
div.EBI4AdminEditorDataRow label span.Normal {
  font-weight: normal;
}
div.EBI4AdminEditorDataRow label span.Bold {
  font-weight: bold;
}
div.EBI4AdminEditorDataRow label span.FLeft {
  float: left;
}
div.EBI4AdminEditorDataRow label span.FS10 {
  font-size: 10px;
}
div.EBI4AdminEditorDataRow label span.FS12 {
  font-size: 12px;
}
div.EBI4AdminEditorDataRow label span.FS14 {
  font-size: 14px;
}
div.EBI4AdminEditorDataRow label.FRight {
  float: right;
}
div.EBI4AdminEditorDataRow label.FLeft {
  float: left;
  margin-right: 8px;
}
div.EBI4AdminEditorDataRow label.Right {
  text-align: right;
  padding-right: 4px;
}
div.EBI4AdminEditorDataRow label.Center {
  text-align: center;
}
div.EBI4AdminEditorDataRow label.Clean {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
div.EBI4AdminEditorDataRow label.FullWidth {
  width: 100%;
}
div.EBI4AdminEditorDataRow label.Width230 {
  width: 230px;
}
div.EBI4AdminEditorDataRow label.Bold {
  font-weight: bold;
}
div.EBI4AdminEditorDataRow label.Grey {
  color: var(--black-text);
}
div.EBI4AdminEditorDataRow label.Red {
  color: var(--bright-red);
}
div.EBI4AdminEditorDataRow label.DarkRed {
  color: var(--bright-red);
}
div.EBI4AdminEditorDataRow label.InlineBlock {
  display: inline-block;
}
div.EBI4AdminEditorDataRow label.Inline {
  display: inline;
}
div.EBI4AdminEditorDataRow a.PosButton {
  position: absolute;
  margin-left: 2px;
}
div.EBI4AdminEditorDataRow label.OrderUnRead {
  color: var(--white-text);
  padding: 0 10px;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  background: var(--bright-red);
}
div.EBI4AdminEditorDataRow.Right {
  text-align: right;
}
div.EBI4AdminEditorDataRow.Bold {
  font-weight: bold;
}
div.EBI4AdminEditorDataRow.Center {
  text-align: center;
}
div.EBI4AdminEditorDataRow.Green {
  color: var(--green);
}
div.EBI4AdminEditorDataRow.Red {
  color: var(--bright-red);
}
div.EBI4AdminEditorDataRow.Orange {
  color: var(--bright-orange);
}
div.EBI4AdminEditorDataRow.Grey {
  color: var(--light-grey-text);
}
div.EBI4AdminEditorDataRow.Black {
  color: var(--dark-grey-text);
}
div.EBI4AdminEditorDataRow.PriceNotValid {
  color: var(--light-grey-text);
}
div.EBI4AdminEditorDataRow.StatusHidden {
  display: none;
}
div.EBI4AdminEditorDataRow.PriceIsValid {
  font-weight: bold;
}
div.EBI4AdminEditorDataRow.StatusSaved {
  background-color: var(--light-green);
}
div.EBI4AdminEditorDataRow.Clean {
  padding: 0;
  margin: 0;
}
div.EBI4AdminEditorDataRow.PadLeft5 {
  padding-left: 5px;
}
div.EBI4AdminEditorDataRow.PadLeft10 {
  padding-left: 10px;
}
div.EBI4AdminEditorDataRow.MarBot5 {
  margin-bottom: 5px;
}
div.EBI4AdminEditorDataRow.SupplierProductStockValue
  span.SupplierProductStockValueText {
  position: absolute;
  display: none;
  max-width: 200px;
  background: var(--white-background);
  border: 1px solid var(--light-grey-border);
  border-radius: 3px;
  padding: 5px 20px;
  box-shadow: 3px 3px 8px gray;
  font-weight: bold;
  color: var(--dark-grey-text);
}
div.EBI4AdminEditorDataRow.SupplierProductStockValue:hover
  span.SupplierProductStockValueText {
  display: block;
}
div.EBI4AdminEditorDataRow.AdminPermY {
  background-color: var(--light-green);
  margin-right: 2px;
  margin-left: 2px;
  border-radius: 3px;
}
div.EBI4AdminEditorDataRow.AdminPermN {
  background-color: var(--light-orange);
  margin-right: 2px;
  margin-left: 2px;
  border-radius: 3px;
}
div.EBI4AdminEditorDataRow.AdminOrderNotes {
  border: 1px solid var(--light-grey-border);
  border-radius: 3px;
}
div.EBI4AdminEditorDataRow.AdminOrderNotes p {
  margin-top: 1px;
}
div.EBI4AdminEditorDataRow.ForInput {
  line-height: 25px;
}
div.EBI4AdminEditorDataRowContainer.OrderCART {
  background-color: var(--light-green);
}
div.EBI4AdminEditorDataRowContainer.OrderNEW {
  background-color: var(--light-green);
}
div.EBI4AdminEditorDataRowContainer.OrderCONFIRMED {
  background-color: var(--primary-color-background);
}
div.EBI4AdminEditorDataRowContainer.OrderPICKUP {
  background-color: var(--primary-color-background);
}
div.EBI4AdminEditorDataRowContainer.OrderDELIVERY {
  background-color: var(--primary-color-background);
}
div.EBI4AdminEditorDataRowContainer.OrderCOMPLETE {
  background-color: unset;
}
div.EBI4AdminEditorDataRowContainer.OrderRESERVE {
  background-color: var(--light-orange);
}
div.EBI4AdminEditorDataRowContainer.OrderRESERVEEXPIRED {
  background-color: var(--light-orange);
}
div.EBI4AdminEditorDataRowContainer.OrderCANCELED {
  background-color: var(--medium-grey-background);
}
.EBI4AdminEditorDataRowContainer #divParametrIsMain,
.EBI4AdminEditorDataRowContainer #divParametrIsMainMobile,
.EBI4AdminEditorDataRowContainer #divParametrIsFilter,
.EBI4AdminEditorDataRowContainer #divParametrIsFilterMobile {
  display: inline-block;
  width: 30%;
}
.EBI4AdminEditorDataRowContainer
  #divParametrIsMainMobile
  .EBI4AdminEditorPaneLabel,
.EBI4AdminEditorDataRowContainer
  #divParametrIsFilterMobile
  .EBI4AdminEditorPaneLabel {
  width: 170px;
}
.qq-upload-drop-area {
  display: none !important;
}

a.comOrderPosToogler {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  width: 18px;
  text-align: center;
  color: var(--dark-grey-text);
}
div.EBI4PENoWrapHeaderContainer {
  display: table;
  margin: 0;
  padding: 0;
  background-color: var(--white-highlight-background);
  border: 1px solid var(--light-grey-border);
  float: left;
  white-space: nowrap;
}
div.EBI4PENoWrapHeaderContainer.IsHidden {
  display: none;
}
div.EBI4PENoWrapHeaderCol {
  display: inline-block;
  margin: 2px 0 2px 4px;
  padding: 0;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  color: var(--dark-grey-text);
  min-width: 120px;
  box-sizing: border-box;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader {
  display: none;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader span {
  box-sizing: border-box;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader label {
  box-sizing: border-box;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader label.oCnt {
  display: block;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader label.oCnt span.PLTitle {
  display: block;
  text-align: left;
  background-color: var(--light-grey-background);
  overflow: hidden;
  width: auto;
  height: 21px;
  padding: 4px 1px 1px 5px;
  margin: 0;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader label.oCnt.PFCnt span.PF {
  text-align: center;
  display: inline-block;
  background-color: var(--light-grey-background);
  padding: 1px;
  overflow: hidden;
  font-size: 10px;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader label.oCnt.PFCnt span.PF.Msg {
  width: 20px;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader label.oCnt.PFCnt span.PF.Purchase {
  width: 65px;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader label.oCnt.PFCnt span.PF.Price {
  width: 60px;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader label.oCnt.PFCnt span.PF.PriceVat {
  width: 60px;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader label.oCnt.PFCnt span.PF.Procent {
  width: 50px;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader label.oCnt.PFCnt span.PF.Formula {
  width: 25px;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader label.oCnt.PFCnt span.PF.PriceDates {
  width: 175px;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader span.Title span.PTitle {
  display: block;
  float: left;
  width: auto;
  background: none;
  padding-top: 4px;
  padding-left: 10px;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader span.FormulaTools {
  display: block;
  float: right;
  text-align: right;
  width: 43px;
  background: none;
  position: absolute;
  margin-top: -33px;
  margin-left: -23px;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader span.DateTools {
  display: block;
  float: right;
  text-align: right;
  width: 175px;
  background: none;
  position: absolute;
  margin-top: -33px;
  margin-left: -5px;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader span.DateTools input {
  width: 76px;
  height: auto;
  text-align: center;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader.IsVisible {
  display: inline-block;
}
div.EBI4PENoWrapHeaderCol.PriceListHeader.IsReadOnly {
  opacity: 0.7;
}
div.EBI4PENoWrapProductContainer {
  display: none;
  margin: 6px 3px 4px 0;
  border-bottom: 1px solid var(--light-grey-border);
  float: left;
  white-space: nowrap;
}
div.EBI4PENoWrapProductContainer div.EBI4PECol.ProductSave {
  display: none;
}
div.EBI4PENoWrapProductContainer.CanBeSaved {
  background-color: var(--white-text);
}
div.EBI4PENoWrapProductContainer.CanBeSaved div.EBI4PECol.ProductSave {
  display: block;
}
div.EBI4PENoWrapProductContainer.CanBeSaved
  div.EBI4PECol.ProductSavingDisabled {
  display: none;
}
div.EBI4PENoWrapProductContainer.IsVisible {
  display: block;
}
div.EBI4PERow {
  margin: 0;
  padding: 1px;
  overflow: hidden;
}
div.EBI4PENoWrapRow {
  margin: 0;
  padding: 1px;
  float: left;
  white-space: nowrap;
  vertical-align: top;
}
div.EBI4PENoWrapRow.Clean {
  border: 0;
  padding: 0;
  margin: 0;
}
div.EBI4PERow.Clean {
  border: 0;
  padding: 0;
  margin: 0;
}
div.EBI4PENoWrapRow.ProductSupplier {
  display: none;
  border-top: 1px solid var(--light-grey-border);
}
div.EBI4PENoWrapRow.ProductSupplier.CanBeSaved {
  background-color: var(--white-text);
}
div.EBI4PENoWrapRow.ProductSupplier.IsVisible {
  display: block;
}
div.EBI4PERow.ProductData {
  padding: 1px;
  margin-bottom: 1px;
}
div.EBI4PECol {
  float: left;
  padding: 0;
  margin: 0;
}
div.EBI4PECol span.PEInfo {
  position: absolute;
  text-align: left;
  padding: 4px 8px;
  background-color: var(--white-text);
  border: 1px solid var(--medium-grey-border);
  display: none;
  border-radius: 3px;
  box-shadow: 10px 10px 10px #4e4e4e;
  margin-top: 14px;
  margin-left: -6px;
  z-index: 1;
  width: 300px;
  white-space: normal;
  font-weight: normal;
}
div.EBI4PECol span.PEInfo label.PCWarning {
  margin-top: 5px;
  border-radius: 3px;
  padding: 2px;
  font-weight: bold;
  display: none;
  width: 100%;
  background-color: var(--light-orange);
}
div.EBI4PECol span.PEInfo label.PCWarning.IsVisible {
  display: block;
}
div.EBI4PECol span.PEInfo label.PCError {
  margin-top: 5px;
  border-radius: 3px;
  padding: 2px;
  font-weight: bold;
  display: none;
  width: 100%;
  color: var(--white-text);
  background-color: var(--bright-red);
}
div.EBI4PECol span.PEInfo label.PCError.IsVisible {
  display: block;
}
div.EBI4PECol span.PEInfo.FormulaInfo {
  margin-top: 0;
  margin-left: 20px;
}
div.EBI4PECol input.objPrice {
  width: 100%;
  height: 17px;
  text-align: right;
  font-size: 12px;
  line-height: 10px;
  padding: 0 3px 0 0;
  margin: 0;
  border: 0;
  border-left: 1px solid var(--light-grey-border);
  background-color: var(--white-highlight-background);
  border-radius: 0;
}
div.EBI4PECol input.objProcent {
  width: 100%;
  height: 14px;
  text-align: right;
  font-size: 12px;
  line-height: 10px;
  padding: 0 3px 0 0;
  margin: 0;
  border: 0;
  border-left: 1px solid var(--light-grey-border);
  background-color: var(--white-text);
  border-radius: 0;
}
div.EBI4PECol input.objUseFormula {
  width: 15px;
  height: 13px;
  text-align: right;
  font-size: 12px;
  line-height: 10px;
  padding: 0;
  margin: 1px 0 0 0;
  border: 0;
  background-color: var(--white-text);
  border-radius: 0;
}
div.EBI4PECol input.objDate {
  width: 76px;
  height: 14px;
  text-align: center;
  font-size: 12px;
  line-height: 10px;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: var(--white-text);
  border-radius: 0;
}
div.EBI4PECol input.objPrice.Bigger {
  background-color: var(--light-orange);
  color: var(--dark-grey-text);
}
div.EBI4PECol input.objPrice.Bigger:focus {
  background-color: var(--light-orange);
  color: var(--dark-grey-text);
}
div.EBI4PECol input.objPrice.Lower {
  background-color: var(--light-green);
  color: var(--dark-grey-text);
}
div.EBI4PECol input.objPrice.Lower:focus {
  background-color: var(--light-green);
  color: var(--dark-grey-text);
}
div.EBI4PECol input.objPrice.ToLow {
  font-weight: bold;
  color: var(--bright-red);
}
div.EBI4PECol input.objPrice.ToLow:focus {
  font-weight: bold;
  color: var(--bright-red);
}
div.EBI4PECol input.objProcent.Bigger {
  background-color: var(--light-green);
  color: var(--dark-grey-text);
}
div.EBI4PECol input.objProcent.Bigger:focus {
  background-color: var(--light-green);
  color: var(--dark-grey-text);
}
div.EBI4PECol input.objProcent.Lower {
  background-color: var(--light-orange);
  color: var(--dark-grey-text);
}
div.EBI4PECol input.objProcent.Lower:focus {
  background-color: var(--light-orange);
  color: var(--dark-grey-text);
}
div.EBI4PEColCont {
  float: left;
  padding: 0;
  margin: 0;
}
div.EBI4PECol.ProductSave {
  width: 20px;
  height: 26px;
  text-align: center;
}
div.EBI4PECol.ProductSaving {
  width: 20px;
  height: 26px;
  text-align: center;
  display: none;
}
div.EBI4PECol.ProductSavingDisabled {
  width: 20px;
  height: 26px;
  text-align: center;
}
div.EBI4PENoWrapProductContainer.Saving div.EBI4PECol.ProductSave {
  display: none;
}
div.EBI4PENoWrapProductContainer.Saving div.EBI4PECol.ProductSaving {
  display: block;
}
div.EBI4PECol.ProductImage {
  width: 60px;
  height: 26px;
  text-align: center;
}
div.EBI4PECol.ProductImage img {
  max-width: 100%;
  max-height: 100%;
}
div.EBI4PECol.ProductTitle {
  min-width: 550px;
  height: 26px;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
}
div.EBI4PECol.ProductStatus {
  min-width: 150px;
  height: 26px;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
}
div.EBI4PECol.ProductCPS {
  width: 25px;
  height: 26px;
  line-height: 20px;
}
div.EBI4PECol.ProductCode {
  width: 220px;
  height: 26px;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
}
div.EBI4PECol.ProductCode label.lblProductCode {
  cursor: pointer;
}
div.EBI4PECol.SupplierCSP {
  font-weight: normal;
  height: 14px;
  width: 20px;
}
div.EBI4PECol.SupplierTitle {
  font-weight: normal;
  height: 14px;
  width: 150px;
  padding-left: 2px;
}
div.EBI4PECol.SupplierStock {
  font-weight: normal;
  height: 14px;
  width: 50px;
  text-align: right;
  padding-right: 5px;
}
div.EBI4PECol.PriceMsg {
  display: block;
  width: 18px;
  cursor: default;
  text-align: center;
}
div.EBI4PECol.PriceMsg span.iImg {
  display: inline-block;
  width: 12px;
  height: 12px;
  cursor: default;
  background: url("/Gfx/Icons/iconSTOCKINFO.png");
  background-size: 100% 100%;
  background-position: center center;
  line-height: 12px;
}
div.EBI4PECol.PriceMsg span.PEInfo label {
  box-sizing: border-box;
}
div.EBI4PECol.PriceMsg:hover span.PEInfo {
  display: inline-block;
}
div.EBI4PECol.PricePurchase {
  display: block;
  width: 65px;
  text-align: right;
  cursor: default;
}
div.EBI4PECol.PricePurchase span.PEData {
  color: var(--dark-grey-text);
  font-weight: bold;
  padding: 0 2px;
  border-radius: 3px;
  display: inline-block;
  white-space: normal;
}
div.EBI4PECol.PricePurchase span.Bigger {
  background-color: rgba(237, 34, 36, 0.7);
  color: var(--white-text);
}
div.EBI4PECol.PricePurchase span.Lower {
  background-color: var(--light-green);
}
div.EBI4PEColCont.PriceStatus {
  width: 50px;
  padding-right: 5px;
  text-align: center;
}
div.EBI4PECol.PriceSaving {
  width: 18px;
  height: 12px;
  position: absolute;
  display: none;
  text-align: center;
  background-color: var(--white-text);
}
div.EBI4PECol.PriceSale {
  width: 60px;
  text-align: right;
  border: 1px solid var(--black-border);
}
div.EBI4PECol.PriceSaleVat {
  width: 60px;
  text-align: right;
}
div.EBI4PECol.PricePercent {
  width: 50px;
  text-align: right;
}
div.EBI4PECol.PriceFormula {
  width: 25px;
  height: 14px;
  text-align: center;
}
div.EBI4PECol.PriceFormula.NotFound {
  background-color: rgba(255, 117, 66, 0.7);
}
div.EBI4PECol.PriceFormula.NotFound.Using {
  background-color: rgba(237, 34, 36, 0.7);
}
div.EBI4PECol.PriceWarnings {
  width: 18px;
  height: 14px;
  text-align: center;
  display: none;
}
div.EBI4PECol.PriceWarnings.Visible {
  display: inline-block;
}
div.EBI4PECol.PriceErrors {
  width: 18px;
  height: 14px;
  text-align: center;
  display: none;
}
div.EBI4PECol.PriceDates {
  width: 175px;
  text-align: center;
}
div.EBI4PECol.PurchaseInfo {
  width: 18px;
  height: 14px;
  text-align: center;
  display: none;
}
input.oFixedPrice {
  width: 100%;
  height: 14px;
  text-align: right;
  font-size: 12px;
  line-height: 10px;
  padding: 0 3px 0 0;
  margin: 0;
  border: 0;
  border-left: 1px solid var(--light-grey-border);
  background-color: var(--white-text);
  border-radius: 0;
}
.lblSPBigger {
  background-color: var(--light-orange);
  color: var(--dark-grey-text);
}
input.oFixedPrice.Bigger {
  background-color: var(--light-orange);
  color: var(--dark-grey-text);
}
input.oFixedPrice.Bigger:focus {
  background-color: var(--light-orange);
  color: var(--dark-grey-text);
}
.lblSPLower {
  background-color: var(--light-green);
  color: var(--dark-grey-text);
}
input.oFixedPrice.Lower {
  background-color: var(--light-green);
  color: var(--dark-grey-text);
}
input.oFixedPrice.Lower:focus {
  background-color: var(--light-green);
  color: var(--dark-grey-text);
}
.lblSPToLow {
  font-weight: bold;
  color: var(--bright-red);
}
input.oFixedPrice.ToLow {
  font-weight: bold;
  color: var(--bright-red);
}
input.oFixedPrice.ToLow:focus {
  font-weight: bold;
  color: var(--bright-red);
}
div.EBI4PENoWrapCol {
  display: inline-block;
  vertical-align: top;
  min-width: 120px;
}
div.EBI4PENoWrapCol.SupplierInfo {
  width: 225px;
  margin: 0 2px;
}
div.EBI4PENoWrapCol.PriceContainer {
  border-left: 1px solid var(--light-grey-border);
  border-right: 1px solid var(--light-grey-border);
  display: none;
  margin: 0 0 0 4px;
}
div.EBI4PENoWrapCol.PriceContainer input {
  opacity: 0.6;
}
div.EBI4PENoWrapCol.PriceContainer.IsActive input {
  opacity: 1;
}
div.EBI4PENoWrapCol.PriceContainer.IsVisible {
  display: inline-block;
}
div.EBI4PENoWrapCol.PriceContainer.IsReadOnly input {
  pointer-events: none;
}
div.EBI4PENoWrapCol.PriceContainer.Saving .PriceSaving {
  display: block;
}
div.EBI4PENoWrapCol.PriceContainer.IsSaved {
  background-color: var(--light-green) !important;
}
div.EBI4PENoWrapCol.PriceContainer.HaveWarnings
  div.EBI4PECol.PriceMsg
  span.iImg {
  background-image: url("/Gfx/Icons/iconWARNING.png");
  background-size: 120% 120% !important;
}
div.EBI4PENoWrapCol.PriceContainer.HaveErrors div.EBI4PECol.PriceMsg span.iImg {
  background-image: url("/Gfx/Icons/iconERROR.png") !important;
  background-size: 120% 120% !important;
}
div.EBI4AdminEditorDataRow.PriceEditor {
  border: none;
  margin: 0;
  padding: 0 0 1px 0;
}
div.EBI4AdminEditorDataRow.PriceChangeGreen {
  background-color: var(--light-green);
  font-weight: normal;
  float: right;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 2px;
}
div.EBI4AdminEditorDataRow.PriceChangeRed {
  background-color: var(--bright-red);
  font-weight: normal;
  float: right;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 2px;
}
div.EBI4AdminEditorDataRow.PriceChange {
  background-color: var(--white-text);
  font-weight: normal;
  float: right;
  padding-left: 2px;
  padding-right: 2px;
}
div.EBI4AdminEditorDataRowInfo {
  position: absolute;
  margin: 0;
  padding: 4px;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  color: var(--dark-grey-text);
  display: none;
  border: 2px solid var(--medium-grey-border);
  border-radius: 6px;
  background-color: var(--white-highlight-background);
  box-shadow: 5px 5px 5px #b5b6b6;
}
div.EBI4AdminEditorDataRowInfo p {
  padding: 0;
  margin: 0;
}
div.EBI4AdminEditorDataRowInfo.Red {
  color: var(--bright-red);
}
div.EBI4AdminEditorDataRowInfo.Orange {
  color: var(--bright-orange);
}
div.EBI4AdminEditorDataRowContainer.PriceEditor {
  padding: 0;
  border: none;
}
div.EBI4AdminEditorDataPageListContainer {
  margin: 0;
  padding: 2px;
  overflow: hidden;
  border-bottom: 1px solid var(--light-grey-border);
  background-color: var(--light-grey-background);
}
div.EBI4AdminEditorDataPageListObject {
  margin: 1px;
  padding: 2px;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  color: var(--dark-grey-text);
  float: left;
}
div.EBI4AdminEditorDataPageListObject a {
  margin: 0;
  padding: 2px 6px;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  color: var(--medium-grey-text);
  border-radius: 4px;
  border: 1px solid var(--light-grey-border);
  background-color: var(--white-text);
}
div.EBI4AdminEditorDataPageListObject a:hover {
  color: var(--dark-grey-text);
}
div.EBI4AdminEditorDataPageListObject a.selected {
  color: var(--primary-color-text);
}
div.EBI4AdminEditorDataSectionContainer {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-bottom: 1px solid var(--light-grey-border);
}
div.EBI4AdminEditorDataSection {
  margin: 3px 3px 0 3px;
  padding: 4px;
  float: left;
  background-color: var(--white-text);
  border-color: var(--light-grey-border);
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0;
}
div.EBI4AdminEditorDataSection a {
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  color: var(--medium-grey-text);
}
div.EBI4AdminEditorDataSectionSub {
  margin: 3px 3px 0 3px;
  padding: 4px;
  float: left;
  background-color: var(--white-text);
  border-color: var(--light-grey-border);
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0;
}
div.EBI4AdminEditorDataSectionSub a {
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  color: var(--medium-grey-text);
}
div.EBI4AdminEditorDataSection.Selected {
  margin: 3px 3px 0 3px;
  padding: 4px;
  float: left;
  background-color: var(--primary-color-background);
  border-color: var(--light-grey-border);
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0;
}
div.EBI4AdminEditorDataSection.Selected a {
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  color: var(--white-text);
}
div.EBI4AdminEditorDataSectionSub.Selected {
  margin: 3px 3px 0 3px;
  padding: 4px;
  float: left;
  background-color: var(--primary-color-background);
  border-color: var(--light-grey-border);
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0;
}
div.EBI4AdminEditorDataSectionSub.Selected a {
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: bold;
  color: var(--dark-grey-text);
}
div.EBI4AdminEditorDataSection.Hidden {
  display: none;
}
div.EBI4AdminEditorDataSectionSub.Hidden {
  display: none;
}
div.EBI4AdminEditorDataSectionPane {
  margin: 0;
  padding: 5px 0 6px 0;
  width: 100%;
  border: 1px solid var(--light-grey-border);
  border-top-width: 0;
  background-color: var(--white-text);
  box-shadow: 3px 3px 3px #b5b6b6;
}
div.EBI4AdminEditorDataSectionPaneSub {
  margin: 0;
  padding: 5px 0 6px 0;
  width: 100%;
  border: 1px solid var(--light-grey-border);
  border-top-width: 0;
  background-color: var(--white-text);
  box-shadow: 3px 3px 3px #b5b6b6;
}
div.divAdminProductStockInfo {
  display: inline-block;
  width: auto;
  height: 20px;
  margin-left: 10px;
  overflow: visible;
}
div.divAdminProductStockInfo div.DataContainer {
  position: absolute;
  padding: 4px;
  border: 1px solid var(--medium-grey-border);
  border-radius: 4px;
  box-shadow: 4px 4px 4px gray;
  background: var(--white-background);
  display: none;
  z-index: 50;
  min-width: 575px;
  margin-top: -4px;
}
div.divAdminProductStockInfo:hover div.DataContainer {
  display: block;
}
div.divAdminProductStockInfo.AdminPriceEditor {
  width: 100%;
  height: auto;
  margin-left: 0;
}
div.divAdminProductLocationInfo {
  display: inline-block;
  width: auto;
  height: 20px;
  margin-left: 10px;
  overflow: visible;
}
div.divAdminProductLocationInfo div.DataContainer {
  position: absolute;
  padding: 4px;
  border: 1px solid var(--medium-grey-border);
  border-radius: 4px;
  box-shadow: 4px 4px 4px gray;
  background: var(--white-background);
  display: none;
  z-index: 50;
  min-width: 100px;
  margin-top: -4px;
}
div.divAdminProductLocationInfo:hover div.DataContainer {
  display: block;
}
div.divAdminProductLocationInfo.AdminPriceEditor {
  width: 100%;
  height: auto;
  margin-left: 0;
}
div.divAdminProductBVSStatsInfo {
  display: inline-block;
  width: auto;
  height: 20px;
  margin-left: 10px;
  overflow: visible;
}
div.divAdminProductBVSStatsInfo div.DataContainer {
  position: absolute;
  padding: 4px;
  border: 1px solid var(--medium-grey-border);
  border-radius: 4px;
  box-shadow: 4px 4px 4px gray;
  background: var(--white-background);
  display: none;
  z-index: 50;
  width: 830px;
  margin-top: -4px;
  margin-left: -190px;
}
div.divAdminProductBVSStatsInfo:hover div.DataContainer {
  display: block;
}
div.divAdminProductBVSStatsInfo.AdminPriceEditor {
  width: 100%;
  height: auto;
  margin-left: 0;
}
div.divAdminProductPriceInfo {
  display: inline-block;
  width: auto;
  height: 20px;
  margin-left: 10px;
  overflow: visible;
}
div.divAdminProductPriceInfo div.DataContainer {
  position: absolute;
  padding: 4px;
  border: 1px solid var(--medium-grey-border);
  border-radius: 4px;
  box-shadow: 4px 4px 4px gray;
  background: var(--white-background);
  display: none;
  z-index: 50;
  margin-top: -4px;
}
div.divAdminProductPriceInfo:hover div.DataContainer {
  display: block;
}
div.divAdminOrderPositionInfo {
  display: inline-block;
  width: 100%;
  height: 20px;
  overflow: visible;
  margin-bottom: 2px;
}
div.divAdminOrderPositionInfo div.DataContainer {
  position: absolute;
  padding: 4px;
  border: 1px solid var(--medium-grey-border);
  border-radius: 4px;
  box-shadow: 4px 4px 4px gray;
  background: var(--white-background);
  display: none;
  z-index: 50;
  width: 978px;
  margin-top: 27px;
  margin-left: -777px;
}
div.divAdminOrderAdminNotesInfo {
  display: inline-block;
  width: 100%;
  height: 20px;
  overflow: visible;
  margin-bottom: 2px;
}
div.divAdminOrderAdminNotesInfo div.DataContainer {
  position: absolute;
  padding: 4px;
  border: 1px solid var(--medium-grey-border);
  border-radius: 4px;
  box-shadow: 4px 4px 4px gray;
  background: var(--white-background);
  display: none;
  z-index: 50;
  width: 978px;
  margin-top: 21px;
  margin-left: -680px;
}
div.divAdminOrderPosVatRateInfo {
  display: inline-block;
  width: 100%;
  height: 20px;
  overflow: visible;
  margin-bottom: 2px;
}
div.divAdminOrderPosVatRateInfo div.DataContainer {
  position: absolute;
  padding: 4px;
  border: 1px solid var(--medium-grey-border);
  border-radius: 4px;
  box-shadow: 4px 4px 4px gray;
  background: var(--white-background);
  display: none;
  z-index: 50;
  width: 500px;
}
div.divAdminOrderPosVatRateInfo:hover div.DataContainer {
  display: block;
}
.pageSelectDots {
  display: inline-block;
  margin: 0px 5px;
  margin-top: 8px;
}
.productToolbarContainer {
  width: 1025px;
  display: flex;
}
.StockReservationInfo div.DataContainerRStock {
  position: absolute;
  padding: 4px;
  border: 1px solid var(--medium-grey-border);
  border-radius: 4px;
  box-shadow: 4px 4px 4px gray;
  background: var(--white-background);
  display: none;
  z-index: 50;
  width: 480px;
  text-align: left;
  margin-left: -350px;
}
.StockReservationInfo:hover div.DataContainerRStock {
  display: block;
}
div.divAdminProductUnionInfo {
  display: inline-block;
  width: auto;
  height: 20px;
  overflow: visible;
}
div.divAdminProductUnionInfo div.divAdminProductUnionInfoData {
  position: absolute;
  padding: 4px;
  border: 1px solid var(--medium-grey-border);
  border-radius: 4px;
  box-shadow: 4px 4px 4px gray;
  background: var(--white-background);
  display: none;
  z-index: 50;
  margin-top: -4px;
}
div.divAdminProductUnionInfo:hover div.divAdminProductUnionInfoData {
  display: block;
}
div.divAdminProductSpecificationPDF {
  display: inline-block;
  width: auto;
  height: 20px;
  margin-left: 10px;
  overflow: visible;
}
a.btnClientProductStockInfo {
  cursor: pointer;
  margin-left: 2px;
}
div.divClientProductStockData {
  top: 50%;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -50%);
  border-radius: 4px;
  background: var(--white-background);
  display: none;
  z-index: 50;
  opacity: 1;
  min-width: 330px;
  line-height: 1.2;
  padding: 20px;
}
div.divClientProductStockDataRows {
  border-radius: 4px;
  background-color: var(--white-text);
}
div.divClientProductStockDataRows .EBI4AdminEditorPaneContainer {
  background-color: var(--white-text);
  border-radius: 4px;
}
div.divClientProductStockDataRows .EBI4AdminEditorPaneContainer.stockInfo {
  background-color: var(--white-text);
  border: none;
  box-shadow: none;
}
div.divClientProductStockDataRows
  .EBI4AdminEditorDataRowHeaderContainer.stockInfoHeaderContainer {
  background-color: var(--white-text);
  border: none;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
div.divClientProductStockDataRows .EBI4AdminEditorDataRowContainer {
  display: flex;
  justify-content: space-between;
}
div.divClientProductStockDataRows .EBI4AdminEditorDataRowHeader {
  text-align: center;
  float: none;
  font-size: 16px;
  font-weight: 800;
  color: var(--dark-grey-text);
}
div.divClientProductStockDataRows .EBI4Container {
  color: var(--light-grey-text);
}
div.divClientProductStockDataRows .EBI4AdminEditorDataRow {
  color: var(--dark-grey-text);
  width: max-content;
  line-height: 1.6;
  font-size: 12px;
  display: flex;
  align-items: center;
}
div.divClientProductStockDataRows .W220 {
  font-weight: 800;
}
div.FbFormObject {
  width: 400px;
  max-width: 75%;
}
div.FbFormObject input.FbInput.DateValue {
  width: 70px;
}
div.FbFormObject input.FbInput.BoolValue {
  width: auto;
  height: auto;
  padding: 0;
}
div.FbFormObject div.FbFormInputError {
  color: var(--bright-red);
}
div.FbFormObject input.FbInput.TextMediumValue {
  width: 400px;
  max-width: 100%;
  padding: 0;
}
div.FbFormObject textarea.FbInput.TextLargeValue {
  width: 400px;
  height: 120px;
  max-width: 100%;
}
div.FbFormObject input.FbInput.TextSmallValue {
  max-width: 100%;
  padding: 0;
}
div.FbFormObject input.FbInput.TextEmailValue {
  max-width: 100%;
  padding: 0;
}
div.FbFormLabel {
  width: 200px;
  max-width: 25%;
  padding: 0;
  margin: 0;
}
form.ClientFeedBackForm {
  margin-top: 10px;
  padding: 2px;
}
.EBI4FormRow.emailButtonContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
form.ClientFeedBackForm > .EBI4FormRow {
  display: flex;
  align-items: center;
}
.EBI4LinkBtn.btnFbFormSend.WhiteRed {
  border: 1px solid var(--black-border);
  border-radius: 5px;
  padding: 10px;
  background-color: var(--primary-color-background);
  color: var(--white-text);
  cursor: pointer;
}
div.divXMLSpecDataContainer {
  height: 100%;
  overflow: hidden;
  padding-bottom: 35px !important;
  padding-right: 5px !important;
}
div.divXMLSpecData {
  margin-left: 0 !important;
  overflow-y: auto;
  height: 100%;
}
div.AdminProductsXMLSpecs {
  position: absolute;
  padding: 1px;
  border: 1px solid var(--medium-grey-border);
  border-radius: 4px;
  box-shadow: 4px 4px 4px gray;
  background: var(--white-background);
  display: none;
  z-index: 50;
  width: 500px;
  min-height: 60px;
  min-width: 250px;
}
.tbXMLSpecData {
  margin: 0;
  padding: 0;
  width: 100%;
  border: 1px solid var(--black-border);
  box-shadow: 10px 10px 5px #b5b6b6;
  border-radius: 0;
}
.tbXMLSpecData table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.tbXMLSpecData table tr:first-child td:first-child {
  border-top-left-radius: 0;
}
.tbXMLSpecData table tr:first-child td:last-child {
  border-top-right-radius: 0;
}
.tbXMLSpecData tr:last-child td {
  border-width: 0 1px 0 0;
}
.tbXMLSpecData tr:last-child td:last-child {
  border-bottom-right-radius: 0;
  border-width: 0 0 0 0;
}
.tbXMLSpecData tr:last-child td:first-child {
  border-bottom-left-radius: 0;
}
.tbXMLSpecData tr:nth-child(odd) {
  background-color: var(--primary-color-background);
}
.tbXMLSpecData tr:nth-child(even) {
  background-color: var(--white-text);
}
.tbXMLSpecData tr td:last-child {
  border-width: 0 0 1px 0;
}
.tbXMLSpecData tr:first-child td {
  background-color: var(--primary-color-background);
  border: 0 solid black;
  text-align: center;
  border-width: 0 0 1px 1px;
  font-size: 14px;
  font-family: var(--font-family-1);
  font-weight: bold;
  color: var(--white-text);
}
.tbXMLSpecData tr:first-child td:first-child {
  border-width: 0 0 1px 0;
}
.tbXMLSpecData tr:first-child td:last-child {
  border-width: 0 0 1px 1px;
}
.tbXMLSpecData tr:first-child:hover td {
  background-color: var(--primary-color-background);
}
.tbXMLSpecData td {
  vertical-align: middle;
  border: 1px solid var(--black-border);
  border-width: 0 1px 1px 0;
  text-align: left;
  padding: 4px;
  font-size: 12px;
  font-family: var(--font-family-1);
  font-weight: normal;
  color: var(--black-text);
}
div.AdminNavBar {
  margin: 3px;
  padding: 0;
  overflow: visible;
  text-align: left;
  z-index: 9995;
  position: relative;
}
div.AdminNavBar ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 3px;
  list-style: none;
  z-index: 9999;
}
div.AdminNavBar ul li {
  font: 12px/18px sans-serif;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  padding: 3px;
  background: var(--white-background);
  cursor: pointer;
  border-bottom: 1px solid var(--light-grey-border);
  box-shadow: 3px 3px 3px gray;
  z-index: 9999;
}
div.AdminNavBar ul li a {
  font-family: var(--font-family-1);
  font-size: 13px;
  color: var(--white-text);
  text-decoration: none;
  display: block;
}
div.AdminNavBar ul li:hover {
  background: var(--medium-grey-background);
  color: var(--white-text);
}
div.AdminNavBar ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
div.AdminNavBar ul li ul {
  padding: 0;
  position: absolute;
  top: 24px;
  left: 0;
  width: 320px;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
}
div.AdminNavBar ul li ul li {
  background: var(--dark-grey-background);
  display: block;
  color: var(--white-text);
  text-shadow: 0 -1px 0 #000;
  z-index: 9999;
}
div.AdminNavBar ul li ul li:hover {
  background: var(--light-grey-background);
}
div.AdminNavBar ul li ul li a span.AlertCount {
  color: var(--white-text);
  background-color: var(--bright-red);
  width: 30px;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  border-radius: 5px;
  height: 20px;
}
div.AdminNavBar ul li ul li.NavGroup {
  z-index: 20000;
  background: var(--primary-color-background) !important;
}
div.AdminNavBar ul li ul li.NavGroupItem {
  z-index: 20000;
  padding-left: 15px;
  background: var(--light-grey-background) !important;
}
div.AdminNavBar ul li ul li.NavGroupItem:hover {
  background: var(--medium-grey-background) !important;
}
div.AdminNavBar ul li.AdminNotifications {
  margin-left: 15px;
}
div.AdminNavBar ul li.AdminNotifications ul {
  width: 440px;
}
div.AdminNavBar ul li.AdminNotifications ul li.AdminNotification {
  z-index: 20000;
}
div.AdminNavBar ul li.AdminNotifications ul li.AdminNotificationLabel {
  z-index: 20000;
  background: var(--dark-grey-background) !important;
}
div.AdminNavBar ul li.AdminNotifications ul li.SubNotification {
  background: var(--bright-orange) !important;
}
div.AdminNavBar ul li.AdminNotifications ul li span.NotificationAmount {
  color: var(--white-text);
  background-color: var(--bright-red);
  width: 30px;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  border-radius: 5px;
}
div.AdminNavBar ul li.AdminNotifications ul li div.AdminNotificationData {
  position: absolute;
  color: var(--dark-grey-text);
  max-height: 600px;
  display: none;
  border: 1px solid var(--medium-grey-border);
  overflow: auto;
  border-radius: 5px;
  background-color: var(--white-text);
  box-shadow: 4px 4px 4px gray;
  margin-left: -597px;
  margin-top: -23px;
  width: 594px;
  text-shadow: none;
  font-family: var(--font-family-1);
  font-size: 12px;
  font-weight: normal;
  z-index: 20000;
}
div.AdminNavBar ul li.AdminNotifications ul li:hover div.AdminNotificationData {
  display: block;
}
div.AdminNavBar ul li.AdminNotifications span.NotificationAmountTotal {
  color: var(--white-text);
  background-color: var(--bright-red);
  width: 30px;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  border-radius: 5px;
}
div.AdminNavBar ul li.AdminProductList {
  margin-left: 15px;
  padding-right: 10px;
}
div.AdminNavBar ul li.AdminProductList ul {
  width: 440px;
}
div.AdminNavBar ul li.AdminProductList ul li.ProductListData {
  width: 433px;
  max-height: 400px;
  overflow-y: auto;
  color: var(--dark-grey-text);
  text-shadow: none;
}
div.AdminNavBar ul li.AdminProductList ul li.ProductListData div.ProductCont {
  display: block;
  width: 400px;
  overflow: hidden;
  height: auto;
  margin: 1px;
  padding: 1px;
  background-color: var(--white-text);
}
div.AdminNavBar
  ul
  li.AdminProductList
  ul
  li.ProductListData
  div.ProductCont
  label.ID {
  display: block;
  float: left;
  width: 30px;
  text-align: center;
}
div.AdminNavBar
  ul
  li.AdminProductList
  ul
  li.ProductListData
  div.ProductCont
  label.Image {
  display: block;
  float: left;
  width: 50px;
  text-align: center;
}
div.AdminNavBar
  ul
  li.AdminProductList
  ul
  li.ProductListData
  div.ProductCont
  label.CodeText {
  display: block;
  float: left;
  width: 285px;
}
div.AdminNavBar
  ul
  li.AdminProductList
  ul
  li.ProductListData
  div.ProductCont
  label.CodeText
  span.PCode {
  display: block;
  width: 100%;
  color: var(--medium-grey-text);
}
div.AdminNavBar
  ul
  li.AdminProductList
  ul
  li.ProductListData
  div.ProductCont
  label.CodeText
  span.PTitle
  a {
  display: block;
  width: 100%;
  color: var(--primary-color-text);
}
div.AdminNavBar
  ul
  li.AdminProductList
  ul
  li.ProductListData
  div.ProductCont
  label.CodeText
  span.PTitle
  a.NotPublic {
  color: var(--bright-orange);
}
div.AdminNavBar
  ul
  li.AdminProductList
  ul
  li.ProductListData
  div.ProductCont
  label.btnRemove {
  display: block;
  float: left;
  width: 30px;
  text-align: center;
  margin-top: 8px;
}
div.AdminNavBar ul li.AdminProductList span.ProductListCount {
  color: var(--white-text);
  background-color: var(--bright-red);
  width: 30px;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  border-radius: 5px;
}
a.aLightBox {
  display: none;
}
a.ProductDetailsImageProductZoom {
  position: absolute;
  display: none;
  height: 250px;
  margin-top: -360px;
  width: 517px;
  text-align: center;
  vertical-align: middle;
  background: url("/Gfx/Icons/iconZOOM.png") no-repeat center;
  background-size: 70px 70px;
  opacity: 0.8;
}
ul.DropDownSelect {
  margin: 3px;
  padding: 0;
  overflow: visible;
  text-align: left;
  z-index: 9995;
  position: relative;
}
ul.DropDownSelect li {
  background-color: var(--primary-color-background);
}
ul.DropDownSelect li ul {
  display: none;
  position: absolute;
}
ul.DropDownSelect li ul li {
  background-color: var(--yellow);
}
ul.DropDownSelect li:hover ul {
  display: block;
}
#PageTopToolbarRow {
  margin-bottom: 6px;
}
#PageTopToolbar {
  height: 30px;
  background-color: transparent;
  padding-bottom: 43px;
  display: inline-flex;
  justify-content: flex-end;
}
#PageTopLogoButton {
  width: 100%;
  height: 100%;
  display: block;
}
.EBI4ContPageRow.footerContentMain {
  background-color: var(--primary-color-background);
}
.EBI4ContPageRow.footerContentSecont {
  background-color: var(--primary-color-background);
}
.EBI4ContPageAreaRow.EBI4ContPageAreaRowFooter {
  background-color: var(--primary-color-background);
}
#divSearchBlock {
  display: block;
  position: relative;
  z-index: 7;
  width: 440px;
  margin-right: 100px;
  padding-right: 0;
  padding-left: 0;
}
#divProductCompaare {
  font-size: 13px;
  color: var(--primary-color-text);
  font-weight: bold;
  margin-left: 5px;
  margin-right: 16px;
  margin-top: 1px;
}
.EBI4ContPageRowHeaderTopObject.Login {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 17px;
  height: auto;
  position: relative;
}
.EBI4ContPageRowHeaderTopObject.Login:hover .visitor-submenu {
  max-height: 350px;
  border: 1px solid var(--light-grey-border);
  transition: max-height 0.25s ease-in;
  display: none;
}
.EBI4ContPageRowHeaderTopObject.Login.EBI4LoggedInUser {
  min-width: 125px;
  align-items: flex-start;
  box-sizing: content-box;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  min-height: 35px;
}
.EBI4ContPageRowHeaderTopObject.Login.EBI4LoggedInUser .userNameContainer {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  color: var(--light-grey-text);
}
.EBI4ContPageRowHeaderTopObject.Login.EBI4LoggedInUser span.UserIcon {
  margin: auto;
}
.EBI4ContPageRowHeaderTopObject.Login.EBI4LoggedInUser:hover {
  border: 1px solid var(--light-grey-border);
}
span.UserIcon {
  cursor: pointer;
}
#divClientBlockData {
  box-sizing: border-box;
  width: calc(100% + 2px);
  min-width: 100px;
  padding: 4px 6px;
  text-align: left;
  border: 1px solid var(--light-grey-border);
  border-top: 0px;
  background-color: var(--white-text);
  position: absolute;
  display: none;
  flex-direction: column;
  z-index: 70;
  top: 37px;
  left: -1px;
  margin: 0px;
  padding-top: 9px;
  font-weight: 800;
}
#divClientBlockData .ClientUserDropDownButton {
  display: inline-block;
  float: none;
  color: var(--dark-grey-text);
  font-size: 12px;
  font-weight: 600;
  width: 100%;
  padding: 2px 3px;
}
#divClientBlockData .ClientUserDropDownButton:hover {
  text-decoration: underline;
}
#divCartBlock {
  display: block;
  float: left;
  height: 43px;
  top: -5px;
}
#ItemCounter {
  position: absolute;
  padding: 1px 6px;
  background-color: var(--bright-red);
  border-radius: 1000px;
  color: var(--white-text);
  top: 0%;
  right: 80%;
}
#divWishListBlock {
  display: block;
  float: left;
  width: 165px;
  height: 43px;
  margin-top: 2px;
  margin-right: 40px;
}
#divLanguageBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  width: 70px;
  height: auto;
  padding-left: 0;
}
#AdminPriceEditorData {
  margin-bottom: 320px !important;
}
#UserSearch {
  width: 356px;
  padding-right: 30px;
  border-radius: 15px;
}
.bntToogleDoCnt {
  display: block;
  height: 100%;
  background-image: url("/Gfx/Icons/iconARROW_DOWN_GREY.svg");
  background-position: 98% 82%;
  background-repeat: no-repeat;
  background-size: 20px;
  position: absolute;
  width: calc(100% + 25px);
  margin-top: -22px;
}
#ConfirmKeepFixed.SetFixed {
  position: fixed;
  height: 40px;
  width: 975px;
  z-index: 99;
  top: 100%;
  margin-top: -40px;
  background-color: var(--white-text);
  border-top: 2px solid var(--light-grey-border);
}
#btnGoTop {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
   background-color: var(--dark-grey-background);
  height: 40px;
  cursor: pointer;
  border-radius: 5px;
  opacity: 0.6;
}
#btnGoTop:hover {
  opacity: 0.8;
}
.cnt-for-grapesjs {
  border: 1px solid var(--light-grey-border);
  margin: 20px auto;
  overflow: auto;
  max-height: 500px;
}
.cntTempGrapesJsDataStoring {
  display: none;
}
.cntBtnsGrapesJsEditor {
  text-align: right;
}
.cntBtnsGrapesJsEditor button {
  border: 1px solid var(--light-grey-border);
}
.cntBtnsGrapesJsEditor .btnSaveGrapesJs,
.cntBtnsGrapesJsEditor .btnCancelGrapesJs {
  display: none;
}
.visitor-submenu {
  width: 235px;
  max-height: 0;
  transition: max-height 0.15s ease-out;
  overflow: hidden;
  position: absolute;
  background: var(--white-background);
  padding: 0 9px;
  z-index: 6;
  right: 5px;
  top: 31px;
}
#loginPopupForm {
  text-align: center;
}
.login-form {
  margin: 10px;
}
.or-fb-login {
  margin: 6px;
  color: var(--light-grey-text);
}
.not-registered-yet {
  color: var(--light-grey-text);
}
.fb-btn-row a:hover {
  background: var(--primary-color-background);
}
.or-block {
  margin: 16px 0;
  font-family: var(--font-family-1);
}
.register-form-row {
  margin-bottom: 20px;
}
.fb-popup-custom#divScreenMessage {
  top: 20%;
}
.modal-content {
  width: 800px;
  left: 50%;
  margin-left: -400px;
  background: var(--white-background);
  padding: 54px 54px 20px 54px;
  border-radius: 4px;
  position: fixed;
  z-index: 205;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  max-height: calc(100vh - 60px);
}
.modal-content-inner {
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 120px);
}
.register-wrapper {
  position: relative;
}
#mergeFacebookClientWrapper {
  display: none;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
#mergeFacebookClientWrapper .EBI4PageHeader {
  display: none;
}
#mergeFacebookClientWrapper .EBI4Container {
  margin-left: 0;
}
#mergeFacebookClientWrapper .btnClientSignInMergeText {
  display: inline;
}
#mergeFacebookClientWrapper .btnClientLoginText {
  display: none;
}
#mergeFacebookClientWrapper #ClientPasswordError {
  margin-left: -3px;
}
#mergeFacebookClientWrapper #bntClientLoginError {
  margin-left: 0;
}
.registration-benefits {
  display: none;
}
.loginBlockSeparator {
  margin: 11px 0;
  position: relative;
  text-align: center;
  font-weight: 600;
}
.loginBlockSeparator span {
  position: relative;
  display: inline-block;
  background: var(--white-background);
  padding: 0 23px;
  color: var(--light-grey-text);
}
.loginBlockSeparator:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  background: var(--light-grey-background);
  width: 100%;
  height: 1px;
}
span.fb-popup-text1 {
  font-family: var(--font-family-1);
}
span.fb-popup-text2 {
  color: var(--primary-color-text);
  font-weight: 900;
  font-size: 30px;
}
input#fbEmailField {
  width: 50%;
}
#regEmailBlock {
  position: relative;
  margin-top: 12px;
  margin-bottom: 12px;
}
#regEmailBlock > div.EBI4AdminEditorPaneError {
  position: absolute;
  left: 50%;
  top: 0;
  float: none;
}
i#popup-email {
  position: absolute;
  left: 15px;
  top: 8px;
}
i#popup-email svg {
  width: 17px;
  height: 17px;
  fill: #b5b6b6;
}
.form-options {
  display: inline-block;
}
#popupRegisterActionWrapper {
  height: 90px;
  position: relative;
  max-width: 200px;
  float: right;
  text-align: center;
}
#popupRegisterAction {
  width: 200px;
  height: 50px;
  border: 1px solid var(--light-grey-border);
  font-size: 13px;
  background-color: var(--white-text);
}
#popupRegisterAction:hover {
  cursor: pointer;
  background-color: var(--light-grey-background);
}
#regEmailBlock_Length {
  display: none;
}
#regEmailBlock_Pattern {
  display: none;
}
#popupRegisterActionError {
  display: none;
}
.popup-checkboxes-container {
  display: block;
  position: relative;
  padding-top: 4px;
  padding-left: 38px;
  margin-bottom: 30px;
  cursor: pointer;
}
.popup-checkboxes-container a {
  display: inline;
}
.popup-checkboxes-container div {
  display: inline;
}
.popup-checkboxes-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.popup-checkboxes-container input:checked ~ .checkmark:after {
  display: block;
}
.popup-checkboxes-container .checkmark:after {
  left: 7px;
  top: 1px;
  width: 5px;
  height: 12px;
  border: solid black;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkmark {
  border: 1px solid var(--light-grey-border);
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--white-highlight-background);
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#country-dropdown {
  margin-bottom: 16px;
}
#country-dropdown #DeliveryCountryTitle {
  height: 32px;
  padding-left: 16px;
  border: 1px solid var(--light-grey-border);
  font-size: 13px;
}
#country-dropdown .EBI4FormRow {
  padding: 3px 3px 3px 0;
}
#country-dropdown select#DeliveryCountryCode {
  height: 32px;
  width: 50%;
  padding-left: 16px;
  border: 1px solid var(--light-grey-border);
  font-size: 13px;
}
#country-dropdown #divDeliveryCountryTitle input {
  height: 32px;
  width: 50%;
  padding-left: 16px;
  border: 1px solid var(--light-grey-border);
  font-size: 13px;
}
#country-dropdown #divDeliveryCountryTitle .Object {
  float: unset;
}
#country-dropdown #divDeliveryCountryTitle .Object input {
  width: 50%;
}
#country-dropdown #countrySelectWrapper {
  float: unset;
}
#DeliveryCountryCode:focus {
  background-color: var(--light-grey-background);
}
#closePopup {
  font-weight: normal;
  font-size: 1em;
  line-height: 1;
  font-family: var(--font-family-1);
  display: inline-block;
  position: absolute;
  right: 22px;
  top: 22px;
  cursor: pointer;
}
#closePopup:hover {
  opacity: 0.5;
}
#closePopup:before {
  content: "\2716";
  font-size: 22px;
  color: var(--dark-grey-text);
}
#text1_fbMergingRegistration {
  display: none;
}
#text2_fbMergingRegistration {
  display: none;
}
.btnClientSignInMergeText {
  display: none;
}
#btnFacebookMerge {
  display: inline-block;
  margin-left: 248px;
}
#btnFacebookMerge > .merge-account-with {
  font-weight: 900;
  padding-left: 5px;
  padding-right: 5px;
}
#btnFacebookMerge > .btn-fb {
  line-height: 16px;
  background: var(--primary-color-background);
  color: var(--white-text);
}
#btnFacebookMerge > .btn-fb:hover {
  background: var(--primary-color-background);
}
#clientNameSurname {
  display: none;
  width: 60%;
  margin: 20px auto 0 auto;
}
.newFacebookClientWrapper #DeliveryCountryTitleError {
  display: none;
}
.cntErrorMsg {
  padding-top: 4px;
}
.cntErrorMsg img {
  height: 16px;
  padding-right: 4px;
  vertical-align: middle;
}
.cntErrorMsg .errorMsg {
  display: inline-block;
  width: 90%;
  vertical-align: middle;
  color: var(--bright-red);
  text-align: left;
}
#LeasingCalculationContainer {
  flex-direction: column;
  align-items: flex-start;
  width: 475px;
  margin-left: -10px;
}
#LeasingCalculationContainer .lease-no-percent-info {
  background-color: var(--primary-color-background);
  color: var(--white-text);
  border-radius: 4px;
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: -10px;
}
#LeasingCalculationContainer .leasingContainerRest {
  width: 437px;
  height: 65px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  margin-right: 10px;
}
#LeasingCalculationContainer .leasingContainerRest div.Object.FixedWidth150 {
  border-right: 1px solid black;
  align-items: center;
  display: flex;
  justify-content: center;
}
#LeasingCalculationContainer
  .leasingContainerRest
  div.Object.FixedWidth150.noBorder {
  border: none;
}
#LeasingCalculationContainer
  .leasingContainerRest
  div.Object.FixedWidth150.Bold {
  font-weight: 800;
  color: var(--dark-grey-text);
}
#LeasingCalculationContainer .leasingContainerRest div.Object.Right {
  text-align: center;
}
#LeasingCalculationContainer .leasingContainerRest .Object.InputLabel {
  text-align: center;
}
#LeasingCalculationContainer .termContributionContainer {
  display: flex;
  flex-direction: row;
  width: 437px;
  flex-wrap: wrap;
  margin-bottom: 10px;
  margin-top: 10px;
  justify-content: center;
}
#LeasingCalculationContainer
  .termContributionContainer
  .Object.InputLabel.FixedWidth150 {
  width: 215px;
  padding-left: 1px;
  padding-right: 1px;
  margin: 0;
}
#LeasingCalculationContainer
  .termContributionContainer
  div.Object.FixedWidth150 {
  width: 218px;
  text-align: center;
  font-size: 14px;
  padding: 0;
  padding-bottom: 8px;
  margin: auto;
}
#LeasingCalculationContainer
  .termContributionContainer
  .LeasingContributionProc {
  width: 100%;
}
#LeasingCalculationContainer .termContributionContainer .LeasingTerm {
  width: 100%;
}
#LeasingCalculationContainer .termContributionContainer select {
  width: 100%;
  height: 30px;
  border-radius: 5px;
  background-image: none;
  text-align: center;
  color: var(--primary-color-text);
  font-size: 12px;
  padding: 0px;
}
#LeasingCalculationContainer .oLeasing {
  padding-top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#LeasingCalculationContainer #LeasingCalculationForm {
  margin-bottom: 0;
}
#CartLeasingCalculationContainer {
  all: unset;
  display: block;
  padding-left: 0px;
  width: 95%;
}
#CartLeasingCalculationContainer #leasingPaydateContainer {
  margin-left: -2px;
  margin-top: 20px;
}
#CartLeasingCalculationContainer .leasingCalculatorInfoText {
  width: auto;
  padding-left: 5px;
  font-size: 14px;
  text-align: left;
  margin: 23px 22px 0px -5px;
}
#CartLeasingCalculationContainer div.Object.FixedWidth150 {
  width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 10px;
  border-left: 1px solid var(--dark-grey-border);
  height: 42.5px;
}
#CartLeasingCalculationContainer div.Object.Right {
  text-align: center;
  padding: 0px 10px;
}
#CartLeasingCalculationContainer select {
  width: 100px;
}
#CartLeasingCalculationContainer .EBI4FormRow.oLeasing {
  all: unset;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas: "label1 label2 label2 label3 label3 label3 label3 label3" "value1 label2 label2 label3 label3 label3 label3 label3";
}
#CartLeasingCalculationContainer .Object.FixedWidth150.RightPadding {
  grid-area: label1;
  width: 100%;
}
#CartLeasingCalculationContainer
  .Object.InputLabel.FixedWidth150.RightPadding.Bold.PriceBlack.kopa1 {
  grid-area: value1;
  width: 100%;
}
#CartLeasingCalculationContainer .Object.termContributionContainer {
  display: grid;
  grid-area: label2;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  height: 85px;
  width: 100%;
}
#CartLeasingCalculationContainer
  .Object.termContributionContainer
  .Object.FixedWidth150.RightPadding.term {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
  width: 100%;
}
#CartLeasingCalculationContainer
  .Object.termContributionContainer
  .Object.FixedWidth150.RightPadding.termSelect {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
  width: 100%;
}
#CartLeasingCalculationContainer
  .Object.termContributionContainer
  .Object.FixedWidth150.RightPadding.contribution {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  width: 100%;
}
#CartLeasingCalculationContainer
  .Object.termContributionContainer
  .Object.FixedWidth150.RightPadding.contributionSelect {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
  width: 100%;
}
#CartLeasingCalculationContainer .Object.leasingContainerRest {
  display: flex;
  flex-direction: row;
  width: 750px;
  flex-wrap: wrap;
  grid-area: label3;
  width: 100%;
  border-right: 1px solid black;
}
#CartLeasingCalculationContainer .Object.FixedWidth150.Right,
#CartLeasingCalculationContainer .Object.FixedWidth150.Right.Bold {
  height: 42.5px;
}
.leasingCalculatorInfoText {
  margin-top: 10px;
  width: 405px;
  font-size: 11px;
  color: var(--light-grey-text);
  margin-left: 24px;
  line-height: normal;
}
#leasingPaydateContainer .Object:nth-child(1) {
  width: 200px;
}
#leasingPaydateContainer .Object:nth-child(2) {
  width: auto;
}
div.ui-dialog {
  z-index: 220;
}
#cookieBanner {
  display: none;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  align-items: center;
  justify-content: center;
  background-color: rgba(39, 35, 93, 0.7);
}
.cookie-notice {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  height: 35%;
  width: 90%;
  background: var(--white-background);
  position: fixed;
  z-index: 500;
  padding: 10px 10px 10px 10px;
  max-width: 916px;
}
.cookie-notice-button-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.cookie-menu-save {
  height: 47px;
  width: 250px;
  font-size: 15px;
  border-radius: 30px;
  line-height: 30px;
  font-weight: 600;
  color: var(--white-text);
  background: var(--light-grey-background);
  font-family: var(--font-family-1);
}
.cookie-notice-menu {
  height: 47px;
  width: 250px;
  border-radius: 30px;
  line-height: 30px;
  font-weight: 600;
  color: var(--white-text);
  background: var(--light-grey-background);
  font-size: 15px;
  font-family: var(--font-family-1);
}
button.cookie-notice-accept {
  height: 47px;
  width: 250px;
  border-radius: 30px;
  line-height: 30px;
  font-weight: 600;
  color: var(--white-text);
  background: linear-gradient(to left, var(--bright-red), var(--light-orange));
  font-size: 15px;
  font-family: var(--font-family-1);
}
.cookie-notice-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 35px;
  background-color: var(--white-text);
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  position: absolute;
  gap: 30px;
}
.cookie-notice-inner::before {
  content: "";
  position: absolute;
  border-radius: 40px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  background: linear-gradient(to left, var(--bright-red), var(--light-orange));
  z-index: -1;
}
.cookie-notice-inner-wrapper {
  display: flex;
  flex-direction: column;
  padding: 30px;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: 100%;
}
.cookie-notice-title {
  font-size: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -1.2px;
  text-align: center;
}
.cookie-notice-text {
  font-size: 16px;
  text-align: center;
  height: 90px;
}
.cookie-notice-text.checkbox {
  text-align: left;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: start;
}
.cookie-notice-text.checkbox input {
  margin-bottom: 10px;
  height: 15px;
  border: none;
  width: auto;
  min-height: auto;
}
.cookie-notice-text.checkbox label {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .cookie-notice-title {
    font-size: 22px;
  }
  .cookie-notice-text {
    font-size: 14px;
    height: auto;
  }
  .cookie-notice-button-container {
    flex-direction: column-reverse;
  }
  .cookie-notice {
    height: auto;
    padding: 15px 0px 15px 0px;
  }
  .cookie-notice-inner {
    height: auto;
    position: relative;
  }
  .cookie-notice-inner-wrapper {
    gap: 30px;
  }
}
.hidden {
  display: none !important;
}
.FS10 {
  font-size: 10px;
}
.FS14 {
  font-size: 14px;
}
.Red {
  color: var(--bright-red);
}
.DarkRed {
  color: var(--bright-red);
}
.White {
  color: var(--white-text);
}
.Orange {
  color: var(--bright-orange);
}
.Grey {
  color: var(--light-grey-text);
}
.DarkGrey {
  color: var(--dark-grey-text);
}
.RedDarken {
  color: var(--bright-red);
}
.Blue {
  color: var(--primary-color-text);
}
.Green {
  color: var(--green);
}
.FRight {
  float: right;
}
.Underline {
  text-decoration: underline;
}
.ImageBottom img {
  vertical-align: bottom;
}
.ImageMiddle img {
  vertical-align: middle;
}
.LeftMargin10 {
  margin-left: 10px;
}
.Italic {
  font-style: italic;
}
.Bold {
  font-weight: bold;
}
.Striked {
  text-decoration: line-through;
}
.Block {
  display: block;
}
.Inline {
  display: inline;
}
.InlineBlock {
  display: inline-block;
}
.FLeft {
  float: left;
}
.FRight {
  float: right;
}
.Left {
  text-align: left;
}
.Right {
  text-align: right;
}
.Center {
  text-align: center;
}
.MaxWidth {
  width: 100%;
}
.FixedWidth50 {
  width: 50px;
}
.FixedWidth80 {
  width: 80px;
}
.FixedWidth120 {
  width: 120px;
}
.FixedWidth140 {
  width: 140px;
}
.FixedWidth190 {
  width: 190px;
}
.FixedWidth220 {
  width: 220px;
}
.FixedWidth270 {
  width: 270px;
}
.LeftMargin30 {
  margin-left: 30px;
}
.LeftMargin10 {
  margin-left: 10px;
}
.RightMargin30 {
  margin-right: 30px;
}
.RightMargin10 {
  margin-right: 10px;
}
.RightMargin5 {
  margin-right: 5px;
}
.TopMargin5 {
  margin-top: 5px;
}
.BottomMargin5 {
  margin-bottom: 5px;
}
.BottomMargin10 {
  margin-bottom: 10px;
}
.BottomMargin15 {
  margin-bottom: 15px;
}
.BotLineGrey {
  border-bottom: 1px solid var(--light-grey-border);
}
.MTop10 {
  margin-top: 10px;
}
.MLeft10 {
  margin-left: 10px;
}
.T-ARight {
  text-align: right;
}
.W20 {
  width: 20px;
}
.W25 {
  width: 25px;
}
.W30 {
  width: 30px;
}
.W35 {
  width: 35px;
}
.W40 {
  width: 40px;
}
.W45 {
  width: 45px;
}
.W50 {
  width: 50px;
}
.W55 {
  width: 55px;
}
.W60 {
  width: 60px;
}
.W65 {
  width: 65px;
}
.W70 {
  width: 70px;
}
.W75 {
  width: 75px;
}
.W80 {
  width: 80px;
}
.W85 {
  width: 85px;
}
.W90 {
  width: 90px;
}
.W95 {
  width: 95px;
}
.W100 {
  width: 100px;
}
.W105 {
  width: 105px;
}
.W110 {
  width: 110px;
}
.W115 {
  width: 115px;
}
.W120 {
  width: 120px;
}
.W125 {
  width: 125px;
}
.W130 {
  width: 130px;
}
.W135 {
  width: 135px;
}
.W140 {
  width: 140px;
}
.W145 {
  width: 145px;
}
.W150 {
  width: 150px;
}
.W155 {
  width: 155px;
}
.W160 {
  width: 160px;
}
.W165 {
  width: 165px;
}
.W170 {
  width: 170px;
}
.W175 {
  width: 175px;
}
.W180 {
  width: 180px;
}
.W185 {
  width: 185px;
}
.W190 {
  width: 190px;
}
.W195 {
  width: 195px;
}
.W200 {
  width: 200px;
}
.W205 {
  width: 205px;
}
.W210 {
  width: 210px;
}
.W215 {
  width: 215px;
}
.W220 {
  width: 220px;
}
.W225 {
  width: 225px;
}
.W230 {
  width: 230px;
}
.W235 {
  width: 235px;
}
.W360 {
  width: 360px;
}
.borderRed {
  border-color: var(--bright-red);
}
.DNone {
  display: none !important;
}
.DNoneImp {
  display: none !important;
}
.MaxH30 {
  max-height: 30px;
}
.invisible {
  background: transparent !important;
  border: 0 !important;
  box-shadow: unset !important;
}
.tooltipText {
  visibility: hidden;
   background-color: var(--dark-grey-background);
  color: var(--white-text);
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}
.AdminLeasingCalcSettings:hover #tooltipText {
  visibility: visible;
}
#forgotPwdRow {
  text-align: center;
  margin-right: 50px;
}
#ClientEmailFPError {
  float: unset;
  text-align: unset;
}
.loginRegisterContainerFbPopup #bntClientLogin {
  width: 250px;
}
.wrapRegisterBtn {
  text-align: center;
}
.wrapRegisterBtn .register-form-row {
  width: 300px;
  margin: auto;
}
#frmClientLogin .Object {
  float: unset;
}
#frmClientLogin input {
  width: 400px;
  margin: auto;
  display: block;
}
#frmClientLogin #ClientEmailError {
  text-align: center;
  float: unset;
}
#frmClientLogin #ClientPasswordError {
  text-align: center;
  float: unset;
}
#frmClientLogin .btnClientLogin {
  margin: auto;
  text-align: center;
  width: 300px;
}
#frmClientLogin .bntClientLoginError {
  text-align: center;
}
#frmClientLogin #bntClientLoginError {
  float: unset;
}
#divForgotPassword .EBI4FormRow {
  text-align: center;
}
#divForgotPassword .Object {
  float: none;
}
input#ClientEmailFP {
  width: 400px;
  margin: auto;
}
.wrapFbLogin {
  text-align: center;
  margin-top: 30px;
}
.wrapFbLogin .btnFacebookLogin {
  width: 300px;
  margin: auto;
}
#SubscriptionAndContactsRowDesktop {
  display: flex;
  justify-content: center;
  width: 100%;
  border-bottom: 1px solid var(--light-grey-border);
  padding-bottom: 30px;
  margin-bottom: 35px;
}
#SubscriptionAndContactsRowDesktop .ColSubscription {
  width: 550px;
  margin-right: 5%;
}
#SubscriptionAndContactsRowDesktop .ColContacts {
  width: 40%;
}
#SubscriptionAndContactsRowDesktop .ColContacts p {
  color: var(--white-text);
}
#SubscriptionAndContactsRowDesktop .ColContacts .FooterHeader {
  font-weight: 100;
}
#subscriptionEmailForm {
  width: 100%;
  position: relative;
  display: inline-block;
  color: var(--white-text);
  text-align: center;
}
#subscriptionEmailForm ::placeholder {
  color: var(--white-text);
  opacity: 1;
  padding-left: 4px;
}
#subscriptionEmailForm input {
  display: block;
  height: 40px;
  width: 100%;
  padding: 1px 170px 1px 10px;
  color: var(--white-text);
  background-color: var(--primary-color-background);
  border-color: var(--white-border);
  border-radius: 4px;
}
#subscriptionEmailForm input:focus {
  border-color: var(--light-grey-border);
}
#subscriptionEmailForm label {
  font-size: 16px;
  margin-bottom: 25px;
  font-weight: 600;
  display: block;
}
#subscriptionEmailError {
  color: var(--bright-red);
  font-size: 14px;
  position: absolute;
}
#subscriptionMessage {
  font-size: 14px;
}
.customArrowWrap {
  background: var(--white-background);
  height: 40px;
  min-width: 170px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: var(--primary-color-text);
  font-size: 16px;
  font-weight: 800;
  padding-top: 8px;
  border-radius: 0 4px 4px 0;
  padding-left: 10px;
  padding-right: 10px;
}
.customArrowWrap:hover {
  background-color: var(--light-grey-background);
}
.wrapInput {
  position: relative;
  margin-bottom: 4px;
}
.border {
  width: 18px;
  height: 2px;
  background-color: var(--white-text);
  position: absolute;
}
.border.lineTop {
  transform-origin: left top;
  left: calc(18px + (1px / 2));
  top: calc(8px + (1px / 2));
  transform: rotate(40deg) skewX(130deg);
}
.border.lineBottom {
  transform-origin: right top;
  left: 11px;
  top: 20px;
  transform: rotate(-40deg) skewX(230deg);
}
.CartButtonLong {
  color: white !important;
  min-width: unset !important;
  margin: 0px;
}

.smallEnLabel img {
  max-width: 39px;
}
.CompareButtonShort {
  min-width: unset !important;
  width: 38px !important;
  transition: all 0.7s ease;
}
#DivFiltersContainer_BRANDS::-webkit-scrollbar {
  width: 5px;
  float: left;
}
#DivFiltersContainer_BRANDS::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--primary-color-background);
  border: 1px solid var(--white-border);
}
#DivFiltersContainer_BRANDS::-webkit-scrollbar-track {
  border: 1px solid var(--white-border);
  padding: 2px 0;
  background-color: var(--light-grey-background);
}
#DivFiltersContainer_BRANDS {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#divRecipientType #RecipientTypeP,
#divRecipientType #RecipientTypeC,
#chkNewsSubscribe,
#chkTermsAgreed {
  border: 1px solid var(--primary-color-border);
  padding: 0.5em 0.7em;
  -webkit-appearance: none;
}
#RecipientTypeP:checked,
#RecipientTypeC:checked,
#chkNewsSubscribe:checked,
#chkTermsAgreed:checked {
  border: 1px solid var(--primary-color-border);
  padding: 0.5em 0.7em;
  background-color: var(--primary-color-background);
  -webkit-appearance: none;
}
.mod-radio {
  border: 1px solid var(--primary-color-border);
  padding: 7px;
  height: 10px;
  -webkit-appearance: none;
}
.mod-radio:checked {
  border: 1px solid var(--primary-color-border);
  padding: 7px;
  height: 10px;
  background-color: var(--primary-color-background);
  -webkit-appearance: none;
}
.UnsetWidth {
  width: unset;
  min-width: unset;
}
.cmdAdminProductSpecificationPDF {
  padding-left: 10px;
}
.jaunumiPageStyle .EBI4Article {
  width: auto;
  background-color: var(--white-highlight-background);
  flex: 1;
  min-width: 100%;
  padding: 0;
  margin: 0;
  align-items: center;
  height: 31.75rem;
  justify-content: space-around;
  border: none;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform-origin: center center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  cursor: pointer;
}
.jaunumiPageStyle .wrapperDiv:hover .EBI4Article {
  transform: scale(1.1) translateZ(0);
}
.wrapperDiv {
  width: auto;
  background-color: var(--white-highlight-background);
  flex: 1;
  min-width: 49%;
  padding: 0;
  margin: 0;
  align-items: center;
  height: 31.75rem;
  justify-content: space-around;
  border: none;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform-origin: center center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  cursor: pointer;
  overflow: hidden;
  image-rendering: auto;
}
.jaunumiPageStyle .wrapperDiv .EBI4Article .EBI4ArticleIntroText {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.jaunumiPageStyle .wrapperDiv .EBI4Article .EBI4ArticleIntroText > div {
  flex: 1;
  margin-top: 0;
}
.jaunumiPageStyle .wrapperDiv .EBI4Article .EBI4ArticleIntroText,
.EBI4ArticleIntroText * {
  padding: 0;
  margin: 0;
}
.jaunumiStlyeATag {
  color: var(--black-text) !important;
}
.jaunumiPageStyle .wrapperDiv:nth-of-type(3n) {
  min-width: 100%;
  align-items: flex-start;
}
.jaunumiPageStyle .wrapperDiv:nth-of-type(3n) .DataContainer {
  justify-content: flex-start;
  padding-left: 3rem;
  width: 47%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.jaunumiPageStyle
  .wrapperDiv:nth-of-type(3n)
  .DataContainer
  .EBI4ArticleIntroText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.jaunumiPageFlexbox {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
.jaunumiPageFlexbox .DataContainer {
  margin: 0;
  padding: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: space-around;
}
.jaunumiPageFlexbox .DataContainer .EBI4ArticleIntroText {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.jaunumiPageFlexbox .DataContainer .jaunumiStlyeATag {
  font-size: 2rem;
}
.jaunumiStlyeh3Tag {
  font-size: 1.3rem;
  font-weight: 600;
}
.jaunumiStlyeArticleIntroButton {
  border: 3px solid var(--white-border);
  border-radius: 23px;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  width: unset !important;
  font-size: 1rem;
}
.jaunumiMobileEBI4Article {
  margin: 10px;
  margin-left: 0 !important;
}
.jaunumipageTabletEBI4Article {
  margin: 10px;
  margin-left: 0 !important;
}
@media only screen and (min-width: 300px) and (max-width: 375px) {
  .jaunumiMobileEBI4Article {
    height: 400px !important;
  }
}
@media only screen and (min-width: 376px) and (max-width: 700px) {
  .jaunumiMobileEBI4Article {
    height: 400px !important;
  }
}
@media only screen and (min-width: 701px) and (max-width: 1500px) {
  .jaunumiMobileEBI4Article {
    display: none !important;
  }
  .jaunumipageTabletEBI4Article {
    display: block !important;
    height: 350px !important;
  }
}
.biznesaCardTxt,
.nituCardTxt {
  flex-grow: 1;
  color: var(--white-text);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 0;
  padding: 1rem;
  padding-bottom: 1.7rem;
}
.biznesaCardTxt {
  background-color: var(--primary-color-background);
}
.nituCardTxt.first {
  background-color: var(--nitu-dark-orange);
  color: var(--nitu-dark-orange);
}
.nituCardTxt.second {
  background-color: var(--nitu-orange);
  color: var(--nitu-orange);
}
.nituCardTxt.third {
  background-color: var(--nitu-yellow);
  color: var(--nitu-yellow);
}
.biznesaCardBtn,
.nituCardBtn {
  transition: all 0.5s ease;
  border-radius: 20px;
  font-size: 15.5px;
  outline: none;
  margin-top: 1rem;
  width: auto;
  color: inherit;
  height: 26px;
  width: 108px;
  font-family: var(--font-family-1);
}
.biznesaCardBtn {
  color: var(--primary-color-text);
  border: 1px solid var(--white-border);
  background-color: var(--white-text);
}
.nituCardBtn {
  border: 1px solid var(--black-border);
  background-color: var(--black);
}
.biznesaCardBtn:hover {
  border: 1px solid var(--white-border);
  color: var(--white-text);
  background-color: var(--primary-color-background);
}
.nituCardBtn:hover {
  border: 1px solid var(--black-border);
  color: var(--white-text);
  background-color: var(--black);
}
.biznesaCardp {
  margin: 0;
  color: var(--white-text);
}
.nituCardp {
  margin-bottom: 18px;
  color: var(--black-text);
  margin-top: 0px;
}
.biznesaCardh2 {
  color: var(--white-text);
}
.nituCardh2 {
  color: var(--black-text);
  padding: 0px;
  margin-top: 12px;
  margin-bottom: 10px;
}
.biznesaContainer,
.nituContainer {
  display: flex;
  justify-content: space-between;
}
.biznesaParent,
.nituParent {
  height: 25rem;
  overflow: hidden;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.biznesaCard,
.nituCard {
  position: relative;
  padding: 0.4rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.biznesaCardImg,
.nituCardImg {
  position: relative;
  width: 100%;
  height: 25rem;
  background-size: cover;
  background-position: center;
  transition: background-size 0.5s, transform 0.5s;
}
.biznesaParent:hover .biznesaCardImg,
.biznesaParent:focus .biznesaCardImg,
.nituParent:hover .nituCardImg,
.nituParent:focus .nituCardImg {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.biznesaParent:hover .biznesaCardImg:before,
.biznesaParent:focus .biznesaCardImg:before,
.nituParent:hover .nituCardImg:before,
.nituParent:focus .nituCardImg:before {
  display: block;
}
.biznesaParent:hover a,
.biznesaParent:focus a,
.nituParent:hover a,
.nituParent:focus a {
  display: block;
}
.biznesaCardImg:before,
.nituCardImg:before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 600px) {
  .biznesaContainer,
  .nituContainer {
    display: flex;
    max-width: 90vw;
    justify-content: space-between;
    flex-direction: column;
  }
}
.recipienttype-colored-checkbox {
  border: 1px solid var(--primary-color-border);
  padding: 0.5em 0.7em;
  -webkit-appearance: none;
  height: 18px !important;
  width: 18px !important;
}
.recipienttype-colored-checkbox:checked {
  background-color: var(--primary-color-background);
}
.recipienttype-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.NewRegisterStyle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
#frmClientRegister {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  width: 90%;
}
#divRecipientType {
  display: flex;
  justify-content: flex-start;
  margin-left: 5px;
  margin-right: 50px;
  flex-direction: row;
  width: 100%;
  padding-top: 0.7rem;
  padding-left: 2rem;
  padding-bottom: 0.7rem;
}
#RecipientTypeP,
#RecipientTypeC,
#chkNewsSubscribe,
#chkTermsAgreed {
  border-radius: 100%;
}
#divRegPrivate {
  width: 100%;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
div.EBI4FormRow {
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
#ClientName {
  width: 100%;
}
.InputLabel {
  width: max-content;
  white-space: nowrap;
}
.ClientFeedBackForm .InputLabel {
  width: max-content;
  white-space:break-spaces;
}
.Object .ClientName {
  width: 100% !important;
}
.RegisterInputStyle {
  width: 100%;
}
.frmClientRegisterTextContainer {
  width: 100%;
  padding-bottom: 10px;
}
.formRecipientTypeContainer {
  border-top: 1px black solid;
  border-bottom: 1px black solid;
  width: 100%;
  padding-bottom: 0.6rem;
}
.formDeliveryContainer {
  border-bottom: 1px black solid;
}
.frmClientRegisterText {
  padding-left: 2rem !important;
  padding-bottom: 0.6rem !important;
  font-size: 0.9rem !important;
}
.FixedWidth {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.InputLabel {
  display: flex;
  gap: 1rem;
}
#divRegPrivate {
  padding-top: 0.6rem;
}
.DeliveryTopSpace {
  padding-top: 0.6rem !important;
}
.RegisterBottomCheckbox {
  display: flex;
  flex-direction: column;
  padding-left: 2rem;
}
.RecipientObject {
  width: min-content !important;
}
#divPrivateData,
#divLoginData,
#divCompanyData {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
#divDeliveryData div {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
#divRegCompany {
  display: flex;
  flex-direction: column !important;
  width: 100% !important;
  justify-content: space-between !important;
}
#divRegCompany div.EBI4FormRow {
  overflow: unset !important;
}
#divClientJurCountry,
#divClientJurCity,
#divClientJurStreet,
#divClientJurHouse,
#divClientJurPost {
  padding-left: 2rem;
  padding-right: 2rem;
}
.FormRowSpacingLeft {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
#divClientJurCountry,
#ClientJurBankName {
  padding-top: 0.6rem;
}
#DeliveryCountryCode {
  border-top: none;
  border-left: none;
  border-right: none;
}
.CustomerTypeLabelClass {
  border: 2px solid var(--primary-color-border);
  padding: 0.7em 0.7em;
  -webkit-appearance: none;
  border-radius: 100%;
}
.CustomerTypeLabelClass:checked {
  background-color: var(--primary-color-background);
}
#divRecipientTypePublicPrivate {
  display: flex;
  justify-content: flex-start;
  margin-left: 5px;
  margin-right: 50px;
  flex-direction: row;
  width: 100%;
  padding-top: 0.7rem;
  padding-left: 2rem;
  padding-bottom: 0.7rem;
}
#ClientJurCountryCode {
  border-left: none;
  border-top: none;
  border-right: none;
}
#forgotPwdRow {
  text-align: center;
}
#frmClientRegister .EBI4FormRow {
  display: flex;
}
.EBI4ProductObjectPlatePriceValidTo {
  text-align: right;
  color: var(--dark-grey-text);
  height: 17px;
}
#frmClientRegister .Object:not(.InputLabel):not(.FixedWidth) {
  width: 80%;
}
.ExpandParameterList {
  width: 100%;
  background-color: var(--white-highlight-background);
}
div.EBI4Container.adminWishlistTitle {
  border-bottom: 1px solid var(--dark-grey-border) !important;
  margin-top: 5px !important;
}
.clientLogoutButton {
  font-weight: 600;
  padding-top: 5px;
  margin-top: 13px;
  border-top: 1px solid var(--light-grey-border);
}
.CountLabelForLocation {
  border-bottom: 1px solid var(--light-grey-border);
}
input#ebi5 {
  padding: 5px 6px;
  border: 1px solid var(--light-grey-border);
  font-size: 14px;
  border-radius: 5px;
}
.EBI5AdminContainer {
  padding: 10px;
  border-radius: 10px;
  border-color: var(--light-grey-border);
  border-style: solid;
  border-width: 0.1px;
}
.EBI5AdminSubContainer {
  background-color: var(--white-highlight-background);
  padding: 15px;
  margin: 2px;
  margin-top: 10px;
  border-radius: 10px;
  box-shadow: 5px 3px 22px -9px rgba(0, 0, 0, 0.56);
  -webkit-box-shadow: 5px 3px 22px -9px rgba(0, 0, 0, 0.56);
}
.index {
  width: 50px;
}
.EBI5AdminLabelShort {
  width: 30px;
  display: inline-block;
  text-align: right;
  padding-right: 5px;
}
.EBI5AdminLabel {
  width: 200px;
  display: inline-block;
  text-align: right;
  padding-right: 5px;
}
.EBI5AdminTwoColumns {
  float: left;
  width: 50%;
}
.EBI5AdminThreeColumns {
  float: left;
  width: 35%;
}
.EBI5AdminFourColumns {
  float: left;
  width: 25%;
}
.EBI5AdminFiveColumns {
  float: left;
  width: 20%;
}
.EBI5AdminRow:after {
  content: "";
  display: table;
  clear: both;
}
.atv {
  display: block;
  overflow: hidden;
  transition: height 0.5s ease;
}
.slg {
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease;
  display: none !important;
}
.AdminNav {
  text-align: center;
  overflow: visible;
  background-color: var(--light-grey-background);
}
.AdminNav .AdminNav {
  overflow: visible;
  background-color: var(--light-grey-background);
  padding-bottom: 2px;
}
.EBI4ContPageArea.AdminArticulReport .articulTRr:nth-child(2n + 1) {
  background-color: var(--white-text);
}
.EBI4ContPageArea.AdminArticulReport tr {
  transition: transform 0.2s;
}
.EBI4ContPageArea.AdminArticulReport .articul-pagination-container {
  display: flex;
  gap: 10px;
  padding: 10px;
  background-color: var(--light-grey-background);
  font-size: 1rem;
  font-family: var(--font-family-1);
  color: var(--dark-grey-text);
  font-weight: bold;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  align-content: stretch;
  flex-wrap: wrap;
  border-radius: 3px 3px 7px 7px;
  height: 4.5rem;
}
.EBI4ContPageArea.AdminArticulReport th,
.EBI4ContPageArea.AdminArticulReport td {
  padding: 7px;
}
.EBI4ContPageArea.AdminArticulReport tr th {
  padding-left: 7px;
}
.EBI4ContPageArea.AdminArticulReport table {
  width: 100%;
}
.EBI4ContPageArea.AdminArticulReport .upper_label {
  padding-left: 5px;
  padding-right: 5px;
}
.EBI4ContPageArea.AdminArticulReport label {
  color: var(--dark-grey-text);
}
.EBI4ContPageArea.AdminArticulReport .under_cloud_button {
  margin-left: 10px;
  background-color: var(--primary-color-background);
  color: var(--white-text);
  padding: 3px;
  margin: 2px;
  font-size: 14px;
}
.EBI4ContPageArea.AdminArticulReport #myform {
  padding-bottom: 0.5rem;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  flex-direction: column;
}
.EBI4ContPageArea.AdminArticulReport .button_container {
  display: flex;
  gap: 10px;
}
.EBI4ContPageArea.AdminArticulReport .main_button_container {
  display: flex;
  flex-direction: column;
  background-color: var(--light-grey-background);
  border-radius: 0 0 7px 7px;
  padding: 3rem 3rem 3rem 3rem;
}
.EBI4ContPageArea.AdminArticulReport .filters {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.EBI4ContPageArea.AdminArticulReport .button_items {
  display: flex;
  gap: 10px;
  align-items: center;
}
.EBI4ContPageArea.AdminArticulReport table {
  padding-top: 2rem;
}
.EBI4ContPageArea.AdminArticulReport th {
  background-color: var(--light-grey-background);
  padding: 1rem;
  padding-left: 0;
}
.EBI4ContPageArea.AdminArticulReport
  .main_button_grid_items
  input[type="date"] {
  font-family: var(--font-family-1);
  color: var(--dark-grey-text);
  font-size: 14px;
  border: none;
  outline: none;
  border-radius: 5px;
}
.EBI4ContPageArea.AdminArticulReport button,
.EBI4ContPageArea.AdminArticulReport a,
.EBI4ContPageArea.AdminArticulReport input[type="submit"] {
  border-radius: 0;
  padding: 0;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  height: 1.7rem;
}
.EBI4ContPageArea.AdminArticulReport ::-webkit-calendar-picker-indicator {
  background-color: var(--white-text);
  padding: 5px;
  cursor: pointer;
  border-radius: 3px;
}
.EBI4ContPageArea.AdminArticulReport .bottom_buttons {
  display: flex;
  gap: 10px;
  align-items: center;
}
.EBI4ContPageArea.AdminArticulReport .download_btn {
  width: 100px;
  padding: 4px;
  background-color: var(--primary-color-background);
  z-index: 10;
  font-size: 14px;
  color: var(--white-text);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.EBI4ContPageArea.AdminArticulReport .reset_btn {
  padding: 4px;
  background-color: var(--bright-red);
  z-index: 10;
  font-size: 14px;
  color: var(--white-text);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.EBI4ContPageArea.AdminArticulReport .ascending {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 10px 6px;
  border-color: transparent transparent var(--dark-grey-border) transparent;
  padding-top: 5px;
  padding-left: 1px;
}
.EBI4ContPageArea.AdminArticulReport .descending {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: var(--dark-grey-border) transparent transparent transparent;
  padding-top: 5px;
  padding-left: 1px;
}
.EBI4ContPageArea.AdminArticulReport .direction-container {
  display: inline-flex;
  padding-left: 1rem;
}
.EBI4ContPageArea.AdminArticulReport .direction-a {
  margin-top: auto;
  margin-bottom: auto;
}
.EBI4ContPageArea.AdminArticulReport select {
  padding: 0.2rem;
  width: 15rem !important;
}
.EBI4ContPageArea.AdminArticulReport .multiple_filters {
  display: grid;
  grid-template-columns: 15rem 15rem;
  padding-left: 6rem;
}
.EBI4ContPageArea.AdminArticulReport
  .filter_container_multiple_productbrandtitle {
  padding-left: 4.4rem;
}
.EBI4ContPageArea.AdminArticulReport .search_container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.EBI4ContPageArea.AdminArticulReport .submit_container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
.EBI4ContPageArea.AdminArticulReport .overflow_container {
  max-height: 300px;
  overflow: auto;
  background-color: var(--white-text);
  border-radius: 15px;
  padding: 1rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: 100%;
}
.EBI4ContPageArea.AdminArticulReport .filter_label {
  display: flex;
  width: max-content;
  flex-direction: row;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
}
.EBI4ContPageArea.AdminArticulReport .help-tip {
  text-align: center;
  background-color: var(--primary-color-background);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 26px;
  cursor: default;
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.EBI4ContPageArea.AdminArticulReport .help-tip:hover {
  cursor: pointer;
  background-color: var(--light-grey);
}
.EBI4ContPageArea.AdminArticulReport .help-tip:before {
  content: "?";
  font-weight: 700;
  color: var(--white-text);
}
.EBI4ContPageArea.AdminArticulReport .help-tip p {
  visibility: hidden;
  opacity: 0;
  text-align: left;
  background-color: var(--primary-color-background);
  padding: 20px;
  width: 300px;
  border-radius: 4px;
  color: var(--white-text);
  font-size: 13px;
  line-height: normal;
  transform: scale(0.7);
  transform-origin: 100% 0%;
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.EBI4ContPageArea.AdminArticulReport .help-tip:hover p {
  cursor: default;
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.EBI4ContPageArea.AdminArticulReport .help-tip p:before {
  content: "";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: var(--primary-color-text);
}
.EBI4ContPageArea.AdminArticulReport .help-tip p:after {
  width: 100%;
  height: 40px;
  content: "";
}
.EBI4ContPageArea.AdminArticulReport .help-tip a {
  color: var(--white-text);
  font-weight: 700;
}
.EBI4ContPageArea.AdminArticulReport .help-tip a:hover,
.EBI4ContPageArea.AdminArticulReport .help-tip a:focus {
  color: var(--white-text);
  text-decoration: underline;
}
#FormAdminLogin div.EBI4AdminEditorDataRowContainer {
  border-bottom: 1px solid var(--white-highlight-border);
}

.CompanyInvoiceNotice {
  font-size: 14px;
  font-family: var(--font-family-1);
  color: var(--medium-grey-text);
  margin-top:15px;
}

.DeliveryLabel {
  width: 409px;
} 
.cmdGetProductBVSStats.EBI4LinkBtn {
  background: var(--light-grey-background);
}

.EBI4AdminEditorDataRow.productName {
  width: 310px;
}

.EBI4AdminEditorDataRowHeader.productName {
  width: 310px;
}
.EBI4AdminEditorDataRowHeader.W60.productEditorActions {
  width: 150px;
  text-align: center;
}
.productEditorActionsContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 153px;
}

.EBI4AdminEditorDataRow.W80.productStockValueMain > label {
    text-align: center;
    padding-left: 15px;
}
.EBI4AdminEditorDataRowHeader.W200.articlesort {
    padding-left: 15px;
 }

.EBI4AdminEditorDataRow.W200.productcode {
   padding-left: 15px;
}

.EBI4AdminEditorDataRow.W55.productImage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.EBI4AdminEditorDataRowHeader.W55.productImage {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 5px;
}
.EBI4AdminEditorDataRow.productName {
  width: 550px;
}

.EBI4AdminEditorDataRowHeader.productName {
  width: 550px;
}