/* Minification failed. Returning unminified contents.
(8248,29): run-time error CSS1030: Expected identifier, found ','
(8248,35): run-time error CSS1031: Expected selector, found ')'
(8248,35): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@font-face {
  font-family: 'Fira Sans';
  src: url(/Addvity/Content/Gutmann/fonts/FiraSans/FiraSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Meta Pro';
  src: url(/Addvity/Content/Gutmann/fonts/MetaPro/FFMetaProRegular.TTF) format('truetype');
}
/* mobile devices especially ipad, is 743 px because it's only for gutmann project and we have to substract the lateral menu */

@media (max-width: 743px) {
  html,
  body {
    width: 100%;
    height: 100% !important;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
*:not(.fa):not(.glyphicon) {
  font-family: 'Meta Pro', sans-serif !important;
}
/*.dxlpLoadingPanel_Addvity,
.dxlpLoadingPanelWithContent_Addvity {
    color: @gold-color !important;
    border: 1px solid @gold-color !important; 
}

.dxlpLoadingPanel_Addvity {
    color: @gold-color !important;
    border: 1px solid @gold-color !important;
}

.dxlp-withoutBorders {
    border: 1px solid @gold-color !important;
}

*/

/*#region DevExpress Grid List */

.dxgvControl_Addvity {
  background-color: transparent !important;
  border: none !important;
}
.dxgvHeader_Addvity {
  cursor: pointer;
  white-space: nowrap;
  padding: 5px 2px 5px;
  overflow: hidden;
  font-weight: normal;
  text-align: left;
}
.dxgvHeader_Addvity table {
  color: #FFFFFF !important;
}
.dxgvFilterRow_Addvity {
  background: #cccccc none !important;
}
.dxgvFilterRow_Addvity td.dxgv {
  *border-bottom: 1px solid #DF0029 !important;
  border-bottom: 1px solid !important;
  border-bottom-color: #23282E !important;
  border-right: 0 !important;
  padding: 5px 5px 5px 0px !important;
}
.dxListHeader {
  background-color: #23282E !important;
  background: #23282E !important;
  border: none !important;
  font-family: 'Meta Pro';
  font-weight: bold !important;
  font-size: 15px !important;
  color: white;
  text-transform: uppercase;
}
.dxListHeaderTable {
  float: right !important;
  margin-bottom: 2px;
}
.dxListHeaderTable label {
  font-weight: normal !important;
  font-family: Arial !important;
}
.dxListHeaderLine,
.dxListHeaderLine input {
  font-family: Arial !important;
  font-weight: normal !important;
  font-size: 8pt !important;
  vertical-align: middle !important;
}
.dxListHeaderLine a {
  text-decoration: none !important;
}
.dxGridView_gvHeaderSortDown_Addvity {
  background-image: url(/Addvity/images/symbols/triangle_down_white.gif) !important;
  background-position: center !important;
  width: 7px !important;
  height: 10px !important;
}
.dxGridView_gvHeaderSortUp_Addvity {
  background-image: url(/Addvity/images/symbols/triangle_up_white.gif) !important;
  background-position: center !important;
  width: 7px !important;
  height: 10px !important;
}
.dxgvDataRow_Addvity {
  background-color: #FFFFFF !important;
  color: #4F5158 !important;
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: normal !important;
  height: 25px !important;
}
.dxgvDataRow_Addvity a {
  color: #4F5158 !important;
}
.dxgvDataRowAlt_Addvity {
  background-color: #23282E0A !important;
}
.dxgvDataRow_Addvity td.dxgv {
  overflow: hidden;
  border-bottom: 0px solid !important;
  border-right: 0px solid !important;
  /*border-top-width: 0px !important;*/
  border-left-width: 0px !important;
  padding: 3px 4px 4px !important;
}
.dxgvSelectedRow_Addvity {
  background: #DF0029 none !important;
  font-size: 8pt;
  color: #ffffff !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: bold !important;
  height: 25px !important;
}
.dxgvSelectedRow_Addvity a {
  color: #ffffff !important;
}
.dxgvSelectedRow_Addvity td.dxgv {
  border-color: transparent !important;
}
.dxgvSearchPanel_Addvity {
  background: none !important;
  border-bottom: none !important;
}
.dxgvFooter_Addvity {
  background-color: transparent !important;
  font-family: Arial !important;
  font-weight: bold !important;
  font-size: 8pt !important;
}
.dxgvFooter_Addvity td.dxgv {
  border-bottom: none !important;
  border-right: none !important;
  border-top: 5px solid #DF0029 !important;
  padding: 10px 6px 5px !important;
}
.dxgvEmptyDataRow_Addvity td.dxgv {
  font: 8pt Arial !important;
  background-color: #cccccc !important;
  padding: 5px !important;
  border: 1px solid #23282E !important;
}
.dxgvCommandColumnItem_Addvity {
  padding-left: 5px !important;
  padding-bottom: 5px !important;
}
.dxgvSearchPanel_Addvity .dxeButtonEditSys {
  border: 1px solid #DF0029 !important;
}
.dxGridView_gvFilterRowButton_Addvity {
  background-image: url(/Addvity/images/symbols/Filter.png) !important;
  background-position: center !important;
  width: 16px !important;
  height: 16px !important;
}
#dgProductList_DXFilterRowMenu {
  border: 1px solid #DF0029 !important;
  background: #cccccc !important;
  color: #4f5158 !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
#dgProductList_DXFilterRowMenu .dxm-hovered {
  background-color: #DF0029 !important;
  color: white !important;
}
.comboBoxPageSize {
  background: transparent !important;
  border: 1px solid #DF0029 !important;
  margin-bottom: 1px !important;
}
.dxListHover > td.dxgv {
  cursor: pointer !important;
  color: #FFFFFF !important;
  background: #A27FB2 !important;
}
.dxListHover > td.dxgv > a {
  color: #FFFFFF !important;
}
/*#endregion*/

/*#region LogOut*/

.modalWindowLogOut {
  display: none;
  background-color: white;
  width: 750px;
  height: 160px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1005 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
  z-index: 1005;
}
#detailLogoutHeader {
  text-decoration: none;
  margin: 0px;
  padding: 10px;
}
.detailLogoutHeadeImage {
  float: right;
  width: 20px;
  height: 20px;
  padding-right: 10px;
  background: transparent url(/Addvity/images/symbols/cross_red.gif);
  background-repeat: no-repeat;
}
.detailLogoutHint {
  padding-top: 10px;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: none;
}
/*#endregion*/

/*#region Voc*/

#vocViewNavigation {
  width: 100%;
  margin: 5px;
}
/*#endregion*/

/*#region Order History */

/*#region List */

.orderHistoryFilter {
  margin: 0 0 10px 0;
  padding: 5px;
  background-color: #eee;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #23282E;
}
.orderHistoryFilter .dxeButtonEdit_Addvity {
  border: 1px solid #cccccc !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
.orderHistoryFilter .dxeButtonEditButton_Addvity {
  border: none !important;
  height: 7px !important;
}
.orderHistoryFilter .dxeTextBox_Addvity {
  border: 1px solid #23282E !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
.orderHistoryFilter .btn-blue {
  height: 25px;
  width: 25px;
  margin-right: 10px;
  color: #DF0029;
}
.orderHistoryFilter .btn {
  height: 25px;
  width: 25px;
  color: #23282E;
  margin-right: 10px;
}
/*#endregion*/

/*#region Detail */

.modalWindowBasketListDetail {
  display: none;
  background-color: #FFFFFF;
  width: 1000px;
  height: 95%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 29998 !important;
  border: 14px solid #A0A0A0;
  overflow-y: visible !important;
  padding: 15px;
}
.modalWindowBasketListDetail::before {
  display: block;
  position: absolute;
  top: -14px;
  left: -14px;
  content: " ";
  width: 115px;
  height: 115px;
  border-left: 14px solid #DF0029;
  border-top: 14px solid #DF0029;
}
.modalWindowBasketListDetail::after {
  display: block;
  position: absolute;
  bottom: -14px;
  right: -14px;
  content: " ";
  width: 115px;
  height: 115px;
  border-right: 14px solid #DF0029;
  border-bottom: 14px solid #DF0029;
}
#basketListDetailHeader {
  width: 100%;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}
.basketListDetailHeaderButton {
  float: right;
  margin-top: 5px;
}
#basketListDetailContainer {
  overflow-y: auto;
  max-height: 95%;
}
.basketListDetailSupplierGroup {
  padding-bottom: 10px !important;
  color: #DF0029 !important;
  font-family: Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 12pt !important;
  font-style: italic;
  text-decoration: underline !important;
}
.dxWeb_edtCheckBoxChecked_Addvity {
  height: 14px !important;
  width: 14px !important;
  background: url(/Addvity/Content/General/images/X_clear_weiss.png) !important;
}
.dxWeb_edtCheckBoxUnchecked_Addvity {
  height: 14px !important;
  width: 14px !important;
  background: url(/Addvity/Content/General/images/X_box_weiss.png) !important;
}
.dxICheckBox_Addvity {
  cursor: pointer !important;
}
.dxgvFooter_Addvity {
  background-color: transparent !important;
}
.freightInfoCell {
  margin-left: 2px;
  line-height: 16px;
  vertical-align: middle;
}
.subTotalCell {
  margin-top: 2px;
  padding-top: 10px;
}
.subTotalCell a,
.subTotalCell a:hover,
.subTotalCell a:visited,
.subTotalCell a:link {
  color: #00285C !important;
  cursor: pointer;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}
.subTotalCellBorder {
  border-top: 1px solid #000000;
  margin-top: 2px;
  padding-top: 10px;
  color: #00285C;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}
.subTotalSupplierCell {
  margin-top: 2px;
  padding-top: 10px;
  text-align: right;
  color: #00285C;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}
.conditionTextCell {
  margin-top: 2px;
  text-align: right;
  color: #00285C;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}
.conditionValueCell {
  margin-top: 2px;
  text-align: right;
  color: #00285C;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}
.basketListDetailEmpty {
  margin: 0px 15px 0px 15px;
  padding: 5px;
  background-color: #EEEEEE;
  font-family: verdana, arial;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #CCCCCC;
  text-align: center;
}
.basketListDetailPanelFooter {
  width: 100%;
  max-height: 400px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  white-space: nowrap;
  border-top: 1px solid #00285C;
  margin-top: 5px;
}
.basketfooterCell {
  margin-top: 2px;
  padding-top: 10px;
  text-align: right;
  color: #00285C;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}
.basketfooterCellLeft {
  margin-top: 10px;
  text-align: left;
  color: #00285C;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}
/*#endregion*/

/*#endregion*/

/*#region Basket */

/*#region Wrapper */

.basketEmpty {
  padding: 50px 20px;
  margin: 30px;
  font-family: 'Meta Pro', sans-serif;
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
  background-color: #23282E0A;
}
.basketHeaderPanel {
  margin: 0 0 10px 0;
  padding: 5px;
  background-color: #cccccc;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #DF0029;
  display: inline-block;
  width: 100%;
  line-height: 25px;
}
/*#endregion*/

/*#region Fast Entry */

.basketFastEntryStdCol {
  display: inline-block;
}
.basketFastEntrySearchTextCol {
  vertical-align: middle;
  color: #DF0029;
  margin-right: 5px;
  margin-left: 10px;
}
.basketFastEntrySearchCol {
  vertical-align: middle;
}
.basketFastEntrySearchCol .dxeButtonEdit_Addvity {
  border: 1px solid #cccccc !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
.basketFastEntryQuantityCol {
  vertical-align: middle;
  margin-right: 5px;
}
.basketFastEntryQuantityCol .dxeTextBox_Addvity {
  border: 1px solid #DF0029 !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
.basketFastEntryImportCol {
  float: right;
}
.basketFastEntryImportCol .btn-default {
  background-color: #DF0029 !important;
  font-size: 8pt !important;
  color: #FFFFFF !important;
  border: none !important;
}
/*#endregion*/

/*#region Basket Import */

/*#region General */

.modalWindowBasketImport {
  padding: 10px;
  overflow: auto;
  display: none;
  background-color: white;
  width: 850px;
  height: 125px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  border: 2px solid #DF0029;
}
.modalWindowBasketImportFix {
  height: 500px !important;
}
#bicoBasketImportHeader {
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.bicoBasketImportlHeaderButton {
  float: right;
  margin-top: 5px;
  margin-right: 8px;
}
/*#endregion*/

/*#region Import */

.bicoBasketImportLabel {
  font-family: verdana, arial;
  font-size: 8pt;
  font-weight: bold;
  vertical-align: middle;
  padding-right: 10px;
}
.bicoBasketImportBrowse {
  height: 31px !important;
}
.bicoBasketImportProgress {
  height: 31px !important;
  border: 1px solid #DF0029 !important;
}
.bicoBasketImportProgressIndicator {
  background-color: #DF0029 !important;
}
#uploadFileBasketImport_Cancel {
  display: none !important;
}
/*#endregion*/

/*#endregion*/

/*#region List */

.basketSupplierGroupList .dxeTextBox_Addvity {
  border: 1px solid #DF0029 !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
.basketSupplierGroupList .dxeButtonEdit_Addvity {
  border: 1px solid #cccccc !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
.basketSupplierGroupList .dxeButtonEditButton_Addvity {
  border: none !important;
  height: 7px !important;
}
.basketSupplierGroupList input[type="text"].dxeEditAreaSys_Addvity {
  text-align: right !important;
}
/* -- Buttons -- */

.dxeButtonEditButton_Addvity,
.dxeCalendarButton_Addvity,
.dxeSpinIncButton_Addvity,
.dxeSpinDecButton_Addvity,
.dxeSpinLargeIncButton_Addvity,
.dxeSpinLargeDecButton_Addvity,
.dxeColorEditButton_Addvity {
  vertical-align: middle;
  border: 0px solid #cccccc !important;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  background: White;
}
.dxeButtonEdit_Addvity {
  background-color: white;
  border: 1px solid #cccccc !important;
  font: 12px Arial, sans-serif;
}
.basket-btn {
  background: #fff;
  height: 20px;
  width: 20px;
  border: 1px solid #23282E;
  line-height: 19px !important;
  color: #23282E;
  padding-left: 1px;
}
.basket-btn.edit-position {
  color: #23282E;
}
.dxBasketSelectedRow {
  background: #DF0029 none !important;
  opacity: 0.6;
}
.dxgvDataRow_Addvity.dxgvSelectedRow_Addvity {
  background: #DF0029 none !important;
  opacity: 0.6;
}
.basket-position-detail-subheadline {
  margin: 10px 0px 5px 5px;
  text-decoration: underline;
  font-weight: bold;
  font-size: 11pt !important;
}
.basket-group-producttype {
  font-size: 12pt !important;
  color: white !important;
  padding-left: 5px;
  margin: 10px -15px 0px -15px;
  text-transform: uppercase;
  font-weight: bold;
}
.producttype-standard {
  background: #23282E;
}
.producttype-wsc,
.producttype-fps {
  background: #B49565;
}
.producttype-ssc {
  background: #B49565;
}
/*#endregion*/

/*#region Basket Order */

.modalWindowBasketOrder {
  display: none;
  background-color: white;
  width: 700px;
  height: auto;
  min-height: 250px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
#basketOrderHeader {
  line-height: 20px;
  height: 25px;
}
.basketOrderHeaderButton {
  float: right;
  margin-top: 5px;
}
.basketOrderHintText {
  width: 100%;
  vertical-align: middle;
  margin: 0px;
  padding: 5px;
  font-size: 8pt;
  font-weight: bold;
  border: 1px solid #23282E;
  background-color: #cccccc;
  margin-top: 10px;
  margin-bottom: 10px;
}
.basketOrderContent {
  clear: both;
  width: 100%;
  font-size: 9pt !important;
}
.basketOrderContent .dxeRadioButtonList,
.dxeCheckBoxList {
  border: 1px solid #DF0029 !important;
  width: 100%;
}
.basket-footer-element-fullwidth {
  padding-left: 0px;
  padding-right: 0px;
}
.basket-footer-element-halfwidth_left {
  padding-left: 0px;
  padding-right: 10px;
}
.basket-footer-element-halfwidth_right {
  padding-left: 10px;
  padding-right: 0px;
}
#basketOrderButtons {
  padding-top: 10px;
  text-align: right;
  clear: both;
}
#basketOrderButtons .btn-default {
  background: #DF0029 !important;
  font-size: 8pt !important;
  color: #FFFFFF !important;
  border: none !important;
}
.address-title {
  display: inline-table;
  margin-right: 10px;
  width: 100%;
  vertical-align: middle;
  margin: 0;
  padding: 5px;
  font-size: 8pt;
  font-weight: bold;
  border: 1px solid #23282E;
  background-color: #23282E;
  color: white;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  text-transform: uppercase;
}
.address-value {
  display: inline-table;
  width: 100%;
}
.address-value .dxeTextBox {
  border: 1px solid #DF0029 !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
.address-value .dxeButtonEdit {
  border: 1px solid #DF0029 !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
.address-value .dxeButtonEditButton {
  border: none !important;
  height: 7px !important;
}
.address-value .dxeTextBox_Addvity {
  border: 1px solid #cccccc !important;
}
.address-value .dxeTextBox_Addvity input {
  color: #23282E !important;
  font-family: 'Meta Pro', sans-serif !important;
  font-size: 9pt !important;
}
#dtDelDate {
  border: 1px solid #23282E !important;
  font-family: 'Meta Pro', sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
#tbxCommission {
  border: 1px solid #23282E !important;
  font-family: 'Meta Pro', sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
#rblListCustAddress .dxichTextCellSys {
  width: 100%;
}
#rblListCustAddress .dxichTextCellSys .editButton,
#customerAddressData .editButton {
  margin-right: 6px;
  font-size: 1.8em;
}
#rblListCustAddress .dxichTextCellSys .deleteButton,
#customerAddressData .deleteButton {
  font-size: 1.8em;
}
/*#endregion*/

/*#region Footer */

.basketFooterDeleteBtn {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  border-top: 2px solid #23282E;
}
.basketFooterDeleteBtn .btn-default {
  background: #DF0029 !important;
  font-size: 8pt !important;
  color: #FFFFFF !important;
  border: none !important;
}
.basketFooterLogistic {
  text-align: right;
  font-size: 9pt;
  margin-top: -30px;
  margin-bottom: 10px;
}
.basketFooterLogistic > div {
  display: inline-table;
  margin-right: 25px;
  width: 200px;
}
.basketFooterLogistic .title {
  font-weight: normal;
}
.basketFooterPrices {
  text-align: right;
  font-size: 9pt;
}
.basketFooterPrices > div {
  margin-right: 0px;
}
.basketFooterPrices .title {
  font-weight: normal;
}
.basketFooterButtons {
  text-align: right;
  margin-top: 15px;
}
.basketFooterButtons .btn-default {
  background: #DF0029 !important;
  font-size: 8pt !important;
  color: #FFFFFF !important;
  border: none !important;
}
.basketFooterText {
  font-size: 9pt;
  border: 1px solid #DF0029;
  background-color: #cccccc;
  margin-top: 10px;
  padding: 5px;
}
.partialDeliveryRadios > label {
  display: inline;
}
/*#endregion*/

/*#region Remarks */

.modalWindowBasketRemarks {
  padding: 10px;
  overflow: auto;
  display: none;
  background-color: white;
  width: 250px;
  position: absolute;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  border: 2px solid #DF0029;
  border-radius: 5px;
}
.modalWindowBasketEditRemarks {
  display: none;
  background-color: white;
  width: 380px;
  height: 400px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
#basketEditRemarksHeader {
  line-height: 20px;
}
.basketEditRemarksHeaderText {
  background-color: #fff;
  float: left;
  width: 90%;
  vertical-align: middle;
  margin: 0px;
  padding: 5px;
  background-color: #FFFFFF;
  font-family: Verdana;
  font-size: 8pt;
}
.basketEditRemarksHeaderButton {
  float: right;
  margin-top: 5px;
}
#basketEditRemarksContent {
  padding-top: 10px;
  clear: both;
}
#basketEditRemarksButtons {
  padding-top: 10px;
  clear: both;
}
/*#endregion*/

/*#endregion*/

/*#region BasketList */

/*#region Layout*/

#listGrid {
  margin: 5px 20px 5px 20px;
  width: 98%;
}
/*#endregion*/

/*#region Navigation */

#naviList {
  margin: 10px 20px 10px 20px;
  border-bottom: solid 1px #DF0029;
}
#naviList .naviListElement {
  padding: 4px 15px 4px 0px;
  color: #000000;
  cursor: pointer;
  white-space: nowrap;
  font-size: 11px;
  font-family: arial, verdana;
}
#naviList .naviListElementSelected {
  font-weight: bold;
  color: #DF0029 !important;
}
#naviList .naviListElement:hover {
  color: #DF0029;
  cursor: pointer;
}
#listHeaderNotice {
  margin: 10px 20px 10px 20px;
  padding: 5px;
  background-color: #cccccc;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #CCCCCC;
}
/*#endregion*/

/*#region Filter */

#listFilter {
  margin: 10px 20px 10px 20px;
}
/*#endregion*/

/*#region Detail */

.modalWindow {
  display: none;
  background-color: white;
  width: 95%;
  height: 95%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
.fieldBox {
  background-color: #EEEEEE;
  border: 1px solid #DF0029;
  margin-bottom: 10px;
  padding: 5px;
}
.fieldBox:hover {
  border: 1px dashed #DF0029;
  cursor: pointer;
}
.tableBox {
  background-color: #F2F2F2;
  border: 1px solid #DF0029;
  margin-bottom: 10px;
  padding: 5px;
}
/*#endregion*/

/*#region BasketList Totals */

#basketTotals {
  padding-top: 20px;
}
#basketTotals table {
  width: 100%;
  border-top: 1px solid #DF0029;
}
.basketTotalsLineText {
  padding-top: 10px;
  padding-left: 10px;
  color: #4F5158;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-align: left;
}
.basketTotalsLineValue {
  padding-top: 10px;
  padding-right: 10px;
  color: #4F5158;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-align: right;
}
/*#endregion*/

/*#region BasketList Totals Conditions*/

.basketConditionLine {
  vertical-align: middle;
  background-color: #cccccc;
  height: 25px;
}
.basketConditionLineElement {
  color: #4F5158;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-align: right;
}
.basketConditionLineElementNeg {
  color: red;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-align: right;
}
/*#endregion*/

/*#endregion*/

/*#region Basket Wizard */

/*#region Layout */

#basketWizard {
  width: 100%;
}
.basketWizardSupplierGroupName {
  text-decoration: none;
  color: #4B4B4B;
  font-family: verdana, arial;
  font-size: 10pt;
  font-weight: bold;
  padding-right: 10px;
  width: 400px;
}
.basketWizardSupplierGroupList {
  padding-top: 10px;
}
/*#endregion*/

/*#endregion*/

/*#region Calculations*/

.calculations-footer-button-panel {
  margin-right: 0px;
}
/*#endregion*/

/*#region Central Basket */

/*#region General */

.centralBasketPanel {
  margin: 5px 20px 5px 20px;
  padding: 5px;
  background-color: #cccccc;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #CCCCCC;
}
.centralBasketInput {
  font-weight: bold !important;
  color: #000000 !important;
  background-color: #FFFFFF !important;
  border: 1px outset #DDDDDD !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
.centralBasketButton {
  padding: 5px !important;
  background-color: #eee !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: bold !important;
  border: 1px solid #ccc !important;
}
/*#endregion*/

/*#region Header */

#centralBasketHeader td.labelBox {
  padding-right: 10px;
  font-weight: bold;
  line-height: 20px;
}
#centralBasketHeader td.textBox {
  width: 150px;
  padding-right: 10px;
}
#centralBasketHeader td.comboBox {
  width: 280px;
  padding-right: 10px;
}
/*#endregion*/

/*#region Open List */

.centralBasketOpenList {
  margin: 20px 20px 5px 20px;
}
.centralBasketOpenButtons {
  margin: 20px 20px 20px 20px;
  border-bottom: 1px dashed #DF0029;
  padding-bottom: 15px;
}
/*#endregion*/

/*#region Central List */

.centralBasketList {
  margin: 20px 20px 5px 20px;
}
.centralBasketTotals {
  margin: 5px 20px 5px 20px;
}
.centraBasketSettingsText {
  color: Black;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
}
.centraBasketOriginBuyerColumn {
  white-space: pre-line;
  word-wrap: normal;
  max-width: 150px;
  color: #ffffff !important;
  font-size: 9pt !important;
  font-family: Arial !important;
}
#dgCentralBasketList .dxgvGroupRow_Addvity {
  background-color: whitesmoke !important;
  font-weight: bold !important;
}
#dgCentralBasketList .dxgvGroupFooter_Addvity {
  background-color: transparent !important;
  font-weight: bold;
  font-size: 8pt;
}
#dgCentralBasketList .dxgvDataRow_Addvity td.dxgvIndentCell,
.dxgvGroupRow_Addvity td.dxgvIndentCell,
.dxgvGroupFooter_Addvity td.dxgvIndentCell {
  background-color: white !important;
  border-right: none !important;
  border-left: none !important;
}
#dgCentralBasketList .dxgvGroupFooter_Addvity td.dxgv {
  border-bottom: none !important;
  border-right: none !important;
}
#dgCentralBasketList .dxgvGroupRow_Addvity td.dxgv,
.dxgvFocusedGroupRow_Addvity td.dxgv {
  border-bottom: 1px solid #DF0029 !important;
  padding-left: 15px;
}
/*#endregion*/

/*#region Position Delivery */

.modalWindowCentralPositionDelivery {
  display: none;
  background-color: white;
  width: 450px;
  height: 400px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow-y: auto;
  overflow-x: hidden;
}
#centralPositionDeliveryHeader {
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.centralPositionDeliveryHeaderText {
  margin-bottom: 10px;
  padding: 5px;
  background-color: #eee;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #CCCCCC;
  float: left;
  width: 90%;
  vertical-align: middle;
}
.centralPositionDeliveryHeaderButton {
  float: right;
  margin-top: 5px;
}
.deliveryPositionOption {
  padding-top: 5px;
}
.deliveryPositionContent {
  padding-top: 5px;
  padding-left: 10px;
}
.deliveryPositionContent td.labelBox {
  font-family: Arial, sans-serif;
  font-size: 8pt;
  width: 75px;
}
.deliveryPositionButtons {
  clear: both;
  margin-top: 10px;
  margin-left: 5px;
}
.modalWindowCentralPositionDeliveryInfo {
  font: 12px Arial, sans-serif;
  background-color: White;
  padding: 10px;
  overflow: auto;
  display: none;
  background-color: white;
  width: 250px;
  position: absolute;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 2px solid #DF0029;
}
/*#endregion*/

/*#region Position Remarks */

.modalWindowCentralPositionRemarks {
  font: 12px Arial, sans-serif;
  padding: 10px;
  overflow: auto;
  display: none;
  background-color: white;
  width: 250px;
  position: absolute;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 2px solid #DF0029;
}
#centralPositionRemarkHeader {
  line-height: 20px;
}
.centralPositionRemarkHeaderText {
  margin-bottom: 10px;
  padding: 5px;
  background-color: #eee;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #CCCCCC;
  float: left;
  width: 90%;
  vertical-align: middle;
}
.centralPositionRemarkHeaderButton {
  float: right;
  margin-top: 5px;
}
#centralPositionRemarkContent {
  padding-top: 10px;
  clear: both;
}
#basketEditRemarks {
  padding-top: 10px;
  clear: both;
}
.modalWindowBasketEditRemarks {
  display: none;
  background-color: white;
  width: 380px;
  height: 425px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
/*#endregion*/

/*#endregion*/

/*#region ProductList*/

/*#region Layout*/

#productListGrid {
  /*margin: 0px 20px 5px 20px;*/
  float: left;
  width: 100% !important;
}
#productListFilter {
  margin: 0px 0px 10px 0px;
  /*padding: 5px;*/
  /*background-color: @secondaryColor;*/
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  /*border: 1px solid @main-color;*/

}
#productListFilter .searchInput input {
  color: #606060 !important;
  font-size: 20px;
}
#productListFilter .searchInput input::-webkit-input-placeholder {
  color: #606060;
}
#productListFilter .searchInput input:-moz-placeholder {
  color: #606060;
}
#productListFilter .searchInput input::-moz-placeholder {
  color: #606060;
}
#productListFilter .searchInput input:-ms-input-placeholder {
  color: #606060;
}
#categoryFilterDiv {
  float: left;
  width: 20%;
  display: none;
}
/*#endregion*/

/*#region Scrollable container*/

.scrollable-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.scrollable-content {
  flex: 1;
  overflow: auto;
}
/*#endregion*/

/*#region Product Detail*/

.modalWindowProduct {
  display: none;
  background-color: white;
  width: 1000px;
  height: 575px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1005 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
  z-index: 1005;
}
.productDetailHeaderImage {
  float: right;
  width: 20px;
  height: 20px;
  padding-right: 10px;
  background: transparent url(/Addvity/images/symbols/cross_red.gif);
  background-repeat: no-repeat;
}
#detailProductHeader {
  text-decoration: none;
  margin: 0px;
  padding: 10px;
}
#detailProductHeader .productName,
#detailProductHeaderLDT .productName {
  font: 18pt Arial !important;
  color: #000 !important;
  font-weight: bold !important;
}
#detailProductHeader .productDescription,
#detailProductHeaderLDT .productDescription {
  font: 11pt Arial !important;
  color: #a0a0a0 !important;
}
#detailProductSupplier {
  margin-top: 15px;
}
#detailProductMultimedia {
  /*
	width: 30%;
  float: left;
        */
  margin-top: 10px;
  margin-bottom: 10px;
}
#detailProductLeft::-webkit-scrollbar {
  width: 12px;
}
#detailProductLeft::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
#detailProductLeft::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
#detailProductRight::-webkit-scrollbar {
  width: 12px;
}
#detailProductRight::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
#detailProductRight::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.detailProductSection {
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 0px;
}
.detailProductSection tr td:first-child {
  width: 175px;
  /*color: @main-color;*/

}
.detailProductPropHeader {
  font: 12pt Arial !important;
  font-variant: small-caps !important;
  color: #DF0029 !important;
  font-weight: bold !important;
  line-height: 2 !important;
}
.detailProductPropTitle {
  text-decoration: none;
  /*font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 8pt;*/
  padding: 5px 0px 0px 0px;
  margin: 0px;
  font: 9pt Arial;
  color: #a0a0a0;
}
.detailProductPropValue {
  text-decoration: none;
  /*font-family: Arial, sans-serif;
  font-size: 8pt;*/
  padding: 5px 0px 0px 0px;
  margin: 0px;
  font: 9pt Arial;
  color: #a0a0a0;
}
.detailMultimediaInfo {
  margin-top: 10px;
  text-align: left;
  padding-left: 15px;
}
.detailMultimediaInfoHeader {
  text-decoration: underline;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 8pt;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
  float: left;
}
.modalWindowProductMaximized {
  display: none;
  background-color: white;
  width: 1000px;
  height: 575px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1006 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
  z-index: 1005;
}
#detailProductMaximizedHeader {
  text-decoration: none;
  margin: 0;
  padding: 10px;
  float: right;
}
.productDetailMaximizedContent {
  clear: both;
}
/*#endregion*/

/*#region Scaled Prices */

.scaledPriceLayer {
  font: 8pt Arial;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  -webkit-box-shadow: 3px 3px 3px #EEEEEE;
  -moz-box-shadow: 3px 3px 3px #EEEEEE;
  box-shadow: 3px 3px 3px #EEEEEE;
}
.scaledPriceImage {
  width: 12px;
  height: 11px;
}
/*#endregion*/

/*#region Fallback&Alternative Products*/

.modalWindowProductRelations {
  display: none;
  background-color: white;
  width: 90%;
  height: 85%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1004 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
#relationHeader span {
  color: #DF0029;
  font-family: Arial, sans-serif;
  font-size: 12pt;
  font-weight: bold;
}
/*#endregion*/

/*#region Product List popover*/

.priceTooltipLoader {
  color: #DF0029;
  font-family: Arial, sans-serif;
  font-size: 9pt !important;
}
#priceTooltipPopover .priceTooltipTable {
  color: #FFFFFF;
  width: 200px;
}
#priceTooltipPopover .priceTooltipTable thead {
  background-color: #DF0029;
  font-family: Arial, sans-serif;
  font-size: 8pt !important;
}
#priceTooltipPopover .priceTooltipTable th {
  vertical-align: middle;
}
#priceTooltipPopover .priceTooltipTable tbody {
  color: #4f5158 !important;
  font-family: Arial, sans-serif !important;
  font-size: 10px !important;
}
#priceTooltipPopover .priceTooltipTable .tooltipNA {
  text-align: center;
}
#pricePartial .popover {
  border: 1px solid #A27FB2;
}
/*#endregion*/

/*#endregion*/

/*#region Product Set*/

.productSetList {
  margin: 0px 20px 5px 20px;
}
.productSetButtonsTop {
  margin-bottom: 5px;
}
.productSetButtonsBottom {
  margin-top: 5px;
}
.productsSetHeader {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 5px;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #DF0029;
  vertical-align: middle;
}
.productsSetHeader img {
  float: right;
  cursor: pointer;
}
.productsSetHeaderTable {
  width: 100%;
  margin-top: 10px;
  padding: 5px;
}
.productsSetHeaderTable > table {
  width: 100%;
}
.productsSetHeaderTable > table > tbody > tr > td {
  padding-bottom: 10px;
}
.productsSetHeaderTable > table > tbody > tr > td.textLabel {
  width: 200px;
}
.productsSetListHeader {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 5px;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #DF0029;
  vertical-align: middle;
}
.productsSetButtons {
  margin-top: 10px;
  float: right;
}
/*#endregion*/

/*#region Categories*/

/*#region DevExpress Tree List*/

.dxtlControl_Addvity {
  border: none !important;
}
.dxtlFocusedNode_Addvity {
  background: none !important;
  font-weight: bold;
  color: #DF0029 !important;
}
/*#endregion*/

/*#region Category Tree*/

#divSelCatTree {
  padding: 5px;
  background-color: #DF0029;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: white;
  margin-top: 27px;
  height: 29px;
}
#divSelCatTree .SelCatText {
  float: left;
  padding-left: 5px;
  line-height: 20px;
}
#divSelCatTree .SelCatButton {
  float: right;
  padding-left: 5px;
  cursor: pointer;
}
/*#endregion*/

/*#region Category Editor*/

.modalWindowCategoryEditor {
  display: none;
  background-color: white;
  width: 1300px;
  height: 525px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1004 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: hidden;
}
#categoryEditorHeader {
  width: 100%;
}
#categoryEditorHeader .text {
  width: 95%;
  float: left;
  margin: 5px 5px 10px 5px;
  font: 8pt Arial;
  background-color: #cccccc;
  padding: 5px;
  border: 1px dashed #DF0029;
}
#categoryEditorHeader .button {
  float: right;
  margin: 5px 5px 5px 5px;
}
#categoryEditorLeft {
  float: left;
  width: 33%;
  height: 450px;
  max-height: 450px;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #DF0029;
  overflow-y: auto;
}
#categoryEditorTreeSelector {
  width: 85%;
  float: left;
  padding: 5px;
  background-color: #DF0029;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: white;
  height: 35px;
  margin-bottom: 5px;
}
#categoryEditorTreeSelectorButtons {
  width: 15%;
  float: right;
  padding: 5px;
  background-color: #DF0029;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: white;
  height: 35px;
  margin-bottom: 5px;
  text-align: right;
}
#categoryEditorCenter {
  float: left;
  width: 31%;
  height: 450px;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #DF0029;
}
#categoryEditorRight {
  float: right;
  width: 33%;
  height: 450px;
  max-height: 450px;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #DF0029;
  overflow-y: auto;
}
#categoryEditorAssingMode {
  padding: 5px;
}
#categoryEditorSelectionZone {
  padding: 5px 5px 0px 5px;
}
#categoryEditorTreeSelectorTree {
  width: 100%;
  float: left;
  padding: 5px;
  background-color: #DF0029;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: white;
  height: 35px;
  margin-bottom: 5px;
}
.dxListHeader_Categories {
  background-color: #DF0029 !important;
  background: #DF0029 !important;
  border: none !important;
  font-family: Arial, sans-serif;
  font-weight: bold !important;
  font-size: 9pt !important;
  height: 35px !important;
}
/*#endregion*/

/*#region Drag & Drop*/

.draggingStyle {
  background-color: lightgreen !important;
  color: black !important;
  cursor: pointer;
  border: 1px grey dashed;
  opacity: 0.5;
}
.targetGrid {
  background-color: #FFFF99 !important;
  color: black !important;
  font-weight: bold !important;
}
/*#endregion*/

/*#region Details*/

/*#region Category*/

.modalWindowDetailCategory {
  display: none;
  background-color: white;
  width: 650px;
  height: 325px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1004 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: hidden;
}
#categoryDetailHeader {
  width: 100%;
}
#categoryDetailHeader .text {
  width: 93%;
  float: left;
  margin: 5px 5px 10px 5px;
  font: 8pt Arial;
  background-color: #cccccc;
  padding: 5px;
  border: 1px dashed #DF0029;
}
#categoryDetailHeader .button {
  float: right;
  margin: 5px 5px 5px 5px;
}
#categoryDetailContent {
  width: 99%;
  margin: 5px 0px 10px 5px;
  padding: 5px;
  float: left;
}
#categoryDetailContent table {
  width: 100%;
}
#categoryDetailContent .nameCol {
  width: 30%;
  vertical-align: top;
  font-size: 11px;
}
#categoryDetailContent .valueCol {
  padding-bottom: 5px;
}
#categoryDetailFooter {
  width: 99%;
  margin: 5px 0px 10px 5px;
  padding: 5px;
  clear: both;
  text-align: right;
}
/*#endregion*/

/*#region Category Tree*/

.modalWindowDetailCategoryTree {
  display: none;
  background-color: white;
  width: 650px;
  height: 325px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1004 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: hidden;
}
#categoryTreeDetailHeader {
  width: 100%;
}
#categoryTreeDetailHeader .text {
  width: 93%;
  float: left;
  margin: 5px 5px 10px 5px;
  font: 8pt Arial;
  background-color: #cccccc;
  padding: 5px;
  border: 1px dashed #DF0029;
}
#categoryTreeDetailHeader .button {
  float: right;
  margin: 5px 5px 5px 5px;
}
#categoryTreeDDetailContent {
  width: 99%;
  margin: 5px 0px 10px 5px;
  padding: 5px;
  float: left;
}
#categoryTreeDDetailContent table {
  width: 100%;
}
#categoryTreeDDetailContent .nameCol {
  width: 30%;
  vertical-align: top;
  font-size: 11px;
}
#categoryTreeDetailFooter {
  width: 99%;
  margin: 5px 0px 10px 5px;
  padding: 5px;
  clear: both;
  text-align: right;
}
/*#endregion*/

/*#endregion*/

/*#endregion*/

/*#region Configurator*/

/*#region General*/

.modalWindowProductConfigurator {
  display: none;
  background-color: white;
  width: 95%;
  height: 95%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1004 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
#configuratorHeader {
  margin: 5px 5px 5px 5px;
  padding: 5px;
  background-color: #cccccc;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #DF0029;
}
#configuratorView {
  width: 100%;
  height: 75%;
  margin: 5px 5px 5px 5px;
}
#configuratorLeft {
  width: 20%;
  height: 100%;
  float: left;
}
#configuratorSpacer {
  height: 100%;
  float: left;
  padding: 0px 5px 0px 5px;
}
#configuratorSpacer img {
  width: 1px;
  height: 100%;
}
#configuratorRight {
  width: 77%;
  height: 100%;
  float: left;
}
/*#endregion*/

/*#region Content*/

#configuratorContent {
  width: 99%;
  height: 60%;
  margin: 5px 5px 5px 5px;
  max-height: 285px;
  overflow-y: auto;
}
#configuratorContentLeft {
  width: 74%;
  height: 100%;
  float: left;
}
#configuratorContentSpacer {
  height: 100%;
  float: left;
  padding: 0px 5px 0px 5px;
}
#configuratorContentSpacer img {
  width: 1px;
  height: 100%;
}
#configuratorContentRight {
  width: 24%;
  height: 100%;
  float: left;
}
#configuratorContentArticleImage {
  width: 100%;
  height: 100%;
  display: inline-block !important;
  text-align: center !important;
  vertical-align: middle !important;
}
#configuratorContentArticleImage .dxiz-lens {
  width: 100% !important;
}
#configuratorFinished {
  margin: 5px 5px 5px 5px;
  font: 8pt Arial;
  background-color: #cccccc;
  padding: 5px;
  border: 1px dashed #DF0029;
}
/*#region Detail Item Layer */

.detailItemLayer {
  height: auto;
  width: auto;
  font: 8pt Arial;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  border: 1px dashed #DF0029;
  background-color: white;
  z-index: 9999;
  -webkit-box-shadow: 3px 3px 3px #DF0029;
  -moz-box-shadow: 3px 3px 3px #DF0029;
  box-shadow: 3px 3px 3px #DF0029;
}
/*#endregion*/

/*#endregion*/

/*#region Results*/

#configuratorResult {
  width: 99%;
  height: 40%;
  margin: 5px 5px 5px 5px;
}
#configuratorResultSpacer {
  width: 100%;
  float: left;
  padding: 0px 5px 0px 5px;
}
#configuratorResultSpacer img {
  width: 100%;
  height: 1px;
}
#configuratorResultList {
  width: 100%;
  height: 100%;
  margin: 5px 5px 5px 5px;
}
/*#endregion*/

/*#region Part List*/

#configuratorPartListHeader {
  width: 99%;
}
.configuratorPartListHeaderText {
  width: 90%;
  text-align: left;
  text-decoration: none;
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: bold;
}
.configuratorPartListHeaderCombo {
  width: 10%;
  text-align: right;
}
#configuratorPartListGrid {
  width: 99%;
  padding-top: 10px;
}
#configuratorPartListFooter {
  width: 185px;
  float: right;
  background-color: #DF0029;
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
}
#configuratorPartListFooterButtons {
  float: left;
}
#configuratorPartListFooterButtons span {
  font-size: 8pt;
  font-weight: bold;
  color: #DF0029 !important;
  text-decoration: underline;
}
.configutatorPartListFooterValue {
  width: 85px;
  text-align: right;
  padding-right: 5px;
}
/*#endregion*/

/*#endregion*/

/*#region OverView*/

#overViewNavigation {
  width: 100%;
  margin: 5px;
}
/*#region NotePad*/

#overViewNotePad {
  width: 100%;
  height: 100%;
  min-height: 400px;
}
.overViewConfigList {
  width: 100%;
  float: left;
}
.overViewConfigListHeader {
  margin: 0px 0px 5px 0px;
  font: 8pt Arial;
  background-color: #cccccc;
  padding: 5px;
  border: 1px solid #DF0029;
}
.overViewConfigListIncomplete {
  background-color: #E60000 !important;
  color: white !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
  height: 25px !important;
}
.overViewConfigListIncomplete a {
  color: white !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.overViewConfigListIncomplete a:hover {
  color: white !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}
.overViewConfigListIncomplete td.dxgv {
  overflow: hidden;
  border-bottom: 0 solid !important;
  border-right: 0 solid !important;
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  padding: 3px 4px 4px !important;
}
.overViewSpacer img {
  width: 100%;
  height: 1px;
}
.overViewTodoList {
  width: 100%;
}
.overViewParentPosition {
  font-size: 11px;
  font-weight: 600;
  text-align: right;
}
.overViewParentPositionText {
  font-size: 11px;
  font-weight: 600;
  text-align: left;
}
.overViewSubPosition {
  padding-top: 10px;
  padding-left: 5px;
  font-style: italic;
}
.overViewSubPositionDetail {
  padding-top: 10px;
  font-style: italic;
  text-align: right;
}
/*#endregion*/

/*#region Special Prices*/

.modalSpecialPrice {
  display: none;
  background-color: white;
  width: 475px;
  height: 150px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1005 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
  z-index: 1005;
}
#specialPriceHeader {
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.specialPriceHeaderText {
  margin-bottom: 10px;
  padding: 5px;
  background-color: #cccccc;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px dashed #DF0029;
  float: left;
  width: 90%;
  vertical-align: middle;
}
.specialPriceHeaderButton {
  float: right;
  margin-top: 5px;
}
#specialPriceContent {
  margin-right: 5px;
  margin-top: 10px;
  font: 8pt Arial;
  font-weight: bold;
  color: #DF0029;
}
.specialPriceButtons {
  padding-top: 10px;
  padding-right: 10px;
}
/*#endregion*/

/*#region Basket*/

.overViewBasketItem {
  padding-top: 5px !important;
  font-weight: bold;
}
#overViewBastekTotalsLeft {
  float: left;
}
#overViewBastekTotalsLeft table {
  border-spacing: 5px;
  border-collapse: separate;
}
#overViewBastekTotalsLeft .textColumn {
  padding-right: 5px;
  padding-bottom: 10px;
  text-align: left;
}
#overViewBastekTotalsLeft .textValue {
  padding-right: 5px;
  padding-bottom: 10px;
  text-align: right;
}
.overViewBastekTotalsLinkButton a {
  padding-right: 5px;
  color: #DF0029 !important;
}
#overViewBastekTotalsRight {
  float: right;
}
/*#endregion*/

/*#region 2DPlanner*/

#PlannerHeader {
  text-decoration: none;
  margin: 0px;
  height: 25px;
  padding-bottom: 10px;
}
.PlannerHeaderImage {
  float: right;
  width: 20px;
  height: 20px;
  padding-right: 10px;
  background: transparent url(/Addvity/images/symbols/cross_red.gif);
  background-repeat: no-repeat;
}
.modalPlannerSelector {
  display: none;
  background-color: white;
  width: 475px;
  height: 350px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1005 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
  z-index: 1005;
}
#plannerSelectorHeader {
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.plannerSelectorHeaderText {
  margin-bottom: 10px;
  padding: 5px;
  background-color: #cccccc;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px dashed #DF0029;
  float: left;
  width: 90%;
  vertical-align: middle;
}
.plannerSelectorHeaderButton {
  float: right;
  margin-top: 5px;
}
#plannerSelectorContent {
  width: 100%;
  max-height: 220px;
  min-height: 220px;
  overflow-y: scroll;
  margin-right: 5px;
  margin-top: 10px;
  font: 8pt Arial;
  font-weight: bold;
}
#plannerSelectorContent > table {
  border: none !important;
}
#plannerSelectorButtons {
  margin-top: 10px;
  float: right;
}
/*#endregion*/

/*#region Color Consultancy*/

#ColorConsultancyHeaderFrame {
  text-decoration: none;
  margin: 0px;
  height: 25px;
  padding-bottom: 10px;
}
.ColorConsultancyHeaderImage {
  float: right;
  width: 20px;
  height: 20px;
  padding-right: 10px;
  background: transparent url(/Addvity/images/symbols/cross_red.gif);
  background-repeat: no-repeat;
}
/*#endregion*/

/*#region Drag&/Drop*/

.dragConfigStyle {
  cursor: pointer;
  border: 1px grey dashed;
  opacity: 0.8;
}
.dragConfigStyle td {
  background: #cccccc !important;
  background-color: #cccccc !important;
}
.dropConfigStyle {
  background: #DF0029 !important;
  background-color: #DF0029 !important;
  color: black !important;
  font-weight: bold !important;
}
.dropConfigStyle td {
  background: #DF0029 !important;
  background-color: #DF0029 !important;
  color: black !important;
  font-weight: bold !important;
}
/*#endregion*/

/*#endregion*/

/*#region News*/

/*#region Header*/

#newsHeaderDiv {
  margin: 10px 20px 10px 20px;
  padding: 5px;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #CCCCCC;
  line-height: 20px;
}
.newsHeaderText {
  float: left;
}
.newsHeaderLink {
  text-align: right;
  cursor: pointer;
}
/*#endregion*/

/*#region Filter*/

#filterDiv {
  margin: 0px 20px 0px 20px;
  padding: 5px;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  line-height: 20px;
}
/*#endregion*/

/*#region Footer*/

#newsFooterDiv {
  margin: 10px 20px 10px 20px;
  padding: 5px;
}
/*#endregion*/

/*#region Detail*/

.modalWindowNew {
  display: none;
  background-color: white;
  width: 1100px;
  height: 90%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
.newDetailHeaderImage {
  float: right;
  width: 20px;
  height: 20px;
  padding-right: 10px;
  background: transparent url(/Addvity/images/symbols/cross_red.gif);
  background-repeat: no-repeat;
}
#leftColumnDetail {
  width: 49%;
  height: 100%;
  float: left;
  padding: 10px 25px 5px 10px;
  overflow: auto;
}
#rigthColumnDetail {
  width: 50%;
  height: 100%;
  float: right;
  padding: 10px 25px 5px 10px;
  overflow: auto;
}
#newRestrictionGroups {
  display: none;
  padding-left: 25px;
}
#fileListDiv {
  float: right;
  padding-bottom: 5px;
}
#fileListDiv .fileName {
  padding-right: 5px;
  color: #4F5158 !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
/*#endregion*/

/*#region Detail View*/

.modalWindowNewDetail {
  display: none;
  background-color: white;
  width: 600px;
  height: 500px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
.detailViewHeadline {
  color: #4F5158;
  font-size: 14px;
  font-weight: bold;
  font-family: arial, verdana;
  text-align: center;
  margin: 10px;
}
.detailViewShortText {
  color: #4F5158;
  font-size: 12px;
  font-weight: bold;
  font-family: arial, verdana;
  text-align: justify;
  margin: 10px;
}
.detailViewImage {
  text-align: center;
  margin: 10px;
}
.detailViewImageZone {
  max-height: 300px !important;
}
.detailViewShortTextHighlighted {
  color: #FF0000;
  font-size: 16px;
  font-family: arial, verdana;
  font-weight: bold;
  text-align: center;
  margin: 10px;
}
.detailViewLongText {
  color: #4F5158;
  font-size: 12px;
  font-weight: normal;
  font-family: arial, verdana;
  text-align: justify;
  margin: 10px;
}
.detailViewLink {
  font-size: 12px;
  font-weight: normal;
  font-family: arial, verdana;
  text-align: left;
  text-decoration: underline;
  margin: 10px;
  cursor: pointer !important;
}
.detailViewLink a {
  color: #4F5158 !important;
  cursor: pointer !important;
}
.detailViewDownload {
  color: #4F5158;
  font-size: 12px;
  font-weight: normal;
  font-family: arial, verdana;
  text-align: justify;
  margin: 10px;
}
.detailViewDownloadHeader {
  font-weight: bold;
  text-decoration: underline;
  padding-bottom: 10px;
}
.detailViewDownloadHeaderLine {
  font-style: italic;
  padding-bottom: 5px;
}
.detailViewDownloadButton {
  padding-top: 10px;
}
.detailViewButtons {
  clear: both;
  bottom: 0;
  position: absolute;
  margin-bottom: 10px;
}
/*#endregion*/

/*#region Top News*/

#topNewsSlider {
  width: 95%;
  height: 300px;
  margin: 0 auto;
  padding: 10px 0px 10px 5px;
}
#topNewsSliderItem {
  width: 200px;
  height: 250px;
}
.newsItemHeader {
  height: 30px !important;
  padding: 10px !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: bold !important;
  font-family: arial, verdana !important;
  text-align: center !important;
}
.newsItemContentImage {
  text-align: center;
  height: 100px;
  padding: 0px 10px 5px 10px;
}
.newsItemContentShortText {
  color: #4F5158;
  font-size: 11px;
  font-family: arial, verdana;
  text-align: justify;
  padding: 5px 10px 0px 10px;
}
.newsItemContentLink {
  color: #DF0029;
  font-size: 11px;
  font-family: arial, verdana;
  text-align: left;
  text-decoration: underline;
  cursor: pointer;
  padding: 5px 10px 2px 10px;
}
.newsItemContentActionText {
  color: #DF0029;
  font-size: 16px;
  font-family: arial, verdana;
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
}
/*#region DevExpress Slider*/

#topNewsSlider .dxisControl .dxis-nbItem {
  width: 200px !important;
  height: 250px !important;
  background-color: transparent !important;
}
#topNewsSlider .dxisControl .dxis-nbItem.dxis-hover .dxis-nbHoverItem {
  display: none !important;
}
#topNewsSlider .dxisControl .dxis-nbSelectedItem,
.dxisControl .dxis-nbSelectedItem > div {
  display: none;
}
/*#endregion*/

/*#endregion*/

/*#region Standard News*/

#standarNewsSlider {
  padding: 10px 0px 10px 5px;
}
.newsItemContentHeadLine {
  color: #DF0029;
  font-size: 16px;
  font-family: arial, verdana;
  font-weight: bold;
  text-align: left;
  padding: 5px 10px 2px 10px;
}
/*#endregion*/

/*#endregion*/

/*#region DashBoard*/

/*#region Layout*/

#dashBoardView {
  width: 100%;
  height: 100%;
  margin: 5px 5px 5px 5px;
}
#dashBoardLeft {
  width: 68%;
  height: 100%;
  float: left;
  margin-right: 10px;
  margin-left: 5px;
}
.notIntegration {
  width: 99% !important;
}
#dashBoardTodoPanel {
  margin-bottom: 10px;
}
#dashBoardCommuntyPanel {
  margin-bottom: 10px;
}
#dashBoardRight {
  width: 30%;
  height: 100%;
  float: right;
  margin-right: 10px;
}
/*#endregion*/

/*#region Panels Items*/

.detailPanel {
  margin-bottom: 10px;
}
.lineHeader {
  font-weight: bold;
  font-size: 8pt;
  margin-top: 0px;
  margin-bottom: 10px;
  color: #4F5158;
}
.linkLine {
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #DF0029;
  margin-top: 5px;
  margin-bottom: 5px;
}
.linkLine a {
  font-weight: bold;
  color: #DF0029;
  text-decoration: underline;
}
.linkLine a:hover {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #DF0029;
  text-decoration: none;
}
.literalLine {
  background-color: #cccccc;
  color: #4F5158;
  margin: 0px;
  padding: 5px;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
}
/*#endregion*/

/*#region Integration*/

.integrationTableHeader {
  white-space: normal !important;
}
#integrationHeader {
  font-weight: bold;
  font-size: 8pt;
  margin-top: 0px;
  margin-bottom: 10px;
  color: #4F5158;
}
#integrationTableData {
  border-width: 0px;
  width: 100%;
  border-collapse: collapse;
  background-color: #FFFFFF;
  color: #4F5158;
}
#integrationTableData .odd {
  background-color: #cccccc;
}
#integrationTableData .even {
  background-color: #FFFFFF;
}
#integrationTableData .text {
  font-size: 10pt;
  font-weight: bold;
  padding: 3px;
}
#integrationTableData .value {
  width: 25%;
  font-size: 12pt;
  text-align: right;
  padding: 3px;
  font-weight: bold;
}
#integrationTableData .valueRed {
  color: red !important;
}
#integrationMatrix {
  margin-top: 10px;
  font-weight: bold;
  background-color: lightyellow;
  padding: 5px;
}
#integrationMatrix a {
  color: #DF0029 !important;
  text-decoration: underline;
}
#integrationReminder {
  font-weight: bold;
  font-size: 8pt;
  margin-top: 0px;
  margin-top: 10px;
  color: #4F5158;
}
/*#endregion*/

/*#endregion*/

/*#region Current Sessions*/

#currentSessionsInfo {
  margin: 10px 10px 10px 10px;
  padding: 5px;
  font: 11px Arial;
  background-color: #cccccc;
  border: 1px solid #DF0029;
}
#currentSessionsList {
  margin: 10px 10px 10px 10px;
}
#currentSessionsButtons {
  margin: 10px 10px 10px 10px;
}
.currentSession {
  color: #DF0029 !important;
  font-weight: bold;
}
/*#endregion*/

/*#region Community*/

/*#region Layout*/

#communityList {
  width: 100%;
}
#communityListFilter {
  margin: 0px 20px 0px 20px;
}
#communityListGrid {
  margin: 0px 20px 5px 20px;
}
#communityListButtons {
  margin: 5px 20px 10px 20px;
}
/*#endregion*/

/*#region Partner Recruiting*/

.modalWindowPartner {
  display: none;
  background-color: white;
  width: 530px;
  height: 200px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
#partnerViewHeader {
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.partnerViewHeaderText {
  margin: 0px;
  padding: 5px;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #CCCCCC;
  float: left;
  width: 90%;
  vertical-align: middle;
}
.partnerViewHeaderButton {
  float: right;
  margin-top: 5px;
}
.partnerViewTable {
  margin-top: 10px;
  padding-top: 10px;
}
/*#endregion*/

/*#region Download CompanyList*/

.modalWindowDownloadPdfView {
  display: none;
  background-color: white;
  width: 530px;
  height: 200px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
#downloadPdfViewHeader {
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.downloadPdfViewHeaderText {
  margin: 0px;
  padding: 5px;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #CCCCCC;
  float: left;
  width: 90%;
  vertical-align: middle;
}
.downloadPdfViewHeaderButton {
  float: right;
  margin-top: 5px;
}
.downloadPdfViewTable {
  margin-top: 10px;
  padding-top: 10px;
}
/*#endregion*/

/*#region Download CompanyList*/

.modalWindowAdminMailView {
  display: none;
  background-color: white;
  width: 530px;
  height: 300px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
#adminMailViewHeader {
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.adminMailViewHeaderText {
  margin: 0px;
  padding: 5px;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #CCCCCC;
  float: left;
  width: 90%;
  vertical-align: middle;
}
.adminMailViewHeaderButton {
  float: right;
  margin-top: 5px;
}
.adminMailViewTable {
  margin-top: 10px;
  padding-top: 10px;
}
.adminMailViewBottonButton {
  margin-top: 15px;
}
/*#endregion*/

/*#region Community Mail*/

.modalWindowCommunityMailView {
  display: none;
  background-color: white;
  width: 775px;
  height: 575px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
#communityMailViewHeader {
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.communityMailViewHeaderText {
  margin: 0px;
  padding: 5px;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  float: left;
  width: 90%;
  vertical-align: middle;
}
.communityMailViewHeaderText span {
  font-weight: bold;
}
.communityMailViewHeaderButton {
  float: right;
  margin-top: 5px;
}
#communityMailViewLists {
  float: left;
  width: 100%;
  /*max-height: 224px;
  height: 225px;
  overflow-y: auto;*/
  padding: 5px;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: bold !important;
}
#communityMailViewLists .dxeBase_Addvity {
  font-weight: bold !important;
  font-size: 8pt !important;
}
.communityMailViewListsTo {
  width: 33%;
  float: left;
}
.communityMailViewListsCc {
  width: 33%;
  float: left;
}
.communityMailViewListsBcc {
  width: 33%;
  float: right;
}
#communityMailViewUpload {
  float: left;
  margin-top: 10px;
  width: 100%;
}
#communityMailViewContent {
  float: left;
  margin-top: 10px;
  width: 100%;
}
#communityMailViewButtons {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.communityMailContactLayer {
  font: 8pt Arial;
  font-weight: bold;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  -webkit-box-shadow: 3px 3px 3px grey;
  -moz-box-shadow: 3px 3px 3px grey;
  box-shadow: 3px 3px 3px grey;
  background-color: #FFFFFF;
  border: 1px solid #DF0029;
}
/*#endregion*/

/*#region Company Detail*/

.modalWindowCommunityCompanyDetail {
  display: none;
  background-color: white;
  width: 1025px;
  height: 575px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
#companyDetailHeader {
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.companyDetailHeaderText {
  margin: 0px;
  padding: 5px;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 12pt;
  font-weight: normal;
  float: left;
  width: 90%;
  vertical-align: middle;
}
.companyDetailHeaderText span {
  font-weight: bold;
}
.companyDetailHeaderButton {
  float: right;
  margin-top: 5px;
}
#companyDetailNavigation {
  padding: 5px;
  clear: both;
}
/*#region General*/

#companyGeneralInfoMedia {
  float: left;
}
#companyGeneralInfoMedia > div > img {
  max-width: 250px;
}
#companyGeneralInfo .content {
  padding-top: 5px;
}
#companyGeneralInfo .buttonContent {
  padding-top: 5px;
  text-align: right;
}
#companyCurrencyDisplay {
  margin-top: 5px;
}
/*#endregion*/

/*#region Comments*/

#companyCommentButtons {
  padding-top: 5px;
}
.companyCommentVisibilityLayer {
  font: 8pt Arial;
  font-weight: bold;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  -webkit-box-shadow: 3px 3px 3px grey;
  -moz-box-shadow: 3px 3px 3px grey;
  box-shadow: 3px 3px 3px grey;
  background-color: #FFFFFF;
  border: 1px solid #DF0029;
}
/*#endregion*/

/*#region Comments Detail*/

.modalWindowCompanyCommentDetail {
  display: none;
  background-color: white;
  width: 525px;
  height: 350px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
#companyCommentDetailHeader {
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.companyCommentDetailHeaderText {
  background-color: #fff;
  float: left;
  width: 90%;
  vertical-align: middle;
  margin: 0px;
  padding: 5px;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px dashed #1fa02d;
}
.companyCommentDetailHeaderButton {
  float: right;
  margin-top: 5px;
}
#companyCommentDetailContent {
  margin-top: 10px;
  padding-top: 10px;
}
#companyCommentDetailContent .dxeRadioButtonList_Addvity td.dxe,
.dxeCheckBoxList_Addvity td.dxe {
  padding: 0 !important;
}
#companyCommentDetailContent .label {
  width: 125px;
}
#companyCommentDetailVisMyCpy {
  margin-left: 25px;
}
#companyCommentDetailVisPaCpy {
  margin-left: 25px;
}
/*#endregion*/

/*#region Contacts*/

#companyContactsButtons {
  padding-top: 5px;
}
/*#endregion*/

/*#region Contacts Detail*/

.modalWindowCompanyContactDetail {
  display: none;
  background-color: white;
  width: 525px;
  height: 350px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
#companyContactDetailHeader {
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.companyContactDetailHeaderText {
  background-color: #fff;
  float: left;
  width: 90%;
  vertical-align: middle;
  margin: 0px;
  padding: 5px;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px dashed #1fa02d;
}
.companyContactDetailHeaderButton {
  float: right;
  margin-top: 5px;
}
#companyContactDetailContent {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#companyContactDetailContent .label {
  width: 175px;
}
#companyContactDetailContent .labelCheck {
  width: 175px;
  vertical-align: top;
  padding-top: 5px;
}
#companyContactDetailContent .valueCheck {
  padding-top: 5px;
}
/*#endregion*/

/*#region Contacts Email*/

.modalWindowCompanyContactEmail {
  display: none;
  background-color: white;
  width: 475px;
  height: 550px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
#companyContactEmailHeader {
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.companyContactEmailHeaderText {
  background-color: #fff;
  float: left;
  width: 90%;
  vertical-align: middle;
  margin: 0px;
  padding: 5px;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border: 1px dashed #1fa02d;
}
.companyContactEmailHeaderButton {
  float: right;
  margin-top: 5px;
}
#companyContactEmailContent {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#companyContactEmailContent .label {
  width: 50px;
  padding-bottom: 10px;
  vertical-align: top;
}
/*#endregion*/

/*#region Address*/

#companyAddressButtons {
  padding-top: 5px;
}
/*#endregion*/

/*#endregion*/

/*#endregion*/

/*#region Company Profile*/

.modalWindowCompanyProfile {
  display: none;
  background-color: white;
  width: 850px;
  min-height: 400px;
  max-height: 550px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
.modalWindowCompanyProfileNewDetail {
  display: none;
  background-color: white;
  width: 850px;
  min-height: 400px;
  max-height: 550px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 1003 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  padding: 10px;
  overflow: auto;
}
.companyProfileHeader {
  word-wrap: break-word !important;
  overflow: visible !important;
  margin-bottom: 15px !important;
  padding: 15px;
}
.companyProfileHeaderText {
  float: left;
  width: 90%;
  vertical-align: middle;
  margin: 0;
  padding: 5px;
  background-color: #fff;
  font-family: Verdana;
  font-size: 11pt;
  font-weight: bold;
  -webkit-font-variant: small-caps !important;
  -moz-font-variant: small-caps !important;
  -ms-font-variant: small-caps !important;
  -o-font-variant: small-caps !important;
  font-variant: small-caps !important;
  color: #DF0029;
}
.companyProfileHeaderButton {
  float: right;
  margin-top: 5px;
}
.companyProfileColumnFiles {
  display: inline-block !important;
  width: 245px !important;
  height: 120px !important;
  vertical-align: top !important;
  margin-top: 10px !important;
}
.companyProfileColumn {
  display: inline-block !important;
  width: 31% !important;
  vertical-align: top !important;
  margin-top: 10px !important;
}
.companyProfileColumnList {
  display: inline-block !important;
  max-height: 350px;
  vertical-align: top !important;
  margin: 10px 0 0 20px !important;
  overflow-y: auto !important;
}
.companyProfileColumnListLeft {
  width: 34% !important;
}
.companyProfileColumnListRight {
  width: 30% !important;
}
.companyProfileColumnList::-webkit-scrollbar {
  width: 12px;
}
.companyProfileColumnList::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.companyProfileColumnList::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.companyProfileImageDiv {
  border-bottom: 5px solid #a0a0a0;
}
.companyProfileTable {
  width: 100% !important;
}
.companyProfileTable td {
  font: 8pt Verdana;
  color: #4f5158;
  line-height: 1.5;
}
.companyProfileContent {
  text-align: right;
}
/*#endregion*/

/*#region TyreShop*/

/*#region Layout*/

#tyreShopList {
  width: 100%;
}
#tyreShopFilter {
  width: 200px;
  float: left;
  margin-top: 35px;
  margin-left: 20px;
}
#tyreShopListGrid {
  margin: 0px 20px 5px 20px;
  float: left;
  width: 80%;
}
/*#endregion*/

/*#region Filter*/

#TyreShopFilterBox {
  width: 163px;
  padding: 0 20px 0 20px;
  height: 32px;
  line-height: 32px;
  color: #FFFFFF;
  background-image: url(/Addvity/Content/Gutmann/images/FILTER_S_weiss.png);
  background-repeat: no-repeat;
  background-position-x: 175px;
  background-position-y: center;
  background-position: 175px center;
  font-weight: bold;
  font-size: 11pt;
  font-family: Arial;
}
.TyreShopFilterBoxFiltered {
  cursor: pointer !important;
}
.TyreShopFilterBoxFiltered a {
  color: #FFFFFF !important;
  text-decoration: none;
}
.TyreShopFilterBoxFiltered:hover {
  color: #000000 !important;
  background-color: #00FF00 !important;
  background-image: url(/Addvity/Content/Gutmann/images/Filter_Zuruecksetzen_schwarz.png) !important;
}
.TyreShopFilterBoxFiltered:hover a {
  color: #000000 !important;
  text-decoration: none;
}
.checkTitle {
  width: 100%;
  font-size: 8pt;
  font-weight: bold;
  padding: 10px 0px 2px 10px;
  color: #4F5158;
  font-family: Arial, sans-serif;
}
.checkValue {
  float: right !important;
  padding-top: 7px !important;
}
#TyreShopFilterButton {
  margin-top: 10px;
  height: 22px;
  line-height: 22px;
  background-color: #1fa02d;
  background-image: url(/images/design_elements_techno/pfeil_M_weiss.png);
  background-position-x: 175px;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: 20px;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 11pt;
  width: 183px;
  display: block;
  padding: 3px 0 0 20px;
  FONT-FAMILY: Arial, sans-serif;
}
#TyreShopFilterButtonBenelux {
  width: 200px !important;
  margin-top: 10px !important;
  min-height: 28px !important;
  line-height: 28px !important;
  background-color: #5a5a5a !important;
  color: #5A5B5C !important;
  font-size: 10pt !important;
  font-family: Arial, Sans-Serif;
  font-weight: bold !important;
  cursor: pointer !important;
  padding: 0px 2px 0px 2px;
  white-space: nowrap;
  text-align: center;
}
#TyreShopFilterButtonBenelux a {
  color: #FFFFFF !important;
  text-decoration: none;
}
/*#endregion*/

/*#region Detail*/

.modalWindowTyreProduct {
  display: none;
  background-color: white;
  width: 1000px;
  height: 645px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 29998 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  overflow: auto;
}
.TyreProductDetail {
  width: 100%;
  margin-bottom: 5px;
  margin-top: 10px;
}
.TyreProductDetailHeader {
  float: left;
  padding-left: 15px;
  padding-top: 10px;
  font-weight: bold;
}
.TyreProductDetailHeaderImage {
  float: right;
  width: 20px;
  height: 20px;
  padding-right: 10px;
  background: transparent url(/Addvity/Content/Gutmann/images/X_clear_gruen.png) no-repeat;
}
.TyreProductDetailTabs {
  clear: both;
  padding-top: 15px;
}
.TyreProductDetailImage {
  float: left;
  width: 30%;
  height: 265px;
}
.TyreProductDetailData {
  float: left;
  width: 50%;
}
.TyreProductDetailLabel {
  float: right;
  width: 20%;
  font-size: 0;
  text-align: center;
}
.TyreProductDetailPropertie {
  padding-bottom: 5px;
  font-weight: bold;
  text-align: left;
}
.TyreProductDetailValue {
  text-align: left;
  vertical-align: top;
}
.TyreProductDetailList {
  clear: both;
  height: 180px;
  max-height: 180px;
  overflow-x: hidden;
  overflow-y: auto;
}
.ellipsisColumn {
  max-width: 220px;
}
.ellipsisColumnBenelux {
  max-width: 440px;
}
.ellipsisZone {
  line-height: 20px;
}
.moreButton {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  cursor: pointer;
  vertical-align: top;
  text-decoration: none !important;
  background-image: url(/Addvity/Content/Gutmann/images/ZOOM_schwarz.png);
  background-size: 15px 14px;
  -ms-background-size: 15px 14px;
  background-repeat: no-repeat;
}
.lessButton {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  cursor: pointer;
  vertical-align: top;
  text-decoration: none !important;
  background-image: url(/Addvity/Content/Gutmann/images/ZOOM_OUT_schwarz.png);
  background-size: 15px 14px;
  -ms-background-size: 15px 14px;
  background-repeat: no-repeat;
}
.TyreProductQuantity {
  background-color: #8c007d !important;
  font-weight: bold !important;
  border: none !important;
}
.TyreProductQuantity tr > td > input {
  background-color: #8c007d !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  text-align: center !important;
}
.TyreProductNoQuantity {
  background-color: #E9E9E9 !important;
  font-weight: bold !important;
  border: none !important;
}
.TyreProductNoQuantity tr > td > input {
  background-color: #E9E9E9 !important;
  font-weight: bold !important;
  color: #4f5158 !important;
  text-align: center !important;
}
.TyreProductDetailListTotal {
  clear: both;
  height: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  background-color: #6E6E6E;
}
.TotalBasketButton {
  background: url(/Addvity/Content/Gutmann/images/WARENKORB_pink.png) no-repeat;
  background-color: #8C007D;
  width: 140px;
  height: 23px;
  vertical-align: middle;
  background-position: 115px center;
  padding-left: 10px;
  padding-top: 5px;
  padding-right: 5px;
  text-align: left;
  cursor: pointer;
}
.TotalBasketButton:hover {
  background-image: url(/Addvity/Content/Gutmann/images/pfeil_M_weiss.png);
  background-size: 20px;
}
.TotalBasketButton > a,
.TotalBasketButton > a:visited {
  color: #FFFFFF !important;
  font-weight: bold;
  font-size: 10px !important;
  text-decoration: none !important;
  text-transform: uppercase;
  display: block;
  line-height: 15px;
}
.TotalBasketResults {
  padding-top: 5px;
  float: left;
  margin-left: 550px;
}
.TotalBasketResultsElement {
  background-color: #E9E9E9 !important;
  font-weight: bold !important;
  border: none !important;
}
.TotalBasketResultsElement tr > td > input {
  background-color: #E9E9E9 !important;
  font-weight: bold !important;
  color: #4f5158 !important;
  text-align: right !important;
}
.TotalBasketResultsElementStock {
  background-color: #FFFFFF !important;
  font-weight: bold !important;
  border: none !important;
}
.TotalBasketResultsElementStock tr > td > input {
  background-color: #FFFFFF !important;
  font-weight: bold !important;
  color: #4f5158 !important;
  text-align: right !important;
}
.TotalBasketResultsLabel {
  color: #000 !important;
  font-weight: bold !important;
}
.modalWindowTyreProductMaximized {
  display: none;
  background-color: white;
  width: 1000px;
  height: 645px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 29999 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  overflow: auto;
}
.TyreProductDetailMaximizedHeader {
  width: 100%;
  height: 20px;
  margin-top: 10px;
}
.TyreProductDetailMaximizedContent {
  height: calc(80%);
}
/*#endregion*/

/*#region Company Detail */

.modaldetailedTyreCompany {
  display: none;
  background-color: white;
  width: 1000px;
  height: 645px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -moz-box-shadow: 4px 5px 4px -1px #5a5a5a;
  -webkit-box-shadow: 4px 5px 4px -1px #5a5a5a;
  box-shadow: 4px 5px 4px -1px #5a5a5a;
  z-index: 30000 !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 3px solid #DF0029;
  overflow: auto;
}
#detailedTyreCompany .detailHeader {
  word-wrap: break-word !important;
  overflow: visible !important;
  margin-bottom: 15px !important;
  padding: 15px;
}
#detailedTyreCompany .detailHeaderName {
  font: 18pt Arial !important;
  font-variant: small-caps !important;
  color: #000000 !important;
  font-weight: bold !important;
}
#detailedTyreCompany .detailHeaderDescription {
  font: 18pt Arial !important;
  font-weight: bold !important;
  color: #a0a0a0 !important;
}
#detailedTyreCompany .detailColumnFiles {
  display: inline-block !important;
  width: 245px !important;
  height: 120px !important;
  vertical-align: top !important;
  margin-top: 10px !important;
}
#detailedTyreCompany .detailColumn {
  display: inline-block !important;
  width: 31% !important;
  vertical-align: top !important;
  margin-top: 10px !important;
}
#detailedTyreCompany .detailColumnList {
  display: inline-block !important;
  height: 95% !important;
  max-height: 350px;
  vertical-align: top !important;
  margin: 10px 0 0 20px !important;
  overflow-y: auto !important;
}
#detailedTyreCompany .detailColumnListLeft {
  width: 35% !important;
}
#detailedTyreCompany .detailColumnListRight {
  width: 30% !important;
}
#detailedTyreCompany .detailColumnList::-webkit-scrollbar {
  width: 12px;
}
#detailedTyreCompany .detailColumnList::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
#detailedTyreCompany .detailColumnList::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
#detailedTyreCompany .companyImageDiv {
  border-bottom: 5px solid #a0a0a0;
}
#detailedTyreCompany #companyDocumentsText {
  float: left !important;
  padding-top: 14px !important;
  padding-left: 10px !important;
  font: 9pt Arial !important;
  color: #a0a0a0 !important;
}
#detailedTyreCompany #companyDocuments img {
  float: right !important;
  padding-top: 10px !important;
}
#detailedTyreCompany #companyDocuments .galleryDocumenText span {
  display: block !important;
  font: 12px Arial !important;
  color: #000000 !important;
  font-weight: bold !important;
  text-decoration: underline !important;
}
#detailedTyreCompany #companyDocuments .galleryDocumenText span:hover {
  display: block !important;
  font: 12px Arial !important;
  color: #00FF00 !important;
  font-weight: bold !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}
/*#endregion*/

/*#endregion*/

/*#region FactFinder */

.popover-title {
  color: #000000 !important;
  opacity: 1 !important;
}
.popover-content {
  color: #000000 !important;
  opacity: 1 !important;
}
.prc-value {
  display: inline-block;
  height: 30px;
  line-height: 30px;
}
.prc-icon {
  float: right;
  display: inline-block;
  height: 30px;
  line-height: 25px;
}
/*#region Banner */

#shopProductListLast {
  width: 100%;
  height: auto;
  overflow: hidden;
  float: left;
  margin-right: 10px;
  border: 1px solid #DF0029;
  background: white;
  position: relative;
  border-radius: 5px;
}
#shopProductListBanner {
  /*width: 100%;
	height: auto;
  overflow: hidden;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 1px solid @main-color;
  background: white;
  position: relative;*/
  z-index: 90;
  border-radius: 5px;
  cursor: pointer;
}
#shopProductListBanner img {
  height: auto;
  width: 100%;
  object-fit: contain;
}
.shopProductListBannerPromotionSlider {
  border-radius: 0px !important;
  height: 100vh;
  background-color: #B49565 !important;
  overflow: overlay;
}
.shopProductListBannerPromotionSlider::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
  background-color: #846d49 !important;
}
.shopProductListBannerPromotionSlider::-webkit-scrollbar {
  width: 10px;
  background-color: #a5885b;
}
.shopProductListBannerPromotionSlider::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #846d49;
  background-color: #947b52;
}
/*#endregion*/

/*#region Pagination */

#resultsPager,
#resultsPagerBottom {
  height: 35px;
}
#resultsPager {
  background-color: #23282e0a;
  margin-bottom: 10px;
}
@media (max-width: 360px) {
  .pagerResults {
    position: absolute;
    top: -0.3em;
    right: 5px;
  }
  .pagerCombo {
    padding-top: 20px !important;
    padding-left: 10px !important;
  }
  .pagerButtons {
    padding-bottom: 5px !important;
    padding-top: 20px !important;
  }
}
/*#endregion*/

/*#region Suggest elements */

.searchInput {
  font-size: 13px !important;
  font-weight: bold !important;
  padding: 0 4px 0 4px !important;
  text-transform: uppercase !important;
}
#suggestLoader {
  display: none;
  position: relative;
  top: 3px;
  left: 0;
  height: 0px;
}
#suggestLoader > img {
  width: 16px;
  height: 16px;
}
.suggestBox {
  position: absolute;
  display: none;
  padding: 15px;
  margin: 0;
  width: 300px;
  background-color: #FFFFFF;
  border: 1px solid #DF0029;
  float: right;
}
.suggestBox_start {
  z-index: 10001;
}
.suggestBox .productSuggests {
  float: right;
  width: 70%;
  padding-left: 15px;
}
.suggestBox .productSuggestsOnly {
  float: right;
  width: 100% !important;
}
.suggestBox ul {
  float: left;
  width: 30%;
  padding: 0;
  display: inline-block;
}
.suggestBox ul .category {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.suggestBox ul .item {
  padding: 3px 0;
  border: 0;
  cursor: pointer;
}
.suggestBox ul .item:hover,
.suggestBox ul .item.hovered {
  background-color: #DF0029;
  color: #FFFFFF;
}
.suggestBox ul .item img {
  float: left;
  margin-right: 5px;
  vertical-align: top;
  height: auto;
  max-width: 45px;
}
.suggestBox ul .product.category .item {
  border-left: dotted #666 1px;
  border-bottom: 0;
  padding: 0;
}
.suggestBox ul .product.category .item a {
  color: #000000;
  border-bottom: dotted #666 1px;
  margin: 0 8px;
  padding: 5px 0;
  overflow: auto;
  display: block;
  text-decoration: none;
}
.suggestBox ul .product.category .item a:hover,
.suggestBox ul .product.category .item a.hovered {
  color: #FFFFFF;
  padding: 5px 0;
}
.suggestBox ul .item p {
  margin: 0 0 0 5px;
  margin-left: 0;
  float: left;
  font: normal 11px Verdana, Arial;
  text-align: left;
  padding: 0;
  overflow: hidden;
  vertical-align: middle;
  cursor: pointer;
}
.suggestBox ul .product .category .item p {
  border-left: dotted #666 1px;
  margin: 0 8px;
  padding: 5px 0;
}
.suggestBox ul .item p > span {
  background: 0;
  width: auto;
  height: auto;
  float: none;
  margin: 0;
  display: inline;
  position: static;
}
.suggestBox ul li {
  float: left;
  width: 100%;
  margin-right: 10px;
  list-style: none;
  display: block;
}
.suggestBox ul ol {
  padding: 0;
}
.suggestBox ul ol lh {
  color: #DF0029;
  display: block;
  text-transform: uppercase;
  font: 13px Verdana, Arial;
  font-weight: bold;
  height: 15px;
  margin-bottom: 5px;
  text-align: left;
}
.suggestBox ul.noSuggestResult {
  width: 100%;
  color: #DF0029;
}
.suggestBox ul.noSuggestResult > li {
  width: 100%;
}
.suggestBox span.parentCategory {
  font-size: 10px;
  color: grey;
}
.colHeader {
  color: #FFFFFF !important;
  margin-left: -2px;
}
.noResults {
  margin: 5px !important;
  padding: 5px !important;
  font: 8pt Arial !important;
  font-weight: normal !important;
  color: #000000 !important;
  text-align: left !important;
}
#resultContent {
  margin-bottom: 10px;
}
/*#endregion*/

/*#region ASN elements */

.gradientBackground {
  /* La nueva sintaxis necesaria para navegadores apegados al estandar (IE 10 y Firefox 10 en adelante), sin prefijo */
  background: #846d49;
}
#asnContentFilters {
  max-width: 250px;
}
#asnContentFiltersPriority {
  max-width: 250px;
}
.asnToggleMenu {
  background-color: #645237;
  max-height: 500px;
  overflow-y: auto;
}
.asnToggleMenu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
  background-color: #B49565;
}
.asnToggleMenu::-webkit-scrollbar {
  width: 10px;
  background-color: #a5885b;
}
.asnToggleMenu::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #846d49;
  background-color: #25251f;
}
#asnColumn {
  padding: 0px 10px 10px 10px;
}
#asnColumn > div:first-child h3 {
  margin-top: 0;
}
#asnColumnCategories {
  padding: 0px 10px 0px 0px;
  margin-bottom: 20px !important;
}
* html #asnColumnCategories {
  width: auto;
}
div.asnGroup p.asnElement {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
div.asnGroup p.asnElement span {
  color: black;
  text-decoration: none !important;
  font: 8pt Verdana, Arial, sans-serif !important;
}
div.asnGroup p.asnElement span:hover {
  color: #DF0029 !important;
  cursor: pointer;
}
div.asnGroup p.asnElement a img {
  height: 15px;
  margin-left: -5px;
}
div.asnGroup p.asnElement a i {
  vertical-align: bottom;
  margin-left: 5px;
  color: #DF0029;
}
div.asnGroup p.asnElement span:hover {
  color: #DF0029 !important;
  cursor: pointer;
}
div.asnGroup p.lvl1 {
  margin-left: 12px;
}
div.asnGroup p.lvl2 {
  margin-left: 25px;
}
div.asnGroup p.lvl3 {
  margin-left: 35px;
}
div.asnGroup p.selected a {
  color: black !important;
  text-decoration: none !important;
}
div.asnGroup p.selected a span {
  color: black !important;
  text-decoration: none !important;
  font: 8pt Verdana, Arial, sans-serif !important;
  color: #DF0029 !important;
}
div.asnGroup p.selected a img {
  height: 15px;
  margin-left: -5px;
}
div.asnGroup p.selected a i {
  vertical-align: bottom;
  margin-left: 5px;
  color: #DF0029;
}
div.asnGroup select {
  margin-top: 5px;
  width: 155px;
  color: #173452;
  font-family: Arial;
  font-size: 11px;
  border: 1px solid #5C7997;
}
.asnGroupPriority {
  float: left;
  padding: 0px 20px 10px 0px;
  min-width: 200px;
}
.priorityGroups {
  max-width: 100% !important;
  padding-left: 19px;
}
.priorityGroups > #asnColumn {
  display: inline-block;
  padding-left: 0px;
}
div.asnGroup h3 {
  font-family: Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 10pt !important;
  color: #DF0029 !important;
  margin-bottom: 10px;
  padding: 5px !important;
  border-bottom: 1px dotted #DF0029;
}
div.asnGroup h3 span {
  font-family: Arial !important;
  font-size: 10pt !important;
  font-weight: bold !important;
  color: black !important;
  border-bottom: none !important;
  padding: 0px !important;
  margin-top: 10px !important;
  margin-bottom: 0px !important;
  text-transform: uppercase !important;
}
div.asnElement p a,
a:hover,
a:visited,
a:link,
a:active {
  text-decoration: none !important;
}
.clearAsnFilter {
  width: 25px;
  cursor: pointer;
  margin-right: -5px;
  margin-top: -2px;
}
#filterBox {
  padding: 0 20px 0 20px !important;
  height: 22px !important;
  line-height: 22px !important;
  background-color: #5a5a5a !important;
  background-image: url(/Addvity/Content/Gutmann/TDE/images/FILTER_S_weiss.png) !important;
  background-repeat: no-repeat !important;
  background-position-x: 175px !important;
  background-position-y: center !important;
  background-position: 175px center;
  color: #FFFFFF !important;
  font-weight: bold !important;
  font-size: 10pt !important;
  font-family: Arial !important;
}
#filterBox.filtered:hover {
  color: #000000 !important;
  background-color: #00FF00 !important;
  background-image: url(/Addvity/Content/Gutmann/TDE/images/Filter_Zuruecksetzen_schwarz.png) !important;
  cursor: pointer !important;
}
.searchBottonButton {
  padding: 0px 10px 0px 20px !important;
  height: 22px !important;
  line-height: 22px !important;
  background-color: #5A5A5A !important;
}
.searchBottonButtonHover {
  padding: 0px 10px 0px 20px !important;
  height: 22px !important;
  line-height: 22px !important;
  background-color: #00FF00 !important;
  color: #000000 !important;
  cursor: pointer;
}
.searchBottonButtonText {
  float: left !important;
  color: #FFFFFF !important;
  font-weight: bold;
  font-size: 10pt;
  font-family: Arial !important;
  padding-top: 1px;
}
.searchBottonButtonImage {
  float: right !important;
}
.dxpcDropDown_Techno {
  z-index: 100;
}
.trackValueText {
  font-weight: bold !important;
  color: #000 !important;
  font-size: 8pt !important;
  padding-top: 3px !important;
}
.combobox_asn_more {
  background-color: #DF0029 !important;
}
.combobox_asn_more input {
  color: #FFFFFF !important;
  background-color: #DF0029 !important;
  font-weight: bold !important;
}
.checkBoxFactFinder {
  background-color: #e9e9e9 !important;
  width: 18px !important;
  height: 18px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  cursor: pointer !important;
}
div.asnGroup .dxWeb_edtCheckBoxUnchecked {
  background-image: none !important;
}
div.asnGroup .dxeBase {
  font: 8pt Verdana, Arial, sans-serif !important;
  color: #4b4b4b !important;
}
/*#endregion*/

/*#endregion*/

/*#region DevExpress Generals */

/*#region Combobox Columns */

.dxeListBox_Addvity .dxeHD {
  background: none !important;
  color: white !important;
  background-color: #DF0029 !important;
  font-family: Arial, sans-serif;
  font-weight: bold !important;
  font-size: 9pt !important;
}
.dxeListBox_Addvity .dxeHC {
  border: none !important;
}
.dxeCalendarHeader_Addvity {
  background: none !important;
  background-color: #B49565 !important;
  color: white !important;
  font-family: 'Meta Pro', sans-serif;
  font-weight: bold !important;
  font-size: 9pt !important;
}
/*#endregion*/

/*#region Calendar */

.dxeCalendarFooter_Addvity {
  background-color: #B49565 !important;
  border-top: 1px solid #B49565 !important;
}
.dxeCalendarButton_Addvity {
  background: none !important;
  color: white !important;
  background-color: none !important;
  border: none !important;
  font-family: Arial, sans-serif;
  font-weight: bold !important;
  font-size: 9pt !important;
}
/*#endregion*/

/*#region Button/CheckBox List */

.dxeRadioButtonList_Addvity,
.dxeCheckBoxList_Addvity {
  border: none !important;
}
/*#endregion*/

/*#region Image Gallery */

.dxizControl_Addvity {
  border: none !important;
  display: block !important;
}
.dxisControl_Addvity .galleryItem {
  position: relative !important;
}
.dxisControl_Addvity .galleryImage {
  vertical-align: middle !important;
  text-align: center !important;
  display: block !important;
  margin: auto auto !important;
}
.dxisControl_Addvity .galleryDocument {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.dxisControl_Addvity .galleryDocumenText span {
  display: block !important;
  font: 12px Arial !important;
  color: #000000 !important;
  font-weight: bold !important;
  text-decoration: underline !important;
}
.dxisControl_Addvity .galleryDocumenText span:hover {
  display: block !important;
  font: 12px Arial !important;
  color: #DF0029 !important;
  font-weight: bold !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}
.dxisControl_Addvity .galleryItemDownload {
  margin-top: 20px !important;
  text-align: center !important;
}
.dxisControl_Addvity .galleryDocumenClick {
  display: block !important;
  margin-top: 10px !important;
}
.dxisControl_Addvity .galleryDocumenClick img {
  margin-right: 10px !important;
}
.dxisControl_Addvity .galleryDocumenClick span {
  color: #bbb !important;
  text-decoration: none !important;
}
.dxisControl_Addvity .galleryNavigation {
  text-align: center !important;
}
.dxisControl_Addvity .dxis-nbItem .dxis-nbHoverItem {
  border: 0px !important;
}
.dxisControl_Addvity .galleryNavigationHeader {
  color: #bbb !important;
  text-decoration: none !important;
  padding-top: 5px !important;
  padding-left: 5px !important;
}
.dxisControl_Addvity > .dxis-passePartout {
  background-color: transparent !important;
}
.dxisControl_Addvity .dxis-prevBtnHorWrapper {
  background-color: transparent !important;
}
.dxisControl_Addvity .dxis-nextBtnHorWrapper {
  background-color: transparent !important;
}
.dxisControl_Addvity .galleryItem {
  position: relative !important;
}
.dxisControl_Addvity .galleryImage {
  vertical-align: middle !important;
  text-align: center !important;
  display: block !important;
  margin: auto auto !important;
  padding: 20px;
  height: 200px;
}
.dxisControl_Addvity .galleryDocument {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.dxisControl_Addvity .galleryDocumenText span {
  display: block !important;
  font: 12px Arial !important;
  color: #000000 !important;
  font-weight: bold !important;
  text-decoration: underline !important;
}
.dxisControl_Addvity .galleryDocumenText span:hover {
  display: block !important;
  font: 12px Arial !important;
  color: #DF0029 !important;
  font-weight: bold !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}
.dxisControl_Addvity .galleryItemDownload {
  margin-top: 20px !important;
  text-align: center !important;
}
.dxisControl_Addvity .galleryDocumenClick {
  display: block !important;
  margin-top: 10px !important;
}
.dxisControl_Addvity .galleryDocumenClick img {
  margin-right: 10px !important;
}
.dxisControl_Addvity .galleryDocumenClick span {
  color: #bbb !important;
  text-decoration: none !important;
}
.dxisControl_Addvity .galleryNavigation {
  text-align: center !important;
}
.dxisControl_Addvity .dxis-nbItem .dxis-nbHoverItem {
  border: 0px !important;
}
.dxisControl_Addvity .galleryNavigationHeader {
  color: #bbb !important;
  text-decoration: none !important;
  padding-top: 5px !important;
  padding-left: 5px !important;
}
.dxisControl_Addvity > .dxis-passePartout {
  background-color: transparent !important;
}
.dxisControl_Addvity .dxis-prevBtnHorWrapper {
  background-color: transparent !important;
}
.dxisControl_Addvity .dxis-nextBtnHorWrapper {
  background-color: transparent !important;
}
.dxizControl {
  border: none !important;
}
.dxisControl_Addvity .dxis-imageArea {
  border-bottom-color: #DF0029 !important;
}
.dxisControl_Addvity .dxis-nbSelectedItem {
  border-bottom: 2px solid #DF0029 !important;
  border-width: 0px 0px 5px !important;
}
/*#endregion*/

/*#region Image Zoom */

.dxiz-expandWindow {
  border: 3px solid #DF0029 !important;
  -ms-border-radius: 15px !important;
  border-radius: 15px !important;
  padding: 10px !important;
}
/*#endregion*/

/*#region Round Panel*/

.dxrpControl td.dxrpHeader,
.dxrpControl td.dxrpHeader span.dxrpHT,
.dxrpControlGB span.dxrpHeader {
  background-color: #DF0029 !important;
  border-top: 1px solid #DF0029 !important;
  border-left: 1px solid #DF0029 !important;
  border-right: 1px solid #DF0029 !important;
  border-bottom: 1px solid #DF0029 !important;
  font-weight: bold !important;
  color: white !important;
}
.dxrpControl > tbody > tr > .dxrpcontent {
  border-top: 1px solid #DF0029 !important;
  border-left: 1px solid #DF0029 !important;
  border-right: 1px solid #DF0029 !important;
  border-bottom: 1px solid #DF0029 !important;
}
/*#endregion*/

/*#region Pager*/

.pagerButtons {
  padding-bottom: 1px !important;
}
.pagerCombo {
  padding-top: 0px;
  padding-left: 10px !important;
  padding-right: 5px;
}
.pagerButtons .dxeTextBox {
  border: 1px solid #DF0029 !important;
  border-radius: 3px;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
.pagerButtons > .dxeButtonEdit {
  border: 1px solid #DF0029 !important;
  border-radius: 3px;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
.pagerButtons .dxeButtonEditButton {
  border: none !important;
  height: 7px !important;
}
/*#endregion*/

/*#region Loader*/

#loadingAjax {
  border: 1px solid #B49565 !important;
}
#OfferTabs_LP,
#OfferTabs_LPV {
  border: 1px solid #B49565 !important;
  color: #B49565 !important;
  background-image: url(/Addvity/Content/Gutmann/images/loading.gif) !important;
  background-position: left;
  background-size: 42px 42px;
  background-repeat: no-repeat;
}
#OfferTabs_LP .dxcaLoadingPanel_Addvity .dxlp-loadingImage,
.dxlpLoadingPanel_Addvity .dxlp-loadingImage,
.dxlpLoadingPanelWithContent_Addvity .dxlp-loadingImage {
  background-image: none !important;
}
#OfferTabs_LPV .dxcaLoadingPanel_Addvity .dxlp-loadingImage,
.dxlpLoadingPanel_Addvity .dxlp-loadingImage,
.dxlpLoadingPanelWithContent_Addvity .dxlp-loadingImage {
  background-image: none !important;
}
/*#endregion*/

/*#endregion*/

.ldt-changePasswordBox {
  padding: 5px;
}
.ldt-text-headline {
  font-family: Arial, sans-serif !important;
  font-size: 12pt;
  margin-bottom: 20px;
  color: #936ea6;
}
.ldt-text-hint {
  font-family: Arial, sans-serif !important;
  font-size: 10pt;
  margin: 10px 0 20px 0;
  color: #936ea6;
}
.popover {
  right: 0px !important;
  left: initial !important;
  top: initial !important;
  bottom: 40px !important;
}
.popover .arrow {
  left: initial !important;
  right: 20px !important;
}
.dxtcLite_Addvity > .dxtc-stripContainer .dxtc-tab,
.dxtcLite_Addvity .dxtcLite_Addvity > .dxtc-stripContainer .dxtc-activeTab {
  background-image: none !important;
  background-color: #B49565 !important;
  border: 1px solid #B49565 !important;
  color: white;
  text-transform: uppercase;
  border-radius: 8px;
}
.dxtcLite_Addvity > .dxtc-stripContainer .dxtc-tab {
  background-color: #23282E !important;
  border: 1px solid #23282E !important;
  color: white;
  text-transform: uppercase;
  border-radius: 8px;
}
.dxtcLite_Addvity > .dxtc-stripContainer .dxtc-tab,
.dxtcLite_Addvity > .dxtc-stripContainer .dxtc-tab * {
  color: white !important;
  font-weight: bold;
}
.dxtcLite_Addvity > .dxtc-stripContainer .dxtc-activeTab {
  background-image: none !important;
  background-color: #B49565 !important;
  border: 1px solid #B49565 !important;
  border-radius: 8px;
  text-transform: uppercase;
}
.dxtcLite_Addvity > .dxtc-stripContainer .dxtc-activeTab,
.dxtcLite_Addvity > .dxtc-stripContainer .dxtc-activeTab * {
  color: white !important;
  font-weight: bold;
}
.dxtcLite_Addvity .dxGridView_gvCellError_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMClearFilter_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMClearGrouping_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMClearGroupingDisabled_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMDeleteRow_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMEditRow_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMFullCollapse_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMFullExpand_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMGroupByColumn_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMNewRow_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMRefresh_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMSearchPanel_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMShowCustomizationWindow_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMShowFilterEditor_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMShowGroupPanel_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMSortAscending_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMSortDescending_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMSummaryAverage_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMSummaryCount_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMSummaryMax_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMSummaryMin_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMSummarySum_Addvity,
.dxtcLite_Addvity .dxGridView_gvCMUngroupColumn_Addvity,
.dxtcLite_Addvity .dxGridView_gvCollapsedButton_Addvity,
.dxtcLite_Addvity .dxGridView_gvCollapsedButtonRtl_Addvity,
.dxtcLite_Addvity .dxGridView_gvDetailCollapsedButton_Addvity,
.dxtcLite_Addvity .dxGridView_gvDetailCollapsedButtonRtl_Addvity,
.dxtcLite_Addvity .dxGridView_gvDetailExpandedButton_Addvity,
.dxtcLite_Addvity .dxGridView_gvDetailExpandedButtonRtl_Addvity,
.dxtcLite_Addvity .dxGridView_gvDragAndDropArrowDown_Addvity,
.dxtcLite_Addvity .dxGridView_gvDragAndDropArrowUp_Addvity,
.dxtcLite_Addvity .dxGridView_gvDragAndDropHideColumn_Addvity,
.dxtcLite_Addvity .dxGridView_gvExpandedButton_Addvity,
.dxtcLite_Addvity .dxGridView_gvExpandedButtonRtl_Addvity,
.dxtcLite_Addvity .dxGridView_gvFilterRowButton_Addvity,
.dxtcLite_Addvity .dxGridView_gvFixedGroupRow_Addvity,
.dxtcLite_Addvity .dxGridView_gvHeaderFilter_Addvity,
.dxtcLite_Addvity .dxGridView_gvHeaderFilterActive_Addvity,
.dxtcLite_Addvity .dxGridView_gvHeaderSortDown_Addvity,
.dxtcLite_Addvity .dxGridView_gvHeaderSortUp_Addvity,
.dxtcLite_Addvity .dxGridView_gvParentGroupRows_Addvity,
.dxtcLite_Addvity .dxGridView_WindowResizer_Addvity,
.dxtcLite_Addvity .dxGridView_WindowResizerRtl_Addvity {
  background-color: transparent !important;
  padding: 7px !important;
  border-radius: 100%;
}
.dxtcLite_Addvity .dx-vam {
  font-size: 10pt;
  font-weight: normal;
}
.dxgvTable_Addvity .dxeTextBox_Addvity {
  border-color: black !important;
}
.fa-trash,
.fa-times,
.fa-print {
  color: #23282E;
}
.dxgvPagerTopPanel_Addvity .dxp-button.dxp-bi > img {
  display: none;
}
.dxgvPagerTopPanel_Addvity .dxp-button.dxp-bi::after {
  content: "<";
  color: black;
  background-color: #ccc;
  height: 18px;
  width: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.dxgvPagerTopPanel_Addvity .dxp-button.dxp-bi:first-child::after {
  content: "<";
}
.dxgvPagerTopPanel_Addvity .dxp-button.dxp-bi:last-child::after {
  content: ">";
}
.dxgvPagerTopPanel_Addvity .dxp-num.dxp-current {
  color: white;
  background-color: #B49565 !important;
}
.dxgvPagerBottomPanel_Addvity .dxp-button.dxp-bi > img {
  display: none;
}
.dxgvPagerBottomPanel_Addvity .dxp-button.dxp-bi::after {
  content: "<";
  color: black;
  background-color: #ccc;
  height: 18px;
  width: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.dxgvPagerBottomPanel_Addvity .dxp-button.dxp-bi:first-child::after {
  content: "<";
}
.dxgvPagerBottomPanel_Addvity .dxp-button.dxp-bi:last-child::after {
  content: ">";
}
.dxgvPagerBottomPanel_Addvity .dxp-num.dxp-current {
  color: white;
  background-color: #B49565 !important;
}
.discountContainer {
  margin-top: 10px;
  margin-right: 10px;
  text-align: right;
}
.discountContainer,
.discountContainer * {
  color: #B49565;
  font-size: 9pt;
}
.discountContainer input[type='button'] {
  color: black;
}
.discountContainer input,
.discountContainer select {
  height: 20px;
}
.discountContainer #discountValue {
  width: 50px;
}
.discountContainer .btn-edit {
  cursor: pointer;
}
.address-selection {
  cursor: pointer;
}
.address-selection:hover {
  text-decoration: underline;
  font-weight: bold;
}
.comboBoxBasket {
  background-color: #fff;
  border: 1px solid #23282E;
  line-height: 35px;
  list-style-type: none;
  padding: 5px 10px;
  border-radius: 8px;
}
.hintShippingOption {
  margin-top: 10px;
}
.hintGeneralDeliveryHint {
  margin-top: 10px;
}
.flex-container {
  display: flex;
}
.noPadding {
  padding: 0px !important;
}
#shopProductBreadcrumb .breadcrumb {
  margin-bottom: 0px !important;
}
.product-parameters.basket {
  margin-top: 5px;
}
@media (max-width: 768px) {
  .breadcrumb span.breadcrumb-separator:before {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    margin: 0px 5px !important;
  }
  #surface-panel div.panel-body {
    overflow: auto;
  }
  .articleColumnFix {
    word-break: break-all;
    padding: 0px;
  }
  div#shopProductBreadcrumb div.breadcrumb {
    margin-bottom: 0px !important;
  }
  div#productListFilter {
    margin: 0px !important;
  }
}
@media (max-width: 767px) {
  #basket-container .responsivePurPrice {
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 0px;
  }
}
.button_basket {
  background-color: transparent;
  color: #B49565 !important;
  border: 0px;
  padding: 5px 10px;
  font-family: 'Meta Pro', sans-serif !important;
  outline: 0 !important;
  border-radius: 8px;
  font-weight: bold;
}
.button_basket span {
  color: #B49565 !important;
}
.button_basket span:hover .button_basket span:focus {
  outline: 0 !important;
}
.button_basket:hover,
.button_basket:focus {
  outline: 0 !important;
}
.alignStock {
  line-height: 2em;
}
.lineHeight07 {
  line-height: 0.7em;
}
div.fixArticle-container table.stacktable.small-only {
  margin-bottom: 10px;
}
div.fixArticle-container table.stacktable.small-only input.fixingArticleCheck {
  position: absolute;
  left: 0;
  margin-left: 15px;
  margin-top: 2px;
}
div.fixArticle-container table.stacktable.small-only tbody td.text-right {
  text-align: left !important;
}
div.fixArticle-container table.stacktable.small-only.footRight {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
}
#collapseTableFixArticles.in,
#collapseTableFixArticles.collapsing {
  display: block !important;
}
@media (min-width: 768px) {
  #collapseTableFixArticles {
    display: block !important;
    height: 100% !important;
  }
  #fixArtPriceTitle {
    display: none !important;
    height: 0% !important;
  }
}
div.fixArticle-container div.fixArtPriceTitle {
  margin-left: -20px;
  padding-right: 20px;
  padding-left: 0px;
  text-align: right;
  font-size: 1.2em;
  font-weight: bold;
}
@media (max-width: 767px) {
  .noPaddingMobile {
    padding: 0px !important;
  }
}
#table_fixing_articles thead,
#table_fixing_articles .fixing-line {
  border-bottom: 1px solid #e3e3e3;
}
#carousel-banner-gutmann .carousel-caption {
  bottom: initial;
  top: 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#carousel-banner-gutmann .carousel-caption * {
  color: black;
}
#carousel-banner-gutmann .carousel-caption .top {
  height: 160%;
  padding-top: 20px;
}
#carousel-banner-gutmann .carousel-caption .top:hover {
  background-color: transparent;
}
#carousel-banner-gutmann .carousel-caption .bottom {
  height: 40%;
  text-align: right;
  cursor: pointer;
}
#carousel-banner-gutmann .carousel-caption .bottom:hover {
  background-color: transparent;
}
.additionalContact-input {
  display: inline-block;
  vertical-align: middle;
}
.btn-default {
  text-shadow: none !important;
}

@font-face {
  font-family: 'Fira Sans';
  src: url(/Addvity/Content/Gutmann/fonts/FiraSans/FiraSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Meta Pro';
  src: url(/Addvity/Content/Gutmann/fonts/MetaPro/FFMetaProRegular.TTF) format('truetype');
}
/*#region Loader*/

.loading {
  display: none;
  position: fixed;
  z-index: 1000000000000000000;
  height: 2em;
  width: 2em;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.2);
}
.spin-loading {
  border: 10px solid #B49565;
  border-top: 10px solid lightgrey;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -ms-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*#endregion*/

/*#region Wrappers*/

.body-shop-start {
  font-family: Open Sans;
  font-size: 14px;
  line-height: 1.42857;
  padding: 0;
  margin: 0;
  background: url(/Addvity/Content/Gutmann/images/bg_login.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.body-shop {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  height: 350px;
  padding: 0;
  max-width: 1280px;
  margin: 0 auto;
}
.container-login {
  min-height: 0;
  color: #333333;
  padding: 0;
  margin: 10px;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.container-login > section {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 10px;
}
.login-footer {
  width: 100%;
  text-align: center;
  bottom: 0;
  position: fixed;
  padding-bottom: 10px;
}
.login-footer span {
  font-weight: bold;
  font-size: 9pt;
}
.container-register {
  min-height: 0;
  color: #333333;
  padding: 0;
  margin: 10px;
}
.container-register > section {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 10px;
}
.register-footer {
  width: 100%;
  text-align: center;
  bottom: 0;
  position: fixed;
  padding-bottom: 10px;
}
.register-footer span {
  font-weight: bold;
  font-size: 9pt;
}
.messagingContainer {
  width: 99%;
  height: calc(150%);
}
/*#endregion*/

/*#region Login */

/*#region Tabs*/

#top-bar {
  display: inherit;
}
.tabs-login {
  background: #ffffff;
  margin-top: -1px;
  padding: 10px 30px;
  border: 1px double #B49565;
  -webkit-box-shadow: 5px 5px 5px 0px grey;
  -ms-box-shadow: 5px 5px 5px 0px grey;
  box-shadow: 5px 5px 5px 0px grey;
}
.nav-tabs.nav-justified {
  border-bottom: 0 none;
  width: 100%;
}
.nav-tabs.nav-justified > li {
  display: table-cell;
  width: 1%;
  float: none;
}
.container-login .nav-tabs.nav-justified > li > a,
.container-login .nav-tabs.nav-justified > li > a:hover,
.container-login .nav-tabs.nav-justified > li > a:focus {
  background: #B49565;
  border: 1px solid #B49565;
  color: #ffffff;
  margin-bottom: 0;
  margin-right: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.container-login .nav-tabs.nav-justified > .active > a,
.container-login .nav-tabs.nav-justified > .active > a:hover,
.container-login .nav-tabs.nav-justified > .active > a:focus {
  background: #ffffff;
  color: #333333;
  text-decoration: underline;
  cursor: pointer;
}
/*#endregion*/

/*#region Form*/

.form-control {
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #999999;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #333333;
  display: block;
  font-family: Arial, sans-serif !important;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  -ms-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  -o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}
.container-login h2 {
  color: #B49565;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 14pt;
}
.container-login h5 {
  color: red;
  font-size: 11px;
  font-weight: bold;
}
.container-login button {
  background: #B49565 !important;
  border-color: #B49565;
  color: #ffffff;
  -ms-border-radius: 0;
  border-radius: 0;
  font-size: 18px;
  line-height: 1.33;
  padding: 10px 16px;
  width: 100%;
}
.container-login button:hover,
.container-login button:focus {
  background: #B49565;
  border-color: #B49565;
  -ms-opacity: 0.5;
  opacity: 0.5;
}
.container-login .resetpwd {
  text-align: center;
  text-decoration: underline;
  font-size: 12px;
  float: right;
  cursor: pointer;
}
.container-login .resetpwd:hover {
  color: #B49565;
  font-weight: bold;
}
/*#endregion*/

/*#endregion*/

/*#region Register */

/*#region Tabs*/

#top-bar {
  display: inherit;
}
.tabs-register {
  background: #ffffff;
  margin-top: -1px;
  padding: 10px 30px;
  border: 1px double #B49565;
  -webkit-box-shadow: 5px 5px 5px 0px grey;
  -ms-box-shadow: 5px 5px 5px 0px grey;
  box-shadow: 5px 5px 5px 0px grey;
}
.nav-tabs.nav-justified {
  border-bottom: 0 none;
  width: 100%;
}
.nav-tabs.nav-justified > li {
  display: table-cell;
  width: 1%;
  float: none;
}
.container-register .nav-tabs.nav-justified > li > a,
.container-register .nav-tabs.nav-justified > li > a:hover,
.container-register .nav-tabs.nav-justified > li > a:focus {
  background: #B49565;
  border: 1px solid #B49565;
  color: #ffffff;
  margin-bottom: 0;
  margin-right: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.container-register .nav-tabs.nav-justified > .active > a,
.container-register .nav-tabs.nav-justified > .active > a:hover,
.container-register .nav-tabs.nav-justified > .active > a:focus {
  background: #ffffff;
  color: #333333;
  text-decoration: underline;
  cursor: pointer;
}
/*#endregion*/

/*#region Form*/

.form-control {
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #999999;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #333333;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  -ms-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  -o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}
.container-register h2 {
  color: #B49565;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 14pt;
}
.container-register h4 {
  color: #B49565;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 11pt;
}
.container-register h5 {
  color: red;
  font-size: 11px;
  font-weight: bold;
}
.container-register button {
  background: #B49565 !important;
  border-color: #B49565;
  color: #ffffff;
  -ms-border-radius: 0;
  border-radius: 0;
  font-size: 18px;
  line-height: 1.33;
  padding: 10px 16px;
  width: 100%;
}
.container-register button:hover,
.container-register button:focus {
  background: #B49565;
  border-color: #B49565;
  -ms-opacity: 0.5;
  opacity: 0.5;
}
.container-register .requiredfield,
.requiredfieldDropDownList {
  float: right;
  margin-right: 6px;
  margin-top: -22px;
  /*position: relative;*/
  font-size: 11px;
  z-index: 2;
  color: lightgrey;
}
.container-register .requiredfieldDropDownList {
  font-size: 11px;
  margin-right: 17px;
}
.container-register .requiredInfoText {
  float: right;
}
.container-register .requiredInfoIcon {
  font-size: 8px;
  float: right;
  margin-right: 6px;
  margin-top: 3px;
  margin-left: 5px;
}
/*#endregion*/

/*#endregion*/

/*#region Header Navigation */

#header-nav {
  color: #fff;
  padding-right: 25px;
  height: 172px;
  color: #777;
  background-color: #fff;
  font-size: 13px;
  background: rgba(255, 255, 255, 0) url(/Addvity/Content/Gutmann/images/header_bg.png) no-repeat center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
}
#header-nav span.title {
  margin-left: 28px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: inline-block;
}
#header-nav span.list-caption {
  float: left;
  margin-left: 28px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: inline-block;
}
#header-nav div.list {
  float: left;
  margin-top: -3px;
  margin-left: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: inline-block;
}
.dropdown-login,
.dropdown-register {
  border-radius: 5px;
  background-color: #B49565;
  margin-top: 10px;
  margin-left: 5px;
}
.dropdown-login > a {
  color: #FFF !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.dropdown-register > a {
  color: #FFF !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
@media (max-width: 768px) {
  #header-nav {
    height: 50px !important;
  }
  .dropdown-login,
  .dropdown-register {
    border-radius: 0px;
    background-color: transparent;
    margin-top: 0px;
    margin-left: 0px;
  }
  .dropdown-login > a {
    color: #B49565 !important;
  }
  .dropdown-register > a {
    color: #B49565 !important;
  }
}
/*#endregion*/

/*#region Menu Navigation */

#menu-nav {
  border-bottom: 3px solid #B49565;
  background: #d5d7d8;
  font-family: Arial, Helvetica, sans-serif;
  height: 60px !important;
  line-height: 60px !important;
}
#menu-nav .navbar-nav > li > a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-size: 15px;
  line-height: 40px;
  color: #B49565;
}
#menu-nav .navbar-nav > li > a:hover {
  color: #B49565 !important;
}
#tool-nav > .navbar-default .navbar-nav > li > a:hover {
  color: #B49565 !important;
}
@media (max-width: 768px) {
  #menu-nav {
    height: auto !important;
    line-height: normal !important;
  }
  #menu-nav .navbar-nav > li > a {
    line-height: 14px !important;
    font-size: 14px !important;
  }
  #menu-nav .navbar-nav > li > a:hover {
    color: #FFFFFF !important;
    background-color: #B49565 !important;
  }
  .navbar-default .navbar-nav > .open > a {
    background-color: #B49565 !important;
    background-image: none !important;
    color: #FFFFFF !important;
  }
}
/*#endregion*/

/*#region Header Logo */

div.nopadding {
  padding: 0;
  margin: 0;
}
#header-logo {
  position: absolute;
  margin-top: 40px;
  margin-left: 55px;
}
#header-logo-2 {
  position: absolute;
  border-bottom: 3px solid #B49565;
  border-left: 1px solid #B49565;
  margin-left: -1px;
  width: 100%;
  height: 89px;
}
#header-logo .img-responsive {
  margin: 0 auto;
  max-height: 99%;
}
/*#endregion*/

/*#region Login/Register Layer */

ul.dropdown-lr {
  width: 300px;
}
ul.dropdown-r {
  width: 480px;
}
@media (max-width: 768px) {
  .dropdown-lr,
  dropdown-r h3 {
    color: #eee;
  }
  .dropdown-lr,
  dropdown-r label {
    color: #eee;
  }
  .dropdown-lr {
    background-color: white !important;
    border: 1px solid #B49565 !important;
  }
  .dropdown-r {
    background-color: white !important;
    border: 1px solid #B49565 !important;
  }
}
/*#endregion*/

/*#region Bottom Navigation */

#info-nav {
  margin-top: -21px;
  height: 30px;
  border-bottom: 1px solid #B49565;
  margin-bottom: 20px;
  line-height: 30px;
  text-align: right;
  font-size: 10pt;
  box-shadow: 0px 4px 3px #888;
}
#info-nav .separator {
  content: '';
  display: inline-block;
  background: #888;
  margin: 0 4px 2px;
  height: 14px;
  width: 1px;
  vertical-align: middle;
}
#info-nav .badge {
  margin-bottom: 3px;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 8pt;
  font-weight: normal !important;
}
#info-nav .fa {
  margin-right: 5px;
}
#info-nav > a,
#info-nav > a:link,
#info-nav > a:visited {
  margin-right: 10px;
  color: #777;
}
#info-nav > a:hover {
  color: #B49565;
}
.info-nav-active {
  background-color: #B49565;
  opacity: 0.8;
}
.info-nav-active .separator {
  background: #FFFFFF !important;
}
.info-nav-active > a,
.info-nav-active > a:link,
.info-nav-active > a:visited {
  color: #FFFFFF !important;
}
.info-nav-active > a:hover {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}
.info-nav-active .badge {
  background-color: deeppink !important;
  border: 1px solid #ffffff;
}
/*#endregion*/

/*#region Product List Filter*/

#shopProductListContent {
  /*width: 85%; Deprecated for responise design*/
  float: right;
  border-left: 2px solid #B49565;
  padding-left: 10px;
  margin-bottom: 10px;
}
.shopProductListFilterGroup {
  margin-right: 10px;
}
.shopProductListFilterGroup h3 {
  font-family: Arial;
  font-weight: bold;
  font-size: 9pt;
  color: #ffffff;
  background-color: #B49565;
  margin-bottom: 10px;
  margin-top: 0px !important;
  height: 35px;
  line-height: 35px;
  padding-left: 15px;
}
.shopProductListFilterGroup p {
  margin-left: 10px;
}
.shopProductListFilterGroup p.filterElement span {
  color: black;
  font-size: 11px;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
}
.shopProductListFilterGroup p.filterElement span:hover {
  color: #B49565;
  cursor: pointer;
}
.shopProductListFilterGroup p.filterElement.selected span {
  font-weight: bold;
  color: #B49565;
}
.shopProductListFilterGroup p.filterElement i {
  font-size: 15px;
  color: #B49565;
  vertical-align: middle;
}
.shopProductListFilterGroup .filterElement p a,
a:hover,
a:visited,
a:link,
a:active {
  text-decoration: none !important;
}
/*#endregion*/

/*#region List Badge */

.lst-badge {
  background-color: white !important;
  color: #777 !important;
  border-radius: 0px !important;
  border: 1px solid #777 !important;
  font-size: 10px !important;
  height: 25px;
  width: 25px;
  line-height: 20px;
}
.lst-badge-negative {
  color: #cc0000 !important;
  font-weight: 700;
}
.lst-badge-green {
  background-color: #468847 !important;
  color: #ffffff !important;
  border-radius: 0px !important;
  font-size: 10px !important;
}
.lst-badge-yellow {
  background-color: #f89406 !important;
  color: #ffffff !important;
  border-radius: 0px !important;
  font-size: 10px !important;
}
.lst-badge-red {
  background-color: #cc0000 !important;
  color: #ffffff !important;
  border-radius: 0px !important;
  font-size: 10px !important;
}
/*#endregion*/

/*#region List Buttons */

.lst-header-sort {
  margin-left: 10px;
  color: #FFFFFF;
}
.lst-header-btn {
  background: #ffffff;
  /*border-radius: 4px;*/
  height: 25px;
  width: 25px;
  border: 1px solid black;
  line-height: 25px !important;
  color: black;
}
.lst-header-text {
  background: #ffffff;
  /*border-radius: 4px;*/
  height: 25px;
  width: 25px;
  border: 1px solid #B49565;
  line-height: 25px !important;
  color: #B49565;
  font-weight: bold !important;
}
.lst-btn-green {
  background: #ffffff;
  /*border-radius: 4px;*/
  height: 25px;
  width: 25px;
  border: 1px solid #B49565;
  line-height: 25px !important;
  color: #468847;
}
.lst-info-btn {
  height: 25px;
  width: 25px;
  line-height: 25px !important;
  color: #B49565;
}
.dxListHover > td.dxgv > a > .lst-info-btn {
  color: #FFFFFF !important;
}
/*#endregion*/

/*#region List Quantity */

.lstQuantity > .dxeButtonEdit_Addvity {
  border: 1px solid #B49565 !important;
  /*border-radius: 3px;*/
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
.lstQuantity .dxeButtonEditButton_Addvity {
  border: none !important;
  height: 11px !important;
}
.lstQuantity input[type="text"].dxeEditAreaSys {
  text-align: right !important;
}
.lstQuantitySelected > .dxeButtonEdit_Addvity {
  border: 1px solid #B49565 !important;
  /*border-radius: 3px;*/
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
.lstQuantitySelected .dxeButtonEditButton_Addvity {
  border: none !important;
  height: 11px !important;
}
.lstQuantitySelected > .dxeButtonEdit_Addvity td.dxic {
  background-color: #B49565 !important;
}
.lstQuantitySelected input[type="text"].dxeEditAreaSys {
  background: #B49565 !important;
  color: white !important;
  text-align: right !important;
}
/*#endregion*/

/*#region List Filter */

#productListFilter .dxeButtonEdit_Addvity {
  border: 1px solid #B49565 !important;
  /*border-radius: 3px;*/
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
#productListFilter .dxeButtonEditButton_Addvity {
  border: none !important;
  height: 7px !important;
}
#productListFilter .dxeTextBox_Addvity {
  border: 1px solid #B49565 !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
  height: 30px;
}
#productListFilter .search {
  display: inline-block;
  vertical-align: top;
  background-color: #B49565;
  margin-left: -4px;
  line-height: 30px;
  border-radius: 0 4px 4px 0;
}
#productListFilter .reset {
  display: inline-block;
  vertical-align: top;
  margin-left: -35px;
  line-height: 30px;
  float: right;
  position: absolute;
}
#productListFilter .btn {
  height: 25px;
  width: 25px;
  color: #b20b59;
  margin-right: 10px;
}
#productListFilter .btn-search {
  width: 25px;
  color: #FFFFFF;
  text-align: right;
  margin-right: 15px;
}
/*#endregion*/

/*#region Product Detail */

.modalWindowShopProduct {
  display: none;
  width: 65%;
  height: 600px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1003;
  padding: 10px;
  overflow: visible;
  border: 14px solid #e6e6e6;
  background-color: #FFFFFF;
}
.modalWindowShopProduct::before {
  display: block;
  position: absolute;
  top: -14px;
  left: -14px;
  content: " ";
  width: 115px;
  height: 115px;
  border-left: 14px solid #B49565;
  border-top: 14px solid #B49565;
}
.modalWindowShopProduct::after {
  display: block;
  position: absolute;
  bottom: -14px;
  right: -14px;
  content: " ";
  width: 115px;
  height: 115px;
  border-right: 14px solid #B49565;
  border-bottom: 14px solid #B49565;
}
.modalWindowProductMaximized {
  display: none;
  width: 65%;
  height: 600px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1004;
  padding: 10px;
  overflow: visible;
  border: 14px solid #e6e6e6;
  background-color: #FFFFFF;
}
.modalWindowProductMaximized::before {
  display: block;
  position: absolute;
  top: -14px;
  left: -14px;
  content: " ";
  width: 115px;
  height: 115px;
  border-left: 14px solid #B49565;
  border-top: 14px solid #B49565;
}
.modalWindowProductMaximized::after {
  display: block;
  position: absolute;
  bottom: -14px;
  right: -14px;
  content: " ";
  width: 115px;
  height: 115px;
  border-right: 14px solid #B49565;
  border-bottom: 14px solid #B49565;
}
.detail-close-btn {
  float: right;
  color: #23282E;
}
/*#endregion*/

/*#region Download Inventory*/

.modalWindowDownloadInventory {
  display: none;
  width: 65%;
  height: 600px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1003;
  padding: 10px;
  overflow: visible;
  border: 14px solid #e6e6e6;
  background-color: #FFFFFF;
}
.modalWindowDownloadInventory::before {
  display: block;
  position: absolute;
  top: -14px;
  left: -14px;
  content: " ";
  width: 115px;
  height: 115px;
  border-left: 14px solid #B49565;
  border-top: 14px solid #B49565;
}
.modalWindowDownloadInventory::after {
  display: block;
  position: absolute;
  bottom: -14px;
  right: -14px;
  content: " ";
  width: 115px;
  height: 115px;
  border-right: 14px solid #B49565;
  border-bottom: 14px solid #B49565;
}
/*#endregion*/

/*#region Fix */

.dxgvControl_Addvity .dxgvHL {
  background: #FFFFCE !important;
  color: #333;
  font-style: oblique;
  font-weight: 600;
  text-decoration: underline;
}
.dxeMemo_Addvity {
  border: 1px solid #B49565 !important;
  font-family: Arial, sans-serif !important;
  font-size: 8pt !important;
  font-weight: normal !important;
}
.dxbButton_Addvity {
  color: #FFFFFF !important;
  font-family: Arial, sans-serif !important;
  border: 1px solid #B49565 !important;
  background: #B49565 repeat-x center bottom !important;
  padding: 1px;
}
.dxeSpinIncButton_Addvity {
  background: #F0F0F0 repeat-x top !important;
}
.dxeSpinDecButton_Addvity {
  background: #F0F0F0 repeat-x top !important;
}
.dxeListBox_Addvity {
  border: 1px solid #B49565 !important;
}
.dxeListBoxItemSelected_Addvity {
  background-color: #B49565 !important;
  opacity: 0.6;
}
.dxeListBoxItemHover_Addvity {
  background-color: #B49565 !important;
  color: #FFFFFF !important;
}
#modalLayer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #8a8a8a;
  filter: alpha(opacity=60);
  opacity: 0.6;
  -moz-opacity: 0.6;
  z-index: 1000;
  text-align: center;
  vertical-align: middle;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #B49565 !important;
  color: #FFFFFF !important;
}
.navbar-default .navbar-toggle {
  border-color: #B49565 !important;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #B49565 !important;
}
.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar {
  background-color: #FFFFFF !important;
}
.navbar-brand > img {
  height: auto;
  width: 80%;
}
/*#endregion*/


@font-face {
  font-family: 'Fira Sans';
  src: url(/Addvity/Content/Gutmann/fonts/FiraSans/FiraSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Meta Pro';
  src: url(/Addvity/Content/Gutmann/fonts/MetaPro/FFMetaProRegular.TTF) format('truetype');
}
/* TODO DGT: Apply mixin and nested from "lesscss" features, the development was made with pure css */

/* General menu */

/*@media (max-width: @screen-xs-max) { ... }*/

/* Maybe, we must use "bootstrap.less" for variables (like above) and more flexibility and configuration */

/* TreeMenu and DefaultMenu */

@media (min-width: 768px) {
  #shopProductListFilter {
    /* display: block !important;
          margin-top: 10px;
          z-index: 999;*/
    position: absolute;
    z-index: 999;
    top: 45px;
    right: 110px;
  }
  .asn-menu-responsive {
    display: none;
  }
  .navbar-asn-button {
    display: none !important;
  }
}
.navbar-asn-button {
  display: block;
  background: transparent !important;
  padding-left: 10px;
  box-shadow: none;
  position: relative;
}
.navbar-asn-button button {
  float: none;
  padding: 5px 20px;
  margin: 0px;
}
.nav-side-menu {
  overflow: auto;
  font-family: 'Fira Sans', sans-serif;
  font-size: 12px;
  font-weight: 200;
  background-color: #ffffff;
  top: 0px;
  height: 100%;
  color: #000000;
}
.nav-side-menu .brand {
  background-color: #645237;
  line-height: 50px;
  display: block;
  text-align: left;
  font-size: 12pt;
  border-bottom: 1px solid #d9dad9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
}
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
  background-color: #645237;
}
.nav-side-menu li .menu-item {
  border-bottom: 1px solid #d9dad9;
}
.nav-side-menu li .menu-icon span:before {
  font-family: FontAwesome;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
  font-size: 18pt;
  color: #DF0029;
  opacity: 0.4;
}
.nav-side-menu li .menu-icon .remove:before {
  content: "\f00d";
  font-size: 14pt;
  color: white;
}
.nav-side-menu li .arrow:after {
  content: "\f0d7";
  font-family: FontAwesome;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
  font-size: 18pt;
  color: #DF0029;
  opacity: 0.4;
  padding-right: 0px;
}
.nav-side-menu li .arrow.arrow-active:after {
  content: "\f0da" !important;
}
.nav-side-menu li .sub-menu li {
  border: none;
  line-height: 28px;
  margin-left: 0px;
  padding-left: 10px;
}
.nav-side-menu li a {
  text-decoration: none;
  color: white;
  padding-left: 10px;
  word-break: break-all;
  font-size: 9pt;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li > .menu-item:hover {
  border-left: 3px solid #DF0029;
  background-color: #b3b3b3;
  background-color: rgba(217, 218, 217, 0.4);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.nav-side-menu li.active > .menu-item {
  background-color: #B49565;
  border-left: 3px solid white;
  color: white;
}
.nav-side-menu li.asn-menu-item-checkbox.active > .menu-item {
  border-left: 0px;
}
.nav-side-menu .sub-menu li.active > .menu-item {
  background-color: #B49565;
  color: white;
}
.nav-side-menu .menu-text {
  max-width: 80%;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
}
.nav-side-menu .menu-icon {
  width: 0px;
  float: right;
}
.nav-side-menu ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
}
.nav-side-menu ul .menu-icon:before {
  font-family: FontAwesome;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
  font-size: 18pt;
  color: #DF0029;
  opacity: 0.4;
}
.nav-side-menu ul .menu-icon .remove:before {
  content: "\f00d";
  font-size: 14pt;
}
.nav-side-menu ul .arrow:after {
  content: "\f0d7";
  font-family: FontAwesome;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
  font-size: 18pt;
  color: #DF0029;
  opacity: 0.4;
  padding-right: 0px;
}
.nav-side-menu ul .arrow.arrow-active:after {
  content: "\f0da" !important;
}
.nav-side-menu ul .sub-menu li {
  border: none;
  line-height: 28px;
  margin-left: 0px;
  padding-left: 10px;
}
.nav-side-menu li.collapsed {
  border-bottom: 1px solid #DF0029;
}
.nav-side-menu .asn-menu-item-checkbox > .menu-item:hover {
  border-left: 0px;
}
.nav-side-menu .menu-list .menu-content {
  display: block;
}
.dropdown-treeMenu {
  background-color: #B49565;
  border: 1px solid #ffffff;
  margin-top: 10px;
  margin-left: 5px;
  line-height: 35px;
  list-style-type: none;
  padding: 0px 10px;
  border-radius: 8px;
  margin-bottom: 5px;
}
.dropdown-treeMenu ul {
  width: 100%;
  margin: 0px;
  background-color: #B49565;
  list-style-type: none;
  padding: 0px;
  border: 1px solid #B49565;
}
.dropdown-treeMenu ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
  background-color: #B49565;
}
.dropdown-treeMenu ul::-webkit-scrollbar {
  width: 6px;
  background-color: #a5885b;
}
.dropdown-treeMenu ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #846d49;
  background-color: #947b52;
}
.dropdown-treeMenu ul li a:hover {
  background: #B49565;
}
.dropdown-treeMenu .menu-icon span:before {
  font-family: FontAwesome;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
  font-size: 18pt;
  color: #DF0029;
  opacity: 0.4;
  padding-right: 0px;
}
.dropdown-treeMenu .menu-icon .remove:before {
  content: "\f00d";
  font-size: 12pt;
}
.dropdown-treeMenu .arrow:after {
  content: "\f0d7";
  font-family: FontAwesome;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
  font-size: 18pt;
  color: white;
  opacity: 0.4;
  padding-right: 0px;
}
.dropdown-treeMenu li {
  margin: 0px;
  background-color: #B49565;
  list-style-type: none;
}
.dropdown-treeMenu li a {
  color: #ffffff !important;
  font-family: 'Fira Sans', sans-serif;
  font-size: 9pt;
  text-decoration: none !important;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: inherit;
}
.dropdown-treeMenu a {
  color: #ffffff !important;
  font-family: 'Fira Sans', sans-serif;
  font-size: 9pt;
  text-decoration: none !important;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: inherit;
}
.dropdown-treeMenu .dropdown-menu {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.dropdown-treeMenu .dropdown-menu a:focus {
  background-color: #846d49;
  background-color: rgba(217, 218, 217, 0.4);
}
.dropdown-treeMenu .dropdown-menu a:hover {
  background-color: #846d49;
  background-color: rgba(217, 218, 217, 0.4);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.dropdown-treeMenu .dropdown-menu li a:focus {
  background-color: #846d49;
  background-color: rgba(217, 218, 217, 0.4);
}
.dropdown-treeMenu .dropdown-menu li a:hover {
  background-color: #846d49;
  background-color: rgba(217, 218, 217, 0.4);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.dropdown-treeMenu-prioGroup {
  background-color: #B49565;
  margin-top: 10px;
  margin-left: 5px;
  line-height: 25px;
  list-style-type: none;
  padding: 0px 0px;
  border-radius: 8px;
  border: 1px solid #ffffff;
}
.dropdown-treeMenu-prioGroup ul {
  width: 100%;
  margin: 0px;
  background-color: #B49565;
  list-style-type: none;
  padding: 0px;
  border-radius: 8px;
  border: 1px solid #ffffff;
}
.dropdown-treeMenu-prioGroup ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
  background-color: #B49565;
}
.dropdown-treeMenu-prioGroup ul::-webkit-scrollbar {
  width: 6px;
  background-color: #a5885b;
}
.dropdown-treeMenu-prioGroup ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #846d49;
  background-color: #947b52;
}
.dropdown-treeMenu-prioGroup ul li a:hover {
  background: #B49565;
}
.dropdown-treeMenu-prioGroup .menu-icon span:before {
  font-family: FontAwesome;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
  font-size: 18pt;
  color: #DF0029;
  opacity: 0.4;
  padding-right: 0px;
}
.dropdown-treeMenu-prioGroup .menu-icon .remove:before {
  content: "\f00d";
  font-size: 12pt;
}
.dropdown-treeMenu-prioGroup .arrow:after {
  content: "\f0d7";
  font-family: FontAwesome;
  display: inline-block;
  padding-left: 10px;
  padding-right: 7px;
  vertical-align: middle;
  float: right;
  font-size: 16px;
  color: #ffffff;
  opacity: 0.4;
}
.dropdown-treeMenu-prioGroup li {
  margin: 0px;
  background-color: #B49565;
  list-style-type: none;
}
.dropdown-treeMenu-prioGroup li a {
  color: #ffffff !important;
  font-family: 'Fira Sans', sans-serif;
  font-size: 12pt;
  text-decoration: none !important;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: inherit;
  padding-left: 3px;
  background-color: #B49565;
}
.dropdown-treeMenu-prioGroup a {
  color: #ffffff !important;
  font-family: 'Fira Sans', sans-serif;
  font-size: 12pt;
  text-decoration: none !important;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: inherit;
  padding-left: 3px;
}
.dropdown-treeMenu-prioGroup .dropdown-menu {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.dropdown-treeMenu-prioGroup .dropdown-menu a:focus {
  background-color: #846d49 !important;
  background-color: rgba(217, 218, 217, 0.4) !important;
}
.dropdown-treeMenu-prioGroup .dropdown-menu a:hover {
  background-color: #846d49 !important;
  background-color: rgba(217, 218, 217, 0.4) !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.dropdown-treeMenu-prioGroup .dropdown-menu li a {
  line-height: 25px;
  padding: 5px 15px;
}
.dropdown-treeMenu-prioGroup .dropdown-menu li a:focus {
  background-color: #846d49 !important;
  background-color: rgba(217, 218, 217, 0.4) !important;
}
.dropdown-treeMenu-prioGroup .dropdown-menu li a:hover {
  background-color: #846d49 !important;
  background-color: rgba(217, 218, 217, 0.4) !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.asn-menu-checkbox {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border: 2px solid #d9dad9;
  padding: 1px;
  background: #d9dad9;
}
.asn-menu-checkbox.checked {
  background: #645237;
}
#toggleFilterMenuBtn {
  margin: 0px !important;
  float: left !important;
}
@media (max-width: 767px) {
  #shopProductListFilter {
    position: absolute;
    left: -15px !important;
    z-index: 999;
  }
  #asnContentFilters {
    background-color: #ffffff !important;
    max-width: none !important;
    border-top: 1px solid #543478;
    border-right: 1px solid #543478;
    border-bottom: 1px solid #543478;
  }
  .asn-menu-responsive {
    display: none;
  }
}

@font-face {
  font-family: 'Fira Sans';
  src: url(/Addvity/Content/Gutmann/fonts/FiraSans/FiraSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Meta Pro';
  src: url(/Addvity/Content/Gutmann/fonts/MetaPro/FFMetaProRegular.TTF) format('truetype');
}
/* #region Grid Bootstrap */

#query_I {
  color: #DF0029;
  font-family: 'Fira Sans', sans-serif, FontAwesome !important;
}
#query_I::-webkit-input-placeholder {
  color: #DF0029;
  text-align: center;
}
#query_I:-moz-placeholder {
  color: #DF0029;
  text-align: center;
}
#query_I::-moz-placeholder {
  color: #DF0029;
  text-align: center;
}
#query_I:-ms-input-placeholder {
  color: #DF0029;
  text-align: center;
}
#shopProductListGrid .dxListHeaderTable select {
  padding: 0px;
}
.sorter-responsive {
  text-align: right;
  padding-right: 5px;
}
.sorter-responsive select {
  width: 150px;
  color: #000000;
  font-size: 8pt;
  font-family: 'Fira Sans', sans-serif;
}
.sorter-responsive .lst-header-sort:before {
  color: #000000;
  font-size: 12px;
}
.sorter-responsive .fa-sort-amount-asc {
  transform: rotateX(180deg);
}
.sorter-responsive .sorter-component {
  display: inline-block;
}
.sort-changer {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #1a1a1a;
  border-radius: 3px;
  padding: 2px;
  width: 30px;
  cursor: pointer;
}
.bgColor {
  background-color: #23282E0A;
}
.bgColor:nth-child(odd) {
  background-color: white;
}
#dgProductList_DXMainTable {
  color: #DF0029 !important;
}
#dgProductList_DXMainTable tr.dxgvDataRow_Addvity {
  background-color: #ffffff !important;
}
#dgProductList_DXMainTable tr.dxgvDataRow_Addvity > td {
  border-bottom: 5px solid #dad9da !important;
}
#dgProductList_DXMainTable tr.dxgvDataRow_Addvity * {
  color: #DF0029 !important;
}
#dgProductList_DXMainTable .dxgvDataRow_Addvity.dxgvDataRowHover_Addvity.dxListHover > td {
  border-bottom: 5px solid #ff133e !important;
}
#dgProductList_DXMainTable .dxgvDetailCell_Addvity {
  border-bottom: 0px !important;
}
tr#dgProductList_DXHeadersRow0 > td {
  background-color: #cccccc !important;
  color: #DF0029 !important;
}
tr#dgProductList_DXHeadersRow0 > td * {
  color: #DF0029 !important;
}
.dxgvDetailRow_Addvity.dxgvADR > td {
  border-bottom: 0px !important;
}
#dgProductList.dxgvControl_Addvity .dxgvDataRowHover_Addvity > td {
  background: #f0f0f0 !important;
}
#dgProductList.dxgvControl_Addvity.dxgvAE .dxgvDataRowHover_Addvity > td {
  background: #ffffff !important;
}
table.gridView-responsive {
  border-collapse: collapse !important;
}
table.gridView-responsive .dxgvFooter_Addvity td.dxgv {
  border-top: 0px !important;
}
.gridView-responsive .font-awesome,
.gridView-responsive .font-awesome * {
  font-family: FontAwesome !important;
}
.gridView-responsive .font-awesome span:before,
.gridView-responsive .font-awesome * span:before {
  margin: 0 auto;
}
.gridView-responsive .sortable {
  cursor: pointer;
}
.gridView-responsive .fa-sort-amount-asc {
  transform: rotateX(180deg);
}
.gridView-responsive .sorter-component {
  display: inline-block;
}
.headerGrid-responsive {
  background-color: #23282E;
  margin-bottom: 10px;
}
.bodyGrid-responsive {
  padding-top: 5px;
  padding-bottom: 5px;
}
.bodyGrid-responsive:not(.item-detail):hover {
  background-color: #e6e6e6;
  border-bottom: 5px solid #39414b;
  cursor: pointer;
}
.product-list-responsive {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  background-color: #23282E0A;
}
.basketRow {
  background-color: #23282E0A;
  margin-top: 15px;
  padding-top: 10px;
}
.headerColGrid-responsive {
  margin: 0px;
  padding: 3px 5px;
  text-align: left;
  overflow: hidden;
}
.headerColGrid-responsive span {
  font-family: 'Fira Sans', sans-serif !important;
  color: #ffffff;
  word-wrap: break-word;
  word-break: break-all;
  min-height: 100%;
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
}
.headerColGrid-responsive .lst-header-sort {
  font: normal normal normal 14px/1 FontAwesome !important;
}
#detailProductPriceSection table {
  width: 100% !important;
}
.itemColGrid-right {
  text-align: right !important;
}
.itemColGrid-responsive {
  margin: 0px;
  text-align: left;
  border-bottom: none;
}
.itemColGrid-responsive span:not(.fa):not(.glyphicon) {
  font-family: 'Meta Pro', sans-serif !important;
  color: black;
  word-wrap: break-word;
  word-break: normal;
  min-height: 100%;
  display: inline;
  align-items: center;
  font-size: 9pt;
}
.itemColGrid-responsive i {
  color: #23282E;
}
.itemColGrid-responsive .prc-value {
  font-size: 10pt !important;
}
.itemColGrid-responsive.odd {
  background-color: #e6e6e6;
}
.itemColGrid-responsive.right {
  margin: 0px;
  text-align: right;
}
.itemColGrid-responsive.right span:not(.fa):not(.glyphicon) {
  font-family: 'Meta Pro', sans-serif !important;
  color: black;
  word-wrap: break-word;
  word-break: normal;
  min-height: 100%;
  display: inline;
  align-items: center;
  font-size: 9pt;
}
.itemColGrid-responsive.right i {
  color: #23282E;
}
.itemColGrid-responsive.right .prc-value {
  font-size: 10pt !important;
}
.dxListHeaderTable {
  padding-left: 10px;
  color: #000000 !important;
}
.dxListHeaderTable * {
  padding-left: 10px;
  color: #000000 !important;
}
.comboBoxPageSize-responsive {
  width: 45px;
  border: 1px solid #1a1a1a;
  border-radius: 3px;
  height: 25px;
}
.pager-responsive {
  margin: 0px 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  vertical-align: middle;
}
.pager-responsive a {
  color: #000000 !important;
  width: 30px;
  text-align: center;
}
.pager-responsive span {
  color: #000000 !important;
  padding-left: 0px !important;
}
.pager-responsive li.active a {
  background-color: rgba(204, 204, 204, 0.5) !important;
  border-color: #000000 !important;
}
.pager-responsive li.active span {
  background-color: rgba(204, 204, 204, 0.5) !important;
  border-color: #000000 !important;
}
.pager-responsive li {
  padding-left: 0px;
}
.pagerResults {
  padding-top: 2px;
  font-weight: bold !important;
}
[data-args*='ShowAdaptiveDetail'] {
  background: #936ea6 !important;
  border: 1px solid #936ea6 !important;
}
[data-args*='ShowAdaptiveDetail']:after {
  font-family: FontAwesome;
  padding: 10px;
  display: inline-block;
  vertical-align: middle;
  float: right;
  font-size: 18px;
  color: #ffffff;
  opacity: 0.4;
  content: "\f06e";
}
[data-args*='HideAdaptiveDetail'] {
  background: #936ea6 !important;
  border: 1px solid #936ea6 !important;
  position: relative;
  right: 5px;
  float: right;
}
[data-args*='HideAdaptiveDetail']:after {
  font-family: FontAwesome;
  padding: 10px;
  display: inline-block;
  vertical-align: middle;
  float: right;
  font-size: 18px;
  color: #ffffff;
  opacity: 0.4;
  content: "\f070";
}
/* #endregion Grid Bootstrap */

/* #region ProductList */

.product-param-header {
  font-weight: bold;
}
.product-parameters {
  text-align: left;
}
.product-parameters > .row {
  display: table;
  height: 100%;
  width: 100%;
  margin: 0px;
}
.product-parameters .product-param-item {
  float: none;
  display: table-row;
  vertical-align: middle;
  padding: 0px;
}
@media screen and (max-width: 991px) {
  .product-parameters .product-param-item {
    display: inline;
  }
}
.scalePrices {
  overflow-y: auto;
}
.scalePrices table {
  float: left;
}
.scalePrices,
.scalePrices * {
  text-align: left !important;
}
.scalePrices::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
  border-radius: 10px;
  background-color: #ff7992;
}
.scalePrices::-webkit-scrollbar {
  width: 12px;
  background-color: #ff7992;
  width: 4px;
}
.scalePrices::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #412165;
  background-color: #DF0029;
}
.scalePrices table,
.scalePrices table * {
  font-family: 'Meta Pro', sans-serif !important;
}
.scalePrices table .odd {
  background: inherit !important;
}
.scalePrices table .even {
  background: inherit !important;
}
.headerColGrid-responsive.product-purPrice {
  overflow: visible;
}
.itemColGrid-responsive.product-purPrice {
  overflow: visible;
  height: auto !important;
}
@media (min-width: 992px) {
  .itemColGrid-responsive.product-purPrice {
    min-height: 100px !important;
  }
}
.itemColGrid-responsive.product-purPrice .purPrice-spanContainer {
  vertical-align: middle;
}
@media (min-width: 992px) {
  .itemColGrid-responsive.product-purPrice .purPrice-spanContainer {
    min-height: 100px !important;
  }
}
.itemColGrid-responsive.product-purPrice .scalePrices {
  overflow-y: auto;
}
.itemColGrid-responsive.product-purPrice .scalePrices::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
  border-radius: 10px;
  background-color: #ff7992;
}
.itemColGrid-responsive.product-purPrice .scalePrices::-webkit-scrollbar {
  width: 12px;
  background-color: #ff7992;
  width: 4px;
}
.itemColGrid-responsive.product-purPrice .scalePrices::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #412165;
  background-color: #DF0029;
}
.itemColGrid-responsive.product-purPrice .scalePrices table,
.itemColGrid-responsive.product-purPrice .scalePrices table * {
  font-family: 'Meta Pro', sans-serif !important;
}
.itemColGrid-responsive.product-purPrice .scalePrices table .odd {
  background: inherit !important;
}
.itemColGrid-responsive.product-purPrice .scalePrices table .even {
  background: inherit !important;
}
.itemColGrid-responsive.product-purPrice span {
  font-family: FontAwesome !important;
  font-size: 12pt;
}
.itemColGrid-responsive.product-purPrice span:after {
  font-family: FontAwesome !important;
  font-size: 12pt;
  margin: 0 auto;
}
.itemColGrid-responsive.product-purPrice span:before {
  font-family: FontAwesome !important;
  font-size: 12pt;
  margin: 0 auto;
}
.itemColGrid-responsive.product-purPrice .prc-icon {
  margin-left: 5px;
}
.itemColGrid-responsive.product-purPrice .prc-icon .fa-info-circle {
  vertical-align: middle;
}
.itemColGrid-responsive.product-relateds,
.itemColGrid-responsive.product-stock {
  overflow: visible !important;
}
.headerColGrid-responsive.product-picture {
  overflow: visible;
}
.itemColGrid-responsive.product-picture {
  overflow: visible;
}
.itemColGrid-responsive.product-picture .image-zoom {
  max-height: 200px;
  max-width: 100%;
}
.itemColGrid-responsive.product-picture > .dx-contentBox {
  margin: 0 auto;
}
.itemColGrid-responsive.product-picture img {
  object-fit: contain !important;
}
.itemColGrid-responsive.product-gallery .galleryItem img {
  max-height: 200px;
}
@media (min-width: 992px) {
  .manufacturer-product-number,
  .product-number {
    text-align: left;
  }
  .product-name,
  .product-manufacturer {
    text-align: left;
    padding-left: 10px;
    padding-bottom: 10px;
  }
}
.headerColGrid-responsive.product-number {
  cursor: pointer;
}
.headerColGrid-responsive.product-name {
  cursor: pointer;
}
.headerColGrid-responsive.product-manufacturer {
  cursor: pointer;
}
.itemColGrid-responsive.product-basket span {
  font-family: FontAwesome !important;
  font-size: 12pt;
}
.itemColGrid-responsive.product-basket span:after {
  font-family: FontAwesome !important;
  font-size: 12pt;
  margin: 0 auto;
}
.itemColGrid-responsive.product-basket span:before {
  font-family: FontAwesome !important;
  font-size: 12pt;
  margin: 0 auto;
}
.itemColGrid-responsive.product-basket .fa-shopping-cart {
  border: 0px;
  background: transparent;
}
.itemColGrid-responsive.product-basket .fa-shopping-cart:after {
  margin: 0 auto;
}
.itemColGrid-responsive.product-innerDiameter {
  font-size: 8pt;
  color: #DF0029;
  font-family: 'Fira Sans', sans-serif;
}
.itemColGrid-responsive.product-outerDiameter {
  font-size: 8pt;
  color: #DF0029;
  font-family: 'Fira Sans', sans-serif;
}
.itemColGrid-responsive.product-width {
  font-size: 8pt;
  color: #DF0029;
  font-family: 'Fira Sans', sans-serif;
}
.itemColGrid-responsive.product-length {
  font-size: 8pt;
  color: #DF0029;
  font-family: 'Fira Sans', sans-serif;
}
.itemColGrid-responsive.product-height {
  font-size: 8pt;
  color: #DF0029;
  font-family: 'Fira Sans', sans-serif;
}
.itemColGrid-responsive.product-weight {
  font-size: 8pt;
  color: #DF0029;
  font-family: 'Fira Sans', sans-serif;
}
.itemColGrid-responsive.product-purPrice {
  text-align: center;
}
.itemColGrid-responsive .prc-value,
.prc-value {
  font-size: 9pt !important;
  color: #DF0029;
  font-family: 'Fira Sans', sans-serif !important;
}
.itemColGrid-responsive .prc-value .priceString,
.prc-value .priceString {
  display: none;
}
.itemColGrid-responsive .prc-value span:not(.fa):not(.glyphicon),
.prc-value span:not(.fa):not(.glyphicon) {
  font-size: 9pt !important;
  color: #DF0029;
  font-family: 'Fira Sans', sans-serif !important;
}
.itemColGrid-responsive .prc-value span.fa,
.prc-value span.fa {
  width: 15px;
  vertical-align: top;
}
.itemColGrid-responsive .prc-value span.fa :after,
.prc-value span.fa :after {
  font-size: 10pt;
}
.product-featuresAll-agroup .product-other-info .itemColGrid-responsive.product-quantity .dxeSpinIncButton_Addvity,
.product-featuresAll-agroup .product-other-info .itemColGrid-responsive .product-quantity .dxeSpinIncButton_Addvity {
  display: block;
}
.product-featuresAll-agroup .product-other-info .itemColGrid-responsive.product-quantity .dxeSpinDecButton_Addvity,
.product-featuresAll-agroup .product-other-info .itemColGrid-responsive .product-quantity .dxeSpinDecButton_Addvity {
  display: block;
}
.product-quantity.gesamtContentLabel > div {
  width: 60px;
  display: inline-block;
}
.itemColGrid-responsive.product-quantity .dxeButtonEdit_Addvity,
.itemColGrid-responsive .product-quantity .dxeButtonEdit_Addvity {
  border: 0px !important;
}
.itemColGrid-responsive.product-quantity .dxeIPadSys,
.itemColGrid-responsive .product-quantity .dxeIPadSys {
  width: 55px !important;
}
.itemColGrid-responsive.product-quantity .lstQuantity,
.itemColGrid-responsive .product-quantity .lstQuantity {
  border: 1px solid #dad9da;
}
.itemColGrid-responsive.product-quantity .lstQuantity input[type="text"].dxeEditAreaSys,
.itemColGrid-responsive .product-quantity .lstQuantity input[type="text"].dxeEditAreaSys {
  text-align: right !important;
  color: #23282E;
  font-weight: bold;
  font-size: 12pt;
  font-family: 'Meta Pro', sans-serif;
}
.itemColGrid-responsive.product-quantity .dxeSpinIncButton_Addvity,
.itemColGrid-responsive .product-quantity .dxeSpinIncButton_Addvity {
  display: none;
}
.itemColGrid-responsive.product-quantity .dxeSpinDecButton_Addvity,
.itemColGrid-responsive .product-quantity .dxeSpinDecButton_Addvity {
  display: none;
}
.itemColGrid-responsive.product-quantity .dxeButtonEditClearButton_Addvity,
.itemColGrid-responsive .product-quantity .dxeButtonEditClearButton_Addvity {
  display: none;
}
.itemColGrid-responsive.product-quantity .minus-responsive span:after,
.itemColGrid-responsive .product-quantity .minus-responsive span:after {
  content: "\f068";
  font-family: FontAwesome;
}
.itemColGrid-responsive.product-quantity .plus-responsive span:after,
.itemColGrid-responsive .product-quantity .plus-responsive span:after {
  content: "\f067";
  font-family: FontAwesome;
}
.itemColGrid-responsive.product-quantity .dxeValidStEditorTable .dxeErrorCellSys,
.itemColGrid-responsive .product-quantity .dxeValidStEditorTable .dxeErrorCellSys {
  display: none;
}
div#detailProductLeft {
  color: #000000 !important;
  background-color: #e6e6e6;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 10px;
  border-right: 5px solid white;
}
div#detailProductLeft * {
  color: #000000;
}
div#detailProductLeft #detailProductMeasureSection {
  margin-top: 10px !important;
}
.prc-item-popup {
  margin-left: 3px;
}
#detailProductPriceSection td {
  vertical-align: top;
}
#detailProductPriceSection .detailProductPropValue {
  display: flex;
  flex-direction: row;
}
#detailProductPriceSection .detailProductPropValue .scalePrices {
  width: 100%;
}
#detailProductPriceSection .detailProductPropValue .prc-item-popup {
  align-self: center;
}
#detailProductPriceSection .detailProductPropValue .prc-value {
  position: relative;
  bottom: 4px;
}
#detailProductPriceSection .detailProductSection tr td:first-child {
  width: 100px !important;
}
div#detailProductRight,
#detailProductMeasureSection,
#detailProductPackagingSection {
  color: #000000;
  background-color: #e6e6e6;
  margin-bottom: 10px;
}
div#detailProductRight > div,
#detailProductMeasureSection > div,
#detailProductPackagingSection > div {
  padding-bottom: 10px;
  padding-top: 10px;
}
div#detailProductRight *,
#detailProductMeasureSection *,
#detailProductPackagingSection * {
  color: #000000;
}
div#detailProductRight #detailProductMeasureSection,
#detailProductMeasureSection #detailProductMeasureSection,
#detailProductPackagingSection #detailProductMeasureSection {
  margin-top: 10px !important;
}
.detail-close {
  padding: 0px;
}
.detail-close > div {
  width: 100%;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  float: right;
  background-color: #b9bec4;
  color: #ffffff;
  cursor: pointer;
  border-radius: 8px;
  text-transform: uppercase;
  font-weight: bold;
}
.detail-close > div span {
  float: right;
  line-height: 40px;
  position: relative;
  right: 10px;
}
.detail-basket > .row {
  padding: 10px 0px;
  margin-bottom: 10px;
  border-bottom: 2px solid #DF0029;
  border-top: 2px solid #DF0029;
  background-color: #e6e6e6;
}
.detail-basket .itemColGrid-responsive {
  height: auto;
}
.detail-basket .itemColGrid-responsive,
.detail-basket .itemColGrid-responsive * {
  text-align: left;
}
.detail-basket .product-price {
  padding-left: 20px;
}
.detail-basket .minus-responsive,
.detail-basket .plus-responsive {
  cursor: pointer;
}
.detail-basket .product-basket > span {
  position: relative;
  bottom: 2px;
}
.detail-basket .dxeEditArea_Addvity.dxeEditAreaSys {
  font-size: 10pt !important;
}
#basketImport,
#basketImport *:not(.fa):not(.glyphicon) {
  font-size: 12px !important;
  font-family: 'Arial,Helvetica', sans-serif !important;
}
#btnExcelImport {
  margin-left: 5px;
  cursor: pointer;
}
#uploadFileBasketImport_TextBox0 {
  border-color: #543478;
}
#uploadFileBasketImport_Browse0 {
  background: none;
  background-color: #543478;
  border: 0px;
}
#uploadFileBasketImport_Browse0,
#uploadFileBasketImport_Browse0 * {
  color: white;
}
.bicoImportResultSection {
  margin-top: 20px;
}
@media (min-width: 992px) {
  #productListFilter .left-filter {
    padding-right: 25px;
  }
}
@media (max-width: 991px) {
  #productListFilter .right-filter {
    margin-top: 5px;
  }
}
#productListFilter .right-filter .col-btn-import > .row {
  overflow: hidden;
  text-align: right;
}
#productListFilter .right-filter .basketFastEntryImportCol .btn {
  height: auto;
  width: auto;
}
#productListFilter .right-filter .dxeTextBox_Addvity {
  border: 1px solid #dad9da !important;
  width: 100%;
}
#productListFilter .dxeTextBox_Addvity {
  border: 1px solid #dad9da !important;
  border-width: 0px !important;
  border-bottom-width: 1px !important;
}
#productListFilter .search {
  background-color: #cccccc !important;
  border-radius: 0px;
}
#productListFilter .search span:before {
  color: #DF0029 !important;
}
#shopProductListDetail {
  font-family: 'Fira Sans', sans-serif;
}
#shopProductListDetail *:not(:before) {
  font-family: 'Fira Sans', sans-serif;
}
#shopProductListDetail .productName {
  color: #000000 !important;
}
#shopProductListDetail .productDescription {
  color: #000000 !important;
}
@media (max-width: 991px) {
  .product-featuresAll-agroup {
    background: #f0f0f0;
  }
  .product-featuresDesc-agroup {
    padding: 10px;
  }
  .product-other-info {
    border-top: 1px solid #cdcccd;
    border-bottom: 1px solid #cdcccd;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .itemColGrid-responsive.product-name {
    font-weight: bold;
    text-align: left;
  }
  .itemColGrid-responsive.product-manufacturer {
    font-weight: bold;
    text-align: left;
  }
  .itemColGrid-responsive.product-number,
  .itemColGrid-responsive.manufacturer-product-number {
    text-align: left;
  }
  .itemColGrid-responsive.product-innerDiameter {
    line-height: initial;
    font-size: 7pt;
  }
  .itemColGrid-responsive.product-innerDiameter span {
    font-size: 7pt;
    display: block;
  }
  .itemColGrid-responsive.product-outerDiameter {
    line-height: initial;
    font-size: 7pt;
  }
  .itemColGrid-responsive.product-outerDiameter span {
    font-size: 7pt;
    display: block;
  }
  .itemColGrid-responsive.product-width {
    line-height: initial;
    font-size: 7pt;
  }
  .itemColGrid-responsive.product-width span {
    font-size: 7pt;
    display: block;
  }
  .itemColGrid-responsive.product-length {
    line-height: initial;
    font-size: 7pt;
  }
  .itemColGrid-responsive.product-length span {
    font-size: 7pt;
    display: block;
  }
  .itemColGrid-responsive.product-height {
    line-height: initial;
    font-size: 7pt;
  }
  .itemColGrid-responsive.product-height span {
    font-size: 7pt;
    display: block;
  }
  .itemColGrid-responsive.product-weight {
    line-height: initial;
    font-size: 7pt;
  }
  .itemColGrid-responsive.product-weight span {
    font-size: 7pt;
    display: block;
  }
}
.product-relateds .list-related {
  display: none;
  position: absolute;
  right: 50%;
  top: 50%;
  /*width: 100%; for fit container*/
  width: 300px;
  z-index: 9999999;
  border: 1px solid #cccccc;
}
.product-relateds .list-related ul,
.product-relateds .list-related li {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #DF0029;
}
.product-relateds .list-related ul {
  max-height: 150px;
  overflow-y: auto;
  background-color: #e6e6e6;
}
.product-relateds .list-related li {
  padding: 0px 5px;
  background-color: #e6e6e6;
  text-align: left;
}
.product-relateds .list-related li:hover {
  background-color: #cccccc;
  border-bottom: 1px solid #DF0029;
}
.product-relateds:hover .list-related {
  display: block !important;
}
.related-product-content {
  border: 2px outset #e6e6e6;
  box-shadow: 5px 5px 5px #888888;
  margin-bottom: 10px;
  width: 98%;
  float: right;
}
.related-product-caption {
  background-color: #DF0029;
  font-family: 'Fira Sans', sans-serif;
  color: #ffffff;
  text-align: center;
}
.itemColGrid-responsive.product-relateds .related-icon.disabled:after {
  color: #cccccc;
}
.itemColGrid-responsive.product-stock .stock-icon {
  height: 25px;
}
.itemColGrid-responsive.product-stock .stock-icon:after {
  font-family: FontAwesome;
  content: "\f1c0";
  color: green;
}
.itemColGrid-responsive.product-stock .stock-icon.nostock:after {
  color: red;
}
.favorite-icon {
  height: 25px;
}
.favorite-icon:after {
  font-family: FontAwesome;
  content: "\f006";
  font-size: 12pt;
  color: #DF0029;
  cursor: pointer;
}
.favorite-icon.active:after {
  content: "\f005";
}
.favorite-icon.zoom-in:after {
  font-size: 1.5em;
}
.detail-basket .product-stock {
  position: relative;
  text-align: right;
  padding-left: 10px;
}
.detail-basket .product-stock-value {
  font-weight: bold;
}
.detail-basket .dxeButtonEditSys.dxeButtonEdit_Addvity {
  width: 40px !important;
}
.detail-basket .itemColGrid-responsive {
  height: 30px;
}
.detail-basket .product-quantity {
  text-align: center;
}
/* #endregion ProductList */

/* #region OrderDetail */

.orderHistoryFilter {
  margin: 15px -15px 0px -15px;
  border: 0px;
}
.orderHistoryFilter table {
  width: 100% !important;
}
.orderHistoryFilter #txtOrderHistoryFreeTextSearch {
  border: 1px solid #cccccc !important;
  padding: 3px;
}
.orderHistoryFilter #txtOrderHistoryFreeTextSearch input {
  color: #23282E !important;
}
.basketLisGrid .comboBoxPageSize-responsive {
  text-align: left;
  width: 50px;
  padding-left: 0px;
}
#order-detail-container {
  margin-top: 10px;
}
.basketListSupplierGroupList .gridView-responsive [id*='DXHeadersRow'] {
  color: #DF0029 !important;
  background-color: #f0f0f0 !important;
  margin-bottom: 10px !important;
}
.basketListSupplierGroupList .gridView-responsive .headerColGrid-responsive {
  margin: 0px !important;
  padding: 0px !important;
  text-align: left !important;
  overflow: hidden !important;
}
.basketListSupplierGroupList .gridView-responsive .headerColGrid-responsive,
.basketListSupplierGroupList .gridView-responsive .headerColGrid-responsive * {
  text-align: center !important;
  color: #DF0029 !important;
  background-color: #f0f0f0 !important;
}
.basketListSupplierGroupList .gridView-responsive .bodyGrid-responsive,
.basketListSupplierGroupList .gridView-responsive .dxgvDetailRow_Addvity {
  margin: 0px !important;
  padding: 0px !important;
  text-align: center !important;
  overflow: hidden !important;
}
.basketListSupplierGroupList .gridView-responsive .bodyGrid-responsive:hover,
.basketListSupplierGroupList .gridView-responsive .dxgvDetailRow_Addvity:hover {
  background-color: #f0f0f0 !important;
  border-bottom: 5px solid #39414b !important;
  cursor: pointer !important;
}
.basketListSupplierGroupList .gridView-responsive .bodyGrid-responsive,
.basketListSupplierGroupList .gridView-responsive .dxgvDetailRow_Addvity,
.basketListSupplierGroupList .gridView-responsive .bodyGrid-responsive *,
.basketListSupplierGroupList .gridView-responsive .dxgvDetailRow_Addvity * {
  color: #23282E !important;
  vertical-align: middle !important;
  text-align: center !important;
}
.basketListSupplierGroupList .gridView-responsive .bodyGrid-responsive .dxgvADCC,
.basketListSupplierGroupList .gridView-responsive .dxgvDetailRow_Addvity .dxgvADCC {
  font-weight: bold !important;
}
.basketListSupplierGroupList .gridView-responsive .bodyGrid-responsive .dxgvADDC,
.basketListSupplierGroupList .gridView-responsive .dxgvDetailRow_Addvity .dxgvADDC {
  text-align: left !important;
  padding-left: 5px !important;
}
.basketListSupplierGroupList .gridView-responsive .dxWeb_edtCheckBoxUnchecked_Addvity {
  border: 3px solid #cccccc !important;
  background: #cccccc !important;
}
.basketListSupplierGroupList .gridView-responsive .dxWeb_edtCheckBoxChecked_Addvity {
  border: 3px solid #cccccc !important;
  background: #DF0029 !important;
}
.basketListSupplierGroupList .gridView-responsive .dxgvFooter_Addvity,
.basketListSupplierGroupList .gridView-responsive .dxgvFooter_Addvity * {
  color: #DF0029 !important;
}
.basketListSupplierGroupList .gridView-responsive .dxgvFooter_Addvity .subTotalCellBorder {
  border-color: #DF0029 !important;
}
.basketListDetailSupplierGroup,
.basketListDetailSupplierGroup span {
  color: #23282E !important;
  font-family: 'Meta Pro', sans-serif !important;
  font-style: normal !important;
  text-decoration: none !important;
}
.basketListDetailPanelFooter {
  border-color: #23282E !important;
}
.basketListDetailPanelFooter,
.basketListDetailPanelFooter td,
.basketListDetailPanelFooter div {
  color: #23282E !important;
  font-family: 'Meta Pro', sans-serif !important;
}
.basketListDetailPanelFooter .basketfooterCellLeft {
  margin-bottom: 10px;
}
.basketListDetailPanelFooter .basketfooterCellLeft,
.basketListDetailPanelFooter .basketfooterCellLeft * {
  color: #ffffff !important;
}
.basketListDetailPanelFooter .basketfooterCellLeft .dxbButton_Addvity {
  background: #DF0029 !important;
}
.basketListDetailPanelFooter .basketfooter-detail-responsive {
  text-align: right;
}
.basketListDetailPanelFooter .basketfooter-detail-responsive > div {
  display: inline-block;
}
#basket-container .bodyGrid-responsive.row > div > .row {
  padding: 5px 0px;
}
#basket-container .purPrice {
  text-align: right;
}
#basket-container .purPrice > span {
  text-align: right;
}
#basket-container .purPrice .netPrice span {
  font-size: 10pt !important;
}
#basket-container .purPrice .netPrice b {
  font-size: 10pt !important;
}
#basket-container .remove-position-container {
  position: absolute;
  top: 5px;
  right: 10px;
}
#basket-container .remove-position-container .row,
#basket-container .remove-position-container .col-xs-12 {
  padding: 0px;
  margin: 0px;
  margin-bottom: 3px;
}
/* #endregion OrderDetail */

/* #region Promotions */

#order-detail-container .row {
  margin-bottom: 10px;
}
#order-detail-container .dxeTextBox_Addvity {
  background-color: #eee !important;
  border: 1px solid #999 !important;
  opacity: 1 !important;
}
#order-detail-container .dxeTextBox_Addvity .dxeEditArea_Addvity {
  background-color: #eee !important;
  opacity: 1 !important;
  font-size: 8pt !important;
}
#order-detail-container .dxeButtonEdit_Addvity .dxeEditArea_Addvity {
  background-color: #eee !important;
  opacity: 1 !important;
  font-size: 8pt !important;
}
#order-detail-container .dxeMemo_Addvity {
  background-color: #eeeeee !important;
  border: 1px solid #999999 !important;
  opacity: 1 !important;
}
#order-detail-container .dxeMemoEditArea_Addvity {
  background-color: #eee !important;
  opacity: 1 !important;
  font-size: 8pt !important;
  font-weight: normal !important;
  text-transform: none !important;
}
.promotion-detail-header {
  background-color: #f0f0f0;
  color: #DF0029;
  font-size: 10pt;
}
.promotion-detail-label {
  color: #DF0029;
  font-size: 10pt;
}
.promotion-new-btn {
  padding: 0px;
}
.promotion-new-btn > div {
  border-radius: 8px;
  border: 1px solid #23282E;
  width: 100%;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  text-align: center;
  float: right;
  background-color: #23282E;
  color: #ffffff !important;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 10pt;
  font-weight: bold;
  text-transform: uppercase;
}
.promotion-new-btn > div span {
  float: right;
  line-height: 25px;
  position: relative;
  right: 10px;
}
.promotion-detail-btn {
  padding: 0px;
}
.promotion-detail-btn > div {
  border-radius: 8px;
  border: 1px solid #23282E;
  width: 100%;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  float: right;
  background-color: #23282E;
  color: #ffffff;
  cursor: pointer;
  margin-top: 10px;
  text-transform: uppercase;
}
.promotion-detail-btn > div span {
  float: right;
  line-height: 40px;
  position: relative;
  right: 10px;
}
.image-preview-clear {
  font-size: 9pt !important;
  height: 25px;
  line-height: 10px;
}
.image-preview-filename {
  font-size: 9pt !important;
  height: 25px;
  line-height: 10px;
  font-family: 'Arial,Helvetica', sans-serif;
  font-size: 8pt !important;
}
.image-preview-input {
  position: relative;
  overflow: hidden;
  margin: 0px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  font-size: 9pt !important;
  height: 25px;
  line-height: 10px;
}
.image-preview-input input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.image-preview-input-title {
  margin-left: 2px;
}
.promotion-detail-container div,
.promotion-detail-container button,
.promotion-detail-container textarea {
  color: #23282E !important;
  font-family: 'Meta Pro', sans-serif !important;
  text-transform: uppercase;
  font-weight: bold;
}
.promotion-detail-container input {
  color: #23282E !important;
  font-family: 'Meta Pro', sans-serif !important;
}
.promotion-detail-container .dxeTextBox_Addvity,
.promotion-detail-container .dxeButtonEdit_Addvity {
  border-color: #cccccc !important;
}
.promotion-detail-container .image-preview-input,
.promotion-detail-container .image-preview-input * {
  color: #23282E !important;
  font-weight: normal !important;
}
.promotion-detail-container .image-preview-input,
.promotion-detail-container .image-preview-input *:not(.fa):not(.glyphicon) {
  font-family: 'Meta Pro', sans-serif !important;
  font-weight: normal !important;
}
.promotion-detail-container .promotion-detail-btn,
.promotion-detail-container .promotion-detail-btn * {
  color: #ffffff !important;
}
.promotion-detail-container .promotion-detail-btn,
.promotion-detail-container .promotion-detail-btn *:not(.fa):not(.glyphicon) {
  font-family: 'Meta Pro', sans-serif !important;
}
.promotion-detail-container .dxeCalendar_Addvity,
.promotion-detail-container .dxeCalendar_Addvity *:not(.fa):not(.glyphicon) {
  font-family: 'Meta Pro', sans-serif !important;
}
.promotion-new-btn,
.promotion-new-btn *:not(.fa):not(.glyphicon) {
  color: #ffffff !important;
  font-family: 'Fira Sans', sans-serif !important;
}
/* #endregion Breadcrumb */

/* #region Basket */

.basketGrid-responsive {
  margin-top: 10px;
  margin-bottom: 10px;
  /*
  .div-check-wrap {
    border: 1px solid @main-color;
  }
    */

}
.basketGrid-responsive .headerGrid-responsive {
  padding: 5px 0px;
  margin-bottom: 0px;
}
.basketGrid-responsive .headerGrid-responsive .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.basketGrid-responsive .headerGrid-responsive span {
  font-weight: bold;
}
.basketGrid-responsive .fa {
  text-align: center;
  padding: 0px;
}
.basketGrid-responsive .bodyGrid-responsive .row.table {
  padding: 10px 0px;
}
.basketGrid-responsive,
.basketGrid-responsive *:not(.fa):not(.glyphicon) {
  font-family: 'Meta Pro', sans-serif !important;
  color: #212121;
  font-size: 9pt;
}
.basketGrid-responsive .table {
  display: flex;
  margin-bottom: 0px;
}
.basketGrid-responsive .cell {
  width: 100%;
  padding: 0px 10px;
}
.basketGrid-responsive .cell-md {
  width: 33%;
  float: left;
  text-align: left;
}
@media (min-width: 1200px) {
  .basketGrid-responsive .dxeTextBox_Addvity {
    width: 90% !important;
  }
  .basketGrid-responsive .cell-lg {
    width: 20%;
  }
}
@media (max-width: 1199px) {
  .basketGrid-responsive .display-block-childs .cell,
  .basketGrid-responsive .display-block-childs .table.row {
    display: block !important;
  }
  .basketGrid-responsive .cell-lg {
    padding-bottom: 5px;
  }
}
.basketGrid-responsive .header-responsive-info {
  display: inline-block;
  font-weight: bold;
}
.basketGrid-responsive .inline-block-childs > div {
  display: inline-block;
  vertical-align: top;
}
.basketGrid-responsive .inline-block-childs > div span {
  vertical-align: middle;
}
.basketHeaderPanel {
  background-color: #e6e6e6 !important;
  border: 1px solid #cccccc !important;
}
.basketHeaderPanel,
.basketHeaderPanel *:not(.fa, .btn):not(.glyphicon) {
  color: #DF0029 !important;
  font-family: 'Fira Sans', sans-serif !important;
}
.basketHeaderPanel .dxeButtonEdit_Addvity,
.basketContentPanel .dxeButtonEdit_Addvity,
.basketHeaderPanel .dxeTextBoxSys,
.basketContentPanel .dxeTextBoxSys {
  border: 1px solid #cccccc !important;
}
#cboBasketProductFilter_I,
#txtFastEntryQuantity_I {
  color: #DF0029 !important;
  font-family: 'Fira Sans', sans-serif !important;
}
.basketFooterPrices,
.basketFooterLogistic,
.basketFooterPrices *,
.basketFooterLogistic * {
  font-family: 'Fira Sans', sans-serif !important;
}
.basketFooterPrices {
  padding-top: 5px;
}
.basketFooterPrices .purchasePriceNoRebate,
.purchasePriceWithTaxes {
  color: #23282E !important;
  font-weight: bold !important;
}
.basketFooterPrices .purchasePriceNoRebate,
.purchasePriceWithTaxes,
.basketFooterPrices .purchasePriceNoRebate *,
.purchasePriceWithTaxes * {
  font-weight: bold !important;
}
.basketFooterButtons {
  margin-bottom: 15px;
}
.basket-detail-close {
  margin-top: 10px;
  margin-bottom: 10px;
}
#basket-adress .address-title {
  background-color: #23282E;
  color: white !important;
}
#basket-adress .address-value .dxeTextBox_Addvity,
#basket-adress .address-value .dxeButtonEditSys {
  border: 1px solid #cccccc !important;
}
#basket-adress .address-value .dxeTextBox_Addvity input,
#basket-adress .address-value .dxeButtonEditSys input {
  color: #23282E !important;
  font-family: 'Meta Pro', sans-serif !important;
  font-size: 9pt !important;
}
#basket-adress .address-value .dxeInvalid_Addvity {
  border: 1px solid red;
}
#basket-adress .address-value #txtEmail_EC {
  position: absolute;
  right: 15px;
  margin-top: 3px;
}
#basket-adress .address-title,
#basket-adress .address-value {
  font-family: 'Meta Pro', sans-serif !important;
  font-size: 9pt;
}
.basketOrderContent {
  color: #23282E !important;
  font-family: 'Meta Pro', sans-serif !important;
  font-size: 9pt;
}
.basketOrderContent .basketOrderHintText {
  background-color: #d9d9d9;
  border: 1px solid #cccccc !important;
  color: #23282E !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 9pt;
  text-transform: uppercase;
}
.basketOrderContent .dxeTextBox_Addvity,
.basketOrderContent .dxeButtonEdit_Addvity {
  border: 1px solid #23282E !important;
}
.basketOrderContent .dxeTextBox_Addvity input,
.basketOrderContent .dxeButtonEdit_Addvity input {
  color: #23282E !important;
}
.basketOrderContent .basket-order-control {
  margin-bottom: 10px;
}
.basketOrderContent .basket-order-hint {
  vertical-align: middle;
  font-weight: bold;
}
.basketOrderContent .basket-order-value {
  vertical-align: middle;
}
.basketOrderContent .basket-goodsrecipient-number {
  margin: 5px 0px 15px 5px;
}
.basketOrderContent .basket-goodsrecipient-address {
  margin: 5px 0px 5px 0px;
}
.basketOrderContent .basket-goodsrecipient-addressfields {
  margin: 0px 0px 10px 5px;
}
#basket-order-btn {
  text-align: right;
}
.basket-btn-responsive-container > .basket-btn-responsive {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 10px;
}
.basket-btn-responsive {
  height: 30px;
}
.basket-btn-responsive .basket-btn-hint {
  display: inline-block;
  background-color: #23282E;
  color: #ffffff;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 5px 10px;
  margin-right: 10px;
  border-radius: 8px;
}
.basket-btn-responsive .basket-btn-hint span {
  vertical-align: middle;
  color: #ffffff;
  font-family: 'Meta Pro', sans-serif;
  font-weight: bold;
  font-size: 10pt;
}
.basket-btn-responsive .basket-btn-icon {
  display: inline-block;
  height: 100%;
  width: 30px;
  background-color: #cccccc;
  color: #DF0029;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}
.basket-btn-responsive .basket-btn-icon span {
  color: #DF0029;
}
.basket-btn-responsive .basket-btn-icon span:before {
  color: #DF0029;
  font-family: 'Glyphicons Halflings';
  content: "\e080";
  vertical-align: middle;
}
/* #endregion Basket */

/* #region Breadcrumb */

.breadcrumb {
  background-color: #d9d9d9;
}
.breadcrumb .breadcrumb-item {
  display: inline-block;
  cursor: pointer;
}
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item span {
  color: #444e59;
  font-family: 'Meta Pro', sans-serif;
  font-size: 9pt;
}
.breadcrumb .breadcrumb-item.active {
  font-weight: bold;
}
.breadcrumb .breadcrumb-item.active,
.breadcrumb .breadcrumb-item.active span {
  color: #23282E;
}
.breadcrumb .breadcrumb-item.active span.breadcrumb-separator:before {
  font-weight: bold;
}
.breadcrumb span.breadcrumb-separator:before {
  font-family: 'Glyphicons Halflings';
  content: "\e080";
  margin: 0px 40px;
}
/* #endregion Breadcrumb */

/* #region custom radio buttoms and checks */

.freeGoodsList {
  list-style: none;
}
.freeGoodsList label {
  color: #DF0029;
  font-weight: normal;
}
.radioDiv {
  width: 15px;
  height: 15px;
  background: #e6e6e6;
  border: 3px solid #cccccc;
  border-radius: 100%;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.radioDiv.checked {
  background: #DF0029;
}
.div-check {
  width: 18px;
  height: 18px;
  background-color: #23282E0A;
  border: 3px solid #cccccc;
  border-radius: 8px;
}
.div-check.checked {
  background-color: #B49565;
}
/* #endregion */

#FavoritesGridView table {
  overflow: visible;
}
.parameters-container {
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 5px;
}
.parameters-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
  background-color: #e6e6e6;
}
.parameters-container::-webkit-scrollbar {
  width: 6px;
  background-color: #ff133e;
}
.parameters-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #DF0029;
  background-color: #f9002e;
}
.product-parameters > table {
  width: 100%;
  border-collapse: separate;
}
.product-parameters > table tr:first-child td {
  padding-top: 5px;
}
.product-parameters > table tr:last-child td {
  padding-bottom: 5px;
}
.product-parameters td {
  width: 50%;
}
.product-parameters .code {
  font-weight: bold;
}
.product-parameters .finalPrice span {
  font-size: 12pt !important;
}
.product-parameters .td-code {
  padding: 0px 2%;
  text-align: right;
  margin-right: 5px;
  vertical-align: top;
}
.product-parameters .td-value {
  padding: 0px 2%;
}
.product-parameters.basket td {
  width: auto;
}
.product-parameters.basket th {
  padding: 0px 5px;
}
.product-parameters.basket .td-code {
  padding: 0px 5px;
  text-align: right;
  margin-right: 5px;
  vertical-align: top;
}
.product-parameters.basket .td-value {
  padding: 0px 5px;
}
.product-detail-parameters {
  font-size: 9pt;
}
.product-detail-parameters .product-parameters {
  height: auto !important;
}
.product-detail-parameters .code {
  font-weight: normal !important;
}
.product-detail-parameters td,
.product-detail-parameters td * {
  word-break: inherit !important;
}
.product-detail-parameters .td-code {
  width: 175px !important;
  background-color: inherit !important;
  padding: inherit !important;
  text-align: left !important;
  vertical-align: top;
}
.product-detail-parameters .td-value {
  width: auto !important;
  background-color: inherit !important;
  padding: inherit !important;
}
.scaled-prices {
  text-align: right;
}
.scaled-prices > div {
  display: inline;
}
#priceTooltipPopover th {
  color: white !important;
}
.product-name .name1 {
  font-size: 1.2em !important;
  padding-bottom: 5px;
  font-weight: bold;
}
.align-right {
  text-align: right;
}
.product-quantity {
  text-align: right;
}
.product-quantity span {
  display: inline-flex !important;
}
.product-stock {
  text-align: right;
}
.product-stock span {
  display: inline-flex !important;
}
.purchase-btn {
  width: 100%;
  margin-bottom: 3px;
}
.purchase-btn.btn-addToBasket,
.purchase-btn.btn-download {
  background-image: none;
  background-color: #B49565;
  border-radius: 8px;
}
.purchase-btn.btn-addToBasket .span-overflow,
.purchase-btn.btn-download .span-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block !important;
  vertical-align: middle;
}
.purchase-btn.btn-addToBasket,
.purchase-btn.btn-download,
.purchase-btn.btn-addToBasket *,
.purchase-btn.btn-download * {
  color: white !important;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
.purchase-btn.btn-addToBasketInactive {
  background-image: none;
  background-color: #B9BEC4;
  border-radius: 8px;
  cursor: default;
}
.purchase-btn.btn-addToBasketInactive .span-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block !important;
  vertical-align: middle;
}
.purchase-btn.btn-addToBasketInactive,
.purchase-btn.btn-addToBasketInactive * {
  color: white !important;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
.purchase-btn.btn-openSSC,
.purchase-btn.btn-openWSC,
.purchase-btn.btn-addToWishList {
  background-image: none;
  background-color: #B9BEC4;
  border-radius: 8px;
}
.purchase-btn.btn-openSSC .span-overflow,
.purchase-btn.btn-openWSC .span-overflow,
.purchase-btn.btn-addToWishList .span-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block !important;
  vertical-align: middle;
}
.purchase-btn.btn-openSSC,
.purchase-btn.btn-openWSC,
.purchase-btn.btn-addToWishList,
.purchase-btn.btn-openSSC *,
.purchase-btn.btn-openWSC *,
.purchase-btn.btn-addToWishList * {
  color: white !important;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
.purchase-btn.btn-relatedProducts {
  background-image: none;
  background-color: #B9BEC4;
  border-radius: 8px;
}
.purchase-btn.btn-relatedProducts,
.purchase-btn.btn-relatedProducts * {
  color: white !important;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
.relatedProductsPopup iframe {
  width: 100%;
  height: 100%;
  background-image: url(/Addvity/Content/Gutmann/images/loading.gif);
  background-position: center;
  background-repeat: no-repeat;
}
.relatedProductsPopup .dxpclW {
  position: relative !important;
  height: 95% !important;
  width: 95% !important;
  left: 2.5% !important;
  top: 2.5% !important;
  pointer-events: all;
}
.relatedProductsPopup .dxpclW .dxpc-header {
  background-image: none;
  background-color: #DF0029;
}
.relatedProductsPopup .dxpclW .dxpc-header,
.relatedProductsPopup .dxpclW .dxpc-header * {
  color: white;
}
.relatedProductsPopup .dxpclW .dxpc-contentWrapper {
  display: block !important;
  overflow: auto !important;
  height: calc(100% - 50px) !important;
}
.relatedProductsPopup .dxpclW .dxpc-contentWrapper .dxpc-content {
  display: block !important;
}
.modal-section {
  background-color: #23282E;
  color: white;
  padding: 0px 5px;
  text-transform: uppercase;
  font-weight: bold;
}
.categoriesFilter-container {
  margin: 10px 0px;
  display: flex;
  justify-content: center;
  width: auto;
  flex-wrap: wrap;
}
.categoriesFilter-container .tile {
  margin: 3%;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  /* BOX SHADOW */
  -webkit-box-shadow: 1px 1px 3px 3px #d1d1d1;
  -moz-box-shadow: 1px 1px 3px 3px #d1d1d1;
  box-shadow: 1px 1px 3px 3px #d1d1d1;
}
.categoriesFilter-container .tile:hover {
  border-bottom: 2px solid #B49565;
}
.categoriesFilter-container .tile.active {
  border-bottom: 2px solid #B49565;
}
.categoriesFilter-container .tile .img {
  width: 100px;
  height: 100px;
  padding: 5px;
  text-align: center;
}
.categoriesFilter-container .tile .img img {
  max-width: 100%;
  max-height: 100%;
}
.categoriesFilter-container .tile .text {
  max-width: 100px;
  text-align: center;
  padding: 3px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fixedFullScreen {
  z-index: 10;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow-y: auto;
}
.detail-separator {
  border-bottom: 4px solid #cccccc;
  margin: 10px 0px;
}
.detail-title {
  font-size: 14px;
  margin: 5px;
  color: #555;
  text-transform: uppercase;
}
.square {
  border: 4px solid #cccccc;
  vertical-align: super;
  margin-right: 10px;
}
.itemColGrid-responsive .purchase > .row {
  padding-top: 5px;
  padding-bottom: 5px;
}
.price-info {
  float: right;
}
.price-info td {
  font-size: 12px;
}
.price-info .code {
  border-right: 1px solid #cccccc;
  padding-right: 10px;
  padding-bottom: 3px;
}
.price-info .value {
  padding-left: 10px;
  padding-bottom: 3px;
  text-align: right;
}
.price-info .finalPrice,
.price-info .finalPrice * {
  font-size: 16px !important;
  color: #74AF30 !important;
  font-weight: bold;
}
.price-info #pad {
  padding: 0px !important;
}
.price-info #pad .stack * {
  font-size: 0.8em !important;
}
#surface-panel {
  margin-top: 10px;
}
#surface-panel .panel {
  border-color: #cccccc;
}
#surface-panel .panel .panel-heading {
  background-color: #cccccc;
}
#surface-panel .panel .panel-heading .fixTitle {
  padding-left: 5px !important;
  color: #212121 !important;
}
#surface-panel a .panel-heading-indicator {
  text-align: center;
  padding: 0px;
  float: right;
  padding-right: 15px;
}
#surface-panel a .panel-heading-indicator {
  transform: rotateX(180deg);
}
#surface-panel a .panel-heading-indicator:before {
  font-family: FontAwesome;
  color: #ffffff;
  content: "\f0ab";
}
#surface-panel a.collapsed .panel-heading-indicator {
  transform: rotateX(0deg);
}
#surface-panel a.collapsed .panel-heading-indicator:before {
  content: "\f0ab";
}
.fixTitle {
  color: #ffffff !important;
  font-size: 16px !important;
  padding-left: 15px;
}
.fixArticle-container .fixArticle-header *,
.surfaceArticle-container .fixArticle-header *,
.fixArticle-container .surfaceArticle-header *,
.surfaceArticle-container .surfaceArticle-header * {
  font-weight: bold;
}
.fixArticle-container .fixArticle-body *,
.surfaceArticle-container .fixArticle-body *,
.fixArticle-container .surfaceArticle-body *,
.surfaceArticle-container .surfaceArticle-body * {
  font-size: 9pt;
}
.fixArticle-container .surfaceArticle:nth-child(n+2),
.surfaceArticle-container .surfaceArticle:nth-child(n+2) {
  border-top: 1px solid #ccc;
  padding-top: 5px;
  padding-bottom: 3px;
}
.attribute-filter-container {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 5px 0px;
  flex-wrap: wrap;
}
.attribute-filter-container .attribute-filter-group {
  margin: 5px;
}
.attribute-filter-container .attribute-filter-group button {
  background: #e6e6e6;
  color: #000000;
  border: 0px;
}
.attribute-filter-container .attribute-filter {
  padding: 10px;
  border-radius: 5px;
  margin: 5px;
  -webkit-box-shadow: 1px 1px 3px 3px #d1d1d1;
  -moz-box-shadow: 1px 1px 3px 3px #d1d1d1;
  box-shadow: 1px 1px 3px 3px #d1d1d1;
  cursor: pointer;
}
.attribute-filter-container .attribute-filter:hover,
.attribute-filter-container .attribute-filter.active {
  background-color: #B49565;
  color: #ffffff;
}
.edit-calculation-btn {
  padding: 0px 0px 0px 5px;
  font-size: 14px;
}
.edit-calculation-btn > div {
  width: 100%;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  float: right;
  background-color: #B49565;
  text-transform: uppercase;
  border-radius: 8px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
}
.edit-calculation-btn > div span {
  float: right;
  line-height: 40px;
  position: relative;
  right: 10px;
}
.close-calculation-btn {
  padding: 0px 0px 0px 10px;
}
.close-calculation-btn > div {
  margin-right: 10px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  float: right;
  background-color: #23282E;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 8px;
  color: white;
  cursor: pointer;
}
.close-calculation-btn > div span {
  float: right;
  line-height: 40px;
  position: relative;
  right: 10px;
}
.calculation-surcharge-row {
  margin-top: 5px;
}
.calculation-surcharge-percentage-tbx {
  width: 50px;
  text-align: right;
}
.calculation-endcustomer-position-price-tbx {
  width: 75px;
  text-align: right;
}
.calculation-endcustomer-total-price-tbx {
  width: 85px;
  margin-left: 20px;
  text-align: right;
}
.calculation-endcustomer-total-price-lbl {
  width: 85px;
  margin-left: 20px;
  text-align: right;
}
.basket-container {
  margin: 0px 15px;
}

@font-face {
  font-family: 'Fira Sans';
  src: url(/Addvity/Content/Gutmann/fonts/FiraSans/FiraSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Meta Pro';
  src: url(/Addvity/Content/Gutmann/fonts/MetaPro/FFMetaProRegular.TTF) format('truetype');
}
#productListContainer {
  /*max-width: 1280px;*/
  height: 100%;
  width: 98%;
}
#search_word_inc .reset {
  margin-left: -50px !important;
}
#search_word_inc .search {
  position: absolute;
  right: 0px;
  text-align: center;
}
#search_word_inc #filterCustomerProductNumbers input {
  color: #DF0029;
}
#search_word_inc #filterCustomerProductNumbers input::-webkit-input-placeholder {
  color: #DF0029;
}
#search_word_inc #filterCustomerProductNumbers input:-moz-placeholder {
  color: #DF0029;
}
#search_word_inc #filterCustomerProductNumbers input::-moz-placeholder {
  color: #DF0029;
}
#search_word_inc #filterCustomerProductNumbers input:-ms-input-placeholder {
  color: #DF0029;
}
#shopProductListContent {
  margin-top: 10px;
  border-left: 0px !important;
}
.row-nopadding {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.nopadding-right {
  padding-right: 0px !important;
}
#info-nav {
  margin: 0 !important;
}
.container-shops.body-content {
  height: 100%;
}
.container-shops.body-content .navbar.navbar-default {
  margin: 0 !important;
}
#filtersContainer {
  background-color: #846d49;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 5px;
}
#filtersContainer #toggleFilterMenuBtn {
  padding: 3px 20px;
  color: #645237;
  border-radius: 8px;
  border: 1px solid #645237;
  background-color: #B49565;
}
#filtersContainer #resetAllFiltersBtn {
  padding: 3px 20px;
  color: #645237;
  border-radius: 8px;
  border: 1px solid #645237;
  background-color: #B49565;
}
.noResults {
  background-color: #23282E0A;
  font-family: 'Meta Pro', sans-serif;
  font-size: 8pt;
  font-weight: bold;
  text-align: left;
}
#info-nav *:not(.fa) {
  font-family: Arial, Helvetica, sans-serif;
}
/* region Promotions */

#promotionsCarousel .carousel-caption,
#promotionsCarousel .carousel-caption *:not(.fa) {
  font-family: 'Fira Sans', sans-serif !important;
}
.promotion-banner-list {
  display: flex;
  flex-wrap: wrap;
}
.promotion-banner-list .promotion-banner-item {
  width: 50%;
  margin: 0px auto;
  padding: 10px;
}
.promotion-banner-list .promotion-banner-item.alone {
  width: 100%;
}
.promotion-banner-list .promotion-banner-item.alone .banner-tile-header {
  height: 400px !important;
}
@media screen and (max-width: 991px) {
  .promotion-banner-list .promotion-banner-item {
    width: 100%;
  }
}
.promotion-banner-list .promotion-banner-item .banner-tile {
  background-color: #e6e6e6;
  border-radius: 5px;
  overflow: hidden;
  transition: 1s all;
  -webkit-box-shadow: 2px 2px 5px 2px #cccccc;
  -moz-box-shadow: 2px 2px 5px 2px #cccccc;
  box-shadow: 2px 2px 5px 2px #cccccc;
}
.promotion-banner-list .promotion-banner-item .banner-tile:hover {
  background-color: #f9ccd4;
  -webkit-box-shadow: 2px 2px 5px 2px #b3b3b3;
  -moz-box-shadow: 2px 2px 5px 2px #b3b3b3;
  box-shadow: 2px 2px 5px 2px #b3b3b3;
}
.promotion-banner-list .promotion-banner-item .banner-tile .banner-tile-body {
  padding: 10px;
  color: #DF0029;
  font-family: 'Fira Sans', sans-serif;
  font-size: 10pt;
  height: 150px;
}
.promotion-banner-list .promotion-banner-item .banner-tile .banner-tile-body h3 {
  margin-top: 0px;
}
.promotion-banner-list .promotion-banner-item .banner-tile .banner-tile-body p {
  max-height: 90px;
}
.promotion-banner-list .promotion-banner-item .banner-tile .banner-tile-body,
.promotion-banner-list .promotion-banner-item .banner-tile .banner-tile-body * {
  text-align: center;
}
.promotion-banner-list .promotion-banner-item .banner-tile .banner-tile-header {
  display: flex;
  align-items: center;
  height: 300px;
  padding: 10px;
  color: #DF0029;
}
@media screen and (max-width: 991px) {
  .promotion-banner-list .promotion-banner-item .banner-tile .banner-tile-header {
    height: 400px;
  }
}
.promotion-banner-list .promotion-banner-item .banner-tile .banner-tile-header img,
.promotion-banner-list .promotion-banner-item .banner-tile .banner-tile-header .banner-tile-header-img {
  width: 100% !important;
  height: 100% !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: #DF0029;
}
/* #endregion */

/* #region Favorites */

.quick-region h4 {
  color: #DF0029;
  border-bottom: 2px solid #DF0029;
}
.quick-region h4:before {
  content: "\00a0 ";
}
[id*='FavoritesGridView'] .dxpLite_Addvity {
  float: right !important;
}
[id*='FavoritesGridView'] .dxpLite_Addvity .dxp-summary {
  padding: 10px;
  color: #DF0029;
}
[id*='FavoritesGridView'] .dxpLite_Addvity .dxp-num {
  color: #DF0029 !important;
  text-decoration: none !important;
  border: 1px solid #DF0029 !important;
  border-radius: 2px !important;
  padding: 10px !important;
}
[id*='FavoritesGridView'] .dxpLite_Addvity .dxp-num.dxp-current {
  background-color: #ff4668;
}
[id*='FavoritesGridView'] .dxpLite_Addvity .dxp-num:hover {
  background-color: #ff4668;
}
[id*='FavoritesGridView'] .dxpLite_Addvity .dxp-button {
  padding: 10px !important;
  text-decoration: none !important;
  border: 1px solid #DF0029 !important;
  border-radius: 2px !important;
}
[id*='FavoritesGridView'] .dxpLite_Addvity .dxp-button.dxp-current {
  background-color: #ff4668;
}
[id*='FavoritesGridView'] .dxpLite_Addvity .dxp-button:hover {
  background-color: #ff4668;
}
[id*='FavoritesGridView'] .dxpLite_Addvity .dxp-button:before {
  content: "...";
  color: #DF0029 !important;
  text-decoration: none !important;
}
[id*='FavoritesGridView'] .dxpLite_Addvity .dxp-button img {
  display: none;
}
/* #endregion */


@font-face {
  font-family: 'Fira Sans';
  src: url(/Addvity/Content/Gutmann/fonts/FiraSans/FiraSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Meta Pro';
  src: url(/Addvity/Content/Gutmann/fonts/MetaPro/FFMetaProRegular.TTF) format('truetype');
}
.carousel-inner {
  position: relative;
  width: 100%;
  /*min-height: 300px;*/

}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: none !important;
  background-repeat: repeat-x;
}
.carousel-control.left {
  left: 0;
  right: auto;
  background-image: none !important;
  background-repeat: repeat-x;
}
#carousel-example-generic {
  margin: 20px auto;
  width: 100%;
}
#carousel-custom {
  margin: 20px auto;
  width: 100%;
}
#carousel-custom .carousel-indicators {
  margin: 10px 0 0;
  overflow: auto;
  position: static;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}
#carousel-custom .carousel-indicators li {
  background-color: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
  display: inline-block;
  height: auto;
  margin: 0 !important;
  width: auto;
}
#carousel-custom .carousel-indicators li img {
  display: block;
  opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
  opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
  opacity: 0.75;
}
#carousel-custom .carousel-outer {
  position: relative;
}
#carousel-custom .carousel-inner .item img {
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  margin: 0 auto;
}
#carousel-custom .carousel-indicators li img {
  height: 66px;
}
#carousel-custom .carousel-control {
  z-index: 2;
  cursor: url(/Addvity/Content/Gutmann/images/goldPointerCursorSmall.png), auto;
}
#carousel-custom .carousel-indicators::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
  border-radius: 10px;
  background-color: #ff133e;
}
#carousel-custom .carousel-indicators::-webkit-scrollbar {
  width: 12px;
  background-color: #DF0029;
  height: 0.5em;
}
#carousel-custom .carousel-indicators::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #ac0020;
  background-color: #DF0029;
}
#carousel-custom .modal img {
  margin: 0 auto;
}
#carousel-custom .galleryItem {
  text-align: center;
}
#carousel-custom .galleryItem .galleryDocumenText {
  text-align: center;
}
#carousel-custom .galleryItem .detailMultimediaInfo table {
  width: auto !important;
  margin: 0 auto;
}