html, body {
    height: 100%;
}

.admin {
    display: none;
}

.notadmin {
    display: none;
}

/* Utility classes */

.overlay-child, .overlay-before, .overlay-after {
    position: relative;
}

.overlay,
/* Applies to the covering element, others apply to the parent */

.overlay-child>*, .overlay-before::before, .overlay-after::after {
    position: absolute;
    content: '';
    /*display: block;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: repeating-linear-gradient(45deg, var(--color), var(--color) 0.5rem, transparent 0, transparent 1rem), rgba(0, 0, 0, 0.2);
}

.infolink {
    color: #87c9ff;
    transition: color .5s ease;
}

.infolink:hover {
    color: #1596ff;
    cursor: pointer;
}

.onzoom {
    transition: transform .5s ease;
}

.onzoom:hover {
    transform: scale(1.5) translateX(5%);
    width: 32px;
    height: 32px;
    /*position: absolute;*/
}

@keyframes modified {
    from {
        transform: translateX(0%);
    }

    20% {
        transform: translateX(0%)
    }

    35% {
        transform: translateX(-5%)
    }

    65% {
        transform: translateX(5%)
    }

    80% {
        transform: translateX(0%)
    }

    to {
        transform: translateX(0%);
    }
}

.hidden_product_line {
    background-color: #ddd;
}

.product_card {
    padding: 0.2em;
    margin-top: 1em;
}

.modified {
    color: #efccaa;
    animation: 1s ease-in-out .1s infinite alternate modified;
}

.validated {
    color: #aaeebb;
}

.validatedNew:after {
    content: "\2713"
}

.bi-basket-dash {
    background-image: url("/assets/img/basket-dash.svg");
    background-position: center center;
    width: 1em;
    height: 1em;
    content: " ";
    vertical-align: -.125em;
    background-repeat: no-repeat;
    /*background-size: 1rem 1rem;*/
    background-size: cover;
    display: inline-block;
    color: white;
}

.onappear {
    transition: transform 0.1s ease;
    transform: scale(3, 1) translateX(-33%);
}

.ondisappear {
    transition: transform 0.5s ease;
    transform: scale(0.1, 1) translateX(150%);
}

.ondisappearleft {
    transition: transform 0.5s ease;
    transform: scale(0.75, 1) translateX(250%);
}

.ondisappearright {
    transition: transform 0.5s ease;
    transform: scale(0.75, 1) translateX(20%);
}

.visibleCheck {
    display: none;
}

.visibleCheck+label:before, .visibleCheck:checked+label:before {
    display: inline-block;
    content: "";
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
}

.visibleCheck+label {
    color: black;
    font-weight: bold;
}

.visibleCheck:checked+label {
    color: grey;
    text-decoration: line-through lightgray;
}

.visibleCheck+label:before {
    color: black;
    background-image: url("/assets/img/eye.svg");
}

.visibleCheck:checked+label:before {
    color: grey;
    background-image: url("/assets/img/eye-slash.svg");
}

.inputNumberBasket {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

.smallText {
    font-size: 0.8rem !important;
}

.haiddenheader {
    display: none;
}

.deleteUserButton {
    border: none;
    background-color: #0000;
    color: black;
}

.deleteUserButton:hover {
    border: none;
    border-radius: 10%;
    background-color: #f115;
}