.ngpluginparashopcustomer { margin: 20px 0; display: none; } .ngpluginparashopcustomer ul { display: block; list-style: none; margin: 0; padding: 0; } .ngpluginparashopcustomer .ngpluginparashopcustomertabheader { border-bottom: 1px solid #e4e1df; } .ngpluginparashopcustomer .ngpluginparashopcustomertabheader::after { content: ""; display: table; clear: both; } .ngpluginparashopcustomer .ngpluginparashopcustomertabcontent { margin: 40px 0; display: none; } .ngpluginparashopcustomer li { margin-bottom: 20px; } .ngpluginparashopcustomer li.ngpluginparashopcustomertabactive .ngpluginparashopcustomertabcontent { display: block; } .ngpluginparashopcustomer .ngpluginparashopcustomertabheader>a { color: #828282; display: block; float: left; padding: 10px 20px; border-top: 1px solid #e4e1df; border-left: 1px solid #e4e1df; border-right: 1px solid #e4e1df; background-color: #ffffff; text-decoration: none; } .ngpluginparashopcustomer .ngpluginparashopcustomertabheader>a:hover { background-color: #e52525; border-top-color: #e52525; border-left-color: #e52525; border-right-color: #e52525; color: #ffffff;} .ngpluginparashopcustomer li.ngpluginparashopcustomertabactive .ngpluginparashopcustomertabheader>a { background-color: #e52525; border-top-color: #e52525; border-left-color: #e52525; border-right-color: #e52525; color: #ffffff;} .ngpluginparashopcustomer form>div>label { font: 14px 'Libre Franklin',Verdana,Helvetica,sans-serif; color: #464646; letter-spacing: 0px; padding: 5px 5px 0 0; float: left; width: 25%; box-sizing: border-box; display: block; } .ngpluginparashopcustomer form>div>label.ngpluginparashopcustomererror { color: #a65856; } .ngpluginparashopcustomer form>div.ngpluginparashopcustomercheckbox>label { float: right; width: 75%; display: block; margin: 8px 0; padding: 0; line-height: 1; } .ngpluginparashopcustomer form>div.ngpluginparashopcustomercheckbox>label span { vertical-align: middle; } .ngpluginparashopcustomer form>div.ngpluginparashopcustomercheckbox>label input[type=checkbox] { margin: 0 10px 0 0; vertical-align: middle; } .ngpluginparashopcustomer form>div { margin-bottom: 10px; } .ngpluginparashopcustomer form>div::after { content: ""; display: table; clear: both; } .ngpluginparashopcustomer form>h3 { margin-top: 40px; } .ngpluginparashopcustomer form input[type=text], .ngpluginparashopcustomer form input[type=email], .ngpluginparashopcustomer form input[type=password], .ngpluginparashopcustomer form select, .ngpluginparashopcustomer form textarea { border-color: #e4e1df; border-width: 1px; border-style: solid; padding: 6px 12px 6px 12px; background: #ffffff; font: 14px 'Libre Franklin',Verdana,Helvetica,sans-serif; color: #323232; letter-spacing: 0px; border-radius: 0px; width: 75%; float: right; box-sizing: border-box; display: block; -webkit-appearance: none; appearance: none; } .ngpluginparashopcustomer form input[type=text]:focus, .ngpluginparashopcustomer form input[type=email]:focus, .ngpluginparashopcustomer form input[type=password]:focus, .ngpluginparashopcustomer form select:focus, .ngpluginparashopcustomer form textarea:focus { border-color: #e52525; background: #ffffff; } .ngpluginparashopcustomer form textarea { height: 100px; } .ngpluginparashopcustomer form>div>div { width: 75%; float: right; } .ngpluginparashopcustomer form>div>div.ngpluginparashopcustomername>input:first-child { width: calc(50% - 5px); float: left; } .ngpluginparashopcustomer form>div>div.ngpluginparashopcustomername>input:last-child { width: calc(50% - 5px); float: right; } .ngpluginparashopcustomer form>div>div.ngpluginparashopcustomercity>input:first-child { width: 100px; float: left; } .ngpluginparashopcustomer form>div>div.ngpluginparashopcustomercity>input:last-child { width: calc(100% - 110px); float: right; } .ngpluginparashopcustomer form>div>div::after { content: ""; display: table; clear: both; } .ngpluginparashopcustomer form>div>select, .ngpluginparashopcustomer form>div>select:focus { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2216%22%20viewBox%3D%220%200%2025.00%2016.00%22%20enable-background%3D%22new%200%200%2025.00%2016.00%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23323232%22%20d%3D%22M%206.36396%2C12.7782L%204.94975%2C11.364L%200%2C6.41422L%201.41421%2C5L%206.36396%2C9.94975L%2011.3137%2C5L%2012.7279%2C6.41421L%207.77817%2C11.364L%206.36396%2C12.7782%20Z%20%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 30px; } .ngpluginparashopcustomer form>div>select::-ms-expand { display: none; } .ngpluginparashopcustomer form>p { margin-bottom: 30px; font-style: italic; } .ngpluginparashopcustomer form button { border-color: #bd1f1f; border-width: 0px; border-style: solid; padding: 12px 20px 12px 20px; background: #bd1f1f; font: 13px 'Libre Franklin',Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0.6px; text-transform: uppercase; border-radius: 0px; display: block; cursor: pointer; -webkit-appearance: none; margin-top: 20px; } .ngpluginparashopcustomer form button:hover { border-color: #e52525; background: #e52525; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngpluginparashopcustomer form button:focus { border-color: #bd1f1f; background: #bd1f1f; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; outline: none; } .ngpluginparashopcustomer form button:disabled { opacity: 0.8; } .ngpluginparashopcustomerbuttonpanel button:last-child { float: left; } .ngpluginparashopcustomerbuttonpanel button:first-child { float: right; } .ngpluginparashopcustomerbuttonpanel::after { content: ""; display: table; clear: both; } .ngpluginparashopcustomerforgotemail { display: none; } .ngpluginparashopcustomerforgotemailbutton { display: block; margin: 20px 0; } @media (max-width: 767px) { .ngpluginparashopcustomer form input[type=text], .ngpluginparashopcustomer form input[type=email], .ngpluginparashopcustomer form input[type=password], .ngpluginparashopcustomer form select, .ngpluginparashopcustomer form textarea, .ngpluginparashopcustomer form>div>div, .ngpluginparashopcustomer form>div.ngpluginparashopcustomercheckbox>label, .ngpluginparashopcustomer form>div>label { width: 100%; float: none; } .ngpluginparashopcustomer form>div>label { padding: 5px 0; } .ngpluginparashopcustomerbuttonpanel button:first-child, .ngpluginparashopcustomerbuttonpanel button:last-child { float: none; width: 100%; } .ngpluginparashopcustomerbuttonpanel button.ngpluginparashopcustomerhidemobile:last-child { display: none; } }