.ngpluginparashopaccount section { display: none; margin: 0; padding: 0; scroll-margin-top: 120px; } .ngpluginparashopaccount form>div>label { font: bold 16px Roboto,Tahoma,Helvetica,sans-serif; color: #000000; letter-spacing: 0px; padding: 5px 5px 0 0; float: left; width: 25%; box-sizing: border-box; display: block; } .ngpluginparashopaccount form { margin-top: 40px; } .ngpluginparashopaccount form>div>label.ngpluginparashopaccounterror { color: #a65856; } .ngpluginparashopaccount form>div.ngpluginparashopaccountcheckbox>label { float: right; width: 75%; display: block; margin: 8px 0; padding: 0; line-height: 1; } .ngpluginparashopaccount form>div.ngpluginparashopaccountcheckbox>label span { vertical-align: middle; } .ngpluginparashopaccount form>div.ngpluginparashopaccountcheckbox>label input[type=checkbox] { margin: 0 10px 0 0; vertical-align: middle; } .ngpluginparashopaccount form>div { margin-bottom: 10px; } .ngpluginparashopaccount form>div::after { content: ""; display: table; clear: both; } .ngpluginparashopaccount form>h3 { margin-top: 40px; } .ngpluginparashopaccount form input[type=text], .ngpluginparashopaccount form input[type=email], .ngpluginparashopaccount form input[type=password], .ngpluginparashopaccount form select, .ngpluginparashopaccount form textarea { border-color: #e9e9e9; border-width: 1px; border-style: solid; padding: 7px; background: #ffffff; font: bold 16px Roboto,Tahoma,Helvetica,sans-serif; color: #000000; letter-spacing: 0px; border-radius: 0px; width: 75%; float: right; box-sizing: border-box; display: block; -webkit-appearance: none; appearance: none; } .ngpluginparashopaccount form input[type=text]:focus, .ngpluginparashopaccount form input[type=email]:focus, .ngpluginparashopaccount form input[type=password]:focus, .ngpluginparashopaccount form select:focus, .ngpluginparashopaccount form textarea:focus { border-color: #e9e9e9; background: #ffffff; } .ngpluginparashopaccount form textarea { height: 100px; } .ngpluginparashopaccount form>div>div { width: 75%; float: right; } .ngpluginparashopaccount form>div>div.ngpluginparashopaccountname>input:first-child { width: calc(50% - 5px); float: left; } .ngpluginparashopaccount form>div>div.ngpluginparashopaccountname>input:last-child { width: calc(50% - 5px); float: right; } .ngpluginparashopaccount form>div>div.ngpluginparashopaccountcity>input:first-child { width: 100px; float: left; } .ngpluginparashopaccount form>div>div.ngpluginparashopaccountcity>input:last-child { width: calc(100% - 110px); float: right; } .ngpluginparashopaccount form>div>div::after { content: ""; display: table; clear: both; } .ngpluginparashopaccount form>div>select, .ngpluginparashopaccount 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%23000000%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; } .ngpluginparashopaccount form>div>select::-ms-expand { display: none; } .ngpluginparashopaccount form>p { margin-bottom: 30px; font-style: italic; } .ngpluginparashopaccount button { border-color: #e9e9e9; border-width: 0px; border-style: solid; padding: 10px 22px 10px 22px; background: #e60005; font: bold 16px Roboto,Tahoma,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0px; text-transform: uppercase; box-shadow: -5px 0px 5px rgba(0,0,0,0.3); border-radius: 10px; display: block; cursor: pointer; -webkit-appearance: none; margin-top: 20px; } .ngpluginparashopaccount button:hover { border-color: #1d3850; background: #067784; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngpluginparashopaccount button:focus { outline: none; } .ngpluginparashopaccount form button:disabled { opacity: 0.8; } .ngpluginparashopaccountbuttonpanel { margin-bottom: 40px; } .ngpluginparashopaccountbuttonpanel button:last-child { float: left; } .ngpluginparashopaccountbuttonpanel button:first-child { float: right; } .ngpluginparashopaccountbuttonpanel::after { content: ""; display: table; clear: both; } .ngpluginparashopaccountforgotemail { display: none; } .ngpluginparashopaccountforgotemailbutton { display: block; margin: 20px 0; } .ngpluginparashopaccountwelcome { display: flex; flex-flow: row wrap; align-items: stretch; justify-content: space-between; } .ngpluginparashopaccountwelcome>div { width: calc(50% - 30px); display: flex; align-items: stretch; } .ngpluginparashopaccountwelcome>div>div:first-child { width: 84px; } .ngpluginparashopaccountwelcome>div>div:first-child>svg { display: block; width: 64px; height: 64px; margin: 12px 20px 8px 0; opacity: 0.5; } .ngpluginparashopaccountwelcome>div>div:last-child { display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - 84px); } .ngpluginparashopaccountwelcome>div>div .ngpluginparashopaccountbuttonpanel { align-self: flex-end; } .ngpluginparashopaccountorders>ul { display: block; margin: 20px 0; padding: 0; list-style: none; } .ngpluginparashopaccountorders>ul>li { display: block; margin: 20px 0 40px 0; padding: 0; list-style: none; } .ngpluginparashopaccountorders>ul>li>ul { display: flex; justify-content: space-between; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #e9e9e9; } .ngpluginparashopaccountorders>ul>li>ul>li { display: block; box-sizing: border-box; padding: 5px; } .ngpluginparashopaccountorders>ul>li>ul>li>span { display: block; } .ngpluginparashopaccountorders>ul>li>table { width: 100%; } .ngpluginparashopaccountorders>ul>li>table>tbody>tr>td { vertical-align: top; padding: 5px; } .ngpluginparashopaccountorders>ul>li>table>tbody>tr>td:nth-child(1) { width: 84%; } .ngpluginparashopaccountorders>ul>li>table>tbody>tr>td:nth-child(2) { width: 4%; white-space: nowrap; text-align: right; } .ngpluginparashopaccountorders>ul>li>table>tbody>tr>td:nth-child(3) { white-space: nowrap; text-align: right; width: 12%; } .ngpluginparashopaccountorders>ul>li>table>tbody>tr>td.ngpluginparashopaccountproductwithpicture img { width: 80px; height: 80px; display: block; border: 0; float: left; } .ngpluginparashopaccountorders>ul>li>table>tbody>tr>td.ngpluginparashopaccountproductwithpicture>div { margin-left: 100px; } .ngpluginparashopaccountorders h3 span { font-weight: normal; } .ngpluginparashopaccountorders>ul>li>table>tbody>tr>td.ngpluginparashopaccountproductwithpicture>div h3, .ngpluginparashopaccountorders>ul>li>table>tbody>tr>td.ngpluginparashopaccountproductwithpicture>div p { margin: 0 0 10px 0; } .ngpluginparashopaccountorders>ul>li>table>tbody>tr>td.ngpluginparashopaccountproductwithpicture::after { content: ""; display: table; clear: both; } .ngpluginparashopaccounthidedesktop { display: none; } .ngpluginparashopaccountorders td ul { margin: 15px 0; padding: 0; display: block; list-style: none; } .ngpluginparashopaccountorders td ul.ngpluginparashopaccountordersconfig { font-size: 80%; font-size-adjust: none; } .ngpluginparashopaccountorders td li { margin: 4px 0; padding: 0; } @media (max-width: 767px) { .ngpluginparashopaccountwelcome, .ngpluginparashopaccountwelcome>div, .ngpluginparashopaccountwelcome>div>div:last-child { display: block; width: 100%; } .ngpluginparashopaccountwelcome>div>div:first-child { display: none; } .ngpluginparashopaccount form input[type=text], .ngpluginparashopaccount form input[type=email], .ngpluginparashopaccount form input[type=password], .ngpluginparashopaccount form select, .ngpluginparashopaccount form textarea, .ngpluginparashopaccount form>div>div, .ngpluginparashopaccount form>div.ngpluginparashopaccountcheckbox>label, .ngpluginparashopaccount form>div>label { width: 100%; float: none; } .ngpluginparashopaccount form>div>label { padding: 5px 0; } .ngpluginparashopaccountbuttonpanel button:first-child, .ngpluginparashopaccountbuttonpanel button:last-child{ float: none; width: 100%; } .ngpluginparashopaccountorders>ul>li>table, .ngpluginparashopaccountorders>ul>li>table>tbody, .ngpluginparashopaccountorders>ul>li>table>tbody>tr { display: block; width: 100%; } .ngpluginparashopaccountorders>ul>li>table>tbody>tr { margin-bottom: 20px; } .ngpluginparashopaccountorders>ul>li>table>tbody>tr>td:nth-child(1) { display: block; width: 100%; } .ngpluginparashopaccountorders>ul>li>table>tbody>tr>td:nth-child(2), .ngpluginparashopaccountorders>ul>li>table>tbody>tr>td:nth-child(3) { display: flex; width: 100%; justify-content: space-between; } .ngpluginparashopaccountorders>ul>li>ul { display: block; } .ngpluginparashopaccountorders>ul>li>ul>li { display: flex; justify-content: space-between; } .ngpluginparashopaccounthidedesktop { display: inline; } }