BODY * {
  font-family: 'Comfortaa', sans-serif;
}

login .mdl-layout {
  background-color: #f1eded;
}

.mdl-layout__header {
  background-color: #872137;
}

.mdl-layout__header * {
  color: #FFF;
}

.mdl-layout__header .mdl-menu * {
  color: #4e4e4e;
}



kendo-grid .k-grid-header {
  background-color: #620e20 !important;
}

.k-filter-row input[type='text'], .k-filter-row input[type='number'], .k-filter-row kendo-datepicker .k-picker-wrap, .gridAdvSearch .gridAdvSearchPanel>div .mdl-cell input, .gridAdvSearch .gridAdvSearchPanel>div .mdl-cell kendo-multiselect {
  background-color: #00000033;
}

.k-filter-row input[type='text'], 
.k-filter-row input[type='number'],
.k-filter-row kendo-dropdownlist .k-dropdown-wrap,
.k-filter-row kendo-datepicker .k-picker-wrap,
custom-filter-daterangepicker {
  background-color: #FFFFFF33 !important;
}

.k-filter-row input[type='text']:hover,
.k-filter-row input[type='text']:focus,
.k-filter-row input[type='number']:hover,
.k-filter-row input[type='number']:focus,
.k-filter-row kendo-dropdownlist .k-dropdown-wrap:hover,
.k-filter-row kendo-dropdownlist .k-dropdown-wrap:focus,
.gridAdvSearch .gridAdvSearchPanel>div .mdl-cell input:hover,
.gridAdvSearch .gridAdvSearchPanel>div .mdl-cell input:focus,
.gridAdvSearch .gridAdvSearchPanel>div .mdl-cell kendo-multiselect:hover,
custom-filter-daterangepicker:hover,
custom-filter-daterangepicker:focus,
custom-filter-daterangepicker:active {
  background-color: #FFFFFF55 !important;
}

kendo-grid .k-grid-header * {

  font-weight: 300;
}

.app-drawer .app-navigation {
  background-color: #872137;
}

.app-drawer .app-navigation * {
  color: rgba(255, 255, 255, 0.75) !important;
}

.app-drawer-header {
  background-color: #620e20;
  font-weight: 300;
}

.app-layout .app-navigation #catmenu ul:last-child li:first-child {
  background:rgba(0, 0, 0, 0.2);
  border-left: 2px solid #FFF;
}

.app-layout .app-navigation li.active>div * {}

.mdl-stepper--horizontal[_ngcontent-c20] .mdl-step.is-active[_ngcontent-c20] .mdl-step__label-indicator[_ngcontent-c20] {
  background: #ababab !important;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover,
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover * {
  color: #FFF !important;
}

.gridAdvSearch>a {
  background-color: #333;
}

.gridAdvSearch.showed>a,
.gridAdvSearch>a:hover,
.gridAdvSearch.showed>a:hover {
  background-color: #ababab;
}

.gridAdvSearch .gridAdvSearchPanel {
  background-color: #ababab;
}

.card-title {
  background: #872137;
  color: #FFF;
  text-align: center;
  padding: 15px;
}

.mdl-color--primary {
  background: #872137 !important;
}

.mdl-button.mdl-button--colored {
  color: #5f5e5e;
}

.mdl-button.btn-estimate-new:hover {
  background-color: #7b9e1b !important;
  border-color: #7b9e1b !important;
  background-image: none !important;
  color: #fff !important;
}

.mdl-button.btn-estimate-new {
  background-color: #96c120 !important;
  border-color: #96c120 !important;
  background-image: none !important;
  color: #fff !important;
}

.mdl-textfield__label:after,
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
  background-color: #d4d4d4 !important;
}

custom-filter .k-button-group .k-button.k-state-active, custom-filter .k-button-group .k-button.k-state-active:hover, custom-filter .k-button-group .k-button:active, custom-filter .k-button-group .k-button:active:hover {
  border-bottom-color: #d4d4d4 !important;
}

tr[ng-reflect-kendo-grid-selectable="true"].k-state-selected td, tr[ng-reflect-kendo-grid-selectable="true"].k-state-selected:hover td {
  background-color: #d4d4d4 !important;
}

document-details entity-details>div:not(.document-tools):not(.entity-title) {
  background: #ffffff;
}

.mdl-switch__ripple-container .mdl-ripple {
  background-color: #d4d4d4;
}

.mdl-switch.is-checked .mdl-switch__thumb {
  background-color: #96c120;
}

.mdl-switch.is-checked .mdl-switch__track {
  background-color: #96c120 !important;
}

.mdl-progress.mdl-progress--indeterminate>.bar1,
.mdl-progress.mdl-progress__indeterminate>.bar1,
.mdl-progress.mdl-progress--indeterminate>.bar3,
.mdl-progress.mdl-progress__indeterminate>.bar3 {
  background-color: #ababab;
}

.mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar,
.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar {
  background-image: linear-gradient(to right, rgb(212, 212, 212), rgb(212, 212, 212)), linear-gradient(to right, rgb(171, 171, 171), rgb(171, 171, 171))
}

.mdl-progress>.bufferbar {
  background-image: linear-gradient(to right, rgb(212, 212, 212), rgb(212, 212, 212)), linear-gradient(to right, rgb(171, 171, 171), rgb(171, 171, 171))
}

.app-layout .app-navigation li.active>span>.mdl-navigation__link, .app-layout .app-navigation li.active>span>.mdl-navigation__link span, .app-layout .app-navigation li.active>span>.mdl-navigation__link i {
  color: #FFF !important;
}

.showGridDetail .k-hierarchy-cell {
  width: 0px !important;
  overflow: hidden !important;
}

kendo-dialog-titlebar.dialog-generic {
  background-color: #4e4e4e;
}

.entity-title {
  background: #000;
}

.npGridBtnOptions {
  background: linear-gradient(to right, transparent 0%, #000 50%, #000 100%) !important;
}

.k-grid tr.disabled * {
  color: #00000033;
  font-weight: bold;
}

.k-grid.gridRowsSelectable .k-grid-content tr:not(.disabled):hover,
.k-grid.gridRowsSelectable .k-grid-content tr.k-state-selected td, .k-grid.gridRowsSelectable .k-grid-content tr.k-state-selected:hover td {
  cursor: pointer;
  cursor: hand;
  background-color: #d6acb5 !important;
  color: #FFF;
}

custom-filter-range>div {
  display: flex;
}

custom-filter-range>div>div {
  flex: 1;
}

.k-filter-row custom-filter-range input[type='number']::-webkit-input-placeholder {
  /* Edge */
  color: #FFFFFF77;
}

.k-filter-row custom-filter-range input[type='number']:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #FFFFFF77;
}

.k-filter-row custom-filter-range input[type='number']::placeholder {
  color: #FFFFFF77;
}

.gridAdvSearchPanel kendo-popup li.k-state-selected,
.k-filter-row kendo-dropdownlist kendo-popup li.k-state-selected,
.k-popup .k-list .k-item.k-state-selected {
  background: #96c120 !important;
}

task-editor .fieldRow.taskCategory select {
  display: block;
  width: auto;
}

th .dateRangePanel>div .k-dateinput-wrap,
td .dateRangePanel>div .k-dateinput-wrap {
  border-color: #00000022 !important;
}

th .dateRangePanel>div input,
td .dateRangePanel>div input {
  background-color: #00000022 !important;
}

.btn-order-new {
  background-color: #96c120 !important;
  color: #FFF !important;
}

.card-buttons button.btn-order-new:hover, .card-buttons button.btn-order-new:focus, .card-buttons button.btn-order-new:active {
  background-color: #80a616 !important;
  color: #FFF !important;
}

.card-buttons button.btn-estimate-new {
  background-color: #000 !important;
  color: #FFF !important;
}

.card-buttons button.btn-estimate-new:hover, .card-buttons button.btn-estimate-new:focus, .card-buttons button.btn-estimate-new:active {
  background-color: #333 !important;
  color: #FFF !important;
}

.chartTypeButtons button.k-state-active,
.chartTypeButtons button.k-state-active:focus,
.chartTypeButtons button:active,
.chartTypeButtons button.k-state-active:hover,
.chartTypeButtons button:active:hover {
  background-color: #000 !important;
  color: #FFF !important;
}

.mdl-ripple {
  background: transparent;
  opacity: 0.000001;
}

task-editor kendo-dialog .k-content>div {
  display: flex;
  flex-direction: column;
}

task-editor kendo-dialog .k-content>div>div {
  order: 9;
  width: 100%;
}

task-editor kendo-dialog .k-content>div>div.dueDateRow {
  order: 1;

}

task-editor kendo-dialog .k-content>div>div.taskRelatedItems {
  order: 2;
}

task-editor kendo-dialog .k-content>div>div.task-editor-title-input {
  display: none;
}

task-editor kendo-dialog .k-content .dueDateRow>div:last-child {
  min-width: 100px;
}

.pdfGuide {
  display: inline-block;
  /*display: none;*/
  color: #008fd8;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

/*
.taskRelatedItems {
	margin-top: 50px;
}*/

.dueDateRow {
  min-height: 50px;
}

.dueDateRow .mdl-cell--1-col {
  min-width: 100px;
}

@media screen and (max-width:1080px) and (min-width:1080px) {
  dashboard-default>div .mdl-cell--8-col {
    width: calc(50% - 16px);
  }

  dashboard-default>div .mdl-cell--4-col {
    width: calc(50% - 16px);
  }

  .chartTypeButtons button>span:first-child {
    text-align: center;
    margin: 0px;
  }

  .chartTypeButtons button>span:last-child {
    display: none;
  }

  .cartRowType button {
    padding-left: 3px;
    padding-right: 3px;
    white-space: normal !important;
  }

  .cartRowType button * {
    font-size: 11px !important;
    line-height: 10px;
  }
}

@media only screen and (max-width: 1080px) {
  .mdl-layout-title {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mdl-layout__header-row>* {
    flex: 1!important;
  }

  .mdl-layout__header-row {
    padding-right: 0px !important;
    display: flex !important;
  }

  .mdl-layout__header-row>div.mdl-textfield {
    flex: 1 !important;
    text-align: right;
  }

  .mdl-layout__header-row>div.mdl-textfield.is-focused {
    min-width: 150px !important;
  }

  .dueDateRow {
    min-height: 120px;
  }
}

input[type='text']#search::-webkit-input-placeholder {
  /* Edge */
  color: #FFFFFFAA !important;
}

.giftCol .x_mark {
  color: #00000033 !important;
}

document-details entity-details .btn-back {
  display: none;
}

.qtyCartField {
  padding: 0px !important;
  padding-left: 5px !important;
}

.qtyCartField input {
  padding-right: 0px;
  width: calc(100% - 30px) !important;
}

select[name="PriceList"] {
  color: #333;
  font-size: 12px;
}

.k-grid-content .k-button.download-pdf-link {
  padding-left: 10px !important;
  padding-right: 7px !important;
  text-align: center;
}

.download-pdf-link>span:last-child {
  /*display: none;*/
}

.download-pdf-link>span:first-child {
  margin-right: 0px;
  font-size: 16px;
}

.k-grid td img, .k-grid th img {
  height: 30px;
}

.app-layout:not(.drawer-small) navmenu .app-avatar,
.drawer-small:not(.drawer-smalling) navmenu:hover .app-avatar {
  height: 48px;
  width: 48px;
}

.k-grid.gridRowsSelectable .k-grid-content tr:hover td {
  background: transparent;
}

.k-state-selected {
  background: #000 !important;
  color: #FFF !important;
}

document-new kendo-grid colgroup col:last-child {
  width: 200px !important;
}

cart-grid-default kendo-grid colgroup col {
  width: unset !important;
}

document-new kendo-grid colgroup col:last-child {
  width: 200px !important;
}

cart-grid-default kendo-grid colgroup col {
  width: unset !important;
}

document-new cart-grid-default .k-grid-header-wrap colgroup col,
document-new cart-grid-default .k-grid-table colgroup col {
  width: unset !important;
}

document-new cart-grid-default .k-grid-header-wrap colgroup col:nth-child(2),
document-new cart-grid-default .k-grid-table colgroup col:nth-child(2) {
  width: 25% !important;
}

document-new cart-grid-default .k-grid-header-wrap colgroup col:nth-child(1),
document-new cart-grid-default .k-grid-table colgroup col:nth-child(1) {
  width: 180px !important;
}

document-new cart-grid-default .k-grid-header-wrap colgroup col:nth-child(3),
document-new cart-grid-default .k-grid-table colgroup col:nth-child(3) {
  width: 145px !important;
}

document-new cart-grid-default .k-grid-header-wrap colgroup col:nth-child(4),
document-new cart-grid-default .k-grid-table colgroup col:nth-child(4) {
  width: 180px !important;
}

document-new cart-grid-default .k-grid-header-wrap colgroup col:nth-child(5),
document-new cart-grid-default .k-grid-table colgroup col:nth-child(5) {
  width: 155px !important;
}

document-new cart-grid-default .k-grid-header-wrap colgroup col:nth-child(6),
document-new cart-grid-default .k-grid-table colgroup col:nth-child(6) {
  width: 160px !important;
}

document-new cart-grid-default .k-grid-header-wrap colgroup col:nth-child(7),
document-new cart-grid-default .k-grid-table colgroup col:nth-child(7) {
  width: 120px !important;
}

document-new cart-grid-default .k-grid-header-wrap colgroup col:last-child,
document-new cart-grid-default .k-grid-table colgroup col:last-child {
  width: 115px !important;
}

.product-image {
  object-fit: scale-down !important;
  max-width: 100%;
}

app-catalog-list .two-column-layout {
  position: relative;
  margin-top: 15px;
}

app-catalog-list .two-column-layout>div {
  width: calc(85% - 70px);
}

app-catalog-list .two-column-layout>div .product-list[type='list'] {  
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
  margin-left: 16px;
}

app-catalog-list .two-column-layout>div .product-list[type='list'],
app-catalog-list .two-column-layout>div .product-list[type='list'] .product-item {
  padding: 0;
}

app-catalog-list .two-column-layout>div:last-child {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(20% - 70px);
  height: auto;
  background: #FFF;
  margin: 0px 10px;
  /* margin-left: 20px; */
  /* padding: 15px; */
}

.right-column-widgets h3 {
  margin: 0px;
  background: #872137;
  color: #FFF;
  padding: 10px;
  font-size: 13px;
  line-height: 15px;
  /* font-weight: 600; */
}

product-specification-attribute .spec-attributes-list {
  padding: 15px;
}

product-specification-attribute .spec-attributes-list .attr-block>span.attr-name {
  display: block;
  font-weight: 600;
  color: #000;
}

product-specification-attribute .spec-attributes-list .attr-block {
  margin-bottom: 15px;
  position: relative;
}

product-specification-attribute .spec-attributes-list .attr-block>div {
  font-weight: 300;
  color: #333;
}

product-specification-attribute .spec-attributes-list .attr-block>div *:hover {
  cursor: pointer;
}

product-specification-attribute kendo-rangeslider .k-draghandle {
  background-color: #872137 !important;
  border-color: #872137 !important;
  border-radius: 5px !important;
}

product-specification-attribute kendo-rangeslider .k-slider-selection {
  background-color: #872137 !important;
}

.product-list>.product-item {
  width: 20%;
}

.product-item .itemAlias {
  font-weight: 700;
  color: #000;
}

app-catalog-list .two-column-layout>div.right-column-widgets.loading:hover {
  cursor: progress;
}

app-catalog-list .two-column-layout>div.right-column-widgets.loading div.spec-attributes-list>div {
  opacity: 0.8;
  pointer-events: none;
}


.right-column-widgets app-plugin {
  margin-bottom: 0px;
}

.agentSheet {
  display: flex;
  align-items: center;
  padding: 10px;
}

.agentSheet>div:first-child {
  margin-right: 10px;
}

.agentSheet>div:last-child>div>* {
  display: block;
}

.agentSheet img {
  max-width: 60px;
}

.agentSheet A:link,
.agentSheet A:visited {
  color: #4a98d9;
}

.agentSheet>div span {
  line-height: 17px;
  font-weight: bold;
  text-transform: capitalize;
  display: inline-block;
}

.itemBarcode {
  display: none;
}

.productInfo product-specification-attribute>div>h6 {
  margin: 25px 0px 5px 0px;
  font-weight: 700;
  font-size: 18px;
  color: #000;
}

.productInfo product-specification-attribute>div>h6 span {
  padding-bottom: 3px;
}

.productInfo product-specification-attribute>div>div.speclist>div.attr-block {}

.productInfo product-specification-attribute>div>div.speclist>div.attr-block span:first-child {
  display: inline-block;
  font-weight: 600;
  color: #000;
  width: 25%;
  padding: 2px 0px;
}


.paginator np-paginator>button {
  background-color: #872137;
  color: #fff;
}

.paginator np-paginator>button:hover,
.paginator np-paginator>button:active,
.paginator np-paginator>button:focus {
  background-color: #620e20;
}

/*
.overlay-brand-view {
  position: fixed;
  z-index: 9999;
  top: 0px;
  bottom: 0px;
  left: 240px;
  right: 0px;
  padding: 5%;
  background: rgba(0, 0, 0, 0.7);
  overflow-y: scroll;
}

.overlay-brand-view:after {
  content: '\e5cd';
  font-family: "Material Icons";
  font-size: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  border-radius: 50px;
  width: 45px;
  height: 45px;
  background: #ffffff6b;
  position: absolute;
  right: 35px;
}

.overlay-brand-view:hover::after {
  cursor: pointer;
  color: #F00;
}

.overlay-brand-view .brand-item {
  display: table;
  margin: 0px 15px;
  margin-bottom: 30px;
  float: left;
  width: 14%;
}

.overlay-brand-view .brand-item:hover {
  box-shadow: 0px 0px 10px 5px rgb(255 255 255);
  cursor: pointer;
}

.overlay-brand-view .brand-item>a {
  display: table-cell;
  vertical-align: middle;
  background: #FFF;
  margin-bottom: 25px;
  height: 140px;
  text-align: center;
}

.overlay-brand-view .brand-item>a>img {
  width: auto;
  max-width: 70%;
  max-height: 70%;
  margin: 0px auto;
}
*/
.has-drawer.drawer-small .overlay-brand-view {
  left: 60px;
}

.searchBarFilters>div:hover {
  cursor: pointer;
}

.searchBarFilters .filter-label {
  min-width: 250px;
  max-width: 250px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
}

.searchBarFilters .filter-label>span {
  flex: 1;
}

.searchBarFilters .filter-label>i {
  color: #F00;
  position: relative;
}

.searchBarFilters .filter-label>i:hover:after {
  content: 'x Rimuovi filtro';
  position: absolute;
  left: -50%;
  bottom: -20px;
  z-index: 99;
  font-size: 14px;
  padding: 3px 5px;
  color: #FFF;
  background: #F00;
  font-family: 'Comfortaa', sans-serif;
}


app-catalog-item product-availability > .availString >div:not(.simple-availString) {
  display: none;
}

.availString .simple-availString > nptext > span {
  display: inline-block;
  color: #18ad18;
  font-weight: 700;
  position:relative;  
  padding-left: 18px;
}

.availString .simple-availString.notAvailable > nptext > span {
  color: #F00;
}

.availString .simple-availString > nptext > span:before {
  content: '';
  display: inline-flex;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  background: #18ad18;
  border-radius: 50px;
}

.availString .simple-availString.notAvailable > nptext > span:before {
  background: #f00;
}

.availString > div > nptext > span {
  min-width: 125px;
  max-width: 150px;
  margin: 3px 0px;
  margin-right: 10px;
  display: inline-block;
  font-weight: 600;
  color: #000;
}

.change-view-buttons {
  display: flex;
  align-items: center;
}

.change-view-buttons > button {
  background-color: #CCC !important; 
}

.change-view-buttons > button.active {
  background: #0a70b1 !important;
}

.change-view-buttons > button:hover {
  cursor: pointer;
  background: #0a70b1 !important;
  opacity: 0.75;
}

.product-list[type='list'] .product-item {
  width: 100%;
}

app-catalog-item-list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.catalog-item-grid-header {
  /* display: flex; */
  width: 100%;
  background: #872137;
  color: #FFF;
  font-size: 13px;
  font-size: 13px;
  line-height: 15px;
}

.catalog-item-grid-header > div,
.catalog-item-grid-row > div {
  margin: 0px !important;
  padding: 5px;
}

.catalog-item-grid-header > div {
  padding: 10px 5px;
}

.catalog-item-grid-row > div:last-child  product-add-to-cart > .addToCartBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 0px;
}

.catalog-item-grid-row > div:first-child {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.catalog-item-grid-row > div:first-child .ribbon {
  line-height: 14px;
  padding: 2px;
  font-size: 10px;
}

.catalog-item-grid-header > div:nth-last-child(-n+2),
.catalog-item-grid-row > div:nth-last-child(-n+2) {
  width: 12.5%;
}

.catalog-item-grid-row {
  display: flex;
  width: 100%;
}

.product-list[type='list'] .product-item:nth-child(odd) app-catalog-item-list > .catalog-item-grid-row {
  background: #FFF;
}

app-catalog-item-list .product-image {
  height: auto !important;
  max-height: 75px;
  /* margin: 0 auto; */
  min-height: 75px;
  /* text-align: center; */
}

app-catalog-item-list .addToCartBox>div:first-child {
  display: none;
}

app-catalog-item-list .addToCartBox .btn-add-to-cart .addToCartText {
  display: none;
}

/*
.catalog-item-grid-row * {
  font-size: 12px;  
}*/

.catalog-item-grid-row .availString > div > nptext {
  display: none;
}

.catalog-item-grid-header > div.stock {
  display: flex;
}

.catalog-item-grid-header > div.stock > div,
.catalog-item-grid-row .availString > div:not(.simple-availString) {
  width: 25%;
  text-align: center;
}

.catalog-item-grid-row .availString > div:not(.simple-availString) > span  {
  min-width: 64px;
  width: min-content;
}

.catalog-item-grid-row .availString > div.simple-availString {
  display: none;
}

.catalog-item-grid-row .availString > div > span {
  display: inline-flex;
  justify-content: center;
}

.catalog-item-grid-row .availString {
  display: flex;
  margin-top: 0px;
  line-height: 28px;
  padding-right: 4px;
  width: 50px;
}

.catalog-item-grid-row .availString .npTooltip {
  flex: 1;
  text-align: right;
}

.catalog-item-grid-row .addToCartBox>div.qtyBoxContainer>div:first-child:before {
  content: '';
}

.catalog-item-grid-row .itemCode {
  font-weight: 700;
}

.catalog-item-grid-row .itemCode + div {
  line-height: 15px;
}

.catalog-item-grid-row .addToCartBox>div:nth-child(2)>div kendo-numerictextbox {
  width: 75px;
  height: 36px;
}

.catalog-item-grid-row .item-add-to-cart .addToCartBox .btn-add-to-cart {
  min-width: unset;
}

.addToCartBox>div.qtyBoxContainer+div {
  flex: 1;
  text-align: right;
}


cart-simple-item .availString >div:not(.simple-availString) {
  display: none;
}

.availString .simple-availString > nptext > span {
  display: inline-block;
  color: #18ad18;
  font-weight: 700;
  position:relative;  
  padding-left: 18px;
}

.availString .simple-availString.notAvailable > nptext > span {
  color: #F00;
}

.availString .simple-availString > nptext > span:before {
  content: '';
  display: inline-flex;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  background: #18ad18;
  border-radius: 50px;
}

.availString .simple-availString.notAvailable > nptext > span:before {
  background: #f00;
}

.searchBarFilters > div:not(.labelAlwaysVisible) {
  border-right: 2px solid #FFF;
  height: 100%;
}

.appFilterArea > div:last-child > button:last-child {
  display: none;
}

app-catalog-item > .item-card:hover {
  box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
  cursor: pointer;
}

/*app-catalog-item > .item-card:hover .catalog-item-bottom {
 border-top: 1px solid #872137;
}*/

app-catalog-item > .item-card {
  border: 1px solid transparent;
}

app-catalog-item > .item-card:hover {
  border: 1px solid #666;
}

.catalog-item-grid-row:hover {
  background: #EBEBEB !important;
  cursor: pointer;
}

.favoriteButtonContainer {
  padding: 0px !important;
}

.favoriteButtonContainer > div {
  margin-right: 2px !important;
}

.favoriteButtonContainer > div > button {
  background: #ffa500 !important;
}

.favoriteButtonContainer > div > button + .item-card {
  position:absolute;
  width:600px;
  height:300px;
  right:5px;
  margin-top:15px;
  padding: 10px;
  overflow: visible;
}

.favoriteButtonContainer > div > button + .item-card:before {
  position: absolute;
  top: -5px;
  right: calc(50% - 30px);
  content: '';
  background: #FFF;
  width: 24px;
  height: 16px;
  -ms-transform: rotate(75deg); /* IE 9 */
  -webkit-transform: rotate(75deg); /* Chrome, Safari, Opera */
  transform: rotate(75deg);
  clip-path: polygon(0 0, 0% 10%, 30% 100%, 45% 20%);
}

.favoriteButtonContainer > div > button + .item-card > div {
  display: flex;
  overflow: auto;
  overflow-x: hidden;
}

.favoriteButtonContainer > div > button + .item-card > div > div {
  width:50%;
  padding-top: 30px;
}

.favoriteButtonContainer > div > button + .item-card > div > div > div {
  cursor: pointer;
}

.favoriteButtonContainer > div > button + .item-card > div > div > label {
  background: #872137;
  border: 0px solid #FFF;
  border-bottom: 0px;
  margin: 0px;
  margin-top: -30px;
  color: #FFF;
  display: block;
  padding: 5px 10px;
  position: fixed;
  width: 257px;
  font-size: 14px;
}

.favoriteButtonContainer > div > button + .item-card > div > div:first-child {
  margin-right: 10px;
}

.favoriteButtonContainer > div > button + .item-card > div > div > div > div {
  display: flex;
  padding: 10px;
  line-height: 14px;
  width: 257px;
}

.favoriteButtonContainer > div > button + .item-card > div > div > div > div:hover {
  background: #00000011;
}

.favoriteButtonContainer > div > button + .item-card > div > div > div > div:before {
  font-family: 'WebComponentsIcons';
  content: '\e014';
}

.favoriteStar {
  cursor: pointer;
  color: orange;
}

.favoriteStar.subjectFavorite {
  color: lightseagreen;
}

.favoriteStarOutline {
  cursor: pointer;
}

.closeFavoriteDiv {
  position: absolute;
  top: -15px;
  right: -15px;
  background: #FFF;
  box-shadow: 2px -2px 2px #00000033;
  color: #00000099;
  border-radius: 50px;
  padding: 5px;
  cursor: pointer;
  z-index: 999999;
}

.closeFavoriteDiv:hover {
  color: #F00;
}

app-catalog-item .favoriteButton,
app-catalog-item-list .favoriteButton,
.product-card .product-image-container .favoriteButton {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 9999;
}

app-zone[name='afterProductDetail'] app-item-collection-plugin .item-collection-container > div > div {
  width: calc(25% - 16px);
}

.product-list {
  margin-top: 10px;
}

.range-filter-apply-btn {
  display: inline-block;
  background-color: #620e20 !important;
  color: #FFF;
  padding: 2px 8px;
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 0;
}

.range-filter-apply-btn:hover {
 background-color: #872137 !important;
 cursor: pointer;
}

.range-filter-remove-btn {
  display: inline-block;
  color: #034af3;
  text-decoration: underline;
  padding: 2px 8px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
}

.range-filter-remove-btn:hover {
  cursor: pointer;
  color: #4a98d9;
}

.range-filter-remove-btn + span.range-filter-apply-btn {
  display: none;
}

.product-item .itemAlias,
.product-item .itemAlias + div,
.priceContainer .price, 
.catalog-item-grid-row .availString > div > span {
  font-size: 14px;
  line-height: 16px;
}


registration h2 span {
  display: inline-block;
  margin-left: 5px;
}

registration h2 > span:before {
  content: '-';
}

registration .mdl-card__supporting-text {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 16px);
  padding: 16px 8px;
}

registration .mdl-card__supporting-text > div {
  width: calc(50% - 16px);
  margin: 0 8px;
}

registration .mdl-card__supporting-text > div > div[required='true'] label span:after {
  content: '*';
  margin-left: 5px;
  font-size: 16px;
  color: #F00;
}

registration .mdl-card__supporting-text > div:nth-last-child(4) {
  width: 100%;
} 

registration .mdl-card__supporting-text > div:nth-last-child(4) > field-label > .mdl-textfield > span.legend {
  display: inline-block !important;
  font-size: 24px !important;
}

registration .mdl-card__supporting-text > div:nth-last-child(4) field-label > div > label,
registration .mdl-card__supporting-text > div:nth-last-child(4) field-label > div > div {
  display: none;
}

registration .mdl-textfield {
  padding: 20px 0 10px 0;
}

registration .mdl-card__supporting-text > div:nth-last-child(4) .mdl-textfield {
  padding: 15px 0 5px 0;
}

registration .mdl-card__supporting-text > div:nth-last-child(4) .mdl-textfield>span.legend {
  position: relative;
  font-size: 16px;
  color: #872137;
  font-weight: 600;
}

registration .mdl-textfield__input {
 font-family: 'Comfortaa', sans-serif; 
}

registration DIV.privacyBox {
  display: flex;
}

registration DIV.privacyBox > div {
  padding: 16px;
  font-size: 14px;
}

registration DIV.privacyBox > div:first-child {
  width: 70%;
}

registration DIV.privacyBox > div:last-child {
  width: 30%;
  display: flex;
}

registration DIV.privacyBox > div:first-child p {
  margin: 0px;
  line-height: 18px !important;
}

registration .mdl-card__actions .flex {
  justify-content: center;
}

.btn-registration{
  background: #20b342 !important;
  color: #FFF !important;
}

.btn-registration:hover{
  background: #189e37 !important;
}


registration .recaptcha re-captcha > div {
  text-align: center;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 35px;
}

app-product-detail .availString .simple-availString,
app-product-detail .addToCartBox>div.qtyBoxContainer>div:first-child:before {
  display: none;
}

app-product-detail .productInfo {
  position: relative;
}

app-product-detail .productInfo .itemAlias:before {
  content: "Codice:";
  display: block;
  font-weight: bold !important;
  font-family: 'Comfortaa', sans-serif;
  color: #000;
}

app-product-detail .productInfo .itemAlias {
  margin-bottom: 15px;
}

.itemBrand  { 
  position: absolute;
  top: 0;
  right: 20px;
}

.itemBrand img {
  max-height: 32px;
}

.searchBarFilters>div:not(.labelAlwaysVisible)>div:nth-child(2) {
  display:none;  
}

.product-attachment {
  display: inline-block;
  margin-top: 25px;
  min-width: 250px;
}

.product-attachment > div:first-child {
  background: #999;
  color: #FFF;
  font-weight: bold;
  padding: 0px 10px;
  line-height: 27px; 
}

.product-attachment > .product-attach a {
  display: block;
  padding: 5px 23px 5px 10px;
  border-bottom: 1px dashed #CCC;
  text-decoration: none;
  position: relative;
}

.product-attachment > .product-attach a:hover {
  background: #DDD;
}

.product-attachment > .product-attach a:hover:after {
  color: #F00;
}

.product-attachment > .product-attach a:after {
  content:
  '\e2c4';
  font-family: "Material Icons";
  font-size: 20px;
  color: #999;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  position: absolute;
  right: 10px;
}

.brand-avatar {
  max-width: 75px;
  max-height: 30px;
  object-fit: scale-down;
  margin-right: 16px;
}


.calendar-event {
  margin: 0 auto;
  margin-top: 8px;
  padding: 16px;
}

.calendar-event div[monthviewitem]>a {
  border: none !important;
  background: #872137;
  margin: 0px 3px;
  border-radius: 5px;
  display: block;
  color: #FFF;
  text-decoration: none;
}

kendo-tooltip {
  background: #872137 !important;
}

kendo-tooltip .np-event-tooltip {
  display: inline-block;
  padding: 5px;
  min-width: 200px;
  line-height: 18px;
  font-weight: 300;
}

kendo-tooltip .np-event-tooltip b {
  font-weight: bold;
}

.k-scheduler-monthview .k-scheduler-table td {
  height: 50px !important;
}

.blog {
  margin: 0 auto;
  margin-top: 8px;
  padding: 16px;
}

.blog-item {
  display:
  flex;
  text-decoration: none;
  color: #872137;
  font-weight: 700;
  border-top: 1px solid #CCC;
}

.blog-item:hover {
	background: #EFEFEF;
	border-right: 4px solid;
}

.blog-item:nth-child(odd):hover {
	border-right: 0px solid;
	border-left: 4px solid;
}

.blog-item:nth-child(odd) {
  flex-direction: row;
}

.blog-item:nth-child(even) {
  flex-direction: row-reverse;
}

.blog-item > div {
  width: 40%;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
  background-position: center center !important;
}

.blog-item > div:first-child {
  width: 60%;
  padding: 30px 50px;
}

.blog-item > div:first-child > span:first-child {
  display: inline-block;
  width: 100%;
}

.blog-item .btn-more {
    display: inline-block;
    position: relative;
    background: #872136;
    color: #FFF !important;
    padding: 10px 20px 10px 30px;
    margin-left: 24px;
    webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    margin-top: 20px;
}

.blog-item .btn-more:hover {
  box-shadow: 2px 2px 1px rgb(0 0 0 / 60%);
}

.blog-item .btn-more :before {
  content:'\e5c8';  
  font-family: "Material Icons";position: absolute;
    top: -4px;
    left: -24px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 24px;
    border: 4px solid #872136;
    color: #872136;
    background: #FFF;
    border-radius: 50px;
    transition: 0.2s;
}

.blog a:last-child {
  display: block;
  color: #FFF;
  width: 300px;
  margin: 30px auto;
  background: #872137;
  text-align: center;
  padding: 10px 10px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  text-decoration:none;
  text-transform: uppercase;
}

.blog a:last-child:hover {
  background: #620e20;
}

.PromoCatalog {
  text-align: center;
  margin: 60px auto 50px auto;
}

.PromoCatalog A {
  display: inline-block;
  background: #872137;
  color: #FFF;
  max-width: 100%;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  padding: 20px 150px;
  border-radius: 50px;
}

.PromoCatalog A:hover {
  background: #620e20;
  cursor: pointer;
}


.zone-layout>div.zone-row:first-child app-plugin:nth-child(2) .pluginBox {
  background: url(/public/tenants/trolese/userfiles/plugins/bg_categorie.png);
  background-position: center center;
  background-size: 100% auto;
  padding-top: 24px;
  padding-bottom: 100px;
}

.pluginBox .category app-catalog-item > .item-card {
  display: flex;
  flex-direction: column-reverse;
  border-radius: 0px;
  position: relative;
  margin: 36px auto;
  width: calc(100% - 100px);
}

.pluginBox .category  app-catalog-item > .item-card .mdl-card__supporting-text {
  text-align: center;
  text-transform: uppercase;
}

.pluginBox .category app-catalog-item > .item-card .mdl-card__supporting-text > div {
  color: #000;
  font-size: 24px;
  font-weight: 700;
}

.pluginBox .category app-catalog-item > .item-card .mdl-card__supporting-text.itemChildrenWithDropdownButton > div {
  font-size: 20px;
}

.pluginBox .category app-catalog-item > .item-card .mdl-card__supporting-text.itemChildrenWithDropdownButton .itemChildrenDropdownButton {
  display: inline-block;
  -ms-transform: translateY(7px);
  /* IE 9 */
  -webkit-transform: translateY(7px);
  /* Safari */
  transform: translateY(7px);
}

.pluginBox .category app-catalog-item > .item-card .mdl-card__supporting-text.itemChildrenWithDropdownButton .itemChildrenDropdownButton:hover {
  cursor: pointer;
  color: #872137;
}

.pluginBox .category app-item-collection-plugin .mdl-grid {
  margin: 0px;
  padding: 0px;
}

.pluginBox .category app-catalog-item > .item-card .mdl-card__supporting-text.itemChildrenWithDropdownButton .itemChildrenDropdownButton:before {
  content: '\e5c5';
  font-family: "Material Icons";
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga'1;
  font-size: 32px;
}

.pluginBox .category .item-collection-container .mdl-cell {
  min-width: calc(33.333% - 36px) !important;
  margin: 18px 0px;
}

.pluginBox .category .mdl-cell app-catalog-item {
  background-position: center center;
  background-size: cover;
  border-radius: 25px;
  border: 2px solid #A4A3A3;
}

.pluginBox .category .mdl-cell:nth-child(1) app-catalog-item {
  background: url(/public/tenants/trolese/userfiles/plugins/BG_Categorie/22.png);
}

.pluginBox .category .mdl-cell:nth-child(2) app-catalog-item {
  background: url(/public/tenants/trolese/userfiles/plugins/BG_Categorie/23.png);
}

.pluginBox .category .mdl-cell:nth-child(3) app-catalog-item {
  background: url(/public/tenants/trolese/userfiles/plugins/BG_Categorie/21.png);
}
.pluginBox .category .mdl-cell:nth-child(4) app-catalog-item {
  background: url(/public/tenants/trolese/userfiles/plugins/BG_Categorie/20.png);
}

.pluginBox .category .mdl-cell:nth-child(5) app-catalog-item {
  background: url(/public/tenants/trolese/userfiles/plugins/BG_Categorie/18.png);
}

.pluginBox .category .mdl-cell:nth-child(6) app-catalog-item {
  background: url(/public/tenants/trolese/userfiles/plugins/BG_Categorie/19.png);
}

.pluginBox .category app-catalog-item .product-image.compact-version {
  max-height: 110px;
}

.pluginBox .category app-catalog-item div.product-image img.product-image {
  max-height: 100px;
}

.OrderMessage {
  padding: 20px 0px;
}

.OrderMessage img {
  max-width: 30%;
}

app-checkout kendo-dialog>div.k-widget  {
  height: auto;
}

app-checkout kendo-dialog .k-content {
  background: #7DB406;
}

.OrderMessage p {
  font-size: 32px;
  color: #FFF;
  font-weight: 700;
}

.productIsPromo>div>div.mdl-grid>div:last-child product-price {
  display: initial;
}

.priceContainer>div.netPrice {
  order: 2;
  flex: 1;
  justify-content: left;
}

.priceContainer>div.discount {
  flex: unset;
  width: 100%;
}

.productIsPromo>div>div.mdl-grid>div:last-child {
  width: calc(25% - 16px);
}

.productIsPromo>div>div.mdl-grid>div:last-child product-price {
  display: initial;
}

.productIsPromo>div>div.mdl-grid>div.productInfo {
  flex: none;
}

document-details-default > entity-details > div.entityDetails.simpleLabels > div:last-child .details-fields .document-tools {
	top: 60px;
}

@media screen and (max-width: 1024px) {
  .pluginBox .category app-catalog-item > .item-card .mdl-card__supporting-text > div {
    font-size: 16px;
  }

  .pluginBox .category app-catalog-item > .item-card {
    width: calc(100% - 50px);
  }

  app-catalog-list .two-column-layout>div .product-list[type='list'] {
    margin-left: 0px;
  }

  app-catalog-list .two-column-layout>div {
    width: calc(90% - 70px);
  }
}

app-item-collection .brand .item-collection-container .mdl-cell {
  margin: 0;
  width: 16.666%;
  padding: 8p;
}

app-item-collection .brand .item-collection-container .mdl-cell .mdl-card__supporting-text {
  display: none;
}

app-item-collection .brand .item-collection-container .mdl-cell .product-image {
  height: 65px !important;
}


.mdl-shadow--2dp, 
.mdl-grid.mdl-grid--no-spacing>.mdl-shadow--2dp.mdl-cell {
  min-height: auto;
}


app-item-collection .brand .item-collection-container .mdl-cell .mdl-card__title.product-image {
  padding: 40px;
}

app-item-collection .brand .item-collection-container .mdl-cell .item-card .product-image {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    opacity: .8;
    transition: opacity .2s .3s,-webkit-filter .3s;
    transition: filter .3s,opacity .2s .3s;
    transition: filter .3s,opacity .2s .3s,-webkit-filter .3s;
}

app-item-collection .brand .item-collection-container .mdl-cell .item-card:hover .product-image {
    filter: none;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    cursor: pointer;
    opacity: 1;
}

app-item-collection .brand .item-collection-container .mdl-cell .item-card  {
  margin:0;
  box-shadow: none;
  border: 1px solid #ececec;
  position: relative;
}


.priceContainer>div.grossPrice:nth-child(2) {
  display: none;
}

kendo-popup {
	height: auto !important;
}

.document-tools > A[href=""], 
.document-tools > A[href="#"] {
  display: none;
}

/*TABLET*/
@media screen and (min-width: 790px) and (max-width: 1224px) {
  .pluginBox .category app-catalog-item > .item-card .mdl-card__supporting-text > div {
    font-size: 18px;
  }

  .pluginBox .category app-catalog-item > .item-card .mdl-card__supporting-text {
    padding: 20px 16px;
  }

  .pluginBox .category app-catalog-item > .item-card {
    width: calc(100% - 60px);
  }

  .search-background {
    right: 0;
  }

  app-filter button nptext {
    display: none;
  }

  .searchBarFilters .filter-label {
    max-width: 200px;
    min-width: 200px;
  }

  app-catalog-list .two-column-layout>div {
    width: calc(80% - 8px);
  }

  app-catalog-list .two-column-layout>div:last-child {
    width: calc(20% - 16px);
  }

  .k-slider-horizontal {
    width: 100%;
  }

  .catalog-item-grid-row > div:last-child product-add-to-cart > .addToCartBox {
    justify-content: end;
  }

  .catalog-item-grid-row > div:last-child product-add-to-cart .addToCartBox>div:nth-child(2) {    
    margin-right: 0 !important;
  }
  
  .catalog-item-grid-header .stock > div span {
    display: none;
  }

  .catalog-item-grid-header .stock > div:nth-child(1) nptext:before {
    content: 'Disp. PD';
  }

  .catalog-item-grid-header .stock > div:nth-child(2) nptext:before {
    content: 'Disp. VR';
  }

  .catalog-item-grid-header .stock > div:nth-child(3) nptext:before {
    content: 'Disp. BO';
  }

  .catalog-item-grid-header .stock > div:nth-child(4) nptext:before {
    content: 'Disp. BZ';
  }

  .catalog-item-grid-header .stock > div:nth-child(5) nptext:before {
    content: 'Disp. FI';
  }
}

/*MOBILE*/
@media screen and (max-width: 789px) {
  app-catalog-list .two-column-layout>div:last-child {
    display: none;
  }

  app-catalog-list .two-column-layout>div.left-column {
    width: 100%;
  }

  .product-list {
    flex-direction: column;
  }

  .product-list>.product-item {
    width: 100%;
    padding: 0 !important;
  }

  .paginator {
    padding: 8px 0px;
    width: 100%;
  }

  .paginator > div {
    margin: 0;
    width: 100%;
  }

  .paginator .mdl-button:before {
    content: '\e5cc';
    font-family: "Material Icons";
    font-size: 24px;
  }
  
  .paginator .mdl-button:first-child:before {
    content: '\e5cb';
    font-family: "Material Icons";
    font-size: 24px;
  } 

  .paginator > div .mdl-button {
    font-size: 0;
    margin: 0;
  }

  .paginator span {
    padding: 0px 16px;
  }

  .paginator span:last-child {
    display: block;
    margin-top: 16px;
  }

  .change-view-buttons {
    display: none;
  }

  .search-background .appFilterArea button.btn-search nptext {
    display: none;
  }

  .drawer-small .search-background {
    left: 0;
    padding: 8px 16px !important;
    background: #FFF !important;
  }

  app-catalog-list .two-column-layout {
    margin-top: 36px;
  }

  .search-background .appFilterArea>div:nth-child(1)>div>input {
    border: 1px solid #BBB;
    border-radius: 2px;
  }

  .search-background .appFilterArea button.btn-search {
    margin-left: 8px;
    height: 38px;
  }

  /*#hdrbtn,*/
  .header-title-text,
  .breadcrumbs {
    display: none !important;
  }

  app-top-cart-box .top-cart-amount {
    font-size: 11px;
  }

  .pluginBox .category .item-collection-container > div > div.mdl-cell {
    width: calc(100% - 36px) !important;
  }

  .pluginBox .category app-catalog-item > .item-card {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    border-radius: 50px;
    position: relative;
    margin: 36px auto;
    width: calc(100% - 32px);
  }
  
  .pluginBox .category  app-catalog-item > .item-card .mdl-card__supporting-text {
    text-align: center;
    text-transform: uppercase;
  }
  
  .pluginBox .category app-catalog-item > .item-card .mdl-card__supporting-text > div {
    color: #000;
    font-size: 18px;
    font-weight: 700;
  }
    
  .pluginBox .category .mdl-cell app-catalog-item {
    background-position: center center;
    background-size: cover;
    border-radius: 25px;
    border: 2px solid #A4A3A3;
  }

  .pluginBox .category app-catalog-item div.product-image img.product-image {
    max-height: 75px;
  }

  .pluginBox .category app-catalog-item .product-image.compact-version {
    max-height: 85px;
  }

  .zone-layout>div.zone-row {
    flex-wrap: wrap;
  }

  .grid-cols-6 {
    width: 100%;
  }

  .pageContent {
    padding: 8;
  }

  .PromoCatalog A {
    display: inline-block;
    background: #872137;
    color: #FFF;
    max-width: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    padding: 20px 50px;
    border-radius: 50px;
  }

  .calendar-event,
  .blog{
    padding: 0;
  }

  .blog-item > div:first-child {
    padding: 25px 10px;
  }

  .k-header>div.mobileFilterButton+div,
  .k-header>div.mobileFilterButton button,
  .npGridBtnOptions {
    background: #620e20 !important;
  }

  tenant-logo,
  subject-details-default .npTooltip {
    display: none;
  }

  .catalog-item-grid-header {
    display: none;
  }

  app-catalog-list .two-column-layout>div .product-list[type='list'] {
    margin: 0;
  }

  .product-list[type='list'] .product-item app-catalog-item-list > .catalog-item-grid-row {
    background: #FFF;
  }

  .product-list[type='list'] .product-item {
    margin-bottom: 12px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);    
  }

  .product-list[type='list'] .product-item,
  .product-list[type='list'] .product-item app-catalog-item-list > .catalog-item-grid-row {
    
  }
  

  app-catalog-list .two-column-layout>div .product-list[type='list'] {
    box-shadow: none;
  }

  .catalog-item-grid-row > div:nth-child(1),
  .catalog-item-grid-row > div:nth-child(2) {
    padding-bottom: 0px;
  }
  
  .catalog-item-grid-row > div:nth-child(3),
  .catalog-item-grid-row > div:nth-child(4) {
    width: 50%;
    padding-top: 0px;
  }

  .catalog-item-grid-row > div:nth-child(5) {
    width: 100%;
  }

  .catalog-item-grid-row > div:nth-child(3) .availString  {
    display: flex;
    flex-direction: column;
  }

  .catalog-item-grid-header > div.stock > div, 
  .catalog-item-grid-row .availString > div:not(.simple-availString) {
    width: auto;
  }

  .catalog-item-grid-row > div:nth-child(3) .availString > div:nth-child(1):before {
    content: 'Disp. PD: ';
  }
  .catalog-item-grid-row > div:nth-child(3) .availString > div:nth-child(2):before {
    content: 'Disp. VR: ';
  } 
  .catalog-item-grid-row > div:nth-child(3) .availString > div:nth-child(3):before {
    content: 'Disp. BO: ';
  } 
  .catalog-item-grid-row > div:nth-child(3) .availString > div:nth-child(4):before {
    content: 'Disp. BZ: ';
  } 
  .catalog-item-grid-row > div:nth-child(3) .availString > div:nth-child(5):before {
    content: 'Disp. FI: ';
  } 

  .catalog-item-grid-row > div:nth-child(3) .availString > div:before {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding-right: 5px;
  }

  .addToCartBox>div.qtyBoxContainer+div.qtyBoxContainer+div,
  .addToCartBox>div:last-child {
    flex: unset;
  }

  .catalog-item-grid-row > div:last-child product-add-to-cart > .addToCartBox {
    float: right;
    margin-top: -45px;
  }

  app-product-detail .product-card>.mdl-card__supporting-text {
    padding: 0px;
  }

  .productIsPromo>div>div.mdl-grid>div.productInfo {
    padding: 0;
    width: 100%;
  }

  .productInfo h3 {
    font-size: 28px;
    line-height: 32px;
  }

  .productIsPromo>div>div.mdl-grid>div:last-child {
    width: 100%;
    margin: 0;
  }

  app-zone[name='afterProductDetail'] app-item-collection-plugin .item-collection-container > div > div {
    width: calc(50% - 4px);
    margin: 0;
  }

  app-zone[name='afterProductDetail'] app-item-collection-plugin .item-collection-container > div > div:nth-child(odd) {
    margin-right: 4px;
  }

  app-zone[name='afterProductDetail'] app-item-collection-plugin .item-collection-container > div > div:nth-child(even) {
    margin-left: 4px;
  }

  app-zone[name="afterProductDetail"] app-plugin {
    margin: 0 !important; 
  }

  app-zone[name="afterProductDetail"] app-plugin .mdl-grid {
    padding: 0;
  }
}

user-list .k-grid.gridRowsSelectable .k-grid-content tr td:nth-child(4) > div {
    border: none !important;
    background: none !important;
    color: #656565 !important;
}

#registration div.mdl-card__supporting-text > div:nth-child(3) {
  display: none;
}

catmenu ul:not(:first-child) li > span > a:before {
  content: '\e5df';
  font-family: "Material Icons";
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga'1;
  font-size: 18px;
  margin-right: 4px;
  margin-top: -1px;
}

catmenu ul:not(:first-child) li > span > a {
  display: flex;
  align-items: flex-start !important;
}

.pageNumberContainer > span {
    margin: 0px 3px;
}

.pageNumberContainer input {
  max-width: 40px;
  height: 36px;
  text-align: center;
  -ms-transform: translateY(1px);
  /* IE 9 */
  -webkit-transform: translateY(1px);
  /* Safari */
  transform: translateY(1px);
  margin-left: 5px;
  margin-right: 5px;
  border: 0px;
  background: #00000033;
}

/* Chrome, Safari, Edge, Opera */
.pageNumberContainer input::-webkit-outer-spin-button,
.pageNumberContainer input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.pageNumberContainer input[type=number] {
  -moz-appearance: textfield;
}

.productChildren {
  font-size: 14px !important;
  line-height: 14px !important;
  overflow: auto;
  height: 0px;
  border: 0px solid #00000033;
  background: #EEE;
  border-radius: 10px;
  padding: 0px 15px;
  box-sizing: border-box;
  position: absolute;
  top: 40px;
  bottom: 10px;
  left: 30px;
  right: 30px;
  transition: 0.1s;
}

.itemChildrenDropdownButtonOpened .productChildren {
  height: 115px;
  border-width: 1px;
  padding: 5px 15px;
}

.productChildren * {
  text-align: left !important;
}

.productChildren::-webkit-scrollbar {
    width: 10px;
}

.productChildren::-webkit-scrollbar-track {
    background: transparent;
}

.productChildren::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 5px;
}

.productChildren::-webkit-scrollbar-thumb:hover {
    background: #808080aa;
}

.productChildren > a:before {
  content: '\e5df' !important;
}

@media screen and (max-width:1120px) {
  .pluginBox .category .item-collection-container .mdl-cell {
    width: calc(50% - 36px) !important;
    min-width: calc(50% - 36px) !important;
  }
}

@media screen and (max-width:790px) {
  .itemChildrenDropdownButtonOpened .productChildren {
    height: 95px;
  }
}

@media screen and (max-width:500px) {
  .pluginBox .category .item-collection-container .mdl-cell {
    width: calc(100% - 36px) !important;
    min-width: calc(100% - 36px) !important;
  }

  app-item-collection-plugin .item-collection-container > div,
  app-item-collection-plugin .item-collection-container > div > div {
    padding: 0px !important;
    margin: 5px 0px !important;
  }

  app-item-collection .brand .item-collection-container .mdl-cell {
    width: 50%;
  }
  
  .itemChildrenDropdownButtonOpened .productChildren {
    height: 85px;
  }
}

.catalogCover > div > app-zone > app-layout > div > div.zone-row:first-child {
  background-image: url(https://b2b.trolese.it/assets/images/sfondob2b.jpg?id=1);
  background-size: cover;
}

.introSearch {
  text-align: center;
  padding-top: 10%;
}

.introSearch img {
  max-width: 90%;
}

.introSearch .introSearchContainer {
  width: 100%;
  max-width: 560px;
  margin: 0px auto;
  position: relative;
}

.introSearch .introSearchContainer:before {
  position: absolute;
  top: 16px;
  left: 25px;
  font-size: 28px;
  content: 'search';
  font-family: "Material Icons";
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga'1;
}

.introSearch input {
  width: 100%;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #00000099;
  font-size: 18px;
  text-indent: 60px;
}

.catalogCover > div > app-zone > app-layout > div > div.zone-row:first-child app-item-collection app-item-collection-plugin {
  display: block;
  width: 60%;
  margin: 0px auto;
}

.catalogCover > div > app-zone > app-layout > div > div.zone-row:first-child app-item-collection app-item-collection-plugin app-catalog-item {
  border: 0px;
}

.catalogCover > div > app-zone > app-layout > div > div.zone-row:first-child app-item-collection app-item-collection-plugin app-catalog-item .item-card {
  background: transparent;
  box-shadow: none;
  border-color: transparent !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: calc(100%);
}

.catalogCover > div > app-zone > app-layout > div > div.zone-row:first-child app-item-collection app-item-collection-plugin app-catalog-item .item-card:hover * {
  color: #872137;
}

.catalogCover > div > app-zone > app-layout > div > div.zone-row:first-child app-item-collection app-item-collection-plugin app-catalog-item .item-card .product-image {
  order: 2;
}

.catalogCover > div > app-zone > app-layout > div > div.zone-row:first-child app-item-collection app-item-collection-plugin app-catalog-item .item-card .product-image img {
  transition: 0.6s;
}

.catalogCover > div > app-zone > app-layout > div > div.zone-row:first-child app-item-collection app-item-collection-plugin app-catalog-item .item-card:hover .product-image img {
  transform: rotateY(180deg);
}

.catalogCover > div > app-zone > app-layout > div > div.zone-row:first-child app-item-collection app-item-collection-plugin app-catalog-item .item-card .itemChildrenDropdownButton {
  display: none !important;
}

.catalogCover > div > app-zone > app-layout > div > div.zone-row:first-child app-item-collection app-item-collection-plugin app-catalog-item .item-card .itemData {
  text-transform: unset;
  padding: 0px;
  line-height: 24px;
  width: 100%;
}

.catalogCover > div > app-zone > app-layout > div > div.zone-row:first-child app-item-collection app-item-collection-plugin app-catalog-item .item-card .itemData > div:nth-child(2) > span:first-child {
  display: block;
}

.pluginBox .category .mdl-cell app-catalog-item,
.zone-layout>div.zone-row:first-child app-plugin:nth-child(2) .pluginBox {
  background: transparent !important;
  padding-bottom: 0px;
  padding-top: 0px !important;
}

.zone-layout>div.zone-row:first-child app-plugin:nth-child(2) {
  padding-bottom: 20px;
}

.pluginBox .category app-catalog-item > .item-card {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

@media screen and (max-width:767px) {
  .catalogCover {
    margin-left: -10px;
    margin-right: -10px;
  }
  .pluginBox .category app-catalog-item > .item-card {
    margin-bottom: 20px !important;
  }

  .introSearch input {
    width: 90%;
  }
}

.catalogCover {
  margin-top: -48px;
}

.stockExtraInfo>i {
  line-height: 18px;
  font-size: 24px;
}

.stockExtraInfo>span {
	width: 250px;
}


app-catalog-item-list > div.catalog-item-grid-row > div {
  width: auto !important;
}

app-catalog-item-list > div.catalog-item-grid-header > div:nth-child(1),
app-catalog-item-list > div.catalog-item-grid-header > div:nth-child(3),
app-catalog-item-list > div.catalog-item-grid-row > div:nth-child(1),
app-catalog-item-list > div.catalog-item-grid-row > div:nth-child(3) {
    width: 120px !important;
}

app-catalog-item-list > div.catalog-item-grid-header > div:nth-child(4),
app-catalog-item-list > div.catalog-item-grid-row > div:nth-child(4) {
    width: 200px !important;
}

app-catalog-item-list > div.catalog-item-grid-header > div:nth-child(5),
app-catalog-item-list > div.catalog-item-grid-row > div:nth-child(5) {
    width: 250px !important;
}

app-catalog-item-list > div.catalog-item-grid-header > div:nth-child(2),
app-catalog-item-list > div.catalog-item-grid-row > div:nth-child(2) {
  flex: 1;
}

app-product-detail product-availability > div b,
app-product-detail product-availability > div > span > i {
  display: none !important;
}


app-product-detail product-availability .npTooltip>span {
  position: relative;
  color: #000;
  top: unset;
  left: unset;
  transform: unset;
  width: 100%;
}


app-product-detail product-availability .stockExtraInfo>span>div>span {
  color: #0000008a;
}

app-product-detail product-availability .npTooltip>span:before {
  border-style: unset;
}


app-product-detail product-availability .npTooltip:hover>span {
  /*display: block;*/
  -webkit-transform: unset;
  transform: unset;
  z-index: 999;
  background: unset;
  border-radius: unset;
  color: unset;
  font-size: unset;
  font-weight: unset;
  line-height: unset;
  padding: unset;
  text-align: center;
  min-width: 100% !important;
}


product-availability .npTooltip>span:before {
    content: '';
    transform: rotate(270deg);
    top: 10%;
    left: -2px;
    margin-left: -5px;
}


product-availability  .npTooltip:hover>span {
	transform: scale(1) translateX(20%) translateY(-35%);
	font-size: 14px;
	line-height: 18px;
}

app-custom-html-plugin a {
  text-decoration: none;
}

@media screen and (min-width: 1024px) and (max-width: 1500px) {
	cart-simple-item > div > div:first-child {
		width: 70px;
	}
	
	cart-simple-item > div > div.cart-row-end {
		flex: 1;
	}

  app-catalog-item-list > div.catalog-item-grid-header > div:nth-child(3),
  app-catalog-item-list > div.catalog-item-grid-row > div:nth-child(3) {
    width: 12.5%;
  }

  app-catalog-item-list > div.catalog-item-grid-header > div:nth-child(4),
  app-catalog-item-list > div.catalog-item-grid-row > div:nth-child(4),
  app-catalog-item-list > div.catalog-item-grid-header > div:last-child,
  app-catalog-item-list > div.catalog-item-grid-row > div:last-child {
     width: 22%;
  }

  app-catalog-list .two-column-layout>div:last-child {
    width: calc(24% - 70px);
  }

   app-catalog-item-list > div.catalog-item-grid-row .availString {
     justify-content: center;
   }

}


.app-layout .app-navigation #catmenu ul:last-child li:first-child a {
  font-weight: bold;
}

.k-header>div.mobileFilterButton+div,
  .k-header>div.mobileFilterButton button,
  .npGridBtnOptions {
    background: #620e20 !important;
  }
  
 .addToCartBox>div.qtyBoxContainer>div:first-child,
.addToCartBox>div.qtyBoxContainer>div:last-child {
  display: flex;
  flex-direction: row;
}

.addToCartBox>div.qtyBoxContainer>div:first-child >span {
  background: #00000033;
  align-self: center;
  display: inline-block;
  margin-left: 4px;
  padding: 3px;  
  line-height: 30px;
  width: 36px;
  text-align: center;
}

.UmDescription {
  margin-top: 8px;
}

.ribbon.isOutlet {
	background: #ffca07;
}

.sub-category-list div.product-image.compact-version {
  display: none;
}


.sub-category-list carousel {
  height: 64px !important;
}


.simple-collection app-catalog-item .mdl-card__title {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.simple-collection app-catalog-item .mdl-card__title > a {
	height: 100%;
}

.simple-collection app-catalog-item .item-card {
	position: relative;
	min-height: auto;
}

.simple-collection app-catalog-item .mdl-card__title .product-image {
	display: none;
}

.simple-collection app-catalog-item .item-card .itemData > div > span{
	text-transform: lowercase;
	display: inline-block;
	font-weight: 600;
}

.simple-collection app-catalog-item .item-card .itemData > div > span::first-letter {
	  text-transform: capitalize;
}

/* Nuove modifiche AB#8142 */

.subCategoryList.simple-collection .carousel-cell app-catalog-item .itemData {
  display: none;
}

.subCategoryList.simple-collection .carousel-cell app-catalog-item img.product-image {
  height: 100px !important;
}

.subCategoryList.simple-collection .carousel-cell app-catalog-item div.product-image {
  padding:8px;
  height: auto;
}

.subCategoryList.simple-collection .carousel-cell app-catalog-item {
  height: auto;
}

@media only screen and (max-width: 1025px) {
  .headerNavigation nav-header {
    display: none;
  }
}

@media only screen and (min-width: 1025px) {
  .headerNavigation navmenu, .mdl-layout__drawer-button {
    display: none;
  }
  
  .headerNavigation.drawer-small header {
    width: 100% !important;
  }

  .headerNavigation.drawer-small header, .drawer-small .pageContent {
    margin-left: 0px !important;
  }

  .headerNavigation .search-background {
    top: unset;
    left: 0;
  }
}

app-filter {
  height: 120px;
  position:relative;
}

.overlay-brand-view {
  position: absolute;
  left: 0 !important;
  right: 0px !important;
  top: 64px;
  /*width: 100%;*/
  overflow: hidden;
  overflow-x: auto;
  background-color: #fff;
  padding: 1rem;
  display: flex;
  justify-content: left;
  align-items: center;
  display: flex !important;
}

.overlay-brand-view {
  display: flex;
  gap: 1rem;
  animation: scroll-logos 25s linear infinite;
}

.brand-item {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100%;
  padding: 8px;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

.brand-item img {
  height: 52px;
  width: 100%;
  object-fit: scale-down;
  transition: transform 0.3s ease;
}

.brand-item:has(.selected) {
  box-shadow:0 2px 2px 0 rgba(135,33,55,.8),0 3px 1px -2px rgba(135,33,55,.8),0 1px 5px 0 rgba(135,33,55,.8);
}

.searchBarFilters div[touranchor="step.catalog.brandFilter"]  .filter-label{
  display: none;
}

.appFilterArea {
    margin: 16px;
}

.search-background .appFilterArea>div:nth-child(1)>div>input {
    border: 1px solid #d3d3d3;
    border-radius: 16px;
    line-height: 24px;
    background: #f3f3f3;
    padding-left: 64px;
}

.search-background .appFilterArea>div:nth-child(1)>div>input,
.searchBarFilters > div:not(.labelAlwaysVisible),
.search-background .appFilterArea .change-view-buttons,
.search-background .appFilterArea button.btn-search {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

.search-background .appFilterArea .change-view-buttons {
    border-radius: 16px;
}

.search-background .appFilterArea>div:nth-child(1)>div>input::placeholder {
    font-family: 'Comfortaa', sans-serif !important;
    color: rgba(0,0,0,.87);
    font-size: 14px;
}

.searchBarFilters > div:not(.labelAlwaysVisible) {
    border-radius: 16px;
    border: 1px solid #d3d3d3 !important;    
    margin-left: 8px;
    background: #f3f3f3;
}

.searchBarFilters {
    background: transparent;
    border: none;
}



.searchBarFilters > div:not(.labelAlwaysVisible) > div:nth-child(3) > div > span {
  padding: 11px 0px;
}

.searchBarFilters > div:not(.labelAlwaysVisible) > div:nth-child(3) > div > span:after {
    content: '\e313';
    font-family: "Material Icons";
    font-size: 24px;
    position: absolute;
    top: calc(50% - 10px);
    bottom: 0;
    right: 8px;
}

.search-background .appFilterArea button {
    border-radius: 16px;
    height: 44px;
    margin: 0 0 0 8px;
    border: none;
    padding: 4px 24px;
}

.searchBarFilters, .searchBarFilters>div {
    background: transparent;
}


.search-background .appFilterArea>div:nth-child(1)>div>i {
    display: none;
}

.search-background .appFilterArea>div:nth-child(1)>div:before {
    content: '\e8b6';
    font-family: "Material Icons";
    font-size: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 8px;
    background: #2bb213;
    color: #FFF;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
}

.search-background .appFilterArea>div:nth-child(1)>div:hover:after {
    width: calc(100% - 22px);
    left: 11px;
    right: 11px;
}

.search-background .appFilterArea button.btn-filter {
    border: none;
}

.change-view-buttons {
    margin-left: 8px;
}

.change-view-buttons > button {
    margin: 0 !important;
}

.change-view-buttons > button:first-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.change-view-buttons > button:last-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.product-list {
    /* margin-top: 56px !important; */
}

.k-grid-table tbody td {
    padding: 16px 8px !important;
    border: none !important;
    border-bottom: 1px solid #EBEBEB !important;
}

app-product-detail app-filter + div {
    margin-top: 36px;
}

app-catalog-list {
    margin-top: 48px;
}


.app-avatar-dropdown {
  width: auto;
}

.impersonateInfo {
  line-height: 15px;
  font-size: 9px;
  font-weight: 300;
}

.impersonateInfo b {
  font-weight: bold;
  font-style: italic;
}

.impersonateIcon  {
  position: absolute;
  top: -22px;
}

.loadingPrice {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}

.loadingPrice div {
  position: absolute;
  border: 2px solid #00000055;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple-price 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.loadingPrice div:nth-child(2) {
  animation-delay: -1s;
}

@keyframes lds-ripple-price {
  0% {
    top: 10px;
    left: 10px;
    width: 0;
    height: 0;
    opacity: 1;
  }

  100% {
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    opacity: 0;
  }
}