.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: #e4e1df; border-width: 1px; border-style: solid; padding: 6px 12px 6px 12px; background: #ffffff; font: 14px 'Libre Franklin',Verdana,Helvetica,sans-serif; color: #323232; letter-spacing: 0px; border-radius: 0px; width: 90px; box-sizing: border-box; display: block; margin: 0; -webkit-appearance: none; } .ngpluginparashopcart input[type=number]:focus, .ngpluginparashopcart .ngshopcartpanelcoupons input[type=text]:focus { border-color: #e52525; background: #ffffff; } .ngpluginparashopcart .ngshopcartitemtotalprice { white-space: nowrap; padding: 17px 23px 17px 23px; text-align: right; } .ngpluginparashopcart .ngshopcartitemdelete { padding: 17px 23px 17px 23px; 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%23323232%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 #e4e1df; } .ngpluginparashopcart tbody tr:last-child td { border-bottom: 1px solid #e4e1df; } .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: #bd1f1f; border-width: 0px; border-style: solid; padding: 12px 20px 12px 20px; background: #bd1f1f; font: 13px 'Libre Franklin',Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0.6px; text-transform: uppercase; border-radius: 0px; display: block; cursor: pointer; -webkit-appearance: none; box-sizing: border-box; margin: 0; } .ngpluginparashopcart .ngshopcartpanelbuttons button:hover, .ngpluginparashopcart .ngshopcartpanelcoupons input[type=submit]:hover { border-color: #e52525; background: #e52525; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngpluginparashopcart .ngshopcartpanelbuttons button:focus, .ngpluginparashopcart .ngshopcartpanelcoupons input[type=submit]:focus { border-color: #bd1f1f; background: #bd1f1f; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; outline: none; } .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; } .ngshopparashopcartmemo ul { display: flex; flex-wrap: wrap; list-style: none; border-top: 1px solid #e4e1df; border-bottom: 1px solid #e4e1df; margin: 0; padding: 10px 0; } .ngshopparashopcartmemo li { display: flex; list-style: none; margin: 0; padding: 15px; box-sizing: border-box; width: 50%; position: relative; transition: opacity 0.5s; } .ngshopparashopcartremovememo { width: 20px; height: 20px; display: block; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20baseProfile%3D%22full%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%3E%0A%09%3Cellipse%20fill%3D%22%23444444%22%20cx%3D%2210%22%20cy%3D%2210%22%20rx%3D%229%22%20ry%3D%229%22%2F%3E%0A%09%3Cellipse%20fill%3D%22%23FFFFFF%22%20cx%3D%2210%22%20cy%3D%2210%22%20rx%3D%228%22%20ry%3D%228%22%2F%3E%0A%09%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M%206.46446%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.46446%2C14.9497L%205.05025%2C13.5355L%208.58578%2C10L%205.05025%2C6.46447L%206.46446%2C5.05025%20Z%20%22%2F%3E%0A%09%3Cellipse%20fill%3D%22%23a65856%22%20cx%3D%2210%22%20cy%3D%2230%22%20rx%3D%229%22%20ry%3D%229%22%2F%3E%0A%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M%206.46446%2C25.0503L%2010%2C28.5858L%2013.5355%2C25.0503L%2014.9497%2C26.4645L%2011.4142%2C30L%2014.9497%2C33.5355L%2013.5355%2C34.9497L%2010%2C31.4142L%206.46446%2C34.9497L%205.05025%2C33.5355L%208.58578%2C30L%205.05025%2C26.4645L%206.46446%2C25.0503%20Z%20%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat 0 0; } .ngshopparashopcartmemoitempicture .ngshopparashopcartremovememo { position: absolute; top: 6px; left: 6px; } .ngshopparashopcartremovememo:hover { background-position: 0 -20px; } .ngshopparashopcartmemo div { padding: 0 15px; } .ngshopparashopcartmemo a { text-decoration: none; } .ngshopparashopcartmemo h3 { margin: 0 0 10px 0; } .ngshopparashopcartmemo img { display: block; border: 0; width: 120px; height: 120px; } @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 #e4e1df; } .ngpluginparashopcart tbody tr:last-child { border-bottom: 1px solid #e4e1df; } .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; } .ngshopparashopcartmemo ul { display: block; } .ngshopparashopcartmemo li { width: 100%; } }