@import url('/fonts/handel-gothic-bt/stylesheet.css');
@import url('main-layout.css');

/* prevent pull-down-to-refresh */
html,
body {
    overscroll-behavior-y: contain;
}

.rotated {
    animation: rotation 2s infinite ease-in-out;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.loader-indicator {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
}

    .loader-indicator div {
        position: absolute;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #094597;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .loader-indicator div:nth-child(1) {
            left: -32px;
            animation: loader-indicator1 0.6s infinite;
        }

        .loader-indicator div:nth-child(2) {
            left: -32px;
            animation: loader-indicator2 0.6s infinite;
        }

        .loader-indicator div:nth-child(3) {
            left: -8px;
            animation: loader-indicator2 0.6s infinite;
        }

        .loader-indicator div:nth-child(4) {
            left: 14px;
            animation: loader-indicator3 0.6s infinite;
        }

@keyframes loader-indicator1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes loader-indicator3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes loader-indicator2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

#ArtikelListeContainer {
    line-height: 1.15 !important;
}

.badge {
    font-weight: normal;
}


@media (min-width: 1200px) {
    .badge {
        font-size: 1em;
    }
}

    .alternate-line-color .line:nth-child(even) {
        background-color: #ececec;
    }

    .alternate-line-color .line:nth-child(odd) {
        background-color: #f9f9f9;
    }

    input[type]::placeholder {
        color: #bbb !important;
        opacity: 1;
    }

.line.active {
    background-color: rgb(0,100,200,0.15) !important;
    transition: background-color 100ms linear;
}

.color-artikelnummer {
    color: #000000 !important;
    background-color: rgba(200,0,200,0.2) !important;
}

.color-artikelbezeichnung {
    color: #000000 !important;
    background-color: rgba(0,200,0,0.2) !important;
}

.btn {
    touch-action: manipulation;
}

.k-grid-header {
    font-size:75%;
    font-weight:bold;
}

.grid-no-scroll .k-grid-content {
    overflow-y: auto;
}

.grid-no-scroll .k-grid-header,
.grid-no-scroll .k-grid-footer {
    padding-right: 0; /* version 2.26 and older requires !important here */
}

.grid-no-scroll .k-grid-header-wrap,
.grid-no-scroll .k-grid-footer-wrap {
    border-right-width: 1px;
}