/* Fonts -------------------------------------------------------------------- */

@font-face {
    font-family: 'code128_S';
    src: url('https://orderportal.barcodedata.co.uk/fonts/code128_S.woff');
}

@font-face {
    font-family: 'code128';
    src: url('https://orderportal.barcodedata.co.uk/fonts/code128.woff');
}

@font-face {
    font-family: 'code128_L';
    src: url('https://orderportal.barcodedata.co.uk/fonts/code128_L.woff');
}

@font-face {
    font-family: 'code128_XL';
    src: url('https://orderportal.barcodedata.co.uk/fonts/code128_XL.woff');
}

@font-face {
    font-family: 'code128_XXL';
    src: url('https://orderportal.barcodedata.co.uk/fonts/code128_XXL.woff');
}

.code_128_S {
    font-family: code128_S;
    font-size: 11px
}

.code_128 {
    font-family: code128;
    font-size: 22px
}

.code_128_L {
    font-family: code128_L;
    font-size: 33px
}

.code_128_XL {
    font-family: code128_XL;
    font-size: 44px
}

.code_128_XXL {
    font-family: code128_XXL;
    font-size: 55px
}

@font-face {
    font-family: 'code39_S';
    src: url('https://orderportal.barcodedata.co.uk/fonts/code39_S.woff');
}

@font-face {
    font-family: 'code39';
    src: url('https://orderportal.barcodedata.co.uk/fonts/code39.woff');
}

@font-face {
    font-family: 'code39_L';
    src: url('https://orderportal.barcodedata.co.uk/fonts/code39_L.woff');
}

@font-face {
    font-family: 'code39_XL';
    src: url('https://orderportal.barcodedata.co.uk/fonts/code39_XL.woff');
}

@font-face {
    font-family: 'code39_XXL';
    src: url('https://orderportal.barcodedata.co.uk/fonts/code39_XXL.woff');
}

.code_39_S {
    font-family: code39_S;
    font-size: 22px;
}

.code_39 {
    font-family: code39;
    font-size: 44px;
}

.code_39_L {
    font-family: code39_L;
    font-size: 66px;
}

.code_39_XL {
    font-family: code39_XL;
    font-size: 88px;
}

.code_39_XXL {
    font-family: code39_XXL;
    font-size: 110px;
}


/* Skeleton ----------------------------------------------------------------- */

.page-wrapper {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.content-wrapper {
    flex: 1;
}

footer.footer {
    background: transparent;
}

.navbar-brand .navbar-item img {
    height: 38px;
    max-height: 38px;
}

/* Toolbars ----------------------------------------------------------------- */

.is-toolbar {
    padding: 2rem 0;
}

.toolbar-header {

}

.toolbar-footer {

}

/* Tablet Skeleton ---------------------------------------------------------- */

.tablet-container {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    height: 100vh;
}

.tablet-header {
    flex-grow: 0;
    min-height: 320px;
    background: black;
}

.tablet-content {
    flex-grow: 1;
    overflow: auto;
}