.responsive-buttons-hidden .hidden.responsive-button, .responsive-buttons .hidden.responsive-button {
  display: none;
}
.responsive-buttons-hidden .hiddenImportant.responsive-button, .responsive-buttons .hiddenImportant.responsive-button {
  display: none !important;
}

.responsive-buttons-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.responsive-buttons-wrapper:not(.responsive-calculating) .responsive-buttons {
  float: none !important;
}
.responsive-buttons-wrapper.responsive-calculating {
  display: inline-block;
}

.responsive-buttons {
  white-space: nowrap;
}
.responsive-buttons.left-to-right {
  float: left;
  text-align: left;
}
.responsive-buttons.left-to-right .responsive-buttons-hidden {
  left: 5px;
}
.responsive-buttons.left-to-right .responsive-button,
.responsive-buttons.left-to-right .responsive-buttons-toggle {
  margin-right: 5px;
}
.responsive-buttons.right-to-left {
  float: right;
  text-align: right;
}
.responsive-buttons.right-to-left .responsive-buttons-hidden {
  right: 5px;
}
.responsive-buttons.right-to-left .responsive-button,
.responsive-buttons.right-to-left .responsive-buttons-toggle {
  margin-left: 5px;
}
.responsive-buttons .responsive-button,
.responsive-buttons .responsive-buttons-toggle {
  display: inline-flex;
  align-items: center;
  height: 25px;
  min-width: 25px;
}
.responsive-buttons .responsive-button-not-calculated {
  opacity: 0 !important;
  pointer-events: none !important;
}
.responsive-buttons .responsive-buttons-toggle .stdBtn {
  position: relative;
  border: 1px solid;
}
.responsive-buttons .responsive-buttons-toggle .stdBtn > svg {
  width: 23px;
  height: 23px;
  padding: 5px;
}
.responsive-buttons .responsive-buttons-toggle.responsive-buttons-toggle-empty {
  display: none;
}

.responsive-buttons-hidden {
  display: none;
  position: fixed;
  max-width: 300px;
  top: 100%;
  z-index: 5;
  border-radius: 3px;
  border: 1px solid;
}
.responsive-buttons-hidden.show {
  display: flex;
  flex-direction: column;
}
.responsive-buttons-hidden .responsive-button {
  position: relative;
  width: 100%;
  margin: 0 !important;
  border-radius: 0;
  display: flex;
  align-items: center;
}
.responsive-buttons-hidden .responsive-button.stdInputBtn > * {
  vertical-align: middle;
}
.responsive-buttons-hidden .responsive-button.stdBtn, .responsive-buttons-hidden .responsive-button.stdInputBtn .stdBtn, .responsive-buttons-hidden .responsive-button.stdInputBtn .countWrap {
  background-color: transparent !important;
  position: relative;
}
.responsive-buttons-hidden .responsive-button.stdBtn .count, .responsive-buttons-hidden .responsive-button.stdInputBtn .stdBtn .count, .responsive-buttons-hidden .responsive-button.stdInputBtn .countWrap .count {
  background-color: transparent !important;
  border-width: 1px;
  border-style: solid;
  position: absolute;
  right: 5px;
  width: 24px;
}
.responsive-buttons-hidden .responsive-button.stdInputBtn .stdBtn {
  width: calc(100% - 92px);
}
.responsive-buttons-hidden .responsive-button.stdInputBtn .stdBtn.withCount {
  width: calc(100% - 122px);
}
.responsive-buttons-hidden .responsive-button.stdInputBtn input, .responsive-buttons-hidden .responsive-button.stdInputBtn select {
  border-radius: 3px;
  border-width: 1px;
  width: 90px !important;
  height: 21.5px;
}
.responsive-buttons-hidden .responsive-button.stdInputBtn select {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.responsive-buttons-hidden .responsive-button.stdInputBtn .countWrap {
  width: 32px;
}
.responsive-buttons-hidden .responsive-button.iconBtn, .responsive-buttons-hidden .responsive-button.iconTextBtn, .responsive-buttons-hidden .responsive-button.stdInputBtn > .iconBtn, .responsive-buttons-hidden .responsive-button.stdInputBtn > .iconTextBtn {
  position: relative;
  padding-left: 15px;
}
.responsive-buttons-hidden .responsive-button.iconBtn svg, .responsive-buttons-hidden .responsive-button.iconTextBtn svg, .responsive-buttons-hidden .responsive-button.stdInputBtn > .iconBtn svg, .responsive-buttons-hidden .responsive-button.stdInputBtn > .iconTextBtn svg {
  position: absolute;
  left: 2.5px;
  top: 7.5px;
  width: 10px;
  height: 10px;
}
.responsive-buttons-hidden .responsive-button.stdBtn, .responsive-buttons-hidden .responsive-button.stdInputBtn > .stdBtn {
  text-align: left;
  padding-top: 6px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

/*# sourceMappingURL=responsiveButtons.css.map */