@import url("../lib/3rdParty/delivery/font-stacks/delivery.css");
@import url("../lib/3rdParty/delivery/font-stacks/delivery-cjk-fallback.css");


.ui-widget {
  font-family: 'Delivery',sans-serif,Arial;
}

#bcdBodyContainer .login input { line-height: normal; }

.dynElements .section p { height: 3em; }
.errreason { max-height: 4em; }
#bcdCalendar .popupBaseColor td, #bcdCalendar .popupContentTable { font-family: Delivery,sans-serif,Arial !important; }
.bcdPagingPanel table tbody td select { padding: 3px 0 !important; }
#app-container { input.form-control, select.form-control, #bcdBodyContainer textarea.form-control {  padding: 7px 7px 10px 7px; }}
#app-container .bcdPeriodChooser .bcdClearButton { position: static; }
#app-container label { vertical-align: middle; }

.bcdFilterButton { height: inherit; }

#translLangInput {margin-right: px;}

#layout select { padding: .2em 0;  height: 2.25em !important; }
#layout input { padding: 0 .2em;  height: 2.25em !important; }
#layout .doSearchRow select { padding: 7px 7px 10px 7px;  height: inherit !important; }
#layout .doSearchRow input { padding: 7px 7px 10px 7px;  height: inherit !important; }
#layout .rowBig, #layout .rowCalendarView, #layout .row { height: inherit; line-height: normal; margin: 0 0 .5em 0; min-height: 2.5em; }
#layout .rowBig .caption, #layout .row .caption { padding: .4em 0; margin: 0 .3em 0 0; line-height: normal; vertical-align: top; font-size: 10px; }
#layout .rowBig .valueCustomsDoc, #layout .rowBig .value, #layout .row .valueSmall, #layout .row .valueTime, #layout .row .valuePeriod, #layout .row .value { line-height: normal; vertical-align: top; }
#info h3, #layout h3 { background-position: 0 4px; }
#layout img.plusMinusField { padding-top: 5px; }
#layout .row .valueFilledForFiles, #layout .row .valueFilled { height: 2.25em; width: 190px; padding: .2em; box-sizing: border-box; }

.street-help-icon:after {
  content: "\f059";
  font-family: "Font Awesome 5 Free", sans-serif;
  font-weight: 500 !important;
  font-size: 1.25em;
  cursor: pointer;
  color: #333;
  display: inline-block;
  padding: .4em 0 0 0;
}
.address-column .street-help-icon:after { padding: 0; }

.vat22Setup .declarable-help,
.gridExpandedTable .street-help {
  margin-left: .3em;
}

#bcdHeaderArea.webForms { height: 75px; }
#langContainer select {font-family: 'Delivery';}


/* safari select fix */
.bcdSingleSelectNg select { appearance: none; border-radius: 0; }

#_customerSelectionPanel .bcdSingleSelectNg select,
#bcdSideBarContainer .bcdSingleSelectNg select,
.gridExpandedInnerTable select,
.gridExpandedTable select,
.gridButtons select,
#_screenContent select,
#langContainer select,
#importProgSelection select,
.sendppw select,
#layout .bcdSingleSelectNg select { padding: .45em 1.5em .35em .35em; }
.bcdSingleSelectNg:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free", sans-serif; font-weight: 600 !important;
  font-size: 1em;
  margin-left: -1.3em;
  vertical-align: middle;
  pointer-events: none;
  font-style: normal;
}


#bcd_widget_suggestInput_dataList,
#bcdAutoCompletionBox {
  height: auto;
  max-height: 20em;
}

.expiredPrograms {
  background-color: #f0a0a0;
  color: #000;
  border: 1px solid #cc0000;
  padding: .3em;
  border-radius: 5px;
  margin: 0 0 1em 0;

  span { display: block; padding: .3em; } 
}

.bcdMenu ul { z-index: 20006 !important; }
.blockMsg,
.blockOverlay { z-index: 20007 !important; }

#app-container.vat22Setup select { padding: .2em 0;  height: 2.25em !important; }
#app-container.vat22Setup input[type="text"], #app-container.vat22Setup input[type="number"]{ padding: 0 .2em;  height: 2.25em !important; }
#app-container.vat22Setup .bcdSingleSelectNg select { padding: .45em 1.5em .35em .35em; }
#app-container.vat22Setup label { vertical-align: baseline; }


input.bcdInvalid::placeholder { color: #777 !important; }