.ngbusy { background: url(./../../../ngpluginbuy/img/busy.gif) no-repeat center center; } .ngbusy>* { opacity: 0.2; } .ngpluginparagraphcustomercontainer { min-height: 100px; } .ngpluginparagraphcustomer button:disabled { opacity: 0.2; cursor: wait; } .ngvalidationerror { color: #a65856; padding: 10px 0 20px 0; text-align: center; font-weight: bold; } .ngpluginparagraphcustomer form { margin: 0 0 20px 0; } .ngpluginparagraphcustomer input[type=text], .ngpluginparagraphcustomer input[type=mail], .ngpluginparagraphcustomer select { border-color: #d3cfd1; border-width: 1px; border-style: solid; float: left; padding: 6px; background: #ffffff; font: 15px 'Open Sans',Verdana,Helvetica,sans-serif; color: #333333; letter-spacing: 0px; border-radius: 0px; box-sizing: border-box; width: 60%; margin-bottom: 10px; } .ngpluginparagraphcustomer input[type=text], .ngpluginparagraphcustomer input[type=mail]{ -webkit-appearance: none; } .ngpluginparagraphcustomer span { line-height: 100%; } input[type=text].ngpluginparagraphcustomerfirstname { width: 29.5%; margin-right: 1%; } input[type=text].ngpluginparagraphcustomerlastname { width: 29.5%; } input[type=text].ngpluginparagraphcustomercity { width: 49%; } input[type=text].ngpluginparagraphcustomerzip { width: 10%; margin-right: 1%; } .ngpluginparagraphcustomer label { font: 15px 'Open Sans',Verdana,Helvetica,sans-serif; color: #333333; letter-spacing: 0px; float: left; display: block; padding: 5px 5px 5px 0; box-sizing: border-box; width: 40%; } .ngpluginparagraphcustomer label.ngcustomererror { color: #a65856; font-weight: bold; } .ngpluginparagraphcustomernav button { margin: 0; text-decoration: none; border-color: #d02e31; border-width: 1px; border-style: solid; padding: 10px 20px 10px 20px; background: #d02e31; font: 15px 'Open Sans',Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0px; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); border-radius: 2px; display: block; cursor: pointer; float: right; } .ngpluginparagraphcustomernav button:hover { border-color: #333333; background: #333333; font-weight: normal; font-style: normal; text-transform: none; color: #ffffff; } .ngpluginparagraphcustomernav button:focus { outline: none; } @media (max-width: 767px) { .sqr .ngpluginparagraphcustomer label { float: none; width: 100%; } .sqr .ngpluginparagraphcustomer input[type=text], .sqr .ngpluginparagraphcustomer input[type=mail], .sqr .ngpluginparagraphcustomer select { width: 100%; } .sqr input.ngpluginparagraphcustomerfirstname { width: 49.5%; margin-right: 1%; } .sqr input.ngpluginparagraphcustomerlastname { width: 49.5%; } .sqr input.ngpluginparagraphcustomercity { width: 79%; } .sqr input.ngpluginparagraphcustomerzip { width: 19%; margin-right: 1%; } .sqr .ngpluginparagraphcustomerlabeladdress2 { display: none; } .sqr .ngpluginparagraphcustomernav button { float: none; width: 100%; margin-bottom: 10px; } }