/*
    This file is to show how CSS and other static resources (such as images) can be
    used from a library project/package.
*/

.BestellPos .pos:hover {
    background-color: lightgray;
}

.BixidBestellBestaetigung {
    background-image: url("BixidBestellBestaetigung.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 33%;
    flex: 1 1 auto;
}

.icon:hover {
    background-color: lightgray;
    fill: red;
}

.btn-number {
    width: 60px;
    height: 80%;
}

.btn-amount {
    background-color: #ddd;
}

    .btn-amount:hover {
        background-color: #eee;
    }

.radio-toolbar {
}

    .radio-toolbar input[type="radio"] {
        opacity: 0;
        position: fixed;
        width: 0;
    }

    .radio-toolbar label {
        margin-right: 0px;
        text-align: center;
        width: 77px;
        display: inline-block;
        background-color: #ddd;
        padding: 10px 20px;
        font-family: sans-serif, Arial;
        font-size: 16px;
        border: 2px solid #444;
        border-radius: 4px;
    }

        .radio-toolbar label:hover {
            background-color: #eee;
        }

    .radio-toolbar input[type="radio"]:focus + label {
        border: 2px solid #444;
    }

    .radio-toolbar input[type="radio"]:checked + label {
        background-color: #ff8787;
        border-color: red;
    }


.AbrechnungskennzeichArtArea {
    display: flex;
    align-self: center;
}

.handyRand {
    display: none;
}

@media (min-width: 640px) {
    .maxHandyContent {
        display: flex;
        flex-direction: column;
        flex: 1;
        height: 100%;
    }

    .handyRand {
        display: block
    }

    .handyContent {
        background-image: url('/_content/Bixid.Module.MobilClient/Handy.svg');
        background-repeat: no-repeat;
        background-size: 400px;
        padding-top: 52px;
        padding-bottom: 80px;
        max-width: 400px;
        max-height: 740px;
    }
}

@media (min-width: 856px) {
    .BixidBestellBestaetigung {
        width: 856px;
    }
}

@media (min-width: 856px) {
    .BixidBestellBestaetigung {
        width: 856px;
    }
}

.inBearbeitung {
    background-color: #CACFD2;
}

    .inBearbeitung .pos {
        font-size: 12px;
    }

.offenePositionen {
    background-color: #E5E7E9;
}

    .offenePositionen .pos {
        font-size: 15px;
    }

.aktuellePositionen {
    background-color: #F8F9F9;
}


    .aktuellePositionen .pos {
        font-size: 15px;
    }

    .aktuellePositionen .replacmentArticleContainer .pos {
        font-size: 15px;
    }

.replacmentArticleContainer {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: inherit;
    background-clip: border-box;
    border: 2px solid #909497;
    border-radius: .25rem;
}

    .replacmentArticleContainer .replacementArticle {
        width: 95%;
        align-self: end;
    }