/* Left Panel right border when it is visible by breakpoint */
.panel-left.panel-in-breakpoint:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(0,0,0,0.1);
  content: '';
  z-index: 6000;
}

/* Hide navbar link which opens left panel when it is visible by breakpoint */
.panel-left.panel-in-breakpoint ~ .view .navbar .panel-open[data-panel="left"] {
  display: none;
}

/*
  Extra borders for main view and left panel for iOS theme when it behaves as panel (before breakpoint size)
*/
.ios .panel-left:not(.panel-in-breakpoint).panel-in ~ .view-main:before,
.ios .panel-left:not(.panel-in-breakpoint).panel-closing ~ .view-main:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(0,0,0,0.1);
  content: '';
  z-index: 6000;
}


:root {
  /*--f7-page-bg-color: #f7f7f8;*/
  --f7-dialog-button-text-color:#007aff;
  --f7-list-bg-color: #f7f7f8;
  --f7-list-chevron-icon-color: #000000;
  --f7-list-item-title-font-weight: 600;
  --f7-searchbar-link-color: #007aff;
  --f7-searchbar-search-icon-color: #007aff;
  --f7-searchbar-in-page-content-border-radius: 0px;
  --f7-searchbar-in-page-content-input-border-radius: 0px;
  --f7-table-head-font-size: var(--f7-list-item-title-font-size);
  --f7-label-text-color: #212121;
  --f7-input-placeholder-color: #212121;


  
}

.treeview-utenti {
  --f7-treeview-toggle-color: #673ab7;
  --f7-treeview-toggle-pressed-bg-color: #673ab7;
  --f7-treeview-icon-color: #673ab7;
  --f7-treeview-link-pressed-bg-color: #673ab7;
}

.treeview-prodotti {
  --f7-treeview-toggle-color: #009688;
  --f7-treeview-toggle-pressed-bg-color: #009688;
  --f7-treeview-icon-color: #009688;
  --f7-treeview-link-pressed-bg-color: #009688;
}

.treeview-listini {
  --f7-treeview-toggle-color: #ff3b30;
  --f7-treeview-toggle-pressed-bg-color: #ff3b30;
  --f7-treeview-icon-color: #ff3b30;
  --f7-treeview-link-pressed-bg-color: #ff3b30;
}

.treeview-ordini {
  --f7-treeview-toggle-color:#ff9500;
  --f7-treeview-toggle-pressed-bg-color:#ff9500;
  --f7-treeview-icon-color: #ff9500;
  --f7-treeview-link-pressed-bg-color: #ff9500;
}

.treeview-promozioni {
  --f7-treeview-toggle-color: #ffcc00;
  --f7-treeview-toggle-pressed-bg-color: #ffcc00;
  --f7-treeview-icon-color: #ffcc00;
  --f7-treeview-link-pressed-bg-color: #ffcc00;
}

.treeview-comunicazioni {
  --f7-treeview-toggle-color: #ff2d55;
  --f7-treeview-toggle-pressed-bg-color: #ff2d55;
  --f7-treeview-icon-color: #ff2d55;
  --f7-treeview-link-pressed-bg-color: #ff2d55;
}

.login-screen-content{
  background: #f3f3f4;
}

.login-screen .page {
  background: #f3f3f4;
}
.changepass {
  font-size: var(--f7-list-item-title-font-size);
  font-weight: var(--f7-list-item-title-font-weight);
  color: var(--f7-list-item-title-text-color);
  line-height: var(--f7-list-item-title-line-height);
}

.logout {
  font-size: var(--f7-list-item-title-font-size);
  font-weight: var(--f7-list-item-title-font-weight);
  color: var(--f7-list-item-title-text-color);
  line-height: var(--f7-list-item-title-line-height);
}

.search-list ul {
  background-color: var(--f7-page-bg-color);
  --f7-list-border-color: #ff3b30;
  --f7-list-item-border-color: #ff3b30;
}

.editcardheader{
  background: #f7f7f8;
}

.editcardheader-backend{
  /*font-weight: 600;*/
  background: #f7f7f8;
}

.listcardcontent ul {
 background-color: var(--f7-page-bg-color);
}

.input-clear-button {
  color: #ff3b30;
}

.md {
  /*Action sheet CSS*/
  --f7-actions-bg-color: #fff;
  --f7-actions-border-radius: 13px;
  --f7-actions-button-border-color: rgba(0, 0, 0, 0.2);
  --f7-actions-button-text-color: rgba(0, 0, 0, 0.87);
  --f7-actions-button-pressed-bg-color: #e5e5e5;
  --f7-actions-button-padding: 0 16px;
  --f7-actions-button-text-align: center;
  --f7-actions-button-height: 48px;
  --f7-actions-button-height-landscape: 48px;
  --f7-actions-button-font-size: 16px;
  --f7-actions-button-icon-size: 24px;
  --f7-actions-button-justify-content: center;
  --f7-actions-label-padding: 12px 16px;
  --f7-actions-label-text-color: rgba(0, 0, 0, 0.54);
  --f7-actions-label-font-size: 16px;
  --f7-actions-label-justify-content: center;
  --f7-actions-group-border-color: #d2d2d6;
  --f7-actions-group-margin: 8px;
  --f7-actions-grid-button-icon-size: 48px;
  /*Notification CSS*/
  --f7-notification-margin: 8px;
  --f7-notification-padding: 10px;
  --f7-notification-border-radius: 12px;
  --f7-notification-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24);
  --f7-notification-icon-size: 16px;
  --f7-notification-title-color: #ff3b30;
  --f7-notification-title-font-size: 12px;
  --f7-notification-title-text-transform: none;
  --f7-notification-title-line-height: 1;
  --f7-notification-title-font-weight: 600;
  --f7-notification-title-right-font-size: 12px;
  --f7-notification-subtitle-font-size: 14px;
  --f7-notification-subtitle-font-weight: 600;
  --f7-notification-text-font-size: 14px;
  --f7-notification-text-line-height: 1.35;
  --f7-notification-bg-color: #fff;
  --f7-notification-title-right-color: rgba(0, 0, 0, 0.54);
  --f7-notification-subtitle-color: rgba(0, 0, 0, 0.85);
  --f7-notification-text-color: rgba(0, 0, 0, 0.54);
  /*Item Divider CSS*/
  --f7-list-item-divider-height: 48px;
  --f7-list-item-divider-font-size: 14px;
  --f7-list-item-divider-font-weight: 600;
  --f7-list-item-divider-bg-color: #f4f4f4;
  --f7-list-item-divider-border-color: transparent;
  --f7-list-item-divider-text-color: rgb(0, 0, 0);
  /*Data Table CSS*/
  --f7-table-head-font-weight: var(--f7-list-item-title-font-weight);
  --f7-table-title-font-size: var(--f7-list-item-title-font-weight);
  --f7-table-title-font-weight: var(--f7-list-item-title-font-weight);
  --f7-table-head-text-color: rgb(0, 0, 0);
}

.popover-bold {
  font-size: var(--f7-list-item-title-font-size);
  font-weight: var(--f7-list-item-title-font-weight);
  color: var(--f7-list-item-title-text-color);
  line-height: var(--f7-list-item-min-height);
  padding: 0 var(--f7-list-item-padding-horizontal);
  text-align: var(--f7-list-button-text-align);
}

.card-header:after {
  background-color: #f7f7f8;
}

.list .item-inner:after {
  background-color: #f7f7f8;
}


.profile-card {
  flex-shrink: 10;
  font-weight: 400;
  line-height: 1.2;
  font-size: 20px;
}

.list .no-safe-areas > ul {
 padding-left: 0px;
}


.list .item-input-outline .item-floating-label {
  background: #fff;
}


.totale-list {
  --f7-list-border-color: transparent;
  --f7-list-item-border-color: transparent;
}

/*@media (min-width: 480px) {
  .ordini {
  }
}
@media (min-width: 568px) {
  .ordini {
  }
}*/
@media (min-width: 768px) {
  .ordini {
    width: 5%;
  }
  .action-ordini {
    width: 5%;
  }
}
@media (min-width: 1024px) {
  .ordini {
    width: 5%;
  }
  .action-ordini {
    width: 5%;
  }
}
@media (min-width: 1200px) {
  .ordini {
    width: 15%;
  }
  .action-ordini {
    width: 7%;
  }
}