body {
    margin: 0;
    padding: 0;
    overflow: hidden;
/* margin-top: -15px; */}

* {
    font-family: 'Poppins';
    font-weight: 300;
    user-select: none;
    -webkit-user-select: none;
}
div {
    box-sizing: border-box;
    display: block;
}
input, input:focus, select:focus, textarea {
    font-size: 16px;
    outline: none;
    user-select: initial!important;
    -webkit-user-select: initial!important;
}

#home img {
    width: 100%;
}


#home {

/* position: relative; *//* margin-top: -20px; */position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* display: none; */}

#email {

background: none;width: 15px;font-size: 20px;position: absolute;left: 39px;top: 177px;z-index: 1;border: none;width: 300px;font-weight: 400;outline: none!important;padding-left: 9px;font-size: 16px;}

#password {
    background: none;
    width: 15px;
    font-size: 20px;
    position: absolute;
    left: 39px;
    top: 242px;
    z-index: 1;
    border: none;
    width: 300px;
    font-weight: 400;
    outline: none!important;
    padding-left: 9px;
    font-size: 16px;/* background-color: #ddd; */}

#login {
    
/* background-color: #ddd; */width: 315px;height: 43px;position: absolute;z-index: 5;left: 33px;top: 303px;;}

#stores {

margin-top: -15px;position: relative;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}

#stores img {
    width: 100%;
}

#go-to-store {

position: absolute;left: 22px;top: 82px;width: 332px;height: 110px;;/* background-color: #ddd; */z-index: 2;}

#open-store {

margin-top: -15px;
    position: relative;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;}

#open-store img {
width: 100%;
}

#back-to-stores {

width: 91px;height: 56px;/* background-color: #ddd; */position: absolute;left: 0;top: 0;}


#shop-code-1 {

width: 34px;height: 43px;position: absolute;left: 29px;top: 136px;/* background-color: #ddd; */border: none;background: none;outline: none!important;text-align: center;font-size: 25px;color: #012849;}
#shop-code-2 {

 width: 34px;
    height: 43px;
    position: absolute;
    left: 74px;
    top: 136px;
    /* background-color: #ddd; */
    border: none;
    background: none;
    outline: none!important;
    text-align: center;
    font-size: 25px;
    color: #012849;}
#shop-code-3 {

width: 34px;
    height: 43px;
    position: absolute;
    left: 126px;
    top: 137px;
    /* background-color: #ddd; */
    border: none;
    background: none;
    outline: none!important;
    text-align: center;
    font-size: 25px;
    color: #012849;}
#shop-code-4 {

width: 34px;
    height: 43px;
    position: absolute;
    left: 198px;
    top: 136px;
    /* background-color: #ddd; */
    border: none;
    background: none;
    outline: none!important;
    text-align: center;
    font-size: 25px;
    color: #012849;}
#shop-code-5 {

width: 23px;
    height: 34px;
    position: absolute;
    left: 254px;
    top: 141px;
    /* background-color: #ddd; */
    border: none;
    background: none;
    outline: none!important;
    text-align: center;
    font-size: 25px;
    color: #012849;}
#shop-code-6 {

width: 34px;
    height: 43px;
    position: absolute;
    left: 297px;
    top: 136px;
    /* background-color: #ddd; */
    border: none;
    background: none;
    outline: none!important;
    text-align: center;
    font-size: 25px;
    color: #012849;}

#scan-shop-code {
    
width: 316px;
    height: 43px;
    /* background-color: #ddd; */
    position: absolute;
    left: 32px;
    top: 396px;}

#store-is-open {

margin-top: -15px;
    position: relative;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;}

#store-is-open img {
width: 100%;
}

#start-shopping {

width: 318px;
    height: 56px;
    /* background-color: #ddd; */
    position: absolute;
    left: 37px;
    top: 488px;z-index: 2;}

#back-to-open-store {
    
/* width: 91px; */
    /* height: 56px; */
    /* background-color: #ddd; */
    /* position: absolute; */
    /* left: 0; */
    /* top: 0; */width: 318px;
    height: 55px;
    /* background-color: #ddd; */
    position: absolute;
    left: 37px;
    top: 561px;z-index: 2;}

#cart {

margin-top: -15px;
    position: relative;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;}


#cart img {

width: 100%;}


#cart img {

position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;}

#abort-shopping-btn {

width: 159px;
    height: 36px;
    /* background-color: #ddd; */
    position: absolute;
    left: 23px;
    top: 589px;
    z-index: 2;}

#checkout {
    
width: 159px;
    height: 36px;
    /* background-color: #ddd; */
    position: absolute;
    left: 198px;
    top: 589px;
    z-index: 2;}

#abort-shopping {

margin-top: -15px;
    position: relative;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;}

#abort-shopping img {

width: 100%;}

#abort-shopping-yes {

width: 159px;
    height: 36px;
    /* background-color: #ddd; */
    position: absolute;
    left: 197px;
    top: 325px;
    z-index: 2;}

#abort-shopping-no {

width: 159px;
    height: 36px;
    /* background-color: #ddd; */
    position: absolute;
    left: 23px;
    top: 325px;
    z-index: 2;}

#success {

margin-top: -15px;
    position: relative;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;}

#success img {

width: 100%;}

#done-shopping {

width: 326px;
    height: 47px;
    /* background-color: #ddd; */
    position: absolute;
    left: 25px;
    top: 593px;
    z-index: 2;}

#cart-content {

position: absolute;left: 22px;top: 85px;width: 89%;;;height: 490px;overflow-y: auto;}

#add-to-cart-item {

position: relative;width: 100%;height: 52px;display: block;}

#add-to-cart-code {

position: absolute;left: 171px;top: 0;width: 65px;;height: 50px;/* background-color: #ddd; */}

#add-to-cart-qr-code {

position: absolute;
    left: 245px;
    top: 0;
    width: 82px;
    height: 50px;
    /* background-color: #ddd; */}

#product-code {

margin-top: -15px;
    position: relative;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;}

#product-code img {

width: 100%;}

#product-code-1 {

width: 31px;
    height: 43px;
    position: absolute;
    left: 140px;
    top: 162px;
    /* background-color: #ddd; */
    border: none;
    background: none;
    outline: none!important;
    text-align: center;
    font-size: 25px;z-index: 5;}

#product-code-2 {

width: 31px;
    height: 43px;
    position: absolute;
    left: 189px;
    top: 162px;
    /* background-color: #ddd; */
    border: none;
    background: none;
    outline: none!important;
    text-align: center;
    font-size: 25px;
    z-index: 5;}

#product-code-3 {

width: 31px;
    height: 43px;
    position: absolute;
    left: 239px;
    top: 162px;
    /* background-color: #ddd; */
    border: none;
    background: none;
    outline: none!important;
    text-align: center;
    font-size: 25px;
    z-index: 5;}

#product-code-4 {

width: 31px;
    height: 43px;
    position: absolute;
    left: 288px;
    top: 162px;
    /* background-color: #ddd; */
    border: none;
    background: none;
    outline: none!important;
    text-align: center;
    font-size: 25px;
    z-index: 5;}

#close-product-code {

width: 339px;
    height: 40px;
    /* background-color: #ddd; */
    position: absolute;
    left: 18px;
    top: 266px;
    z-index: 2;}

#cart-items {

}

.cart-item {

display: flex;align-items: center;border: 1px solid #febd3e;border-radius: 7px;margin-bottom: 13px;;padding: 3px 13px;box-shadow: 1px 1px 6px #0000002e;}


.cart-item .photo {

width: 50px;position: relative;height: 50px;}


.cart-item .photo img {

}

.cart-item .name-and-price {

color: #012849;padding-left: 13px;width: calc(100% - 120px);}

.cart-item .name-and-price .name {

font-weight: 600;margin-bottom: -3px;font-size: 89%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 21px;}

.cart-item .name-and-price .price {

font-size: 82%;}

.cart-item .counter {

width: 80px;text-align: right;display: flex;align-items: center;}

.cart-item .counter .plus {

width: 24px;
    height: 24px;
    background-color: #012849;
    color: #fcbc3e;
    text-align: center;
    border-radius: 50%;}
.cart-item .counter .minus {

width: 24px;height: 24px;background-color: #012849;color: #fcbc3e;text-align: center;border-radius: 50%;}
.cart-item .counter .nr {

width: 29px;text-align: center;}

#total-row {
    
text-align: right;font-size: 110%;margin-top: 16px;color: #012849;}

#total {
    
font-weight: 600;}

#net {

width: 75px;
    height: 25px;
    background-color: #fff;
    position: absolute;
    left: 250px;
    top: 270px;
    z-index: 2;text-align: right;font-weight: 400;color: #012849;}

#vat {

width: 75px;
    height: 25px;
    background-color: #fff;
    position: absolute;
    left: 250px;
    top: 300px;
    z-index: 2;
    text-align: right;
    font-weight: 400;
    color: #012849;}

#gross {

width: 75px;
    height: 25px;
    background-color: #fff;
    position: absolute;
    left: 250px;
    top: 330px;
    z-index: 2;
    text-align: right;
    font-weight: 400;
    color: #012849;font-weight: 600;}