/* --------------------------------------------------------- */
/* fix for IE inputs with "text-align: right", to prevent cutting the displayed text -> so hide the clear-icon ("x")
/* --------------------------------------------------------- */
input::-ms-clear {
  display: none;
}

/* --------------------------------------------------------- */
/* fix for IE + flexbox - https://github.com/marmelab/react-admin/pull/2763
/* --------------------------------------------------------- */
@media all and (-ms-high-contrast:none) {
  .ie-flexbox-wrap-fix {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    overflow: auto;
    max-width: 1400px; /* fallback for old IE */
    max-width: 99vw;
  }
}

/* --------------------------------------------------------- */
/* fix ".nav-header" in fixed bootstrap ".navbar" ... add scroll behavior here
/* --------------------------------------------------------- */
.nav-header--scroll-x {
  overflow-x: hidden;
  max-height: 500px; /* fallback for old IE */
  max-height: 100vh;
}

/* --------------------------------------------------------- */
/* fix for bootstrap "popover"
/* --------------------------------------------------------- */
.popover {
  max-width: 100%;
  z-index: 10001;
}

/* --------------------------------------------------------- */
/* fix for bootstrap ".has-success" + select
/* --------------------------------------------------------- */
.has-success .input-group-btn select {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}

/* --------------------------------------------------------- */
/* fix for bootstrap ".form-control" + inline with e.g. in "HtmlFormExtended"
/* --------------------------------------------------------- */
@media (max-width: 500px) {
  .form-horizontal .form-control {
    width: 100% !important;
  }
}

/* --------------------------------------------------------- */
/* fix for bootstrap ".control-label"
/* --------------------------------------------------------- */
.form-control-static {
  padding-top: 0;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 0;
  }
}

/* --------------------------------------------------------- */
/* fix for the acceptance-tests | pretty + svg && bootstrap
/* --------------------------------------------------------- */
.pretty input[type=checkbox],
.pretty input[type=radio] {
  margin: 0;
}

/* --------------------------------------------------------- */
/* fix for "select2" + multiple + search-field
/* --------------------------------------------------------- */
.select2-selection--multiple .select2-search--inline .select2-search__field {
  width: 100% !important;
  display: block !important;
}

/* --------------------------------------------------------- */
/* fix for "select2" + multiple + allowClear
/* --------------------------------------------------------- */
.select2-selection__clear {
  position: absolute;
  right: 13px;
}

/* --------------------------------------------------------- */
/* fix for "select2" + multiple + clear
/* --------------------------------------------------------- */
.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: -4px;
  margin-right: 4px;
}

/* --------------------------------------------------------- */
/* fix border for "select2"
/* --------------------------------------------------------- */
#htmltable_ShopWarenkorb2LieferdatumHtmlTable .menge_be_bootstrap .select2-selection,
#htmltable_ShopWarenkorb2UbersichtHtmlTable .menge_be_bootstrap .select2-selection,
#htmltable_ShopWarenkorb2ZusatzinfoHtmlTable .menge_be_bootstrap .select2-selection,
#htmltable_ShopWarenkorbHtmlTable2 .menge_be_bootstrap .select2-selection,
.shop-html-table__resultLiveSearch .menge_be_bootstrap .select2-selection {
  width: 80px;
  -webkit-border-radius: 2px 4px 4px 2px;
  -moz-border-radius: 2px 4px 4px 2px;
  border-radius: 2px 4px 4px 2px;
  border-left: 0;
}

/* --------------------------------------------------------- */
/* fix with for "input"-group
/* --------------------------------------------------------- */
@media (max-width: 768px) {
  #htmltable_ShopWarenkorb2LieferdatumHtmlTable .menge_be_bootstrap,
  #htmltable_ShopWarenkorb2UbersichtHtmlTable .menge_be_bootstrap,
  #htmltable_ShopWarenkorb2ZusatzinfoHtmlTable .menge_be_bootstrap,
  #htmltable_ShopWarenkorbHtmlTable2 .menge_be_bootstrap,
  .shop-html-table__resultLiveSearch .menge_be_bootstrap {
    width: 150px !important;
  }
}

/* --------------------------------------------------------- */
/* fix text-align for "select2"
/* --------------------------------------------------------- */
#htmltable_ShopWarenkorb2LieferdatumHtmlTable .menge_be_bootstrap .select2-selection,
#htmltable_ShopWarenkorb2UbersichtHtmlTable .menge_be_bootstrap .select2-selection,
#htmltable_ShopWarenkorb2ZusatzinfoHtmlTable .menge_be_bootstrap .select2-selection,
#htmltable_ShopWarenkorbHtmlTable2 .menge_be_bootstrap .select2-selection__rendered,
.shop-html-table__resultLiveSearch .menge_be_bootstrap .select2-selection__rendered {
  text-align: center;
}

/* --------------------------------------------------------- */
/* fix for jquery-ui + bootstrap
/* --------------------------------------------------------- */
.ui-dialog-titlebar-close {
  padding: 0 !important;
}
.ui-dialog-titlebar-close:after {
  content: '';
  position: absolute;
  top: 0;
  right: -2px;
  width: 18px;
  height: 18px;
  display: inline-block;
  background-image: url(../../img/ui/ui-icons_222222_256x240.png);
  background-position: -96px -128px;
  background-repeat: no-repeat;
}

/* --------------------------------------------------------- */
/* fix for jquery.ui - dialog
/* --------------------------------------------------------- */
.ui-dialog {
  z-index: 101;
}
.ui-widget-header {
  background: transparent;
}
.ui-widget-overlay {
  z-index: 100;
  position: fixed;
}

/* --------------------------------------------------------- */
/* fix for non removed "backdrop" - https://weblog.west-wind.com/posts/2016/sep/14/bootstrap-modal-dialog-showing-under-modal-background#649026
/* --------------------------------------------------------- */
.modal-backdrop {
  display: none;
}
.modal {
  background: rgba(0, 0, 0, 0.5);
}

/* --------------------------------------------------------- */
/* fix for bootstrap "modal"
/* --------------------------------------------------------- */
.modal-header {
  border-bottom: 0;
}
.modal-body img {
  max-width: 100%;
}
.modal-footer {
  border-top: 0;
}

/* --------------------------------------------------------- */
/* fix for bootstrap "table-responsive"
/* --------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .table-responsive {
    border: 0;
  }
}

/* --------------------------------------------------------- */
/* fix for bootstrap-datepicker
/* --------------------------------------------------------- */
.dropdown-menu {
  z-index: 10000 !important;
}

/* --------------------------------------------------------- */
/* fix for bootstrap-select when put in dialog table td
/* --------------------------------------------------------- */
.dialog-select2 span.select2-container--bootstrap { display: inherit; }

/* --------------------------------------------------------- */
/* used for modals that are shown on ie 10/11 to hide html elements
/* --------------------------------------------------------- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .js-ie-hide {
    display: none;
  }
}