* {font-family: sans-serif; margin: 0; padding: 0;}
*:focus:not(:focus-visible) {outline: 0 !important;box-shadow: none !important;} 
button, input {box-shadow: none !important;}

header, .offcanvas-header {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
#barcode-scanner canvas.drawingBuffer, #barcode-scanner video.drawingBuffer {display: none;}
#barcode-scanner canvas, #barcode-scanner video {width: 100%;height: auto;}

.btn-main {background: #253b97;color: #fff;padding: 10px 30px;line-height: 20px;font-size: 16px;border: 0;text-transform: uppercase;font-weight: 600; }
.btn-main.scan {position: fixed; bottom: 0px; left: 50%; transform: translate(-50%, 0); text-decoration: none; width: 100%; text-align: center; line-height: 29px; height: 50px;}
.btn-main.scan:hover {color: #fff;}
.offcanvas-body p {margin-bottom: 5px;}
/*.offcanvas-body ul {list-style: square;}*/

.block-info {font-size: 13px;}
.block-info p strong {margin-bottom: 0;}
.block-info .data-label {font-weight: 600;}

.variants {}
.variants h3 {font-size: 14px;}
.variants .variant {display: inline-block;margin: 0 2px 3px 0;border: 1px solid #DDD;padding: 4px 5px; width: 100%;}
.variants .variant p {margin: 0; padding: 0;}
.variants .variant.active, .variants .variant:hover {background: #253B97;cursor: pointer;color: #FFF;}
.variants .variant strong {font-size: 19px;display: block;line-height: 30px;text-align: center;}
.variants .variant span.stock {text-transform: uppercase;font-size: 11px;font-weight: 700;display: block;line-height: 20px;text-align: center;color: #777;}
.variants .stock-0 span.stock {color: #32982F;}
.variants .stock-1 span.stock {color: #E9961F;}
.variants .stock-2 span.stock {color: #E9291F;}
.variants .variant.active strong, .variants .variant:hover strong {color: #FFF;}
.variants .variant.active span.stock, .variants .variant:hover span.stock {color: #FFF;}
.variants .stock-2:hover {background: #FFF;cursor: default;}
.variants .stock-2:hover span.stock {color: #E9291F;}
.variants .stock-2:hover strong {color: #000;}

.variant-info {padding: 0 0 10px 0;}
.variant-info p {margin: 0;line-height: 23px;font-weight: 700;font-size: 13px;}
.variant-info p strong {color: #888;font-weight: 400;display: inline-block;width: 90px;}

.btn-size-xl {width: 100%!important; text-align: center; text-transform: uppercase; }
.request-store {background-color: #DD0000!important; border: none!important; border-radius: 0!important; font-size: 12px!important;}
.request-store-2 {background-color: #000!important; border: none!important; border-radius: 0!important; font-size: 12px!important;}
.request-store-101 {background-color: #34D9E4!important; border: none!important; border-radius: 0!important; font-size: 12px!important;}

.modal-store {padding: 10px;}
.modal-store .title {font-weight: 600; text-align: center;}
.modal-store .form-group {margin-bottom: 15px;}
.modal-store .checkbox.small {margin-bottom: 15px;}
.modal-store .checkbox.small label {padding-left: 10px;}
.modal-store .btn-default {margin-top: 15px;}

.category-wrap .item {padding: 10px; border-bottom: 1px solid #ececec;}

.category-wrap .item .item-variants {text-align: left;margin: 10px 0 10px 0;}
.category-wrap .item .item-variants span {display: inline-block;padding: 0 3px;line-height: 20px;margin: 0 1px 2px 1px;border: 1px solid #DDD;font-size: 10px;background: #FFF;border-radius: 2px;color: #000;}
.category-wrap .item .item-variants span.stock-0 {background: #32982F;color: #FFF;}
.category-wrap .item .item-variants span.stock-3 {background: #EF6E12;color: #FFF;}
.category-wrap .item .item-variants span.stock-2 {color: #777;text-decoration: line-through;}

.variants .variant strong {font-size: 19px;display: block;line-height: 30px;text-align: center;}
.variants .variant span.stock {text-transform: uppercase;font-size: 11px;font-weight: 700;display: block;line-height: 20px;text-align: center;color: #777;}
.variants .stock-0 span.stock {color: #32982F;}
.variants .stock-1 span.stock {color: #E9961F;}
.variants .stock-2 span.stock {color: #E9291F;}

.variants .stock-info {display: inline-block;vertical-align: top;line-height: 20px;padding: 0 6px;color: #FFF;margin: 0 3px 0 0;font-size: 12px;}
.variants .stock-brno {background: #253b97;}
.variants .stock-brno30 {background: #259697;}
.variants .stock-praha {background: #FF9A00;}
.variants .stock-import {background: #C8515A;}
.table > :not(caption) > * > * {font-size: 12px; padding: .1rem .1rem;}

.external {font-weight: 500;}
.nested strong {font-size: 16px;}

.contact-container {display: flex; justify-content: space-between; }
.contact-container .contact {margin-top: 15px;}
.contact-container .contact.requirements {margin-top: 0; margin-left: 10px;}
.contact-container .active { padding: 10px; height: fit-content;}
.contact-container .inactive {padding: 10px; height: fit-content;}
.contact-container .contact p {margin: 0; padding: 0;}
.contact-container .contact .contact-tel { text-decoration: none; color: #000;}
.contact-container .contact .header-contact {display: flex; gap: 10px;}


.contact-container .inactive .state {color: #E9291F!important;}
.contact-container .active .state {color: #32982F!important;}
.contact-container .contact .state {font-weight: 600; text-transform: uppercase; text-align: center; font-size: 11px;}

.add-to-home-page-container {display: flex; justify-content: center; align-items: center; gap:10px; cursor: pointer; padding: 10px; border: 1px solid #253b97;}
.add-to-home-page-container p {margin: 0; padding: 0;}

@media (max-width: 767px) {
    .notifications .table tr {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .notifications .table th,
    .notifications .table td {
        width: 100% !important;
        min-height: 25.4px;
    }
}
.scoreboard {line-height: 0;}
.thread-type {
    display: inline-block;
    width: 20px;
    height: 22px;
    background-color: rgba(0, 0, 0, .1);
    color: black;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
}
.thread-type[data-thread-type="_"] {
    background-color: rgba(0, 0, 0, .2);
}
.thread-type[data-thread-type="C"] {
    background-color: rgba(0, 0, 0, .3);;
}
.thread-type[data-thread-type="R"] {
    background-color: rgba(255, 0, 0, .5);
}
.thread-type[data-thread-type="W"] {
    background-color: rgba(255, 0, 0, 1);
    color: white;
}

/* table */
.table > :not(caption) > * > *:not(.p-0) {
    padding: .2rem .5rem !important;
}
.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: #fe9 !important;
}
.table-hover > tbody > tr table {
    background-color: #fff !important;
}

/* animations */
/* *[data-bs-toggle="collapse"][aria-expanded="false"] {border-bottom: 0;} */
*[data-bs-toggle="collapse"] .bi-chevron-down {transition: .3s all ease-in-out;}
*[data-bs-toggle="collapse"][aria-expanded="true"] .bi-chevron-down {-webkit-transform: scaleY(-1); transform: scaleY(-1);}

.badge {white-space: normal !important;}
/*.bi {*/
/*    display: inline-flex !important;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/
.rotate {
    display: inline-block;
    transform-origin: center;
    -webkit-animation: rotation 1s linear infinite;
    -moz-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
}
@-moz-keyframes rotation {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes rotation {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotation {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}