table.sc {border-collapse:collapse;margin-bottom:20px;width:100%;box-sizing:border-box;font:normal 13px Arial}
table.sc th, table.sc td {padding:5px}
table.sc th:nth-child(2n) {width:60px}
table.sc th:nth-child(3n), table.sc th:nth-child(4n) {width:85px}
table.sc th:nth-child(5n) {width:40px}
table.sc thead th {background-color:#7600a6;color:#fff;padding:10px;border: 1px solid #fff}
table.sc tbody td {border:1px solid #fff;background-color:#f8f8f8}
table.sc tfoot td {font-size:1.1em;background-color:#ededed;font-weight:bold;border:1px solid #fff}
table.sc .r {text-align:right}
table.sc .c {text-align:center}
table.sc a {text-decoration:none;color:#000;font-weight:bold;}
table.sc a:hover {color:#674197;}
table.sc .mob {display:none}
table.sc del.price {display:block;color:#888;}
table.sc div.productItem {display:flex;align-items:center}
table.sc div.productItem img {max-width:120px;height:auto;max-height:120px;width:auto;}
table.sc div.productItem>a {flex:1 1 auto;margin-left:20px;}
table.sc div.productItem span.set {display:inline-block;}
table.sc div.productItem span.set+span.set::before {content:'+';font-size:30px;font-weight:bold;display:inline-block;vertical-align: middle;margin:0 10px;}
table.sc section.setItems {position:relative;z-index:0;}
table.sc section.setItems h2 {position:absolute;z-index:0;font-size:1em;background-color:#674197;color:#fff;padding:3px;border-radius:3px;}

ul.step {width:100%;display:table;list-style:none;background:url('data:image/gif;base64,R0lGODlhAgABAIABAOTk5P///yH5BAEAAAEALAAAAAACAAEAAAICRAoAOw==') repeat-x left bottom 10px;margin-bottom:20px;table-layout: fixed;font:normal 12px Arial}
ul.step li {display:table-cell;text-align:center;white-space:nowrap}
ul.step li:after {content:'';display:block;width:20px;height:20px;margin:5px auto 0;background-color:#dbdbdb;border-radius:50%}
ul.step li.s {color:#674197}
ul.step li.s:after {background-color:#674197}

[type="submit"][name="setDiscountCode"],
[type="submit"][name="deleteCode"] {display:inline-block;border:1px solid #7600a6;font:500 16px 'Jost', sans-serif;color:#fff;background-color:#7600a6;text-decoration:none;padding:5px 15px;border-radius:4px;text-align:center;cursor:pointer;transition:all .2s;}
[type="submit"][name="setDiscountCode"]:hover,
[type="submit"][name="deleteCode"]:hover {border-color:#490267;background-color:#490267;}
[type="submit"][name="deleteCode"] {background-color:#dd1c06;border-color:#dd1c06;}

div.boxArea {background-color:#f8f8f8;padding:10px;margin-bottom:10px}
div.boxArea:after {content:'';display:table;clear:both}
div.grid {display:flex;}
div.boxArea>div.grid {margin:0 -10px}
div.grid>div {flex:1 1 0px;padding:0 10px}

div.text {line-height:1.6em}
a.btnDel {display:inline-block;text-decoration:none}
a.btnDel:before {content:'\e083';font:21px "Glyphicons Halflings";display:inline-block;color:#dd1c06}
table.sc a.btnDel {padding:0;display:inline-block}

form.sc input[type="text"],
form.sc input[type="password"] {border:1px solid #e5e5e5;border-radius:4px;color:#5c5c5c;font:300 16px 'Source Sans Pro', sans-serif;padding:10px;box-sizing:border-box;width:100%;}
form.sc select {font:300 16px 'Source Sans Pro', sans-serif;border:1px solid #e5e5e5;padding:10px;box-sizing:border-box;width:100%;background-color:#fff;}
form.sc textarea {height:150px;width:100%;padding:10px;border:1px solid #e6e6e6;font:300 16px 'Source Sans Pro', sans-serif;box-sizing:border-box;resize:vertical}
form.sc input[type="text"].err,form.sc input[type="password"].err, form.sc select.err {border-color:red}
form.sc div.err input[type="text"],
form.sc div.err input[type="password"],
form.sc div.err select {border-color:red;}
label.err {color:red;text-decoration:underline}
form.sc input[type="text"].sh {width:30px}
form.sc input[type="text"][name="discountCode"] {width:220px}

div.signArea {display:flex;margin-bottom:10px}
div.signArea h2 {font-size:1.3em;margin-bottom:20px;}
div.signArea>div {flex:1 1 0px;background-color:#e8e8e8;padding:10px;display:flex;flex-direction:column;}
div.signArea>div+div {margin-left:2px;}
div.signArea div.wrap {flex:1 1 0px;}
div.signArea footer {margin-top:20px;text-align:center;}

form.sc div.extendData {display:none;}
form.sc div.extendData.shw {display:block;}
form.sc div.deliveryExtendData.inpost {padding:10px;border:2px solid #4d207a;border-radius:5px;max-width:200px;}
form.sc div.deliveryExtendData.inpost button {cursor:pointer;font:13px Tahoma;background-color:#fab800;border:none;padding:8px 15px;border-radius:4px;color:#282828;transition:background-color .3s}
form.sc div.deliveryExtendData.inpost button:hover {background-color:#e3aa0d;}
form.sc div.deliveryExtendData.inpost>div {margin-top:10px;}

label>span:first-child,span.ln {display:block;margin-bottom:3px;}
div.indyvidualData label>span:first-child,span.ln,
div.invoiceData label>span:first-child,span.ln {display:block;width:auto;margin-bottom:3px}
div.indyvidualData input[type="text"],
div.indyvidualData input[type="password"],
div.indyvidualData input[type="email"],
div.indyvidualData select,
div.invoiceData input[type="text"],
div.invoiceData input[type="password"],
div.invoiceData input[type="email"],
div.invoiceData select {outline:none;border:1px solid #e5e5e5;border-radius:4px;color:#5c5c5c;font:300 16px 'Jost', sans-serif;padding:10px;box-sizing:border-box;width:100%;}

form.sc input[name="update"] {border:1px dotted #000;width:21px;height:21px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAgUlEQVR42mJgGIxAAYjnA/F7IP4Pxe+hYgqENBsgaQTR+6EYJraekM0whQ1Y5AuAWACfAfPxaCYKvIdiQqABmyX3kQLsPoEwgqkzQJZwQJJwwGPAeSR159El+6GYWl7F6f//0ADHCgSgTmvAo/k9vgSlQCAhvUcPPKonZfoDgAADAJm+NqppY9SfAAAAAElFTkSuQmCC') no-repeat 50% 50%;text-indent:-9999px;cursor:pointer}

form.sc input[type="submit"].access {cursor:pointer;font:bold 14px Verdana,Arial,times New Roman, Helvetica, sans-serif;border:1px dotted #000;color:#000;border-radius:4px;border:1px solid #282828;padding:4px 30px 4px 0;background:#dcdcdc url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMCAYAAAB4MH11AAAAb0lEQVR42mJgQAAFIJ4PxO+B+D8Uv4eKKTBQCAzQDEbH76FqyAIKBAxHtoQsn8wnwnAYnk+OBTDXJ0D5AkB8ngRLCToGxNmPZqkDFSwAW8JEYeJYAMW4+BQF0Xy0eMTJp3kk0zyZ0jyj0bSoAAgwALhvfcMbQCCgAAAAAElFTkSuQmCC') no-repeat 99% 50%}

form.sc label>span.req:after {content:'*';font-weight:bold;color:red}
form.sc label b {font-weight:bold;color:red}
form.sc p {margin-bottom:5px}
form.sc .inline {display:flex;}
form.sc .inline>* {flex:0 0 85px;}
form.sc .inline>*.long {flex:1 1 auto;}
form.sc .inline>*+* {margin-left:5px;}
div.hc {display:none}

form.sc span.spinner input[type="text"] {padding:2px 4px;height:32px;width:30px;vertical-align:middle;font-size:14px;border-radius:0;border-right-width:0;}
form.sc span.spinner span {visibility:visible;display:inline-block;width:24px;height:30px;vertical-align:middle;border-color:#e6e6e6;border-width:1px 1px 1px 0;border-style:solid}
form.sc span.spinner:hover span {visibility:visible}
form.sc span.spinner a {display:block;width:24px;line-height:12px;height:15px;overflow:hidden;background-color:#eee;box-shadow: 0 -6px 0 #e9e9e9 inset;padding:0;text-align:center;text-decoration:none}
form.sc span.spinner a:before {content:'\e253';font:11px "Glyphicons Halflings";color:#888}
form.sc span.spinner a:hover:before {color:#000}
form.sc span.spinner a+a:before {content:'\e252'}

form.sc p.submit {text-align:right;margin-bottom:10px;overflow:hidden}
form.sc p.submit input[type="submit"],
form.sc p.submit button[type="submit"] {font-size:14px;padding:10px 20px}

.deliveries-list {padding-left:25px;}
.deliveries-list.not-multi {list-style:none;padding-left:0;}
div.grid-user-data section+section {margin-top:30px;}
div.grid-user-data {display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;}
div.grid-user-data>* {background-color:#f0f0f0;padding: 20px;}
/*span.error {margin-left:150px;color:red;display:block;margin-bottom:5px}*/
h2.shop-title {margin-bottom:20px;}
*+h2.shop-title {margin-top:20px;}
form.sc div.boxArea span.error {display:block;margin:2px 0 10px;font-size:11px;color:red;}
.labStyled {display:flex;align-items:center;}
.labStyled>*+* {margin-left:4px;}
.labStyled>input:disabled+span {color:silver;}
div.userData div.type-item {display:flex;margin-bottom:20px;}
div.userData div.type-item>*+* {margin-left:10px;}
div.userData div.item {margin-bottom:15px;}
div.userData div.type-data-select {margin:10px 0;}
div.userData div.type-data-select>* {display:flex;align-items:center;}
div.userData div.type-data-select>*>*+* {margin-left:4px;}
.checkbox {display:inline-flex;align-items:center;}
.checkbox>*+* {margin-left:4px;}
div.userData div.type-data-select>*+* {margin-top:10px;}
div.userData div.errorField {color:red;font-size:13px;}
div.userData div.inline {margin-bottom:20px;display:flex;flex-wrap:wrap;}
div.userData div.fieldItem {margin-bottom:20px;}
div.userData div.fieldItem[data-placeholder] {position:relative;}
div.userData div.fieldItem[data-placeholder].on>input:not(:focus),
div.userData div.fieldItem[data-placeholder].on>select:not(:focus),
div.userData div.fieldItem[data-placeholder].on>.select.styled>select:not(:focus){box-shadow:0 0 0 1px #cac2d5 inset;}
div.userData div.fieldItem[data-placeholder]>input::placeholder {opacity:1;color:#d5d5d5;}
div.userData div.fieldItem[data-placeholder].on>input::placeholder {opacity:0;}
div.userData div.fieldItem[data-placeholder]::before {content:attr(data-placeholder);position:absolute;z-index:1;font-size:15px;transform:translateY(17px);background-color:#fff;left:6px;top:-6px;color:#d5d5d5;padding:0 5px;pointer-events:none;}
div.userData div.fieldItem[data-placeholder].on::before {font-size:11px;transform:translateY(0);transition:font-size .2s, transform .2s, color .2s;color:#674197;}
div.userData div.fieldItem[data-placeholder]:focus-within::before {color:#674197;}
div.userData div.inline div.fieldItem {margin-bottom:0;}
div.userData div.inline>* {flex:1 0 0px;}
div.userData div.inline>*+* {margin-left:5px;}
div.userData div.inline>div.house_no,
div.userData div.inline>div.zipcode,
div.userData div.inline>div.apart_no {flex:0 0 120px;}

.delivery-items .delivery-item{margin-bottom:10px;}
.delivery-items .wrap-inner{display:flex;}
.delivery-items .wrap-inner>.cost {margin-left:5px;color:silver;}

.items-user-data {display:grid;grid-template-columns:auto 1fr;}
.items-user-data>* {display:flex;align-items:center;}
.items-user-data>*.title {border-right:1px solid #e8e8e8;padding:4px 10px;}
.items-user-data>*.value {padding:4px 10px 4px 15px;word-break:break-word;}
.items-user-data>*.title:nth-child(4n+1),
.items-user-data>*.title:nth-child(4n+1)+* {background-color:#f4f4f4;}


@media screen and (max-width:1024px){
    form.sc .inline {flex-wrap:wrap;}
    form.sc .inline>* {flex:1 1 0px;}
    form.sc .inline>*.long {flex-basis:100%;}
    form.sc .inline>*.long+* {margin-left:0;}
    form.sc .inline>*.long~* {margin-top:10px;}
}
@media screen and (max-width:998px){
    div.grid {display:block;width:auto}
    div.grid.hc {display:none;}
    div.grid-user-data {grid-template-columns:1fr;}
}
@media screen and (max-width:768px){

    div.signArea {display:block;}
    div.signArea > div + div {margin-left:0;margin-top:5px;}

    table.sc .nmob {display:none}
    table.sc td.mob, table.sc th.mob {display:table-cell}
    table.sc tr.mob {display:table-row}

    ul.step {width:auto;display:block;background:none}
    ul.step li {display:block;text-align:left;margin-bottom:3px}
    ul.step li:after {content:none}
    ul.step li:before {content:'';display:inline-block;width:17px;height:17px;margin-right:5px;background-color:#dbdbdb;border-radius:50%;vertical-align:sub}
    ul.step li.s:before {background-color:#674197}



    form.sc .inline {flex-wrap:nowrap;}
    form.sc .inline>* {flex:0 0 85px;}
    form.sc .inline>*.long {flex:1 1 auto;}
    form.sc .inline>*.long+* {margin-left:5px;}
    form.sc .inline>*.long~* {margin-top:0;}
}
@media screen and (max-width:576px){
    form.sc .inline {flex-wrap:wrap;}
    form.sc .inline>* {flex:1 0 0px;}
    form.sc .inline>*.long {flex:1 1 100%;}
    form.sc .inline>*.long+* {margin-left:0;}
    form.sc .inline>*.long~* {margin-top:10px;}

    .items-user-data {grid-template-columns:1fr;}
    .items-user-data > .title {font-weight:bold;padding-bottom:0;}
    .items-user-data>.value {padding:0 10px 4px;}
}