:root {
    --w24-blue: #2060a0;
    --w24-dark-blue: #003070;
    --w24-red: #f02000;
    --w24-orange: #ff5a00;
    --w24-black: #000000;
    --w24-gray: #d0d0d0;
}

.bg-innubio {background-color: #00a651 !important}
.bg-red {background-color:red !important;}
.bg-orange {background-color: orange !important;}
.bg-w24-orange {background-color: #ff7000 !important;}
.bg-w24-red {background-color: var(--w24-red) !important;}
.bg-w24-darkblue {background-color: var(--w24-dark-blue) !important;}
.bg-green {background-color:green !important;}
.bg-black {background-color:black !important;}
.bg-dark {background-color: #202020 !important;}
.bg-blue {background-color:blue !important;}
.bg-lightyellow {background-color:rgb(255, 252, 158) !important;}
.bg-lightblue {background-color: #cfdaf1 !important;}
.bg-white {background-color:white !important;}
.bg-light {background-color:#f4f4f4 !important;}
.bg-mist {background-color:#f8f8f8 !important;}
.bg-medium-light {background-color:#ededed !important;}
.bg-darklight {background-color:#e0e0e0 !important;}
.bg-silver {background-color:#909090 !important;}
.bg-darksilver {background-color: #505050 !important;}
.bg-v-warning-red {background-color: #ffece0 !important;}

.cursor-pointer {cursor:pointer;}
.cursor-default {cursor:default;}
.text-innubio {color: #00a651 !important}
.text-black {color:black !important;}
.text-red {color:#e02000 !important;}
.text-orange {color: var(--w24-orange) !important;}
.text-white {color: white !important;}

.text-light {color: lightgray !important;}
.text-medium-light {color: #ededed !important;}
.text-darklight {color: #d0d0d0 !important;}
.text-gray {color: #404040 !important;}
.text-green {color: green !important;}
.text-blue {color: blue !important;}
.text-darkblue {color: var(--w24-dark-blue) !important;}
.text-navy {color: navy !important;}
.text-yellow {color: #fcfcb0 !important;}
.text-purple {color: purple !important;}
.text-silver {color:#909090 !important;}
.text-darksilver {color: #505050 !important;}
.text-decoration-none { text-decoration: none; }
.text-decoration-underline { text-decoration: underline; }

.border-w24-orange { border: 1px var(--w24-orange) solid !important;}
.border-w24-black { border: 1px var(--w24-black) solid !important;}
.border-w24-gray { border: 1px var(--w24-gray) solid !important;}
.border-w24-darkblue { border: 1px var(--w24-dark-blue) solid !important;}
.border-bold {border-width: 2px !important;}

button.bg-w24-darkblue:hover {
    background-color: var(--w24-orange) !important;
    color: white !important;
    cursor: pointer;
}

button.bg-light:hover {
    background-color: black !important;
    color: white !important;
    cursor: pointer;
}

button.bg-light-darkblue:hover {
    background-color: var(--w24-dark-blue) !important;
    color: white !important;
    cursor: pointer;
}

.strikethrough { text-decoration: line-through; }
.hover-border:hover {
    box-shadow: 0 1px 3px #101010;
}
.hover-border-orange:hover {
    box-shadow: 0 1px 3px var(--w24-orange);
}
.hover-border-blue:hover {
    box-shadow: 0 1px 3px var(--w24-blue);
}
.hover-w24-blue:hover {cursor:pointer; color: var(--w24-blue) !important;}
.hover-w24-orange:hover {cursor:pointer; color: var(--w24-orange) !important;}
.hover-w24-red:hover {cursor:pointer; color: var(--w24-red) !important;}

#opis-produktu {
    scroll-margin-top: 60px;
}

.sticker {
    top:67px;
}

.hide-scrollbar::-webkit-scrollbar {
    height: 0 !important;
}

.right-panel-show {
    transform: translateX(-502px);
    transition: transform 200ms ease-out;
}

.left-panel-show {
    transform: translateX(302px);
    transition: transform 200ms ease-out;
}


.left-menu {
    width: 100vw;
    left: -100vw;
    background: red;
}

.filterItem {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.filterItem:hover {
    color: #6a0000 !important;
    filter: invert(9%) sepia(98%) saturate(5908%) hue-rotate(15deg) brightness(105%) contrast(122%) !important;
}

.no-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.cursor-pointer {
    cursor:pointer;
}

.shadow-sm {
    box-shadow: 0 2px 7px #e0e0e0;
}

.category-headline {
    min-height:120px;   
    background-color: transparent;
    background-position:top, center;
    background-repeat: no-repeat, no-repeat;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.close { cursor: pointer; font-size: 2em;}

.modal-sm {
    width: 94%;
    max-width:600px;
    margin-left: 2%;
}
.modal, .modal-md {
    width: 50%;
    max-width:1000px;
}
.modal-lg {
    width: 85%;
    max-width:1500px;
}
.modal-xl {
    width: 95%;
    max-width:1900px;
}
.modal-full {
    width: 100vw;
    max-width: 100vw !important;
    height: 100vh;
    max-height: fit-content !important;
}

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type=number] {
        -moz-appearance: textfield;
    }

.dropdown-body {
    right: -50%;
    top: 50px;
    max-height:90vh;
    z-index: 5000;
}

.dropdown-sm {
    width: 100%;
    max-width:460px !important;
}

.tab.active {
    background-color: transparent;
}

.line-height-a { line-height: 185%; }

#basketItems {
    max-height: 350px;
    overflow-y: auto;
}

.glide-images {
    height: 90px;
    bottom:-50px;
    z-index:0;
}

.glide-icon {
    width:70px !important; height:70px !important; max-width:70px !important; max-height:70px !important;
}

@media screen and (max-width:768px) {
    .scale-90 { font-size: 0.9rem !important; }
    .scale-80 { font-size: 0.8rem !important; }
    .scale-70 { font-size: 0.7rem !important; }
}

@media screen and (min-width:992px) {

    .glide-images {
        bottom:-90px;
        height: 120px;
    }
    .glide-icon {
        width:100px !important; height:100px !important; max-width:100px !important; max-height:100px !important;
    }
    .productBox {
        height: 105px;
    }
    .productBoxPricing {
        height: 50px;
    }
    .line-height-a {
        line-height: 200%;
    }
    .dropdown-sm {
        width: 25vw;
        max-width:400px !important;
    }

    .tab.active {
        background-color: #f4f4f4;
    }

    #opis-produktu {
        scroll-margin-top: 130px;
    }

    .left-menu {
        width: 300px;
        left: -300px;
    }
    .sticker {
        top:125px;
    }
    .shadow-lg-sm {
        box-shadow: 0 0 0 white, 0 0 0 white, 0 4px 7px #e0e0e0, 0 0 0 white;
    }
    .category-headline {
        background-color: #ffeeaa;
        height:160px !important;
    }

    .blink {
        animation: blinker 1s step-start infinite;
    }

    @keyframes blinker {
        50% {
            opacity: 0;
        }
    }

    #basketItems {
        max-height: 950px;
        overflow-y: auto;
    }
}