.ngpluginparashopconfirm { display: none; } .ngpluginparashopconfirm p.ngpluginparashopconfirminfo { font-size: 90%; } .ngpluginparashopconfirmaddress { padding-top: 1px; margin-bottom: 40px; } .ngpluginparashopconfirmaddress>div:first-child { float: left; width: 50%; padding-right: 10px; box-sizing: border-box; } .ngpluginparashopconfirmaddress>div:nth-child(2) { float: right; width: 50%; padding-left: 10px; box-sizing: border-box; } .ngpluginparashopconfirmaddress>div>a { display: block; font-size: 80%; } .ngpluginparashopconfirmaddress::after { content: ""; display: table; clear: both; } .ngpluginparashopconfirmshipandpay>p:first-child { float: left; width: 50%; padding-right: 10px; box-sizing: border-box; } .ngpluginparashopconfirmshipandpay>p:last-child { float: right; width: 50%; padding-left: 10px; box-sizing: border-box; } .ngpluginparashopconfirmshipandpay::after { content: ""; display: table; clear: both; } .ngpluginparashopconfirmshipandpay a, .ngpluginparashopconfirmcoupon a { font-size: 80%; } .ngpluginparashopconfirmcoupon { padding-top: 1px; margin-bottom: 40px; } .ngpluginparashopconfirmshipandpay { margin-bottom: 20px; } .ngpluginparashopconfirmpaymentinfo { margin-bottom: 40px; } .ngpluginparashopconfirmcomply { margin-bottom: 40px; } .ngpluginparashopconfirmcomply label { display: block; margin: 10px 0; } .ngpluginparashopconfirm form label.ngpluginparashopconfirmerror { color: #c0312d; } .ngpluginparashopconfirmcomply input[type=checkbox] { margin: 0 10px 0 0; vertical-align: middle; } .ngpluginparashopconfirmcomply span { vertical-align: middle; } .ngpluginparashopconfirmcustomfields { margin-bottom: 40px; } .ngpluginparashopconfirmcustomfields input[type=text], .ngpluginparashopconfirmcustomfields textarea { border-color: #959199; border-width: 1px; border-style: solid; padding: 6px 12px 6px 12px; background: #ffffff; font: 17px 'Noto Sans',Tahoma,Helvetica,sans-serif; color: #3c3840; letter-spacing: 0px; border-radius: 0px; width: 75%; float: right; box-sizing: border-box; display: block; -webkit-appearance: none; appearance: none; } .ngpluginparashopconfirmcustomfields input[type=text]:focus, .ngpluginparashopconfirmcustomfields textarea:focus { border-color: #726e75; background: #ffffff; } .ngpluginparashopconfirmcustomfields>div>label { font: 17px 'Noto Sans',Tahoma,Helvetica,sans-serif; color: #959199; letter-spacing: 0px; padding: 5px 5px 0 0; float: left; width: 25%; box-sizing: border-box; display: block; } .ngpluginparashopconfirmcustomfields textarea { height: 100px; } .ngpluginparashopconfirmcustomfields>div>div { width: 75%; float: right; } .ngpluginparashopconfirmcustomfields>div { margin-bottom: 10px; } .ngpluginparashopconfirmcustomfields>div::after { content: ""; display: table; clear: both; } .ngpluginparashopconfirmcustomfields>.ngpluginparashopconfirmcustomfieldscheckbox>label { float: right; width: 75%; display: block; margin: 8px 0; padding: 0; line-height: 1; } .ngpluginparashopconfirmcustomfields>.ngpluginparashopconfirmcustomfieldscheckbox>label span { vertical-align: middle; } .ngpluginparashopconfirmcustomfields>.ngpluginparashopconfirmcustomfieldscheckbox>label input[type=checkbox] { margin: 0 10px 0 0; vertical-align: middle; } .ngpluginparashopconfirmcart { margin-bottom: 20px; border: 1px solid #959199; padding: 10px; } .ngpluginparashopconfirmcart table { width: 100%; border-collapse: collapse; } .ngpluginparashopconfirmcart table thead th { font-size: 100%; font-weight: normal; padding: 10px; text-align: right; line-height: 1; } .ngpluginparashopconfirmcart table thead th:first-child { text-align: left; } .ngpluginparashopconfirmcart table td { margin: 0; padding: 10px; vertical-align: top; } .ngpluginparashopconfirmcart table tbody td { padding-bottom: 15px; padding-top: 15px; text-align: right; } .ngpluginparashopconfirmcart table tbody td ul { font-size: 80%; font-size-adjust: none; list-style: none; margin: 5px 0; padding: 0; } .ngpluginparashopconfirmcart table tbody td ul li { padding: 1px 0; margin: 0; } .ngpluginparashopconfirmcart table tbody td:first-child { text-align: left; } .ngpluginparashopconfirmcart table tfoot td { text-align: right; } .ngpluginparashopconfirmcart table tfoot tr:last-child td { font-weight: bold; } .ngpluginparashopconfirmcart .ngpluginparashopconfirmproductwithpicture img { width: 120px; height: 120px; display: block border: 0; float: left; } .ngpluginparashopconfirmcart .ngpluginparashopconfirmproductwithpicture>div { margin-left: 140px; } .ngpluginparashopconfirmcart .ngshopcartitemdelete a:hover { background-position: 0 -20px; } .ngpluginparashopconfirm h3 span { font-weight: normal; } .ngpluginparashopconfirmcart .ngpluginparashopconfirmproductwithpicture h3, .ngpluginparashopconfirmcart .ngpluginparashopconfirmproductwithpicture p { margin: 0 0 10px 0; } .ngpluginparashopconfirmcart .ngpluginparashopconfirmproductwithpicture::after { content: ""; display: table; clear: both; } .ngpluginparashopconfirm button { border-color: #3c3840; border-width: 0px; border-style: solid; padding: 15px 20px 15px 20px; background: #3c3840; font: 13px 'Noto Sans',Tahoma,Helvetica,sans-serif; color: #ffffff; letter-spacing: 3px; text-transform: uppercase; border-radius: 0px; display: block; cursor: pointer; outline: none; -webkit-appearance: none; margin-top: 20px; } .ngpluginparashopconfirm button:hover { border-color: #726e75; background: #726e75; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngpluginparashopconfirm button:disabled { opacity: 0.1; } .ngpluginparashopconfirmbuttonpanel button { float: right; } .ngpluginparashopconfirmbuttonpanel::after { content: ""; display: table; clear: both; } @media (max-width: 767px) { .ngpluginparashopconfirm table, .ngpluginparashopconfirm tr, .ngpluginparashopconfirm td, .ngpluginparashopconfirm th, .ngpluginparashopconfirm tfoot, .ngpluginparashopconfirm tbody { display: block; } .ngpluginparashopconfirm thead tr { display: none; } .ngpluginparashopconfirm tbody .ngpluginparashopconfirmquantity { width: 50%; float: left; box-sizing: border-box; padding-right: 5px; text-align: left; } .ngpluginparashopconfirm tbody .ngpluginparashopconfirmtotal { width: 50%; float: left; box-sizing: border-box; padding-left: 5px; } .ngpluginparashopconfirm tr::after { content: ""; display: table; clear: both; } .ngpluginparashopconfirm table tbody td { padding-bottom: 20px; } .ngpluginparashopconfirm .ngpluginparashopconfirmproductwithpicture img { width: 80px; height: 80px; } .ngpluginparashopconfirm .ngpluginparashopconfirmproductwithpicture>div { margin-left: 100px; } .ngpluginparashopconfirm tfoot tr:first-child td { border-top: 1px solid #959199; padding-top: 20px; } .ngpluginparashopconfirm tfoot td { width: 50%; float: left; box-sizing: border-box; } .ngpluginparashopconfirm tfoot td:first-child { text-align: left; } .ngpluginparashopcart .ngshopcartpanelbuttons .ngshopcartrefresh, .ngpluginparashopcart .ngshopcartpanelbuttons .ngshopcartcheckout { float: none; width: 100%; margin-bottom: 10px; } .ngpluginparashopconfirmaddress>div:first-child, .ngpluginparashopconfirmaddress>div:nth-child(2) { width: 100%; float: none; padding: 0 0 20px 0; } .ngpluginparashopconfirmshipandpay>p:first-child, .ngpluginparashopconfirmshipandpay>p:last-child { width: 100%; float: none; padding: 0 0 0 0; } .ngpluginparashopconfirmbuttonpanel button { float: none; width: 100%; } .ngpluginparashopconfirmcustomfields input[type=text], .ngpluginparashopconfirmcustomfields textarea, .ngpluginparashopconfirmcustomfields>div>div, .ngpluginparashopconfirmcustomfields>.ngpluginparashopconfirmcustomfieldscheckbox>label, .ngpluginparashopconfirmcustomfields>div>label { width: 100%; float: none; } .ngpluginparashopconfirmcustomfields>div>label { padding: 5px 0; } } .ngpluginparashopconfirmwait { display: none; position: fixed; top: 0; left:0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); z-index: 900; cursor: progress; } .sqrshopwait .ngpluginparashopconfirmwait { display: block; } .ngpluginparashopconfirmwait::after { content: " "; position: absolute; width: 64px; height: 64px; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGJhc2VQcm9maWxlPSJmdWxsIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NC4wMCA2NC4wMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQuMDAgNjQuMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNBQUFBQUEiIGQ9Ik0gMzIsMS4xNDQ0MWUtMDA1QyA0OS42NzMxLDEuMTQ0NDFlLTAwNSA2NCwxNC4zMjY5IDY0LDMyQyA2NCw0OS42NzMxIDQ5LjY3MzEsNjQgMzIsNjRDIDE0LjMyNjksNjQgNy42MjkzOWUtMDA2LDQ5LjY3MzEgNy42MjkzOWUtMDA2LDMyQyA3LjYyOTM5ZS0wMDYsMTQuMzI2OSAxNC4zMjY5LDEuMTQ0NDFlLTAwNSAzMiwxLjE0NDQxZS0wMDUgWiBNIDMyLDQuMDAwMDJDIDE2LjUzNiw0LjAwMDAyIDQuMDAwMDEsMTYuNTM2IDQuMDAwMDEsMzJDIDQuMDAwMDEsNDcuNDY0IDE2LjUzNiw2MCAzMiw2MEMgNDcuNDY0LDYwIDYwLDQ3LjQ2NCA2MCwzMkMgNjAsMTYuNTM2IDQ3LjQ2NCw0LjAwMDAyIDMyLDQuMDAwMDIgWiAiLz48cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNIDY0LDMyQyA2NCw0OS42NzMxIDQ5LjY3MzEsNjQgMzIsNjRMIDMyLDYwQyA0Ny40NjQsNjAgNjAsNDcuNDY0IDYwLDMyTCA2NCwzMiBaICIvPjwvc3ZnPg=='); animation: ngpluginparashopconfirmwait 1s linear infinite; } @keyframes ngpluginparashopconfirmwait { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }