/* @M@ #sts20170215 FIS/OSS 248566 - Redesign Layout Desktop und Mobile */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
body,
td {
  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;
}


/**************
 *** WIDGET ***
 **************/

.widget {
  border-radius: 0px;
  font-family: Arial;
  border: 1px solid #DDD;
  font-size: 11px;
  margin: 0 5px 5px 5px;
  background: #FFF;
}

.widget>.headline {
  padding: 5px;
  margin: 2px;
  border-radius: 0px;
  background: #002d59;
  color: #FFF;
  font-size: 12px !important;
  float: none !important;
  line-height: 20px;
  font-weight: bold;
}

.widget>.content {
  padding: 10px;
  color: #3c3c3b;
}

.containerWidget {
  border: 1px solid #002d59;
}


/*****************
 *** UI DIALOG ***
 *****************/

.ui-widget-header .ui-icon-closethick {
  background-image: url(../img/icons/ui-icons_ffffff_256x240.png);
}

.ui-dialog-titlebar>.ui-state-hover {
  background: inherit;
}

.ui-dialog .ui-dialog-titlebar {
  background: #002d59;
  color: #ffffff;
}


/*************
 *** TILES ***
 *************/

.categoryTileLink .tileWrapper {
  background: #ededed;
  color: #3c3c3b;
  border: none;
}

.categoryTileLink .tileWrapper.ui-state-hover {
  background: #b2b2b2;
  color: #ffffff;
}


/***************
 *** BUTTONS ***
 ***************/

.button-class-default {
  border: 1px solid #002d59 !important;
  background: #ffffff !important;
  color: #002d59 !important;
}

.button-class-default .ui-icon {
  background-image: url(../img/icons/ui-icons_002d59_256x240.png);
}

.button-class-default.ui-state-active {
  border: 1px solid #002d59 !important;
  background: #ededed !important;
  color: #002d59 !important;
}

button.indicator {
  background-color: #002d59;
  display: inline-block;
  border-radius: 100%;
  line-height: 18px;
  color: #ffffff;
  border: none;
  font-size: 10px;
  cursor: pointer;
  height: 18px;
  width: 18px;
  text-align: center;
  padding: 0;
}


/************
 *** TABS ***
 ************/

li[role='tab'].ui-state-default {
  background: #b2b2b2;
  color: #3c3c3b;
  border-width: 1px 1px 0px 1px;
  border-color: #b2b2b2;
  border-style: solid;
}

li[role='tab'].ui-state-default a {
  color: #3c3c3b;
}

li[role='tab'].ui-state-default.ui-tabs-active {
  background: #ffffff;
  border-color: #3c3c3b;
}

li[role='tab'].ui-state-default.ui-state-hover .ui-icon {
  background-image: url(../img/icons/ui-icons_ffffff_256x240.png);
}

li[role='tab'].ui-state-default .ui-icon,
li[role='tab'].ui-state-default.ui-tabs-active .ui-icon {
  background-image: url(../img/icons/ui-icons_3c3c3b_256x240.png);
}

li[role='tab'].ui-state-default.ui-state-hover a {
  color: #ffffff;
}

li[role='tab'].ui-state-default.ui-tabs-active a {
  color: #3c3c3b;
}

.ui-tabs {
  border-color: #b2b2b2;
}

.ui-tabs .ui-tabs-nav li {
  margin-right: 2px
}

.docDetailContainer .tabs-min .detailTabsNavigation.ui-tabs-nav li[role='tab'].ui-state-default a {
  color: #b2b2b2;
}

.docDetailContainer .tabs-min .detailTabsNavigation.ui-tabs-nav li[role='tab'].ui-state-default.ui-state-hover:not(.ui-state-active) a {
  text-decoration: underline;
}

.docDetailContainer .tabs-min .detailTabsNavigation.ui-tabs-nav li[role='tab'].ui-state-default.ui-state-active a {
  color: #3c3c3b;
}

.docDetailContainer .detailTabsNavigation li[role='tab'].ui-tabs-active {
  background: transparent url(../img/uiTabsArrow.png) no-repeat bottom center;
}


/*******************
 *** MULTIBASKET ***
 *******************/

#mbLegend {
  color: #000000;
}

.mbRoundArea,
.mbRound,
.mbDetailHeader,
.mbListPos,
#mbListe .inactive {
  border: 1px solid #b2b2b2;
  border-radius: 0px;
}

.mbLeft {
  background-color: #b2b2b2;
}

#mbListe .active {
  border: 2px solid #002d59;
}

.mbDrobbable {
  border: dashed 1px #706f6f;
}

.orange {
  color: #ee7203
}

#mbAddToMenu li,
#mbPosMoreMenu li {
  background-color: #ededed;
  font-size: 14px;
  margin: 0px;
}

#mbAddToMenu li:hover,
#mbPosMoreMenu li:hover {
  background-color: #b2b2b2;
  color: #ffffff;
}

button.mbBtnPosMoreMenu i {
  font-size: 14px;
  line-height: 24px;
}


/********************
 *** DIV SUBMENUS ***
 ********************/

#basketMoreFunctionMenu {
  background: #b2b2b2;
  z-index: 1;
}

#basketMoreFunctionMenu a {
  color: #000000;
}

#basketMoreFunctionMenu a.ui-state-focus {
  color: #ffffff;
  border-color: #002d59;
  background: #002d59;
}

#externalCataloguesSelect {
  background: #ededed;
  z-index: 1;
  border-color: #b2b2b2;
}

#externalCataloguesSelect a {
  color: #3c3c3b;
  font-weight: bold;
}

#externalCataloguesSelect a.ui-state-focus {
  color: #ffffff;
  border-color: #b2b2b2;
  background: #b2b2b2;
}


/************
 *** MISC ***
 ************/

#containerLogo img {
  width: 100px;
  display: block;
  transition-property: width;
  transition: 300ms;
  transition-timing-function: ease-out;
  background: #002d59;
  padding: 56px 20px;
  margin-top: -5px;
  margin-left: 15px;
}

.containerContent {
  padding-top: 80px;
}

#basketPreviewTrigger {
  background: #ededed;
  border: none;
}

#basketPos table th i {
  color: #002d59;
  font-size: 16px;
}

.iconContainer i {
  color: #002d59 !important;
  font-size: 18px;
}

i.fa.fa-smile-o,
i.fa.fa-percent {
  cursor: default;
}

.esi-container-message-highlight {
  background-color: #ededed !important;
  border: 1px solid #f5b7ab !important;
  color: #3c3c3b !important;
  box-shadow: none;
}

.ui-state-error,
.docDetailContainer .hintContainer,
#docList .hintContainer {
  background-color: #f5b7ab !important;
  border: 1px solid #f5b7ab !important;
  color: #3c3c3b !important;
}

.docDetailContainer .hintContainer .ui-icon,
#docList .hintContainer .ui-icon {
  background-image: url(../img/icons/ui-icons_3c3c3b_256x240.png);
}

.nettoPrice {
  font-weight: bold;
}

ul.listLinks i {
  font-size: 18px;
}

.delivery-adr-selected {
  border-color: #002d59;
}

#searchOptionExactSearchContainer .ui-priority-secondary,
#searchOptionExactSearchContainer .ui-priority-secondary.ui-state-hover,
#searchOptionExactSearchContainer .ui-priority-secondary.ui-state-active {
  opacity: 1;
  border-color: #002d59;
  background: #002d59;
}

/*<%--  * TW 05.02.2018 OSS 279456 Realisierung Frontend { --%>*/
.gdpr_note{
  background: #F08080;  
  padding: 5px 5px 5px 5px;
  margin: 5px 0px 5px 0px;
}
.gdpr_note .gdpr_note_head{
  font-weight: bold;
}
/*<%--  * TW 05.02.2018 OSS 279456 Realisierung Frontend } --%>*/