/* GRADIENT LISTS
============================================= */
/* ---------------------------------------------------------------------------------------------------- */
/* FONT ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
@font-face {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* BG IMAGES
============================================= */
/* FLEXBOX
============================================= */
/* OPACITY
============================================= */
/* TRANSITION
============================================= */
/* TRANSFORM
============================================= */
/* BORDER RADIUS
============================================= */
/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* TABELLA ---------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.k-grid .k-grid-edit-row td:not(.k-hierarchy-cell) {
  /*padding: 8px 12px;*/
}

.k-grid .k-grid-edit-row td:not(.k-hierarchy-cell), .k-grid .k-command-cell, .k-grid .k-edit-cell {
  /*padding: 8px 12px;*/
}

.k-grid-toolbar {
  border-bottom: 1px solid #414D58;
  background: -webkit-linear-gradient(top, #414D58, #252525);
  background: -moz-linear-gradient(top, #414D58, #252525);
  background: -ms-linear-gradient(top, #414D58, #252525);
  background: -o-linear-gradient(top, #414D58, #252525);
  background: linear-gradient(top, #414D58, #252525);
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  position: relative;
}

.k-grid-header {
  color: #fff;
  text-transform: uppercase;
  background: #252525;
}
.k-grid-header .k-checkbox {
  outline: 3px solid #C20E1A;
  background: #C20E1A;
}

.k-toolbar .k-button {
  background: #C20E1A;
  font-family: nimbus-sans, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  padding: 7px 20px;
  color: #fff;
  border: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  -o-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
  display: inline-block;
  height: auto;
  width: auto;
}
.k-toolbar .k-button:hover {
  background: #88171E;
}
.k-toolbar .k-grid-search {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-family: nimbus-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #252525;
  opacity: 1;
  border: none;
  padding: 18px 20px;
  width: 20em;
}
.k-toolbar .k-grid-search .k-input-icon {
  font-size: 20px;
  color: #88171E;
}

.k-button-icontext .k-icon {
  margin: 1px 0 0 8px;
  color: #252525;
  float: right;
}

.k-grid, .k-grid td.highlight {
  font-size: 13px;
  font-family: nimbus-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.k-grid th, .k-grid td {
  padding: 5px 5px;
}

.k-grid td p {
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 50px;
  margin: 0;
  padding: 0;
  line-height: 17px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.customer-detail #orders-grid {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 10px;
}
.customer-detail #orders-grid .k-grid-header {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.customer-detail .orderdate {
  font-size: 12px;
}
.customer-detail .orderdate span {
  display: none;
}

#totQta, #totPrezzo, #totPrezzoScontato {
  font-weight: bold;
  font-size: 20px;
  color: #252525;
}

#totPrezzo, #totPrezzoScontato {
  width: 100%;
  display: block;
  text-align: right;
}

#totPrezzo {
  text-decoration: line-through;
}

.k-grid {
  border: none;
  background: transparent;
  font-family: nimbus-sans, sans-serif;
  font-weight: 300;
  font-style: normal;
  position: relative;
  /*.k-toolbar {
    height: 60px;
    position: absolute;
    top: -92px;
    left: 10px;
    background: none;
    padding: 0;


    .k-button {
      display: none;
    }


    .k-textbox  {
      @include borderRadius(45px);
      background: $grigiochiaro;
      border: none;
      height: 35px;
      width: 300px;
    }

    .k-grid-new {
      float: left;
    }

    .k-input-icon {
      color: $rosso;
      font-size: 18px;
    }

  }*/
}
.k-grid th {
  padding: 15px 12px;
  border-width: 0 0 0px 0px;
}
.k-grid th[data-field=price], .k-grid th[data-field=stock], .k-grid th[data-field=minord], .k-grid th[data-field=packqty] {
  text-align: right;
}
.k-grid tr:nth-child(even) td {
  background: #F4F7FB;
}
.k-grid td {
  background: #fff;
  border: none;
  border: 1px solid #fff;
  border-left: 0;
  border-rigth: 0;
}
.k-grid td.price, .k-grid td.numbers, .k-grid td.numbersPrice, .k-grid td.numbersPriceStrike {
  text-align: right;
  font-weight: bold;
  font-size: 14px;
}
.k-grid td.numbersPrice, .k-grid td.numbersPriceStrike {
  font-size: 18px;
}
.k-grid td.numbersPriceStrike {
  text-decoration: line-through;
}
.k-grid td.sku p {
  border: 1px solid #9EA9B2;
  width: 140px;
  text-align: center;
  color: #252525;
  font-size: 16px;
  display: block;
  line-height: 50px;
}
.k-grid td .rounded {
  /* background: $grigiochiaro;*/
  width: 40px;
  height: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
  display: inline-block;
  font-size: 22px;
}
.k-grid .offline td, .k-grid .offline td.highlight {
  /*background: #F4F8FC;*/
  color: #9EA9B2;
  text-decoration: line-through;
}
.k-grid td.highlight {
  font-family: nimbus-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #252525;
}
.k-grid td.highlight .orderdate {
  font-family: nimbus-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.k-grid td.boolean {
  text-align: center;
}
.k-grid .k-badge-md {
  padding: 5px 10px;
  border-width: 0px;
  font-size: 12px;
  font-family: nimbus-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.k-grid .k-master-row.hover td {
  border: 1px solid #88171E;
  border-right: 0;
  border-left: 0;
}

.k-grid .k-grid-content-locked td {
  border-color: #fff;
}

.k-grid td span.left {
  width: 20px;
  display: inline-block;
}

.k-grid td input.dataii, .k-grid td input.datafi {
  padding: 10px;
  border: none;
  background: rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-top: 5px;
  font-family: nimbus-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.k-grid td input.dataii:hover, .k-grid td input.dataii .k-textbox.k-state-hover, .k-grid td input.datafi:hover, .k-grid td input.datafi .k-textbox.k-state-hover {
  border-color: #79838F;
  color: #252525;
  background: #F4F7FB;
}

.k-combobox .k-select {
  border-color: transparent;
  color: #252525;
  background-color: #F4F7FB;
}

/* PAGINAZIONE */
.k-pager-info {
  text-align: left;
  justify-content: flex-start;
}

.k-pager-wrap {
  background: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: 60px;
  padding: 15px 0 0 0;
  border: none;
}
.k-pager-wrap .k-link {
  color: #88171E;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.k-pager-wrap .k-link:hover {
  color: #252525;
  background: #fff;
}
.k-pager-wrap .k-pager-numbers .k-link.k-state-selected {
  color: #fff;
  font-family: nimbus-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #252525;
}
.k-pager-wrap a {
  color: #fff;
}
.k-pager-wrap .k-pager-sizes .k-dropdown {
  height: 32px;
}
.k-pager-wrap .k-pager-sizes .k-dropdown .k-dropdown-wrap {
  background-color: #252525;
  color: #fff;
  background-image: none;
}
.k-pager-wrap .k-pager-sizes .k-dropdown .k-dropdown-wrap .k-icon {
  display: block;
  color: #fff;
}

.k-pager-numbers .k-link {
  color: #88171E;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.k-pager-numbers .k-link:hover {
  color: #88171E;
  background-color: #fff;
}

.k-dropdown .k-dropdown-wrap .k-select {
  border-radius: 0 2px 2px 0;
  padding: 4px 4px;
  width: calc( 1.4285714286em + 8px );
  border-width: 0;
  box-sizing: border-box;
  border-style: solid;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  text-align: center;
  cursor: pointer;
}

.k-grid tr.k-state-selected > td {
  background-color: #fff;
}

.k-grid-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  /*-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1);*/
}

th.k-sorted {
  background: -webkit-linear-gradient(top, #C20E1A, #88171E);
  background: -moz-linear-gradient(top, #C20E1A, #88171E);
  background: -ms-linear-gradient(top, #C20E1A, #88171E);
  background: -o-linear-gradient(top, #C20E1A, #88171E);
  background: linear-gradient(top, #C20E1A, #88171E);
}

.k-grid-header .k-sort-order {
  color: #252525;
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm {
  color: #fff;
}

/*.k-header {
  @include fontWeight();
  @include gradient(top, $gradientNero);
  .k-link {
    color: $nero;
    text-transform: uppercase;
  }
}*/
.k-grid-edit-row td {
  background: #F4F7FB;
}

td.k-detail-cell {
  background: #F4F7FB;
}

.k-detail-cell .k-header {
  background: #F4F7FB;
}
.k-detail-cell .k-header {
  /*color: $nero;*/
  border-bottom: 2px solid #79838F;
}
.k-detail-cell .k-grid td {
  background: #F4F7FB;
  border-bottom: 1px solid #C2CDD6;
}
.k-detail-cell .k-grid td.bg-yellow, .k-detail-cell .k-grid td.bg-blue {
  vertical-align: top;
  border-bottom: none;
}
.k-detail-cell .k-grid td.bg-yellow span, .k-detail-cell .k-grid td.bg-blue span {
  line-height: 27px;
  background: #eed880;
  padding: 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  display: block;
  color: #252525;
  height: calc(100% - 20px);
}
.k-detail-cell .k-grid td.bg-blue span {
  background: #414D58;
  line-height: 27px;
  height: calc(100% - 20px);
}

/*calendar */
.doctor-template {
  margin: 10px;
  width: calc(100% - 10px);
  font-size: 13px;
}
.doctor-template li {
  margin-left: 10px;
}

/*fine calendar */
/* FILTRI */
.k-grid-header .k-header {
  vertical-align: middle;
  position: relative;
  font-weight: 600;
}
.k-grid-header .k-header .k-grid-filter, .k-grid-header .k-header .k-grid-header .k-header-column-menu {
  bottom: 10px;
}
.k-grid-header .k-header .k-grid-filter:hover, .k-grid-header .k-header .k-grid-header .k-header-column-menu:hover {
  background: none;
  color: #C20E1A;
}
.k-grid-header .k-header .k-grid-filter.k-state-active, .k-grid-header .k-header .k-grid-header .k-header-column-menu.k-state-active {
  background: #383838;
  box-shadow: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.k-grid-header .k-header::after {
  content: "";
  width: 1px;
  background: -webkit-linear-gradient(bottom, #414D58, #252525);
  background: -moz-linear-gradient(bottom, #414D58, #252525);
  background: -ms-linear-gradient(bottom, #414D58, #252525);
  background: -o-linear-gradient(bottom, #414D58, #252525);
  background: linear-gradient(bottom, #414D58, #252525);
  bottom: 0;
  position: absolute;
  top: 0;
  right: 0px;
  display: block;
}
.k-grid-header .k-header:last-child::after, .k-grid-header .k-header.no-border::after, .k-grid-header .k-header.k-hierarchy-cell::after, .k-grid-header .k-header#orders-grid_active_cell::after {
  display: none;
}

.k-filter-menu .k-action-buttons .k-button {
  padding: 5px 25px;
  font-size: 12px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  font-family: nimbus-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: #79838F;
  background: #F4F7FB;
}
.k-filter-menu .k-action-buttons .k-button.k-primary {
  color: #fff;
  background: #252525;
}

/* tabella nella tabella */
.k-detail-row .k-header::after {
  display: none;
}
.k-detail-row .k-grid.k-grid-display-block {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}

.k-badge-rounded.k-badge-md {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#user-grid .k-button {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border-color: rgba(0, 0, 0, 0.08);
  color: #252525;
  background: #F4F7FB;
  padding: 5px 10px;
  border-width: 0px;
  font-size: 12px;
  font-family: nimbus-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-top: 5px;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  -o-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}
#user-grid .k-button .k-icon {
  margin: 0;
}
#user-grid .k-button:hover {
  background: #79838F;
}

#orders-grid select.status {
  pointer-events: none;
}

.k-command-cell .k-button {
  background: #88171E;
  border-radius: 10px;
  height: 40px;
  width: 40px;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  -o-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
  color: #fff;
}
.k-command-cell .k-button:hover {
  background: #C20E1A;
}
.k-command-cell .k-button.save {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease 0s;
  -moz-transition: opacity 0.5s ease 0s;
  -ms-transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s;
}
.k-command-cell .k-button.save.visible {
  opacity: 1;
  pointer-events: auto;
}
.k-command-cell .k-button.light {
  /*background: $rosso;*/
}
.k-command-cell .k-button.light span {
  /*color: $grigiodesaturato;*/
}
.k-command-cell .k-button span {
  margin: 0;
  /*color: $nerochiaro;*/
  font-size: 20px;
}
.k-command-cell .k-button.k-button-icontext {
  width: auto;
  color: #fff;
}
.k-command-cell .k-button.k-button-icontext span {
  margin-right: 5px;
}

.k-button.btn {
  background: #88171E;
  border-radius: 10px;
  height: 40px;
  width: 40px;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  -o-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
  color: #414D58;
}
.k-button.btn:hover {
  background: #C20E1A;
}
.k-button.btn span {
  margin: 0;
  color: #414D58;
  font-size: 20px;
}

/*.k-toolbar .k-button-group, .k-toolbar .k-separator, .k-toolbar .k-split-button, .k-toolbar .k-textbox, .k-toolbar .k-widget, .k-toolbar label {
  align-self: center;
  padding: 10px 25px;
}*/
.k-tooltip {
  padding: 18px;
  background: #fff;
  border-radius: 10px;
  border-color: #fff;
  color: #252525;
}
.k-tooltip .k-tooltip-content {
  background: #fff;
  color: #252525;
}
.k-tooltip .k-callout {
  color: #fff;
}
.k-tooltip .red-btn {
  float: left;
}

.k-tooltip.k-popup {
  visibility: hidden;
}

#grid {
  height: 100%;
}

.k-grid-header-wrap.k-auto-scrollable, .k-grid-footer-wrap {
  margin-right: 0;
}

.k-grid-footer-wrap {
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  border-width: 0;
}

.k-button-group .k-button.k-state-active, .k-button-group .k-button:active {
  border-color: #252525;
  color: #fff;
  background-color: #252525;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
}

.k-grid-header-wrap.k-auto-scrollable {
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}

.k-grid td.k-state-focused, .k-grid th.k-state-focused, .k-grid th:focus, .k-grid .k-master-row > td:focus, .k-grid .k-grouping-row > td:focus, .k-grid .k-detail-row > td:focus, .k-grid .k-group-footer > td:focus {
  box-shadow: none;
}

/* ---------------------------------------------------------------------------------------------------- */
/* MESSAGES ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
.message-container h4 {
  margin-bottom: 20px !important;
  font-size: clamp(18px, 2vw, 20px);
  color: #252525;
}

.detail-container.support-container .k-switch, .detail-container.message-container .k-switch {
  float: right;
}
.detail-container.support-container .detail-nav, .detail-container.message-container .detail-nav {
  float: right;
}

/* SUPPORT */
.write-chat {
  border-top: 1px solid #79838F;
  padding-top: 15px;
  margin-top: 15px;
}
.write-chat .contact-form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 70px;
  margin-top: 30px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}
.write-chat .contact-form .input-block {
  margin: 0;
  border: none;
  background: transparent;
  padding: 0;
  position: relative;
  display: block;
  min-height: 70px;
}
.write-chat .contact-form .input-block textarea {
  padding: 10px 40px 10px 10px;
  position: relative;
  z-index: 1;
  width: calc(100% - 45px);
  background: #E7ECEF;
  margin: 0;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  height: 58px;
}
.write-chat .contact-form label {
  z-index: 3;
}
.write-chat .contact-form p {
  position: absolute;
  bottom: -50px;
  font-size: 15px;
}
.write-chat .contact-form .submit {
  height: 68px;
  padding: 5px 30px;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.write-chat .contact-form .submit i {
  font-size: 24px;
}
.write-chat .file, .write-chat .removefile {
  position: absolute;
  right: 10px;
  z-index: 2;
  top: 27px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* MEDIA QUERY ---------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */

/*# sourceMappingURL=table.css.map */