.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: #740600; 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: #d9d9d9; border-width: 1px; border-style: solid; float: left; padding: 6px 12px 6px 12px; background: #ffffff; font: 18px 'Noto Sans',Tahoma,Helvetica,sans-serif; color: #323232; 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: #007407; background: #ffffff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); } .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: 18px 'Noto Sans',Tahoma,Helvetica,sans-serif; color: #323232; letter-spacing: 0px; float: left; display: block; padding: 5px 5px 5px 0; box-sizing: border-box; width: 40%; } .ngpluginparagraphcustomer label.ngcustomererror { color: #740600; font-weight: bold; } .ngpluginparagraphcustomernav button { margin: 0; text-decoration: none; border-color: #99db11; border-width: 1px; border-style: solid; padding: 12px 24px 12px 24px; background: #007407; font: 16px 'Noto Sans',Tahoma,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0.9px; text-transform: uppercase; border-radius: 5px; display: block; cursor: pointer; float: right; } .ngpluginparagraphcustomernav button:hover { border-color: #000000; background: #000000; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngpluginparagraphcustomernav button:focus { border-color: #000000; background: #000000; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; 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; } }