.ngpluginparashopcart table { border-collapse: collapse; margin: 0; width: 100%; } .ngpluginparashopcart table tbody tr { transition: opacity 0.5s; } .ngpluginparashopcart table td { margin: 0; padding: 10px; vertical-align: top; } .ngpluginparashopcart table tbody td { padding-bottom: 15px; padding-top: 15px; } .ngpluginparashopcart table tbody td ul { font-size: 80%; font-size-adjust: none; list-style: none; margin: 5px 0; padding: 0; } .ngpluginparashopcart table tbody td ul li { padding: 1px 0; margin: 0; } .ngpluginparashopcart .ngshopcartitemproductwithpicture img { width: 120px; height: 120px; display: block; border: 0; float: left; } .ngpluginparashopcart .ngshopcartitemproductwithpicture>div { margin-left: 140px; } .ngpluginparashopcart .ngshopcartitemdelete a:hover { background-position: 0 -20px; } .ngpluginparashopcart h3 span { font-weight: normal; } .ngpluginparashopcart .ngshopcartitemproductwithpicture h3, .ngpluginparashopcart .ngshopcartitemproductwithpicture p { margin: 0 0 10px 0; } .ngpluginparashopcart .ngshopcartitemproductwithpicture::after { content: ""; display: table; clear: both; } .ngpluginparashopcart .ngshopcartitemerror { color: #a65856; } .ngpluginparashopcart input[type=number], .ngpluginparashopcart .ngshopcartpanelcoupons input[type=text] { border-color: #f1eeeb; border-width: 1px; border-style: solid; padding: 4px; background: #ffffff; font: 15px 'Open Sans',Verdana,Helvetica,sans-serif; color: #464646; box-shadow: 3px 3px 3px rgba(0,0,0,0.0); border-radius: 0px; width: 90px; box-sizing: border-box; display: block; margin: 0; -webkit-appearance: none; } .ngpluginparashopcart .ngshopcartitemtotalprice { white-space: nowrap; padding: 15px 15px 15px 15px; text-align: right; } .ngpluginparashopcart .ngshopcartitemdelete { padding: 15px 15px 15px 15px; text-align: right; } .ngpluginparashopcart .ngshopcartitemdelete a { display: inline-block; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2240%22%20viewBox%3D%220%200%2020.00%2040.00%22%20enable-background%3D%22new%200%200%2020.00%2040.00%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M%206.46447%2C5.05025L%2010%2C8.58578L%2013.5355%2C5.05025L%2014.9497%2C6.46447L%2011.4142%2C10L%2014.9497%2C13.5355L%2013.5355%2C14.9497L%2010%2C11.4142L%206.46447%2C14.9497L%205.05025%2C13.5355L%208.58579%2C10L%205.05025%2C6.46447L%206.46447%2C5.05025%20Z%20%22%2F%3E%3Cpath%20fill%3D%22%23a65856%22%20d%3D%22M%2010%2C21C%2014.9706%2C21%2019%2C25.0294%2019%2C30C%2019%2C34.9706%2014.9706%2C39%2010%2C39C%205.02944%2C39%201%2C34.9706%201%2C30C%201%2C25.0294%205.02944%2C21%2010%2C21%20Z%20M%206.46447%2C25.0503L%205.05025%2C26.4645L%208.58579%2C30L%205.05025%2C33.5355L%206.46447%2C34.9497L%2010%2C31.4142L%2013.5355%2C34.9497L%2014.9497%2C33.5355L%2011.4142%2C30L%2014.9497%2C26.4645L%2013.5355%2C25.0503L%2010%2C28.5858L%206.46447%2C25.0503%20Z%20%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat 0 0; } .ngpluginparashopcart thead th { font-size: 100%; font-weight: normal; padding: 10px; text-align: left; line-height: 1; } .ngpluginparashopcart tbody tr:first-child td { border-top: 1px solid #f1eeeb; } .ngpluginparashopcart tbody tr:last-child td { border-bottom: 1px solid #f1eeeb; } .ngpluginparashopcart tfoot td { text-align: right; } .ngpluginparashopcart p.ngpluginparashopcartinfo, .ngpluginparashopcart p.ngpluginparashopcartcoupon { font-size: 90%; } .ngpluginparashopcartcoupon { margin: 20px 0; } .ngpluginparashopcart .ngshopcarttotalpriceblabel, .ngpluginparashopcart .ngshopcarttotalpriceb { font-weight: bold; } .ngpluginparashopcart ngshopcartitemtotalprice { text-align: right; } .ngpluginparashopcart .ngshopcartpanelbuttons button, .ngpluginparashopcart .ngshopcartpanelcoupons input[type=submit] { border-color: #666463; border-width: 1px; border-style: solid; padding: 8px 16px 8px 16px; background: #666463; font: 15px 'Open Sans',Verdana,Helvetica,sans-serif; color: #ffffff; text-transform: uppercase; box-shadow: 3px 3px 3px rgba(0,0,0,0.0); border-radius: 0px; display: block; cursor: pointer; outline: none; -webkit-appearance: none; box-sizing: border-box; margin: 0; } .ngpluginparashopcart .ngshopcartpanelbuttons button:hover, .ngpluginparashopcart .ngshopcartpanelcoupons input[type=submit]:hover { border-color: #7f614c; background: #7f614c; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngpluginparashopcart .ngshopcartpanelcoupons { display: flex; margin: 0 0 20px 0; } .ngpluginparashopcart h2 { margin-top: 40px; } .ngpluginparashopcart .ngshopcartpanelcoupons input[type=text] { flex-grow: 1; margin-right: 10px; } .ngpluginparashopcart .ngshopcartrefresh { float: left; } .ngpluginparashopcart .ngshopcartcheckout { float: right; } .ngpluginparashopcart .ngshopcartpanelbuttons { margin: 40px 0 20px 0; } .ngpluginparashopcart .ngshopcartpanelbuttons::after { content: ""; display: table; clear: both; } @media (max-width: 767px) { .ngpluginparashopcart table, .ngpluginparashopcart tr, .ngpluginparashopcart td, .ngpluginparashopcart th, .ngpluginparashopcart tfoot, .ngpluginparashopcart tbody { display: block; } .ngpluginparashopcart thead tr { display: none; } .ngpluginparashopcart .ngshopcartitemquantity { width: 45%; float: left; box-sizing: border-box; } .ngpluginparashopcart .ngshopcartitemtotalprice { width: 45%; float: left; box-sizing: border-box; padding-left: 5px; padding-right: 5px; } .ngpluginparashopcart .ngshopcartitemdelete { width: 10%; float: left; box-sizing: border-box; padding-left: 5px; padding-right: 5px; } .ngpluginparashopcart tr::after { content: ""; display: table; clear: both; } .ngpluginparashopcart table tbody td { padding-bottom: 0px; } .ngpluginparashopcart table tbody td.ngshopcartitemquantity, .ngpluginparashopcart table tbody td.ngshopcartitemtotalprice, .ngpluginparashopcart table tbody td.ngshopcartitemdelete { padding-bottom: 20px; } .ngpluginparashopcart .ngshopcartitemproductwithpicture img { width: 80px; height: 80px; } .ngpluginparashopcart .ngshopcartitemproductwithpicture>div { margin-left: 100px; } .ngpluginparashopcart tbody tr:first-child td, .ngpluginparashopcart tbody tr:last-child td , .ngpluginparashopcart tfoot td { border-top: none; border-bottom: none; } .ngpluginparashopcart tbody tr { border-top: 1px solid #f1eeeb; } .ngpluginparashopcart tbody tr:last-child { border-bottom: 1px solid #f1eeeb; } .ngpluginparashopcart tfoot td { width: 50%; float: left; box-sizing: border-box; } .ngpluginparashopcart tfoot td:last-child { display: none; } .ngpluginparashopcart tfoot td:first-child { text-align: left; } .ngpluginparashopcart .ngshopcartpanelbuttons .ngshopcartrefresh, .ngpluginparashopcart .ngshopcartpanelbuttons .ngshopcartcheckout { float: none; width: 100%; margin-bottom: 10px; } }