:root {
  --colLight: #FFFFFF;
  --colDark: #333333;
  --colbgLight: #FFFFFF;
  --colbgDark: #333333;
  --colAccentOne: #003434; /*#222222;*/
  --colAccentOneVariant: #2E2222;
  --colAccentTwo: #00957A; /*#F04B48;*/
  --colAccentTwoVariant: #003434; /*#550807;*/
  --colAccentThree: #003434;/*#F04B48;*/
  --colAccentThreeVariant: #550807;
  --colgreyOne: #E9E9E9;
  --colgreyTwo: #BDBDBD;
  --colgreyThree: #808080;
  --colgreyFour:#333333;
  --colgreyFive: #000000;
  --ColSuccess: #45BA3C;
  --ColError: #AE1F1F;
  --ColWarning: #FF9800;
  --colProdTitle: #333333;
  --colEndPrice: #3E3E3E;
  --colPrevPrice: #808080;
  --colPageTitle: #4F4F4F;
  --colBgForm: #F2F2F2;
  --colgreyBorder: #BDBDBD;
  --colTargetBar: #BDBDBD;
  --colConnectBar: #333333;
  --colHandle: #333333;
}

/*body {
  font-family: "Poppins", sans-serif !important;
}

h1, h2, h3, p, span, a {
  font-family: "Poppins", sans-serif !important;
}*/

.test{
	color:black !important;
	background-color:red !important;
}

.basket-section .items-list .product-item .product-features .product-quantity {
	width: 16%;
}

.basket-section .items-list .product-item .product-features .product-format {
	width: 16%;
	margin-right: 6px;
}

.basket-section .items-list .product-item .product-features .product-format .form-group .form-control {
    width: 80px;
    height: 60px;
}

.productSheet .product-section .product-info .product-variants-wrapper.delimiter .product-add .product-unimis-reabooking {
    margin-bottom: 0px;
}

.productSheet .product-section .product-info .product-variants-wrapper .product-add .product-unimis-reabooking {
    margin-bottom: 0px;
    width: 100%;
    height: 44px;
    font-size: 14px;
    /*background-color: var(--colgreyTwo);*/
    border: 1px solid var(--colgreyTwo);
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-box-ordinal-group: 1;
    order: 0;
    opacity: 1;
}

.reabooking-codicefiscale {
	text-transform: uppercase;
}

.rebooking-icon-print {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-family: "icons8_win10";
    font-size: 25px;
    line-height: 30px;
}

.rebooking-icon-print::after {
    content: "\f3fd";
}

.rebooking-icon-print.active::after {
    color: var(--colAccentTwo);
    content: "\f3fd";
}

.rebooking-schecli-icon-pay {
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-family: "icons8_win10";
    font-size: 25px;
    line-height: 30px;
	color: black;
}

.rebooking-schecli-icon-pay::after {
    content: "\e95a";
}

.rebooking-schecli-icon-pay.active::after {
    color: var(--colAccentTwo);
    content: "\e95a";
}

.rebooking-schecli-icon-renew {
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-family: "icons8_win10";
    font-size: 25px;
    line-height: 30px;
	color: black;
}

.rebooking-schecli-icon-renew::after {
    content: "\ee78";
}

.rebooking-schecli-icon-renew.active::after {
    color: var(--colAccentTwo);
    content: "\ee78";
}

.rebooking-schecli-icon-sede {
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-family: "icons8_win10";
    font-size: 25px;
    line-height: 30px;
	color: black;
}

.rebooking-schecli-icon-sede::after {
    content: "\f646";
}

.rebooking-schecli-icon-sede.active::after {
    color: var(--colAccentTwo);
    content: "\f646";
}

.rebooking-schecli-icon-contratto {
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-family: "icons8_win10";
    font-size: 25px;
    line-height: 30px;
	color: black;
}

.rebooking-schecli-icon-contratto::after {
    content: "\f252";
}

.rebooking-schecli-icon-contratto.active::after {
    color: var(--colAccentTwo);
    content: "\f646";
}

.rebooking-schecli-icon-contratto-firmato {
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-family: "icons8_win10";
    font-size: 25px;
    line-height: 30px;
	color: #00957A;
}

.rebooking-schecli-icon-contratto-firmato::after {
    content: "\f252";
}

.rebooking-schecli-icon-contratto-firmato.active::after {
    color: #00957A;
    content: "\f646";
}

.rebooking-schecli-icon-print {
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-family: "icons8_win10";
    font-size: 25px;
    line-height: 30px;
	color: black;
}

.rebooking-schecli-icon-print::after {
    content: "\f3fa";
}

.rebooking-schecli-icon-print.active::after {
    color: var(--colAccentTwo);
    content: "\f646";
}

.rebooking-schecli-icon-recesso {
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-family: "icons8_win10";
    font-size: 25px;
    line-height: 30px;
	color: black;
}

.rebooking-schecli-icon-recesso::after {
    content: "\ed93";
}

.rebooking-schecli-icon-recesso.active::after {
    color: var(--colAccentTwo);
    content: "\ed93";
}

.rebooking-schecli-icon-riconsegnato {
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-family: "icons8_win10";
    font-size: 25px;
    line-height: 30px;
	color: black;
}

.rebooking-schecli-icon-riconsegnato::after {
    content: "\eac3";
}

.rebooking-schecli-icon-riconsegnato.active::after {
    color: var(--colAccentTwo);
    content: "\eac3";
}

/* Modifico iconca carrello modifica pagamento e sede di consegna */
.checkout-section .checkout-functions .checkout-box .icon-modify::after {
	content: "\f110";
}

.checkout-section .checkout-functions .checkout-box .icon-modify.active::after {
    color: var(--colAccentTwo);
    content: "\f110";
}

/* Gestione cella colorata traccibilità in area personale ordini - INIZIO*/
.myorder .grid_cell.red,
.myorder .grid_cell.yellow,
.myorder .grid_cell.green {
width: 10px;
min-width: 0;
padding: 0;
}
.myorder .grid_cell.red {
background: red;
}
.myorder .grid_cell.yellow {
background: yellow;
}
.myorder .grid_cell.green {
background: green;
}

/* Dimensioni celle intestazione faccio spazio per la colonna provvigioni */
.myorder .traceOrder .box.boxTitleRepeat .lblArt_ctrl {
width: calc(100% - 450px) !important;
padding-left: 20px;
}
.myorder .traceOrder .box.boxTitleRepeat .label4_ctrl,
.myorder .traceOrder .box.boxTitleRepeat .Quantità_ctrl,
.myorder .traceOrder .box.boxTitleRepeat .label6_ctrl {
width: 100px !important;
}

/* Dimensioni celle righe faccio spazio per la colonna provvigioni */
.myorder .traceOrderItem .lblDesArt_ctrl,
.myorder .traceOrderItem .lblDesArtText_ctrl {
display: flex;
align-items: center;
width: calc(100% - 450px) !important;
padding-left: 20px;
white-space: break-spaces;
}
.myorder .traceOrderItem .lblPrice_ctrl,
.myorder .traceOrderItem .lblQta_ctrl,
.myorder .traceOrderItem .lblTot_ctrl {
width: 100px !important;
line-height: 40px;
}

/* Gestione cella colorata traccibilità in area personale ordini - FINE*/

/* Definisco lo stile per la griglia della scheda cliente Rebooking - INIZIO*/
.reabooking.Grid_ctrl thead .grid_cell_title {
  font-size: 15px;
}

.reabooking.Grid_ctrl tbody .grid_cell {
  font-size: 13px;
}
/* Definisco lo stile per la griglia della scheda cliente Rebooking - FINE*/

/* Elenco prodotti - INIZIO */
.rb-products-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 2px; /* Spazio tra righe */
}

.rb-products-table-header {
    background-color: #e0e0e0;
}

.rb-cell,
.rb-header-cell {
    padding: 5px 5px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    text-align: left;
}

.rb-header-cell {
    background-color: #e0e0e0;
}

.rb-row .rb-cell + .rb-cell {
    /*padding-left: 40px;*/ /* Spazio tra colonne */
}

/* Elenco prodotti - FINE */

/* Banner inizio pagina - INIZIO */
.promo-banner {
  background-color: var(--colAccentOne);
  padding: 0px 0;
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: white;
}

.promo-banner-content {
  display: flex;
  justify-content: space-evenly; /* 👈 Spazi uguali tra e ai lati */
  align-items: center;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}

.promo-banner-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25%; /* 👈 Tutti i blocchi con larghezza uguale */
  min-width: 180px;
  box-sizing: border-box;
  padding: 5px;
}

.promo-banner-item img {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.promo-banner-item span {
  color: white;
}

/* Responsive: stack verticale e centrato */
@media (max-width: 768px) {
  .promo-banner-content {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .promo-banner-item {
    width: 100%;
    justify-content: center;
  }

  .promo-banner-item span {
    text-align: center;
  }
}
/* Banner inizio pagina - FINE */

.rb-schedacli-button {
	border-radius: 0;
    background: var(--colAccentOne);
    font-family: "Oswald", "Open Sans", Arial, Helvetica, sans-serif;
    color: var(--colLight);
    text-transform: uppercase;
    padding: 10px 20px;
    outline: none;
    border: none;
    padding: 20px 20px;
    font-size: 15px;
    /*line-height: 36px;*/
    font-weight: 600;
}

.rb-schedacli-title h1 {
    color: var(--colDark);
    font-size: 28px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: left;
}

.myorder .traceOrder .boxCons {
    clear: right !important;
}

.logo-bar .col-logo img
{
	height: auto !important;
}

.main-home {
	/*background: linear-gradient(0deg, #013434 70%, #013434 70%);*/
	background: linear-gradient(0deg, #013434 70%, var(--colbgLight) 70%);
}

/* Applica il background alla riga del titolo */
.aarb_fe_gadget_schecli_portlet .grid_row_title {
  background-color: #00957A; 
}

.aarb_fe_gadget_schecli_portlet .grid_table thead {
  background-color: #00957A !important; 
}

.aarb_fe_gadget_schecli_portlet .grid_row_title td {
  background-color: #00957A; 
  color: var(--colLight);
}