.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: #c0312d; 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: #d8dae0; border-width: 1px; border-style: solid; float: left; padding: 12px 20px 12px 20px; background: #ffffff; font: 16px Inter,Verdana,Helvetica,sans-serif; color: #898e9c; letter-spacing: 0px; border-radius: 0px; box-sizing: border-box; width: 60%; margin-bottom: 10px; } .ngpluginparagraphcustomer input[type=text]:focus, .ngpluginparagraphcustomer input[type=mail]:focus, .ngpluginparagraphcustomer select:focus { border-color: #121314; background: #ffffff; } .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: 16px Inter,Verdana,Helvetica,sans-serif; color: #5a5a5a; letter-spacing: 0px; float: left; display: block; padding: 5px 5px 5px 0; box-sizing: border-box; width: 40%; } .ngpluginparagraphcustomer label.ngcustomererror { color: #c0312d; font-weight: bold; } .ngpluginparagraphcustomernav button { margin: 0; text-decoration: none; border-color: #3c4a6e; border-width: 0px; border-style: solid; padding: 15px 25px 15px 25px; background: #3c4a6e; font: bold 14px Inter,Verdana,Helvetica,sans-serif; color: #f7f8fa; letter-spacing: 1.9px; text-transform: uppercase; border-radius: 3px; display: block; cursor: pointer; float: right; } .ngpluginparagraphcustomernav button:hover { border-color: #292a2e; background: #292a2e; font-weight: bold; font-style: normal; text-transform: uppercase; 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; } }