.thumb-pic img {
    height: auto !important;
}

.barcode-show {
    padding-top: 15px;
    padding-bottom: 15px;
}

.barcode-show > div {
    margin: auto !important;
}

.modal > .modal-dialog {
    max-width: 100% !important;
}

#scanBarcodeModal .qr-reader video {
    width: 100% !important;
}

@media screen and (max-width: 700px) {
    .modal > .modal-dialog {
        width: 95% !important;
        margin: auto;
    }

    .modal > .modal-dialog > .modal-content {
        width: 100% !important;
    }
}

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    font-family: sans-serif;
    color: #000;
    margin: 0;
}

.tabs-content .swiper-container {
    width: 100%;
    height: 300px;
}

.tabs-content .swiper-slide {
    padding: 1rem 2rem;
}

.tabs-buttons {
    height: auto;
    box-shadow: inset 0 -2px #e6e6e6;
}

.tabs-buttons .swiper-wrapper {
    display: flex;
    justify-content: space-between;
}

.tabs-buttons .swiper-slide {
    width: auto;
    height: auto;
    padding: 1rem 2rem;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.tabs-buttons .active-tab {
    opacity: 1;
    border-bottom-color: #69D2B4;
}

.primary-stripe {
    border-left: 3px solid #69D2B4 !important;
}

.k-loader::before,
.k-loader::after {
    --c: no-repeat radial-gradient(farthest-side, #69D2B4 92%, #0000);
}