/*Szp restyle*/
.btn:hover,
.btn:focus {
  background-position: 0;
  background-image: none!important;
  background-color: unset;
}
.dropdown-menu > li > a {
  color: var(--dropdown-item-color);
  background-color: var(--dropdown-item-backgroundcolor);
}
.dropdown-menu > .active > a {
  color: var(--dropdown-item-active-color);
  background-color: var(--dropdown-item-active-backgroundcolor);
}
/*Grafici*/
.highcharts-tooltip {
  font-size: 16px;
}
/*Form */
.re-form-rounded-button-notfilled,
.modal-content .btn {
  padding: 0px 15px;
  height: 26px;
  border: 1px solid var(--re-form-rounded-button-notfilled-border);
  border-radius: 13px;
  color: var(--re-form-rounded-button-notfilled-color);
  background-color: var(--background);
  padding: 0px 20px 0px 20px;
}
.re-form-rounded-button-filled,
.modal-content .btn-primary {
  padding: 0px 15px;
  height: 26px;
  border: 1px solid var(--re-form-rounded-button-notfilled-border);
  border-radius: 13px;
  color: var(--re-form-rounded-button-filled-color);
  background-color: var(--re-form-rounded-button-filled-background);
  padding: 0px 20px 0px 20px;
  background-image: none;
  /*toglie gradiente da vecchia classe bt-primary*/
}
.re-form-rounded-button-disabled {
  background-color: var(--background);
  color: var(--textcolor-disabled);
}
.modal-content .btn,
btn-primary,
.btn-danger {
  padding: 0px 15px 0px 15px;
}
.modal-content .btn.active {
  color: var(--re-form-rounded-button-filled-color);
  background-color: var(--re-form-rounded-button-filled-background);
}
.btn-danger {
  color: var(--re-form-rounded-button-notfilled-danger-color);
  background-color: var(--re-form-rounded-button-notfilled-danger-backgroundcolor);
}
.btn-success {
  /*
    color: var(--re-form-rounded-button-notfilled-danger-color);
    background-color: var(--re-form-rounded-button-notfilled-danger-backgroundcolor);
    */
}
.btn-warning {
  color: var(--re-form-rounded-button-notfilled-warning-color);
  background-color: var(--re-form-rounded-button-notfilled-warning-backgroundcolor);
}
.re-mleftauto {
  margin-left: auto;
}
.re-form-input-left {
  text-align: left;
}
.re-form-input-center {
  text-align: center;
}
.re-form-input-right {
  text-align: right;
}
.re-form-rounded-input {
  height: 26px;
  border: 1px solid var(--re-form-rounded-input-border);
  border-radius: 13px;
  padding-left: 13px;
  padding-right: 13px;
}
.re-form-rounded-left-input {
  height: 26px;
  border: 1px solid var(--re-form-rounded-input-border);
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
  padding-left: 13px;
  padding-right: 13px;
}
.re-form-rounded-input-textarea {
  border: 1px solid var(--re-form-rounded-input-border);
  border-radius: 13px;
  padding-left: 13px;
  padding-right: 13px;
}
.re-form-circle-button {
  height: 26px;
  width: 26px;
  border: 1px solid var(--re-form-rounded-input-border);
  border-radius: 13px;
  background-color: var(--background);
  color: var(--beta-color);
  font-weight: bolder;
  /*ToDo Marco ho usato il carattere + e- al posto delle icone che erano nere e scentrate*/
}
.re-scroll-auto {
  overflow: auto;
}
.re-full-width {
  width: 100%;
}
.re-width-90p {
  width: 90%;
}
.re-width-95p {
  width: 95%;
}
.re-width-200px {
  width: 200px;
}
.re-margin-15p {
  margin: 15px;
}
.re-margin-right-15p {
  margin-right: 15px;
}
/*****************************************************************************************************************************************************
    Barra di bottoni uniti (usati come crescente/decrescente) negli ordini inviati
*/
.re-buttonbar-left {
  height: 26px;
  border: 1px solid var(--re-form-rounded-input-border);
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
  background-color: var(--background);
  color: var(--beta-color);
}
.re-buttonbar-middle {
  height: 26px;
  border: 1px solid var(--re-form-rounded-input-border);
  background-color: var(--background);
  color: var(--beta-color);
}
.re-buttonbar-right {
  height: 26px;
  border: 1px solid var(--re-form-rounded-input-border);
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
  background-color: var(--background);
  color: var(--beta-color);
}
.re-buttonbar-active {
  background-color: var(--beta-color);
  color: var(--background);
}
.re-buttonbar-disabled {
  background-color: var(--background);
  color: var(--textcolor-disabled);
}
/*****************************************************************************************************************************************************
    Ridefinizione Griglia angular
*/
.re-gridStyle {
  border: 0;
}
.re-gridStyle .ngTopPanel {
  position: relative;
  z-index: 5;
  background-color: var(--background);
}
.re-gridStyle .ngGroupPanel {
  background-color: var(--ngGroupPanel-background);
  overflow: hidden;
  color: #fff;
  border-radius: 10px;
}
.re-gridStyle .ngHeaderContainer {
  position: relative;
  overflow: hidden;
  font-weight: bold;
  background-color: var(--background);
}
.re-gridStyle .ngHeaderCell {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: inherit;
  border: 0;
}
.re-gridStyle .ngRow.even {
  background-color: inherit;
}
.re-gridStyle .ngRow.odd {
  background-color: inherit;
}
.re-gridStyle .ngRow {
  position: absolute;
  
}
.re-gridStyle .ngRow.selected {
    background-color: var(--table-grid-selected-background);
}
.re-gridStyle .ngCell {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  border-right: 0;
  border-left: 0;
  background-color: inherit;
}
.re-gridStyle .statusCol {
  display: flex;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -o-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.re-gridStyle .deleteIcon {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
/*****************************************************************************************************************************************************
    overide vecchi classi 

*/
.navbar-brand {
  float: unset;
  height: 50px;
  padding: 15px 25px 15px 5px;
  font-size: 18px;
  line-height: 20px;
}
.panel {
  border-radius: 10px;
}
/*****************************************************************************************************************************************************
    Finestra modal popup e overide bootstrap

*/
.modal-header {
  min-height: 16.43px;
  padding: 15px;
  border: 0;
}
.modal-content {
  border-radius: 13px;
}
.form-control {
  height: 26px;
  border-radius: 13px;
  padding-top: 3px;
}
a:focus,
a:hover {
  color: var(--navbar-item-color-selected);
  text-decoration: none;
}
a {
  color: var(--navbar-item-color);
  text-decoration: none;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: var(--navbar-item-color-selected);
  text-decoration: none;
  background-color: var(--navbar-item-backgroundcolor-selected);
}
/*****************************************************************************************************************************************************
    Pagina nuovo ordine > header /neworder.header

*/
#newOrderHeaderGlobal .re-col-left-neworder-header {
  flex: 0 0 70%;
  /* larghezza colonna sinistra*/
}
#newOrderHeaderGlobal .re-col-right-neworder-header {
  width: 100%;
  /* dello spazio rimanente*/
  padding-bottom: 15px;
}
/*****************************************************************************************************************************************************
    Pagina nuovo ordine > dettaglio /neworder.material
           usata anche come modifica ordine dalla pagina ordini non inviati

*/
.re-neworder-material,
.re-availability-material {
  /*Struttura Form ricerca materiarle in nuovo/modifica ordine*/
  /*finta tabella dei materiali trovati*/
}
.re-neworder-material .re-col-left-neworder,
.re-availability-material .re-col-left-neworder,
.re-neworder-material .re-col-left-availability,
.re-availability-material .re-col-left-availability {
  flex: 0 0 32%;
  /* larghezza colonna sinistra*/
}
.re-neworder-material .re-col-right-neworder,
.re-availability-material .re-col-right-neworder,
.re-neworder-material .re-col-right-availability,
.re-availability-material .re-col-right-availability {
  width: 100%;
}
.re-neworder-material re-header,
.re-availability-material re-header {
  /*background: #f88*/
}
.re-neworder-material re-footer,
.re-availability-material re-footer {
  /*background: lightblue*/
}
.re-neworder-material .re-navbar-color,
.re-availability-material .re-navbar-color {
  color: var(--navbar-item-color);
  font-size: 14px;
  padding: 0;
  margin: 0;
  line-height: 14px;
}
.re-neworder-material .re-neworder-search-form,
.re-availability-material .re-neworder-search-form {
  display: flex;
  align-items: center;
  width: 100%;
  height: 52px;
  border-bottom: solid 1px;
  border-color: var(--dividers);
}
.re-neworder-material .re-neworder-search-form > .re-text-field,
.re-availability-material .re-neworder-search-form > .re-text-field {
  flex: 1;
}
.re-neworder-material .re-neworder-search-footer,
.re-availability-material .re-neworder-search-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 52px;
}
.re-neworder-material .re-separatore-rigth-15,
.re-availability-material .re-separatore-rigth-15 {
  margin-right: 15px;
}
.re-neworder-material .re-neworder-material-table-container,
.re-availability-material .re-neworder-material-table-container {
  height: 100%;
  width: 100%;
  list-style-type: none;
  padding: 0;
}
.re-neworder-material .re-neworder-material-table,
.re-availability-material .re-neworder-material-table {
  border-bottom: 1px solid var(--dividers);
  width: 100%;
}
.re-neworder-material .colt4,
.re-availability-material .colt4,
.re-neworder-material .colt5,
.re-availability-material .colt5 {
  text-align: right;
}
.re-neworder-material .re-neworder-material-table tr,
.re-availability-material .re-neworder-material-table tr {
  border-bottom: 1px solid var(--dividers);
}
.re-neworder-material .re-neworder-material-table .re-td-checkbox,
.re-availability-material .re-neworder-material-table .re-td-checkbox {
  padding: 5px;
}
.re-neworder-material .re-neworder-material-table .re-td-codice,
.re-availability-material .re-neworder-material-table .re-td-codice {
  width: 110px;
  min-width: 110px;
  padding-right: 5px;
}
.re-neworder-material .re-neworder-material-table .re-td-descrizione,
.re-availability-material .re-neworder-material-table .re-td-descrizione {
  width: 100%;
  /*concedo alla descrizione il massimo spazio possibile*/
}
.re-neworder-material .re-neworder-material-table .re-td-info,
.re-availability-material .re-neworder-material-table .re-td-info {
  width: 5%;
  text-align: center;
}
.re-neworder-material .re-neworder-material-table .re-td-info .re-info-img,
.re-availability-material .re-neworder-material-table .re-td-info .re-info-img {
  width: 20px;
  height: 20px;
  background-image: var(--icon-info);
  margin-right: 5px;
}
.re-neworder-material .re-neworder-material-table .re-td-disponibilita,
.re-availability-material .re-neworder-material-table .re-td-disponibilita {
  width: 30%;
  padding-right: 5px;
}
.re-neworder-material .re-replacedMaterial,
.re-availability-material .re-replacedMaterial {
  background-color: var(--re-replacedMaterial-background-color) !important;
  color: var(--re-replacedMaterial-color) !important;
}
.re-neworder-material .re-blockedMaterial,
.re-availability-material .re-blockedMaterial {
  background-color: var(--re-blockedMaterial-background-color) !important;
  color: var(--re-blockedMaterial-color) !important;
}
.re-neworder-material .re-newMaterial,
.re-availability-material .re-newMaterial {
  background-color: var(--re-newMaterial-background-color) !important;
  color: var(--re-newMaterial-color) !important;
}
.re-neworder-material #newOrderMaterialsFooter,
.re-availability-material #newOrderMaterialsFooter {
  margin: 10px;
}
.re-neworder-material .re-neworder-footer-table,
.re-availability-material .re-neworder-footer-table {
  width: 100%;
}
.re-neworder-material .re-neworder-footer-table th,
.re-availability-material .re-neworder-footer-table th {
  text-align: right;
}
.re-neworder-material .re-neworder-footer-table td,
.re-availability-material .re-neworder-footer-table td {
  text-align: right;
}
.re-neworder-material .re-neworder-footer-table .re-td-valuta,
.re-availability-material .re-neworder-footer-table .re-td-valuta {
  text-align: left;
}
.re-neworder-material .re-neworder-footer-table .re-title,
.re-availability-material .re-neworder-footer-table .re-title {
  font-weight: bolder;
}
.re-neworder-material .re-neworder-footer-table .re-td-totale,
.re-availability-material .re-neworder-footer-table .re-td-totale {
  font-weight: bolder;
}
.re-neworder-material .re-promoPrice,
.re-availability-material .re-promoPrice {
  color: var(--textColorPromoPrice);
}
/*****************************************************************************************************************************************************
    Pagina ordini > inviati /order.sent

*/
#re-order-sent {
  background-color: var(--background-workarea);
}
#re-order-sent .re-col-left-order-sent {
  flex: 0 0 70%;
  /* larghezza colonna sinistra*/
}
#re-order-sent .re-col-right-order-sent {
  width: 100%;
  /* dello spazio rimanente*/
  padding-bottom: 15px;
}

#re-order-sent .re-order-sent-mainfullscreen {
    display:none;
}

#re-order-sent .re-order-sent-footer {
  height: 35%;
}
#re-order-sent .re-order-sent-footerfullscreen {
  height: 100%;
}

#re-order-sent .re-order-sent-footer-container {
  height: 100%;
}
#re-order-sent .re-order-sent-footer-work-box {
  height: 100%;
  overflow: auto;
}
#re-order-sent .re-apri-chiudi {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#re-order-sent .re-apri-chiudi .re-apri {
    color: var(--beta-color);
    background-color: var( --background);
}
#re-order-sent .re-order-sent-topbar {
    display: flex;
    align-content: center;
    height: 45px;
    flex-wrap: wrap;
}
#re-order-sent .re-order-sent-topbar .sort-order {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
#re-order-sent .re-order-sent-topbar .sort-order .re-buttonbar-left {
  padding-left: 15px;
  padding-right: 5px;
  padding-top: 2px;
}
#re-order-sent .re-order-sent-topbar .sort-order .re-buttonbar-right {
  padding-right: 15px;
  padding-left: 5px;
  padding-top: 2px;
  font-weight: bold;
}
#re-order-sent .re-order-sent-topbar .sort-order .dropdown {
  color: var(--beta-color);
  /*ToDo Marco non cambia colore all'ordinamento perche si trova l' a interno */
}
#re-order-sent .re-order-sent-topbar .sort-direction {
  margin: auto;
}
#re-order-sent #right-col-action-btn-bar {
  margin-top: 15px;
}
/*****************************************************************************************************************************************************
    Pagina ordini > NON inviati /order.unsent

*/
#re-order-unsent .re-nessun-dato {
  /*ToDo Marco questo era lo style della div !!!*/
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  -o-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
#re-order-unsent .re-promoter-pending {
    /*ToDo Marco questo era lo style della div !!!*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
#re-order-unsent .re-promoter-pending .avviso {
    margin: 0px 0px;
    line-height: 25px;
    color: var(--beta-color);
}

#re-order-unsent .re-promoter-pending .avviso .icona-info {
    width: 25px;
    height: 25px;
    float: left;
    background-image: var(--icon-info);
    margin-right: 5px;
}



#re-order-unsent .ddGrid {
  display: flex;
  flex-direction: column;
  height: auto;
  /* Make table striped 
            .data-table .data-row:nth-child(odd) {
                background-color: #f3f3f3;
            } */
}
#re-order-unsent .ddGrid .headers {
  font-weight: bold;
  display: flex;
  overflow-y: hidden;
  width: 100%;
  min-height: 4rem;
}
#re-order-unsent .ddGrid .headers .data-cell {
  /*ToDo Marco era nello style verificare se serve tutta sta roba */
  cursor: default;
  display: flex;
  -o-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#re-order-unsent .ddGrid .data-table {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}
#re-order-unsent .ddGrid .data-table .data-row {
  display: flex;
}
#re-order-unsent .ddGrid .data-cell {
  /*flex: 1;*/
  padding: 5px;
  border-bottom: 1px solid var(--dividers);
  display: flex;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
#re-order-unsent .ddGrid .data-cell-right {
  flex-flow: row-reverse;
}
#re-order-unsent .scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
#re-order-unsent .pager-area {
  display: flex;
  -o-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 4rem;
}
#re-order-unsent .headers .data-cell {
  cursor: pointer;
  display: flex;
  -o-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
}
#re-order-unsent .headers .data-cell .glyphicon {
  font-size: x-small;
}
#re-order-unsent .headers .data-cell .caption {
  line-height: 1;
}
#re-order-unsent .re-buttonbar-middle {
  margin: 3px;
  padding: 3px;
  line-height: 20px;
}
#re-order-unsent .re-page-number-container {
  display: flex;
  flex-flow: row;
}
#re-order-unsent .input-sm {
  margin: 0px 10px;
  height: 18px;
}
#re-order-unsent .dropup {
  margin: 0px 10px;
  top: -1px;
}
#re-order-unsent #dropdownMenu1 {
  border: 0;
}
/*****************************************************************************************************************************************************
    Pagina ordini > resi aperti /openreturns

*/
#re-order-openreturns {
  width: 100%;
  height: 100%;
  border: 0px;
  margin-left: auto;
  margin-right: auto;
}
#re-order-openreturns .re-riga-header {
  display: flex;
  align-items: center;
}
#re-order-openreturns .re-riga-header .re-refresh-button {
  margin-left: auto;
}
/*****************************************************************************************************************************************************
    Pagina ordini > resi aperti /openreturns

*/
#re-order-closedreturns {
  width: 100%;
  height: 100%;
  border: 0px;
  margin-left: auto;
  margin-right: auto;
}
#re-order-closedreturns .re-riga-header {
  display: flex;
  align-items: center;
}
#re-order-closedreturns .re-riga-header .re-ordinamento {
  margin-right: auto;
}
#re-order-closedreturns .re-riga-header .re-date-range {
  margin: auto;
}
#re-order-closedreturns .re-riga-header .re-date-range .re-label-da,
#re-order-closedreturns .re-riga-header .re-date-range .re-label-a {
  color: var(--beta-color);
  margin: 0 10px;
}
#re-order-closedreturns .re-riga-header .re-date-range .re-form-rounded-input {
  width: 120px;
}
#re-order-closedreturns .re-riga-header .re-refresh-button {
  margin-left: auto;
}
#re-order-closedreturns ul.openReturnsTable li:nth-child(odd) {
  background-color: transparent;
}
#re-order-closedreturns .re-div-li {
  width: 100%;
  border-bottom: 1px solid var(--dividers);
}
#re-order-closedreturns .re-div-li .re-tabella {
  width: 100%;
}
#re-order-closedreturns .re-div-li .re-tabella .re-td-stretta {
  width: 10%;
}
#re-order-closedreturns .re-div-li .re-tabella .re-td-larga {
  width: 15%;
}
/*****************************************************************************************************************************************************
    Varie pagine 

    griglia fatta con le table e non con la ng-grid

*/
.re-table-grid {
  height: fit-content;
  width: 100%;
}
.re-table-grid th,
.re-table-grid table > tbody > tr > th {
  text-align: left;
  height: 20px;
  padding: 5px;
  font-weight: bold;
  border-top: 0 !important;
  /*sovrascrive bootstrap veriifcare profile.aling-ite*/
}
.re-table-grid tr {
  cursor: pointer;
  border-bottom: 1px solid var(--dividers);
}

.re-table-grid .re-grid-no-selectable tr {
    cursor: auto;
}

.re-table-grid tr td {
    padding: 5px;
}
.re-table-grid .selectedItem {
  background-color: var(--table-grid-selected-background) !important;
}
.re-table-grid .align-right {
  text-align: right;
}
.re-table-grid .mese {
  font-weight: 600;
}
/*****************************************************************************************************************************************************
    Header pagine  e barra di navigazione

*/
.re-burger-menu {
  /*usato da pageheader (barra navigazione) e menu laterale*/
  font-size: 32px;
  height: 60px;
  padding-top: 5px;
  padding-left: 20px;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.re-pageheader .re-submenu {
  flex: 1;
  margin-right: auto;
}
div#re-side-menu {
  background-color: #332c24;
  box-shadow: none;
}
.mainManuItemText {
  text-shadow: none;
}
.re-navbar {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.re-navbar .re-active {
  text-decoration: overline;
}
.re-navbar .re-disabled {
  /*Todo Marco indica la pagina corrente non abbiamo grafica*/
  color: var(--nvabar-item-color-disabled);
}
.re-navbar .re-navbar-customer-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.re-navbar .re-navbar-icon {
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
}
.re-navbar .re-customer-icon {
  background-image: var(--navbar-icon-user);
  margin: 0 5px 0 20px;
}
.re-navbar .re-filter-icon {
  background-image: var(--navbar-icon-filter);
}
.stand-alone-re-filter-icon {
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: var(--navbar-icon-filter);
}

.re-navbar .re-admin-icon {
  background-image: var(--navbar-icon-settings);
}
.re-navbar .re-logout-icon {
  background-image: var(--navbar-icon-logout);
  margin: 0 10px;
}
.re-navbar .re-navbar-customer-testi {
  color: var(--textcolor);
}
.re-navbar .re-navbar-customer-testi-riga1 {
  color: var(--textcolor);
  font-weight: bolder;
  font-size: 14px;
  padding: 0;
  margin: 0;
  line-height: 16px;
  max-width: 250px;
}
.re-navbar .re-navbar-customer-testi-riga2 {
  color: var(--textcolor);
  font-weight: normal;
  font-size: 13px;
  padding: 0;
  margin: 0;
  line-height: 14px;
}
.re-navbar .re-menu-filter {
  margin-left: auto;
}
.re-navbar .re-loggedinfo .re-navbar-customer-testi-riga1 {
  font-size: 13px;
  line-height: 15px;
  max-width: unset;
}
.re-navbar .re-loggedinfo .re-navbar-customer-testi-riga1 {
  font-size: 13px;
  line-height: 15px;
}
.re-navbar .re-logo {
  margin-left: auto;
}
.re-navbar #navbar-logo-beta {
  content: var(--navbar-logo-beta);
  height: 50px;
  margin: 0 35px 0 20px;
}
/*****************************************************************************************************************************************************
    menu laterale

*/
#re-side-menu {
  z-index: 1000;
}
#re-side-menu .re-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

#re-side-menu .re-header .re-logo-info-container {
display: flex;
flex-direction: column;
     
}

#re-side-menu .re-header .re-logo {
    margin-left: 15px;
    flex: 1;
}
#re-side-menu .re-loggedinfo {
    display: none;
}

#re-side-menu .re-header #logo-beta {
  content: var(--sidemenu-logo-beta);
  width: 120px;
}
#re-side-menu .re-header .re-burger-menu {
  margin-right: 15px;
  color: var(--sidemenu-burger-menu-color);
}
#re-side-menu .re-list {
  padding-inline-start: 0px;
}
#re-side-menu .re-list .re-list-item {
  overflow: hidden;
  background-color: var(--sidemenu-item-background);
}
#re-side-menu .re-list .re-list-item .re-list-item-container {
  display: flex;
  align-items: center;
  width: 100%;
  /*
                .re-current {
                    background-color: var(--sidemenu-item-background-current);
                    .re-item-text {
                        color: var(--sidemenu-item-text-current)
                    }
                }*/
}
#re-side-menu .re-list .re-list-item .re-list-item-container .re-selectable {
  cursor: pointer;
}
#re-side-menu .re-list .re-list-item .re-list-item-container .re-item-img {
  width: 25px;
  height: 25px;
  cursor: pointer;
  background-repeat: no-repeat;
  margin: 12px 20px;
  /*/background-image: var(--sidemenu-item-img);    */
  /*filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(15deg) brightness(101%) contrast(103%);*/
  /*bianco*/
}
#re-side-menu .re-list .re-list-item .re-list-item-container .re-item-img-selected {
  filter: invert(53%) sepia(85%) saturate(3105%) hue-rotate(0deg) brightness(102%) contrast(106%);
  /*arancio beta*/
}
#re-side-menu .re-list .re-list-item .re-list-item-container .re-item-img-disabled {
  filter: invert(50%) sepia(0%) saturate(30%) hue-rotate(324deg) brightness(100%) contrast(100%);
  /*bianco*/
}
#re-side-menu .re-list .re-list-item .re-list-item-container .re-item-text {
  color: var(--sidemenu-item-text-active);
}
#re-side-menu .re-list .re-list-item .re-list-item-container .re-item-text-selected {
  color: var(--sidemenu-item-text-current);
}
#re-side-menu .re-list .re-list-item .re-list-item-container .re-item-text-disable {
  color: var(--sidemenu-item-text-disabled);
}
/*****************************************************************************************************************************************************
    Profilo utente generale profile.summary

*/
#profile-summary {
  /*tabella*/
}
#profile-summary .re-work-box {
  margin-bottom: 10px;
}
/*****************************************************************************************************************************************************
    Profilo utente concorrenti profile.competitors

*/
#profile-competitors .re-grafico {
  width: 100%;
  height: 100%;
}
/*****************************************************************************************************************************************************
    disponibilità prodotti availability
    tutta la struttura è simile alla new order-material
*/
.re-availability-alert {
  background-color: var(--availability-alert-background);
  color: var(--availability-alert-color);
  padding: 10px;
}
/*****************************************************************************************************************************************************
   Home page dashboard.agency
*/
#agencyGlobal .first-row {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  gap: 20px;
}
#agencyGlobal .first-row .val-item {
  flex-grow: 1;
}
#agencyGlobal .first-row .val-itembig {
  flex-grow: 2;
}
#agencyGlobal .re-titolo {
  font-size: 16px;
  font-weight: 600;
  color: var(--colore-titolo);
}
#agencyGlobal .re-sotto-titolo {
  font-size: 14px;
  font-weight: 400;
  color: var(--colore-sotto-titolo);
}
#agencyGlobal .homebox,
#agencyGlobal .homebox-table {
  display: flex;
  flex-direction: row;
}
#agencyGlobal .homebox .home-icon,
#agencyGlobal .homebox-table .home-icon {
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 10px;
  background-repeat: no-repeat;
}
#agencyGlobal .homebox .re-icon-in-circle,
#agencyGlobal .homebox-table .re-icon-in-circle {
  border-radius: 50%;
  height: 55px;
  width: 55px;
  background: var(--circle-icon-background);
  margin: 0 10px;
  position: relative;
}
#agencyGlobal .homebox .re-icon-in-circle .home-icon,
#agencyGlobal .homebox-table .re-icon-in-circle .home-icon {
  margin: 5px;
  margin-left: 15px;
  position: relative;
  top: 15px;
}
#agencyGlobal .homebox .re-ordinato-ac-icon,
#agencyGlobal .homebox-table .re-ordinato-ac-icon {
  background-image: var(--navbar-icon-ordinatoac);
}
#agencyGlobal .homebox .re-ordinato-ap-icon,
#agencyGlobal .homebox-table .re-ordinato-ap-icon {
  background-image: var(--navbar-icon-ordinatoap);
}
#agencyGlobal .homebox .re-delta-icon,
#agencyGlobal .homebox-table .re-delta-icon {
  background-image: var(--navbar-icon-delta);
}
#agencyGlobal .homebox .re-info-icon,
#agencyGlobal .homebox-table .re-info-icon {
  background-image: var(--navbar-icon-info);
}
#agencyGlobal .homebox .re-table-icon,
#agencyGlobal .homebox-table .re-table-icon {
  background-image: var(--home-icon-tables);
}
#agencyGlobal .homebox-table {
  align-items: center;
}
#agencyGlobal .re-bignumbers {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  height: 55px;
  display: table-cell;
  vertical-align: middle;
}
#agencyGlobal .re-mediumnumbers {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  height: 55px;
  display: table-cell;
  vertical-align: middle;
}
#agencyGlobal .re-colore-ordinato-ac {
  color: var(--colore-ordinato-ac);
}
#agencyGlobal .re-colore-ordinato-ap {
  color: var(--colore-ordinato-ap);
}
#agencyGlobal .re-colore-delta {
  color: var(--colore-delta);
}
#agencyGlobal .re-colore-data {
  color: var(--colore-data);
}
/* Dashboard pagin a promo

    */
#pointsGlobal {
  height: calc(100vh - var(--headerHeight));
  background-color: var(--background-workarea);
  overflow: auto;
}
#pointsGlobal .re-col-left {
  flex: 0 0 60%;
  /* larghezza colonna sinistra*/
}
#pointsGlobal .re-col-right {
  width: 100%;
}
#pointsGlobal .re-work-box {
  height: 100%;
  /*padding-right: 20px;*/
}
#pointsGlobal .re-work-box .colt0 {
  text-align: left;
}
#pointsGlobal .re-work-box .colt1 {
  text-align: left;
}
#pointsGlobal .re-work-box .colt2 {
  text-align: right;
}
#pointsGlobal .re-work-box .colt3 {
  text-align: right;
}
#pointsGlobal .re-work-box .colt4 {
  text-align: right;
  padding-right: 20px;
  /*sistema spazio per scroolbar */
}
/* Dashboard pagina Beta ti Premia

 */
.re-punti-layout {
  display: flex;
  flex-flow: row;
}
.re-workarea-container-middle .re-titolo {
  margin-left: 30px;
}
.re-workarea-container-middle .re-sotto-titolo {
  margin-left: 30px;
}
/* pagina Planning -> Calendar

 */
.re-planning-calendar {
  /*ToDo Marco
        classi per calendario .... quelle che ti serviranno
    */
}
.re-planning-calendar .re-col-left {
  flex: 0 0 70%;
  /* larghezza colonna sinistra*/
}
.re-planning-calendar .re-col-right {
  width: 100%;
  /* dello spazio rimanente*/
}
.re-planning-calendar .retailEventClass {
  background-color: pink !important;
  color: black !important;
  border-color: pink !important;
}
.re-planning-calendar .readonlyRetailEventClass {
  background-color: pink !important;
  color: black !important;
  border-color: black !important;
}
.re-planning-calendar .ghostRetailEventClass {
  background-color: lightpink !important;
  color: black !important;
  border-color: red !important;
}
.re-planning-calendar .retailWithFeedbackEventClass {
  background-color: darkorchid !important;
  color: white !important;
  border-color: darkorchid !important;
}
.re-planning-calendar .readonlyRetailWithFeedbackEventClass {
  background-color: darkorchid !important;
  color: white !important;
  border-color: black !important;
}
.re-planning-calendar .prospectEventClass {
  background-color: lightgreen !important;
  color: black !important;
  border-color: lightgreen !important;
}
.re-planning-calendar .readonlyProspectEventClass {
  background-color: lightgreen !important;
  color: black !important;
  border-color: black !important;
}
.re-planning-calendar .prospectWithFeedbackEventClass {
  color: #fff !important;
  background-color: green !important;
  border-color: green !important;
}
.re-planning-calendar .readonlyProspectWithFeedbackEventClass {
  color: #fff !important;
  background-color: green !important;
  border-color: black !important;
}
.re-planning-calendar .ghostProspectEventClass {
  background-color: lightgreen !important;
  color: black !important;
  border-color: red !important;
}
.re-planning-calendar .customerEventClass {
  background-color: lightblue !important;
  color: black !important;
  border-color: lightblue !important;
}
.re-planning-calendar .readonlyCustomerEventClass {
  background-color: lightblue !important;
  color: black !important;
  border-color: black !important;
}
.re-planning-calendar .ghostCustomerEventClass {
  background-color: lightblue !important;
  color: black !important;
  border-color: red !important;
}
.re-planning-calendar .customerWithFeedbackEventClass {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7 !important;
}
.re-planning-calendar .readonlyCustomerWithFeedbackEventClass {
  color: #fff;
  background-color: #337ab7;
  border-color: black !important;
}
.re-planning-calendar .otherEventClass {
  background-color: lightgray !important;
  color: black !important;
  border-color: lightgray !important;
}
.re-planning-calendar .ghostOtherEventClass {
  color: black !important;
  background-color: lightgray !important;
  border-color: red !important;
}
.re-planning-calendar .full button span {
  background-color: limegreen;
  border-radius: 32px;
  color: black;
}
.re-planning-calendar .partially button span {
  background-color: orange;
  border-radius: 32px;
  color: black;
}
.re-planning-calendar .panel-primary {
  border-color: #CD651C;
}
.re-planning-calendar .panel-primary > .panel-heading {
  color: #fff;
  background-color: #FDA321;
  border-color: #CD651C;
}
.re-planning-calendar .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #CD651C;
}
.re-planning-calendar .panel-primary > .panel-heading .badge {
  color: #FDA321;
  background-color: #fff;
}
.re-planning-calendar .panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #CD651C;
}
.re-planning-calendar div.panel-collapse > div {
  padding: 5px !important;
}
.re-planning-calendar div.panel-group {
  margin-bottom: 5px !important;
}
.re-planning-calendar .re-col-right.re-work-box .input-group .form-control {
  height: 35px;
}
.re-planning-calendar .fc-state-default {
  background-color: unset;
  background-image: none !important;
  background-repeat: repeat-x;
  border-color: unset;
  color: unset;
  text-shadow: none !important;
  box-shadow: none !important;
}
.re-planning-calendar button.fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
  background: #f5f5f5 !important;
  background-image: none !important;
  color: #66B4C5;
  font-weight: 700;
}
.re-planning-calendar button.fc-agendaWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
  background: #f5f5f5 !important;
  background-image: none !important;
  color: #52A03A;
  font-weight: 700;
}
.re-planning-calendar button.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
  background: #f5f5f5 !important;
  background-image: none !important;
  color: #FF7600;
  font-weight: 700;
}
span.re-icon-button {
  display: block;
  width: fit-content;
  float: left;
  margin: 0 5px;
}
/* pagina Planning -> Clienti potenziali

 */
#re-planning-customers {
  width: 100%;
  height: 100%;
  border: 0px;
  margin-left: auto;
  margin-right: auto;
  /* riga tabella con cliente "nascosto*/
  /*
    td th {
        height: 50px;
        width: 50px;
    }

    .centeredTable td th {
        text-align: center;
        vertical-align: middle;
    }*/
}
#re-planning-customers .re-riga-header {
  display: flex;
  align-items: center;
}
#re-planning-customers .re-riga-header .re-export-button {
  margin-left: auto;
}
#re-planning-customers .re-riga-header .re-vedi-nascondi {
  margin: auto;
}
#re-planning-customers .re-upper-area {
  width: 100%;
}
#re-planning-customers .re-lower-area {
  width: 100%;
}
#re-planning-customers re-footer {
  /*height: 40%;*/
}
#re-planning-customers .re-form-rounded-button-notfilled {
  padding: 0px 15px 0px 15px;
}
#re-planning-customers .re-nascosto {
  color: var(--table-grid-disabled-row-color);
}
/*
 re-planning-reports
*/
.re-planning-reports .re-icon-spacing {
  padding-left: 15px;
}
/* pagina dashboard.BU

 */
#buGlobal .panel {
  margin-bottom: 0;
}
#buGlobal div.buColumn {
  width: 33.33333333%;
  padding: 5px 10px;
}
#buGlobal .buColumn.item-0 {
  margin-top: 10px;
}
#buGlobal .buColumn.item-1 {
  margin-top: 10px;
}
#buGlobal .buColumn.item-2 {
  margin-top: 10px;
}
#buGlobal .buColumn.item-3 {
  margin-bottom: 10px;
}
#buGlobal .buColumn.item-4 {
  margin-bottom: 10px;
}
#buGlobal .buColumn.item-5 {
  margin-bottom: 10px;
}
/* agenda.calendar


*/
.re-agenda-calendar-btn-group {
  width: 200px;
}
#agenda-calendar .availableSlotEventClass {
  background-color: lightgreen !important;
  color: black !important;
  border-color: lightgreen !important;
  cursor: pointer;
}
#agenda-calendar .evtSlot {
  font-weight: bold;
}
#agenda-calendar .partiallyAvailableSlotEventClass {
  background-color: lightyellow !important;
  color: black !important;
  border-color: gray !important;
  cursor: pointer;
}
#agenda-calendar .fullSlotEventClass {
  background-color: pink !important;
  color: black !important;
  border-color: pink !important;
  cursor: pointer;
}
#agenda-calendar .ownMorningReservationEventClass {
  background-color: lightblue !important;
  color: black !important;
  border-color: lightblue !important;
  cursor: pointer;
}
#agenda-calendar .ownAfternoonReservationEventClass {
  background-color: lightblue !important;
  color: black !important;
  border-color: lightblue !important;
  cursor: pointer;
}
#agenda-calendar .otherMorningReservationEventClass {
  background-color: lightgray !important;
  color: black !important;
  border-color: lightgray !important;
}
#agenda-calendar .otherAfternoonReservationEventClass {
  color: black !important;
  background-color: lightgray;
  border-color: lightgray !important;
}
#agenda-calendar .full button span {
  background-color: limegreen;
  border-radius: 32px;
  color: black;
}
#agenda-calendar .partially button span {
  background-color: orange;
  border-radius: 32px;
  color: black;
}
#agenda-calendar .panel-primary {
  border-color: #CD651C;
}
#agenda-calendar .panel-primary > .panel-heading {
  color: #fff;
  background-color: #FDA321;
  border-color: #CD651C;
}
#agenda-calendar .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #CD651C;
}
#agenda-calendar .panel-primary > .panel-heading .badge {
  color: #FDA321;
  background-color: #fff;
}
#agenda-calendar .panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #CD651C;
}
#agenda-calendar div.panel-collapse > div {
  padding: 5px !important;
}
#agenda-calendar div.panel-group {
  margin-bottom: 5px !important;
}
/*
    Finestra selezione cliente
*/
.customerselection ul.fakeTable {
  border-radius: 10px;
}
/*
    dashboard productFamiles
*/
#productFamiliesGlobal {
  width: 100%;
  /*/height: calc(100vh - var(--headerHeight)); */
  overflow-y: hidden;
}
#productFamiliesGlobal re-footer {
  height: 25%;
}
#productFamiliesGlobal re-footer .re-work-box {
  height: 100%;
  padding-right: 20px;
}
#productFamiliesGlobal re-footer .re-work-box .colt0 {
  text-align: left;
}
#productFamiliesGlobal re-footer .re-work-box .colt1 {
  text-align: left;
}
#productFamiliesGlobal re-footer .re-work-box .colt2 {
  text-align: right;
}
#productFamiliesGlobal re-footer .re-work-box .colt3 {
  text-align: right;
}
#productFamiliesGlobal re-footer .re-work-box .colt4 {
  text-align: right;
  padding-right: 20px;
  /*sistema spazio per scroolbar */
}
#promoGlobal h1 {
  margin-bottom: 30px;
}
/* alert, info ed avvisi sin genere

*/
.avviso {
  margin: 50px 10px;
  line-height: 50px;
}
.avviso .icona-info {
  width: 50px;
  height: 50px;
  float: left;
  background-image: var(--icon-info);
  margin-right: 20px;
}
.re-grid-icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}
.re-grid-editIcon {
  background-image: var(--icon-edit);
}
.re-grid-okIcon {
  background-image: var(--icon-ok);
}
.re-grid-okblockedIcon {
  background-image: var(--icon-ok-blocked);
}
.re-grid-warningIcon {
  background-image: var(--icon-warning);
}
.re-grid-okwarningIcon {
  background-image: var(--icon-ok-warning);
}
.re-grid-promoIcon {
  background-image: var(--icon-promo);
}
.re-grid-promowarningIcon {
  background-image: var(--icon-promo-warning);
}
.re-grid-errorIcon {
  background-image: var(--icon-error);
}
.re-grid-deleteIcon {
  background-image: var(--icon-delete);
}
.re-grid-refreshIcon {
  background-image: var(--icon-refresh);
}
.re-grid-truckIcon {
  background-image: var(--icon-truck);
}
.re-grid-truckwarningIcon {
  background-image: var(--icon-truck-warning);
}
.re-grid-boxIcon {
  background-image: var(--icon-box);
}
.re-grid-boxwarningIcon {
  background-image: var(--icon-box);
}
.re-grid-mailIcon {
  background-image: var(--icon-mail);
}
.re-grid-documentsIcon {
  background-image: var(--icon-documents);
}
.re-grid-eyeopenedIcon {
  background-image: var(--icon-eyeopened);
}
.re-grid-eyeclosedIcon {
  background-image: var(--icon-eyeclosed);
}
.re-grid-infoIcon {
  background-image: var(--icon-info);
}
.re-grid-newIcon {
  background-image: var(--icon-new);
}
.re-grid-mapIcon {
  background-image: var(--icon-map);
}
/*
    Griglia Documenti

*/
.ngGroupName {
  background-color: var(--ngGroupPanel-background);
  border: 1px solid #eee;
  color: #fff;
  margin-left: 5px;
}
/*
    Popup di verifica prezzi in new order 


*/
#re-neworder-infoprice .re-riga-messaggi {
  margin-bottom: 5px;
}
/* icone nei vari popup di verifica


*/
.icona-warning {
  width: 30px;
  height: 30px;
  background-image: var(--icon-warning);
  background-size: contain;
  background-repeat: no-repeat;
}
.icona-errore {
  width: 30px;
  height: 30px;
  background-image: var(--icon-error);
  background-size: contain;
  background-repeat: no-repeat;
  background-size: auto calc(100% - 8px);
  background-position: right 4px center;
}



@media (max-width: 1100px) {
    .re-navbar .re-loggedinfo {
        display: none;
    }

    .re-navbar .re-navbar-customer-testi-riga1 {
        max-width: 200px;
        font-size: 12px;
        line-height: 14px
    }

    /*#re-side-menu .re-header .re-logo {
        display:none;
    }*/
    #re-side-menu .re-loggedinfo {
        display: block;
        margin-left: 15px;
        flex: 1;
    }

        #re-side-menu .re-loggedinfo .re-testi {
            color: var(--sidemenu-item-text-active);
            max-width: 200px;
            font-size: 13px;
            padding: 0;
            margin: 10px 0;
            line-height: 10px;
        }

            #re-side-menu .re-loggedinfo .re-testi .re-riga1 {
                font-weight: bolder;
            }

            #re-side-menu .re-loggedinfo .re-testi .re-riga2 {
                font-weight: normal;
            }

    #agencyGlobal .re-table-grid th {
        font-size: 10px;
        letter-spacing: 0.5px;
    }

    #agencyGlobal .re-table-grid tr td {
        font-size: 12px;
        padding: 2px;
    }
}

.no-modal-footer-border {
    border-top: 1px solid #e5e5e5;
}

.salesflow-footer {
    text-align: left;
}

.tb_sfprep_row2_td {
    border: none !important;
}