.simpleCart_items {
	margin: 0px;
  padding: 0;
	width: 100%;
}
.simpleCart_items table{
		border: 1px solid black;
    table-layout: fixed;
    /* box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.31); */
		margin: auto;
	  border-collapse: collapse;
	  overflow-x: auto;
	  display: block;
	  width: fit-content;
}

.simpleCart_items table thead{
        color: black;
        background-color: #ffd200;
}

.simpleCart_items table thead th{
        padding: 5px;
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #000000;
}

.simpleCart_items table tbody{
        background-color: white;
}

.simpleCart_items table tbody td{
        padding: 5px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #ccc;
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: #ccc;
        vertical-align: middle;
        color:#000;
        font-size: 14px;
}

.simpleCart_items table tbody tr:last-child td {
        border-bottom-style: none;
}

.simpleCart_items .item-quantity {
        text-align: right;
}

.simpleCart_items .item-price  {
        text-align: right;
}

.simpleCart_items .item-total {
        text-align: right;
}

.simpleCart_items .item-name {
        /* width: 400px; */
}

.simpleCart_items .item-thumb {
    text-align:center;
}


.simpleCart_items table tbody a {
        color: black;


}

.simpleCart_items table img{
        width: 80px;
}

.ResumCarrito {
		width: 80%;
    padding: 0px 25px 10px 0px;
    text-align: right;
}

.ResumCarrito table {
       margin-left: auto;
       text-align: right;
       /* box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.31); */
       padding: 25px;

}

.ResumCarrito table tr td{
       width: 50px;
       text-align: right;
       padding: 15px;
}

.BotonsCarrito {
    padding: 0px 25px 25px 0px;
    text-align: right;
}

.icoCarrito{
    border-radius: 2px;
    width: 25px; height: 25px;
    margin: 5px;
    cursor: pointer;
    background:   url(../IMG/bag-ico.png) 50%  no-repeat;
    background-size: 25px 25px;
    -webkit-transition:background-color 0.3s ease-in;
    -moz-transition:background-color 0.3s ease-in;
    -o-transition:background-color 0.3s ease-in;
    transition:background-color 0.3s ease-in;
}

.icoCarrito:hover{
	background-color: #039fd3;
}

.ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0 !Important;
}
.ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0 !Important;
}
.ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0 !Important;
}
.ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0 !Important;
}

/* Aquests camps no s'han de veure en el resum */
.item-familia {display: none;}
.item-preus_noiva {display: none;}
.itemRow .item-increment {font-family: 'Rubik Mono One', sans-serif; font-size: 20px;}
.itemRow .item-decrement {font-family: 'Rubik Mono One', sans-serif; font-size: 20px;}

/* .itemRow .item-remove {font-family: 'Rubik Mono One', sans-serif; font-size: 20px;}
.itemRow .item-remove {background-image: url("https://www.comprarordenador.com/9Program/xCO/IMG/papelera20x20.png");}
.itemRow .item-remove {background-repeat: no-repeat;}
.itemRow .item-remove {background-position: center;} */


/*
-----------------------------------------------------------------------------------------
	format div
-----------------------------------------------------------------------------------------
 */


/* CARRITO A PÀGINA COMPLETA carrito.html*/
.simpleCart_items div .itemRow {width: 100%; clear: both; border-top: 1px solid #ddd; margin-top: -20px; padding-top: 30px; padding-left: 10px;}
.simpleCart_items div .headerRow {display: none;}
.simpleCart_items div .item-thumb {width: 75%;}
.simpleCart_items div .item-thumb img{	width: 100%;}
.simpleCart_items div .item-code {width: 100%; padding-top: 25px; color: var(--ColorText);}
.simpleCart_items div .item-code::before {content: "Código Artículo: ";}
.simpleCart_items div .item-name {width: 100%; padding-top: 15px; font-size: 25px; font-weight: bold; overflow-wrap: break-word;}
.simpleCart_items div .item-familia {display: none; float: left; padding: 25px;}
.simpleCart_items div .item-preus_noiva {display: none;}
.simpleCart_items div .item-price  {float: left; text-align: right; padding-right: 20px; margin-top: 10px; width: 39%; font-size: 20px;}
.simpleCart_items div .item-price::before { content: 'Precio\A'; white-space: pre;}  /* /A i white-space: pre; crea un salt de línia */
.simpleCart_items div .item-quantity   {font-size: 20px; float: left; margin-top: 18px; width: 7%; border: 1px solid #aaa;  border-bottom: 2px solid #aaa; background-color: #ddd; padding-top: 3px; padding-bottom: 5px; padding-right: 4px;}
.simpleCart_items div .item-decrement  {font-size: 26px; float: left; margin-top: 18px; width: 7%; border: 1px solid #aaa; text-align: center;}
.simpleCart_items div .item-increment  {font-size: 26px; float: left; margin-top: 18px; width: 7%; border: 1px solid #aaa; text-align: center;}
.simpleCart_items div .item-total  {float: left; text-align: left; padding-left: 20px; margin-top: 10px; width: 40%; font-size: 20px;}
.simpleCart_items div .item-total::before { content: 'Suma\A'; white-space: pre;}  /* /A i white-space: pre; crea un salt de línia */
.simpleCart_items div .item-remove {float: left; text-align: left; margin: 10px 0px; width: 100%;}
.simpleCart_items div .item-remove::before {content: "Eliminar: ";}

@media screen and (min-width:600px) {
	.simpleCart_items div .item-price  {float: left; text-align: right; padding-right: 20px; margin-top: 10px; width: 19%; font-size: 20px;}
	.simpleCart_items div .item-quantity   {font-size: 20px; float: left; margin-top: 18px; width: 7%; border: 1px solid #aaa;  border-bottom: 2px solid #aaa; background-color: #ddd; padding-top: 3px; padding-bottom: 5px; padding-right: 4px;}
	.simpleCart_items div .item-decrement  {font-size: 26px; float: left; margin-top: 18px; width: 7%; border: 1px solid #aaa; text-align: center;}
	.simpleCart_items div .item-increment  {font-size: 26px; float: left; margin-top: 18px; width: 7%; border: 1px solid #aaa; text-align: center;}
	.simpleCart_items div .item-total  {float: left; text-align: left; padding-left: 20px; margin-top: 10px; width: 40%; font-size: 20px;}
	.simpleCart_items div .item-remove {float: left; text-align: left; margin: 10px 0px 25px 0px; width: 20%;}
	.simpleCart_items div .item-remove::before {content: 'Eliminar\A'; white-space: pre;}
}

@media screen and (min-width:900px) {
	.simpleCart_items div .item-thumb {width: 25%; float: left; text-align: left; padding-bottom: 60px;}
	.simpleCart_items div .item-code  {width: 75%; float: left; text-align: left; padding-left: 10px; padding-top: 0px;}
	.simpleCart_items div .item-name  {width: 75%; float: left; text-align: left; padding-left: 10px;}
	.simpleCart_items div .item-price  {width: 10%; float: left;}
	.simpleCart_items div .item-quantity   {width: 5%; float: left;}
	.simpleCart_items div .item-decrement  {width: 5%; float: left;}
	.simpleCart_items div .item-increment  {width: 5%; float: left;}
	.simpleCart_items div .item-total  {width: 15%; float: left;}
	.simpleCart_items div .item-remove {width: 35%; float: left;}
}


/* CARRITO A DINS DE LA CAIXA stackbox*/
.stackbox-body .simpleCart_items div .itemRow {width: 100%; clear: both; border-top: 1px solid #ddd; margin-top: -20px; padding-top: 30px; padding-left: 10px;}
.stackbox-body .simpleCart_items div .headerRow {display: none;}
.stackbox-body .simpleCart_items div .item-thumb {width: 75%;}
.stackbox-body .simpleCart_items div .item-thumb img{	width: 100%;}
.stackbox-body .simpleCart_items div .item-code {width: 100%; padding-top: 25px; color: var(--ColorText);}
.stackbox-body .simpleCart_items div .item-code::before {content: "Código Artículo: ";}
.stackbox-body .simpleCart_items div .item-name {width: 100%; padding-top: 15px; font-size: 25px; font-weight: bold; overflow-wrap: break-word;}
.stackbox-body .simpleCart_items div .item-familia {display: none; float: left; padding: 25px;}
.stackbox-body .simpleCart_items div .item-preus_noiva {display: none;}
.stackbox-body .simpleCart_items div .item-price  {float: left; text-align: right; padding-right: 20px; margin-top: 10px; width: 39%; font-size: 20px;}
.stackbox-body .simpleCart_items div .item-price::before { content: 'Precio\A'; white-space: pre;}  /* /A i white-space: pre; crea un salt de línia */
.stackbox-body .simpleCart_items div .item-quantity   {font-size: 20px; float: left; margin-top: 18px; width: 7%; border: 1px solid #aaa;  border-bottom: 2px solid #aaa; background-color: #ddd; padding-top: 3px; padding-bottom: 5px; padding-right: 4px;}
.stackbox-body .simpleCart_items div .item-decrement  {font-size: 26px; float: left; margin-top: 18px; width: 7%; border: 1px solid #aaa; text-align: center;}
.stackbox-body .simpleCart_items div .item-increment  {font-size: 26px; float: left; margin-top: 18px; width: 7%; border: 1px solid #aaa; text-align: center;}
.stackbox-body .simpleCart_items div .item-total  {float: left; text-align: left; padding-left: 20px; margin-top: 10px; width: 40%; font-size: 20px;}
.stackbox-body .simpleCart_items div .item-total::before { content: 'Suma\A'; white-space: pre;}  /* /A i white-space: pre; crea un salt de línia */
.stackbox-body .simpleCart_items div .item-remove {float: left; text-align: left; margin: 10px 0px; width: 100%;}
.stackbox-body .simpleCart_items div .item-remove::before {content: "Eliminar: ";}

@media screen and (min-width:600px) {
	.stackbox-body .simpleCart_items div .item-price  {float: left; text-align: right; padding-right: 20px; margin-top: 10px; width: 19%; font-size: 20px;}
	.stackbox-body .simpleCart_items div .item-quantity   {font-size: 20px; float: left; margin-top: 18px; width: 7%; border: 1px solid #aaa;  border-bottom: 2px solid #aaa; background-color: #ddd; padding-top: 3px; padding-bottom: 5px; padding-right: 4px;}
	.stackbox-body .simpleCart_items div .item-decrement  {font-size: 26px; float: left; margin-top: 18px; width: 7%; border: 1px solid #aaa; text-align: center;}
	.stackbox-body .simpleCart_items div .item-increment  {font-size: 26px; float: left; margin-top: 18px; width: 7%; border: 1px solid #aaa; text-align: center;}
	.stackbox-body .simpleCart_items div .item-total  {float: left; text-align: left; padding-left: 20px; margin-top: 10px; width: 40%; font-size: 20px;}
	.stackbox-body .simpleCart_items div .item-remove {float: left; text-align: left; margin: 10px 0px 25px 0px; width: 20%;}
	.stackbox-body .simpleCart_items div .item-remove::before {content: 'Eliminar\A'; white-space: pre;}
}