body {
    background: #fff;
    color: #333;
    line-height: 1.4;
    margin: 0;
    font-family: Arial, Sans-Serif;
    font-size: medium;
    overflow-y: scroll;
}

input, textarea, select, button {
    font: inherit;
}

input:-webkit-autofill {
    font-family: inherit;
}

#header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: white;
}

select {
    border-radius: 4px;
    padding: 3 5 3 5;
}

.wrapper {
    min-width: 600px;
    max-width: 1500px;
    margin: auto auto;
}

.page-title {
    padding: 15 0 0 0 !important;
    font-size: 1.5em;
    font-weight: bold;
}

.page-loading-title {
    padding: 20 0 0 0 !important;
    font-size: 1.0em;
}

.welcome {
    color: white;
}

#panel  {
    background: #4e4856;
    color: #fff;
    border-top: 1px solid #444;
    border-bottom: 1px solid #000;
    padding: 7px;
    clear: both;
    min-height: 22;
}

#cart-preview {
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
}

td table {
    display: inline-table;
}

.ih {
    display: none;
}

.shop-table {
    border-collapse: collapse;
    width: 900;
    margin: auto;
}

.shop-table td {
    padding: 0 8 0 8;
}

.shop-table-hr {
    padding: 0 !important;
}

.product-note {
    color: #383838;
    padding: 8;
}

.product-card {
    display: flex;
    gap: 1em;
    border: 1px solid #e7d2ff;
    padding: 8px;
    margin-top: 10px;
}

.product-card-shop {
    width: 900;
}

.product-card-cart {
    width: 900;
}

.product-image-shop {
    width: 180px;
    height: 180px;
    object-fit: contain;
    flex-shrink: 0;
}

.product-image-cart {
    width: 50px;
    height: 50px;
    object-fit: contain;
    flex-shrink: 0;
    padding: 8 0 8 0;
}

.product-image-cart-activation {
    padding: 8 0 0 0 !important;
}

.product-image-none {
    opacity: 0.05;
}

.product-details {
    flex: 1;
}

.product-title {
    font-weight: bold;
    font-size: 1.2em;
}

.product-desc {
    color: #333333;
    padding-top: 4px;
}

.product-stock {
    color: #007dbb;
    padding-top: 4px;
}

.product-stock-low {
    color: #ff6000;
}

.product-stock-none {
    color: #b50000;
}

.product-price {
    color: #009700;
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 4px;
}

.product-price-qty {
    padding-left: 20px;
}

.product-price-cart {
    padding: 8 8 8 30 !important;
    text-align: right;
}

.product-total-cart {
    color: #009300;
    font-weight: bold;
}

.product-remove-cart {
    padding-left: 10px;
}

.cart-update-button {
    display: inline-block;
}

.stock-warning {
    color:red;
}

.stock-warning-input {
    background-color:red;
    background-color: #FFEEEE;
}

.cart-button {
    cursor: pointer;
    padding: 3 5 3 5;
    border-radius: 5px;
    border: 1px solid #4c4c4c;
    background: #f5f5f5;
}

.cart-button:hover {
    background: #eaeaea;
    border-color: #000;
}


.cart-add-feedback {
    padding: 4 6 4 6;
    border-radius: 4px;
}

.cart-feedback-inprogress {
    background-color: #ffff7d;
}

.ok {
    background-color: #EEFFEE;
    color: #00BB00;
}

.ng {
    background-color: #FFEEEE;
    color: #BB0000;
}

.text-ok {
    color: #00BB00;
}

.text-ng {
    color: #BB0000;
}

.ng-input {
    background-color: #fff0f0;
    border: 1px solid #c30000 !important;
}

select.ng-input {
    color: gray;
}

.product-actions {
    padding-top: 8px;
}

.product-comment {
    color: #7b00c5;
    padding-top: 8px;
}

.warn-need-login {
    color: #bb0000;
}

.credit-will {
    color: #1d008b;
}

#credit-username {
    font-weight: bold;
}

.shipping-table {
    padding: 8 0 0 0 !important;
    text-align: right;
}

.shipping-title {
    text-align: right;
    padding-right: 6;
}

.shipping-input {
    width: 100%;
    margin: 1;
    padding: 3 5 3 5;
    border-radius: 4px;
    border: 1px solid #4c4c4c;
}

.cart-item-row {
}

.item-row0 {
    background-color: #f5f5f5;
}

.item-row2 {
    
}

.currency-equivalent {
    text-align: right;
    color: #767676;
    padding: 0 0 8 0 !important;
}

.nav-button {
    cursor: pointer;
    padding: 6 8 6 8;
    border-radius: 5px;
    border: 1px solid #4c4c4c;
    background: #f5f5f5;
}

.nav-button:hover {
    background: #eaeaea;
    border-color: #000;
}

.nav-button:disabled {
    background-color: #f7f7f7;
    color: #b9b9b9;
    cursor: default;
    border-color: #b5b5b5;
}

.continue-link {
    color: #b3ffb3;
}

#paypal-button-container {
    width: 380;
    margin: auto;
    padding: 18 0 0 0;
}

#result-message {
    
}

.order-table {
    border-collapse: collapse;
    width: 800;
    margin: auto;
}

td.order-table  {
    padding: 2;
}

td.order-title {
    width: 120;
    padding: 4 2 0 2;
}

.order-value {
    color: #5c5c5c;
    padding: 2;
}

.order-section {
    background-color: #f9f9f9;
    padding: 6 0 6 0 !important;
    font-weight: bold;
}

.order-progress-notyet {
    color: #bfbfbf;
}

.order-progress-done {
    color: green;
    font-weight: bold;
}

.justpurchased {
    width: 600;
    margin: auto;
    border: 2px solid green;
    padding: 8;
    margin-top: 20;
    margin-bottom: 10;
    background-color: #f3fff3;
    border-radius: 8px;
}

.justpurchased-heading {
    padding: 8;
    color: green;
    font-weight: bold;
    font-size: 1.1em;
}

.justpurchased-body {
    padding: 12;
}