.white {
    background: #fff
}

.black {
    background: #000
}

.red {
    background: #f00000
}

.green {
    background: #82bc43
}

.blue {
    background: blue
}

.yellow {
    background: #fff000
}

.grey {
    background: #777
}

.greylight {
    background: #dadada
}

.purple {
    background: #e9ebf3
}

.brickred {
    background: #CB4154
}

.natural {
    background: #FFFAF0
}

.lime {
    background: #bfd834
}

.orange {
    background: #fbba00
}

.yellow-black {
    background: #e6c467
}

.transparent {
    background: url(../svg/diagonal.svg) 50% 50% no-repeat
}

@font-face {
    font-family: 'europe';
    src: url("../fonts/europe_new.ttf");
    font-weight: normal
}

@font-face {
    font-family: 'europe';
    src: url("../fonts/europe-bold_new.ttf");
    font-weight: bold
}

@font-face {
    font-family: 'europe';
    src: url("../fonts/europe-italic_new.ttf");
    font-style: italic
}

@font-face {
    font-family: 'freeset';
    src: url("../fonts/freeset_new.ttf");
    font-weight: normal
}

@font-face {
    font-family: 'freeset';
    src: url("../fonts/freeset-bold_new.ttf");
    font-weight: bold
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes fade-in {
    0% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes rotating /* Safari and Chrome */
{
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.fadein {
    -webkit-animation: fade-in .3s ease-in;
    -moz-animation: fade-in .3s ease-in;
    -o-animation: fade-in .3s ease-in;
    animation: fade-in .3s ease-in
}

.fadeinfast {
    -webkit-animation: fade-in .1s ease-in;
    -moz-animation: fade-in .1s ease-in;
    -o-animation: fade-in .1s ease-in;
    animation: fade-in .1s ease-in
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    color: #000;
    font-family: "europe", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1
}

#lagen, #storage {
    background: #e7eaed;
    width: 100%;
    min-height: 100%
}

#uiindex, .errorblock {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#content {
    background: #e7eaed;
    display: flex
}

#uidummy {
    width: 320px
}

#labels {
    width: calc(100% - 320px)
}

#transmiddle, #individual {
    display: flex;
    align-items: center;
    justify-content: center
}

#transmiddle {
    margin-top: 30px
}

#transmiddle > div, #individual > div {
    position: relative;
    margin: 5px
}

#individual > div {
    transition: 0.1s ease-in
}

.tm .showsize {
    position: absolute;
    color: #777;
    font-size: 16px
}

.tm .showheight {
    right: -60px;
    top: 45%
}

#transmiddle .tm:first-child .showheight {
    left: -60px
}

.tm .showwidth {
    width: 100%;
    left: 0;
    top: -25px;
    text-align: center
}

#selstyleblock {
    width: 100%;
    text-align: center
}

#selstyleblock h3 {
    margin-top: 10px;
    font-weight: normal;
    text-transform: uppercase
}

#selstyle div {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 5px
}

#selstyle img {
    max-width: 400px;
    cursor: pointer;
    transition: 0.1s ease-in
}

#selstyle img:hover {
    transform: scale(1.2)
}

#selstyle.blisters img {
    height: 350px
}

.errorblock, .errorblock .uiblock {
    width: auto;
    max-width: 640px
}

.errorblock .error {
    background: #fff;
    padding: 20px;
    font-size: 1.3rem;
    line-height: 1.5;
    text-align: center;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15)
}

ul, h1, h2, h3 {
    margin: 0;
    padding: 0
}

.dt {
    display: table;
    position: relative;
    width: 100%
}

.dtcell {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.hide {
    display: none
}

form.tempdata {
    padding: 20px
}

form.tempdata h3 {
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center
}

form.tempdata h4 {
    margin: 10px 0 5px 0;
    font-size: 1.2rem;
    font-weight: 400
}

form.tempdata input {
    background: #fff;
    margin: 0
}

form.tempdata select {
    background: #fff;
    width: 500px;
    margin-bottom: 10px;
    font-size: 1.2rem;
    cursor: pointer
}

form.tempdata input[name=sku] {
    width: 100px;
    padding: 10px
}

form.tempdata select[name=unit] {
    width: 100px
}

#ui {
    position: fixed;
    z-index: 5;
    height: 100%;
    top: 0;
    left: 0;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

#ui::-webkit-scrollbar {
    width: 0px;
    background: transparent
}

#userblock {
    position: fixed;
    top: 10px;
    right: 10px;
    line-height: 1.4;
    text-align: center
}

#userblock form {
    margin-top: 5px
}

.uiblock {
    background: #fff;
    width: 320px;
    margin: 10px 0;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15)
}

.uiblock h1, .uiblock h2 {
    padding: 10px 0;
    color: #fff;
    text-align: center
}

.uiblock h1 {
    background: #8490af;
    font-size: 4.5rem
}

.uiblock h1 a {
    color: #fff;
    text-decoration: none
}

.uiblock h2 {
    background: #c9a7bf;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase
}

.uiblock h3 {
    color: #777;
    font-size: 1rem;
    font-weight: normal
}

.uiblock .uiinner {
    padding: 20px
}

.uiblock .uiinner .skublock {
    display: inline-block;
    position: relative;
    width: 50%
}

.uiblock .uiinner .skublock:first-child input {
    width: 93%
}

.skuarrow {
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer;
    transition: 0.1s ease-in
}

.skuarrow:hover {
    transform: scale(1.3)
}

.skublock [name='skucopy'] {
    padding-left: 5px
}

.uiblock .output {
    display: none
}

.optiblock {
    text-align: center
}

.optiblock h3 {
    text-align: left
}

.optiblock h4 {
    display: none
}

input, textarea {
    background: none;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    padding: 5px 0;
    border: 0;
    border-bottom: 1px solid #999
}

input {
    font-size: 1.5rem
}

#inputchars input {
    font-size: 1.2rem
}

textarea {
    font-family: "europe", Arial, Helvetica, sans-serif;
    font-size: 1.1rem
}

#charsinput input {
    font-size: 1.2rem
}

button {
    background: #7fd1cc;
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
    color: #fff;
    font-size: 1.1rem;
    border: 0;
    border-radius: 20px;
    cursor: pointer;
    transition: 0.1s ease-in
}

button:hover {
    background: #ea8282
}

button#callchars {
    margin-bottom: 10px
}

button#save {
    background: #ea8282;
    position: fixed;
    z-index: 10;
    bottom: 30px;
    right: 30px;
    font-size: 1.4rem
}

button#save:hover {
    background: #7fd1cc
}

button#save[disabled="disabled"] {
    background: #777;
    opacity: 0.7;
    cursor: default
}

button#save[disabled="disabled"]:hover::after {
    background: #f00000;
    content: attr(datatitle);
    position: absolute;
    left: -140px;
    top: 0;
    z-index: 1;
    padding: 10px 15px;
    color: #fff;
    font-size: 1rem;
    text-align: right;
    border-radius: 20px
}

input[type=checkbox], input[type=radio] {
    display: none
}

label {
    cursor: pointer
}

label img {
    height: 40px;
    max-width: 100px
}

label[for="morreg"] img {
    height: 60px
}

#ui label:after, #storage label:before {
    content: '';
    background: #e9ebf3;
    display: block;
    height: 18px;
    width: 18px;
    margin: 10px auto;
    border-radius: 4px;
    transition: 0.1s ease-in
}

#ui input[type=checkbox]:checked + label:after, #ui input[type=radio]:checked + label:after, #storage input[type=checkbox]:checked + label:before, #storage input[type=radio]:checked + label:before {
    width: 18px;
    height: 18px;
    background-color: #000
}

.checkbox, #inputchars input[type=text], #inputchars label {
    display: inline-block
}

.checkbox.checktext {
    display: block;
    margin: 5px 0;
    text-align: center
}

#inputchars input[type=text], #inputchars label {
    vertical-align: middle
}

#inputchars input[type=text] {
    width: 90%
}

#inputchars label {
    width: 10%
}

#rightpanel {
    position: fixed;
    width: 60px;
    top: 20%;
    right: 0
}

#rightpanel .callbutton {
    background-color: #8490af;
    background-size: 40px auto;
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 5px 0;
    padding: 10px;
    cursor: pointer;
    transition: 0.1s ease-in
}

#rightpanel .callbutton:hover {
    background-color: #7fd1cc
}

#rightpanel .callbutton:hover::after, #rightpanel .math:hover::after {
    background: #8490af;
    content: attr(data-title);
    position: absolute;
    width: 120px;
    left: -140px;
    top: 0;
    z-index: 1;
    padding: 10px;
    color: #fff;
    font-size: 1.2rem;
    text-align: right
}

.handmadecall.callbutton {
    background: url(../svg/handmade.svg) center center no-repeat
}

.filemanagercall.callbutton {
    background: url(../svg/filemanager/folder.svg) center center no-repeat
}

.manualcall.callbutton {
    background: url(../svg/manual.svg) center center no-repeat
}
.labelcall.callbutton {
    background: url(../svg/label.svg) center center no-repeat
}

#handmade {
    display: none;
    padding: 10px
}

.lagencall.callbutton {
    background: url(../svg/lagen.svg) center center no-repeat
}

.math {
    position: relative;
    margin: 10px 0 0 0;
    text-align: center
}

.math span {
    background: #fff;
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer
}

.math span:nth-child(2n) {
    background: none
}

.math span:hover {
    background: #7fd1cc
}

select {
    background: #e9ebf3;
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 6px;
    font-size: 1rem;
    border: none;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.select {
    position: relative
}

.select:after {
    content: "▼";
    position: absolute;
    z-index: 1;
    top: 35%;
    right: 8px;
    font-size: 0.8rem;
    box-sizing: border-box;
    pointer-events: none
}

#styleform {
    width: 320px;
    margin: 0 auto;
    text-align: center
}

#styleform input, #styleform span {
    width: 50%;
    text-align: center
}

#styleform div.sizeinput {
    display: inline-block;
    width: 50%
}

#selstyle button {
    margin: 10px auto
}

#selstyle span {
    display: none
}

#icons.fancybox-content, #drawings.fancybox-content {
    width: 800px;
    height: 600px;
    padding: 30px;
    cursor: pointer
}

#icons .iconssel {
    background: #fff000;
    position: fixed
}

#icons .iconsdummy {
    background: #fff000;
    width: 100%;
    height: 70px
}

#icons .svgicon {
    display: inline-block;
    margin: 5px
}

#icons .svgicon svg {
    width: 55px;
    height: 55px;
    border: 2px solid #333;
    border-radius: 10px
}

#drawings img {
    width: 40mm;
    padding: 10px;
    border: 1px solid #000
}

.svgblock {
    margin: 20px 0
}

.svgblock a {
    color: #000;
    text-transform: uppercase
}

.svgblock a:hover {
    text-decoration: none
}

.clock {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 65px;
    width: 80px;
    line-height: 100px;
    text-align: center
}

#storage .container {
    max-width: 960px;
    margin: 0 auto
}

#storage h1 {
    margin: 0;
    padding: 20px 10px;
    font-size: 2.4rem;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase
}

#storage h2 {
    margin: 10px 0;
    padding: 0 0 10px 0;
    font-size: 2.4rem;
    font-weight: normal;
    border-bottom: 6px dotted #999
}

#storage a {
    color: #000;
    text-decoration: none
}

#storage .breadcrumbs {
    padding: 10px;
    border-top: 3px dotted #999
}

#storage .breadcrumbs li, #folders .folder {
    display: inline-block;
    vertical-align: top
}

#storage .breadcrumbs li a {
    padding: 0 5px;
    color: #333;
    text-decoration: underline
}

#storage .breadcrumbs li a:hover {
    text-decoration: none
}

#folders {
    text-align: center
}

#folders .folder {
    width: 140px;
    margin: 10px;
    font-size: 0.95rem;
    line-height: 1.2
}

#folders a .folderimg {
    background: url(../svg/filemanager/folder.svg) center center no-repeat;
    background-size: contain;
    position: relative;
    height: 90px;
    margin: 0 0 7px 0;
    color: #000
}

#folders a:hover .folderimg {
    background-image: url(../svg/filemanager/folder_hover.svg);
    color: #fff
}

#folders a .folderimg span {
    position: absolute;
    top: 45%;
    right: 20%;
    font-size: 1.5rem
}

#folders input.foldername {
    font-size: 1.2rem;
    text-align: center
}

#folders .folder label {
    display: block
}

.wrapfolders h3 {
    background: #8490af;
    padding: 10px 0;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase
}

.files .file {
    display: none
}

.filesheader {
    margin-top: 10px;
    padding: 20px 0;
    font-size: 1.4rem;
    text-align: center;
    text-transform: uppercase;
    border-top: 3px dotted #999
}

.file {
    position: relative;
    padding: 10px 10px 10px 0
}

.file:hover {
    background: #eee;
    cursor: pointer
}

.file label, .file a {
    display: table-cell
}

.file label, .file a {
    padding: 0 10px
}

.file a {
    width: 100%
}

.file label:hover, .folder label:hover {
    background: #c9a7bf
}

#storage label:before, .fileimg, .filename {
    display: inline-block;
    vertical-align: middle
}

#storage label:before {
    background: #dadada;
    margin: 10px
}

.file .fileimg {
    background: url(../svg/filemanager/files.svg) left center no-repeat;
    background-size: contain;
    width: 80px;
    height: 80px
}

.file.gdx .fileimg {
    background: url(../svg/filemanager/files_black.svg) left center no-repeat;
    background-size: contain
}

.file.archive .fileimg {
    background: url(../svg/filemanager/files_archive.svg) left center no-repeat;
    background-size: contain
}

#uploadform {
    margin: 10px 0;
    text-align: center
}

#uploadform .uploadbutton, #uploadform button {
    display: inline-block;
    vertical-align: middle
}

input#filesup {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer
}

#uploadform .uploadbutton {
    padding: 10px
}

#uploadform .uploadbutton:hover {
    background-color: #fff;
    border-radius: 10px
}

#uploadform .uploadbutton {
    background: url(../svg/filemanager/add_file.svg) center no-repeat;
    width: 80px;
    height: 80px;
    background-size: 80px 80px
}

#filesuplist {
    padding-left: 30px;
    text-align: left
}

#filesuplist li {
    padding: 5px 0
}

.uploadbutton input {
    -moz-opacity: 0;
    opacity: 0
}

.file.upload .fileimg.filepdf {
    background: url(../svg/filemanager/files_upload.svg) left center no-repeat;
    background-size: contain
}

.file.upload .fileimg.fileai {
    background: url(../svg/filemanager/files_ai.svg) left center no-repeat;
    background-size: contain
}

.file.upload .fileimg.filedoc, .file.upload .fileimg.filedocx {
    background: url(../svg/filemanager/files_doc.svg) left center no-repeat;
    background-size: contain
}

.file.upload .buttonup, .file.upload .labelfile {
    display: inline-block;
    vertical-align: middle
}

.file.upload .buttonup {
    padding: 0 10px
}

.file.upload .buttonup .hide, .file.upload .buttonup .hide:hover {
    background: none
}

.file.upload .buttonup button {
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 2px;
    background-size: 22px 22px;
    border-radius: 6px
}

.file.upload .buttonup button:hover {
    background-color: #ea8282
}

.buttonup button[value="fromup"] {
    background: url(../svg/filemanager/upload.svg) center no-repeat #7fd1cc
}

.buttonup button[value='loadup'] {
    background: url(../svg/filemanager/download.svg) center no-repeat #7fd1cc
}

.buttonup button[value='delup'] {
    background: url(../svg/filemanager/delete.svg) center no-repeat #ea8282
}

.file.upload .buttonup button[value='delup']:hover {
    background-color: #8490af
}

.showfilter, #sendfiles, #sendsubmit, #sendllf {
    margin: 10px 0;
    text-align: center
}

#sendfiles, .hideform, .selectfilter, .selectgdx {
    display: none
}

.showfilter div {
    margin: 0 0 5px 0;
    font-size: 1.2rem
}

.showfilter label {
    background: #8490af;
    padding: 10px 10px 10px 0;
    color: #fff;
    font-size: 1.1rem;
    border-radius: 10px
}

.showfilter label:hover {
    background: #7fd1cc
}

.selectgdx {
    display: inline-block
}

#sendsubmit button, #sendllf button {
    display: inline-block
}

textarea.foldername:focus {
    background: #dadada
}

textarea.foldername {
    background: 0;
    border-bottom: 2px dotted #999;
    text-align: center;
    resize: none
}

#clipboard {
    position: absolute;
    top: -10000px
}

#success {
    background: #82bc43;
    position: absolute;
    width: 270px;
    right: -310px;
    padding: 20px 20px 20px 60px;
    color: #fff
}

#success div {
    text-transform: uppercase
}

#success.success, #success.susendfolder {
    background: url(../svg/filemanager/success.svg) 10px center no-repeat #82bc43;
    background-size: 40px 40px
}

#success.sucopyllf {
    background: url(../svg/filemanager/attention.svg) 10px center no-repeat #ea8282;
    background-size: 40px 40px;
    cursor: pointer
}

#success.sucopyllf:hover {
    background-color: #7fd1cc
}

#success.susendfolder a {
    display: block;
    padding: 10px 0 0 0;
    color: #000
}

#success.susendfolder a:hover {
    text-decoration: none
}

.tm, .container {
    box-sizing: border-box;
    height: 100%
}

.tm {
    background: #fff
}

.infoblock {
    vertical-align: top;
    box-sizing: border-box
}

.name {
    font-size: 1.1em
}

.model {
    font-weight: bold;
    font-size: 2em
}

.adaptext {
    line-height: 1.2
}

.v1 .v1, .v2 .v2, .chardefault {
    display: none
}

.color .charvalue {
    text-transform: lowercase;
}

.tm3 .charblock.delchar .char, .i3 .charblock.delchar .char {
    cursor: crosshair
}

.barblock {
    position: relative
}

.barblock.dtcell {
    vertical-align: top
}

.barcode {
    display: inline-block
}

.barcode.vertical, .barcode.vertical180 {
    position: absolute;
    left: 50%;
    transform-origin: top left;
    -webkit-transform-origin: top left
}

.barcode svg {
    display: block
}

.barcode.c128 svg {
    margin: 0 0 0.5mm 0
}

.barcode.ean13 span {
    position: absolute
}

.scaleimgvert {
    position: absolute;
    transform-origin: top left;
    -webkit-transform-origin: top left;
    transform: rotate(-90deg) translate(-50%, 0);
    -webkit-transform: rotate(-90deg) translate(-50%, 0)
}

.aligntop {
    vertical-align: top
}

.border {
    border: 1px solid #000;
    box-sizing: border-box
}

.bordertop {
    border-top: 1px solid #000;
    box-sizing: border-box
}

.borderbottom {
    border-bottom: 1px solid #000;
    box-sizing: border-box
}

.borderright {
    border-right: 1px solid #000;
    box-sizing: border-box
}

.bordernoright {
    border: 1px solid #000;
    border-right: none;
    box-sizing: border-box
}

.bordernoleft {
    border: 1px solid #000;
    border-left: none;
    box-sizing: border-box
}

.paddef {
    padding: 0 5%
}

.padleft {
    padding-left: 5%
}

.padright {
    padding-right: 5%
}

.i16 {
    background: #fff
}

.tm1, .i16 {
    padding: .5em;
    box-sizing: border-box
}

.tm1 .container, .i16 .container {
    border: 1px solid #000;
    border-radius: 2.6mm
}

.tm1 .infoblock, .i16 .infoblock {
    padding: 0 1em;
    border-right: 1px solid #000
}

.tm1 .logo .dtcell, .i16 .logo .dtcell {
    vertical-align: bottom;
    line-height: 0
}

.tm1 .model, .i16 .model {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    box-sizing: border-box
}

.tm1 .countname, .i16 .countname {
    font-size: 1.4em;
    font-weight: bold
}

.tm1 .count, .i16 .count {
    width: 50%;
    margin: 0 auto;
    font-size: 2em;
    font-weight: bold
}

.tm1 .cbleft, .tm1 .cbright, .i16 .cbleft, .i16 .cbright {
    border: 1px solid #000;
    width: 3mm
}

.tm1 .cbleft, .i16 .cbleft {
    border-right: 0
}

.tm1 .cbright, .i16 .cbright {
    border-left: 0
}

.tm1 .sertificate, .i16 .sertificate {
    vertical-align: bottom
}

.tm1 .sku, .i16 .sku {
    position: relative
}

.tm1 .sku .dtcell, .tm1 .support .dtcell, .i16 .sku .dtcell, .i16 .support .dtcell {
    vertical-align: bottom
}

.tm1 .sku img, .i16 .sku img {
    position: absolute;
    bottom: 0.8mm;
    right: 0
}

.tm1 .techblock > .dt, .i16 .techblock > .dt {
    position: relative
}

.tm1 .intro, .i16 .intro {
    position: absolute;
    transform: rotate(-90deg) translate(0, 100%);
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg) translate(0, 100%);
    bottom: 0
}

.tm1 .intro .dtcell div, .i16 .intro .dtcell div {
    padding: 1em 0 1em 1em;
    text-align: left;
    border-left: 1px solid #000
}

.tm1 .c128, .i16 .c128 {
    font-size: 9px
}

.tm1 .ean13, .i16 .ean13 {
    top: -3%;
    font-size: 8px
}

.tm1 .barscale, .i16 .barscale {
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform-origin: center;
    -webkit-transform-origin: center
}

.tm1 .ean13 .barscale, .i16 .ean13 .barscale {
    transform: scale(0.83);
    -webkit-transform: scale(0.83)
}

.i11, .i34 {
    background: #fff
}

.i11 .model, .i34 .model {
    font-size: 3em
}

.i11 .model .dtcell, .i34 .model .dtcell {
    padding: 0 5%
}

.i11 .barblock.dtcell, .i34 .barblock.dtcell {
    vertical-align: top
}

.i11 .sku, .i34 .sku {
    font-size: 8px;
    margin: 1px 0
}

.i11 .ean13, .i34 .ean13 {
    font-size: 8px
}

.i11 .barscale, .i34 .barscale {
    transform: scale(0.97);
    -webkit-transform: scale(0.97);
    transform-origin: top;
    -webkit-transform-origin: top
}

.i12 .container > .dtcell {
    background: #fff;
    vertical-align: top;
    border: 1px solid #000;
    border-radius: 2mm;
    box-sizing: border-box
}

.i12 .infoblock {
    background: #000;
    color: #fff;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.i12 .logo {
    border-right: 1px solid #fff
}

.i12 .name .dtcell, .i12 .model .dtcell {
    padding: 0 1mm;
    text-align: left
}

.i12 .name {
    font-size: 2em;
    font-weight: bold
}

.i12 .name .dtcell {
    vertical-align: bottom
}

.i12 .model {
    font-size: 2em
}

.i12 .techblock .scaleimgvert .dtcell {
    vertical-align: bottom
}

.i12 .sku .dtcell {
    vertical-align: bottom;
    font-size: 1.3em
}

.i12 .ean13 {
    font-size: 8px
}

.i12 .barcode, .i12 .barscale {
    transform-origin: top;
    -webkit-transform-origin: top
}

.i12 .barscale {
    transform: scale(0.85);
    -webkit-transform: scale(0.85)
}

.i12 .support .dtcell {
    padding: 0 1.5mm;
    text-align: left
}

.i13 {
    background: #fbba00;
    border-radius: 3.6mm
}

.i13 .container {
    font-size: 25px
}

.i13 .logo {
    vertical-align: top
}

.i13 .logo img {
    margin-top: 2mm
}

.i13 .model {
    font-size: 2.4em;
    font-weight: normal
}

.i13 .name {
    font-size: 20px
}

.i13 .desc.dtcell, .i13 .support .dtcell {
    padding: 0 5mm;
    font-size: 0.6em
}

.i13 .desc.dtcell {
    text-align: left
}

.i13 .desc.dtcell ul {
    padding-left: 4mm
}

.i13 .ean13 {
    font-size: 8px
}

.i13 .barscale {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform-origin: center;
    -webkit-transform-origin: center
}

.i13 .date .dt .dtcell {
    vertical-align: bottom;
    line-height: 0
}

.i13 .sku {
    vertical-align: top;
    font-size: 0.5em;
    text-align: right
}

.i13 .support {
    font-size: 0.4em;
    text-align: right
}

.i15 .container {
    background: #fff;
    padding: .5em
}

.i15 .container > .dtcell {
    position: relative;
    vertical-align: top;
    padding: 0 .6em;
    border: 1px solid #000;
    border-radius: 2.6mm
}

.i15 .name, .i15 .model {
    font-size: 3em
}

.i15 .sku {
    font-size: 1.2em
}

.i15 .barblock.dtcell {
    vertical-align: middle
}

.i15 .barscale {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform-origin: center;
    -webkit-transform-origin: center
}

.i15 .barscale .bardigit {
    font-size: 8px
}

.i1100, .i1101 {
    background: #fbba00
}

.i1100 .frontside, .i1100 .backside, .i1101 .frontside {
    vertical-align: top;
    padding: 7mm;
    box-sizing: border-box
}

.i1100 .backside {
    background: #fff
}

.i1100 .addimg, .i1101 .addimg {
    position: absolute
}

.i1100 .logo.dtcell, .i1101 .logo.dtcell {
    line-height: 0
}

.i1100 .modelname, .i1101 .modelname {
    font-size: 17px;
    line-height: 1.4
}

.i1100 .frontside .model, .i1101 .frontside .model {
    font-size: 20px
}

.i1100 .model .dtcell, .i1101 .model .dtcell {
    vertical-align: top
}

.i1100 .intro, .i1101 .intro {
    text-align: left
}

.i1100 .backside .intro img {
    opacity: 0.2
}

.i1100 .sku .dtcell {
    vertical-align: bottom;
    font-size: 17px;
    text-align: right
}

.i1101 .sku {
    margin-bottom: 2px;
    font-size: 1.2em
}

.i1100 .backside .modelblock {
    text-align: right
}

.i1100 .infoblock .dtcell {
    vertical-align: top
}

.i1100 .infotext {
    vertical-align: top;
    font-size: 0.4em
}

.i1100 .infotext .desc ul {
    padding-left: 10px;
    line-height: 1.4;
    text-align: left
}

.i1100 .infoblock .blicharblock.dtcell {
    vertical-align: bottom;
    line-height: 1.4
}

.i1100 .charblock .dtcell {
    text-align: left
}

.i1100 .charblock .chartitle {
    width: 40%
}

.i1100 .ean13, .i1101 .ean13 {
    font-size: 8px
}

.i1100 .barblock.dtcell, .i1100 .techdoc.dtcell {
    vertical-align: bottom
}

.i1100 .barcode {
    transform-origin: bottom;
    -webkit-transform-origin: bottom
}

.i1101 .barblock {
    position: absolute;
    bottom: 8mm;
    right: 7mm
}

.i1101 .barscale {
    transform-origin: bottom right;
    -webkit-transform-origin: bottom right
}

.i1100 .barscale, .i1101 .barscale {
    transform: scale(0.85);
    -webkit-transform: scale(0.85)
}

.i1100 .techdoc.dtcell {
    font-size: 0.9em;
    text-align: left
}

.i1101 .selmadein {
    position: absolute;
    bottom: 6mm;
    right: 8mm;
    font-size: 0.6em
}

.i31 .container, .i41 .container, .i14 .container {
    background: #fff;
    padding: .5em
}

.i31 .container > .dtcell, .i41 .container > .dtcell, .i14 .container > .dtcell {
    position: relative;
    vertical-align: top;
    padding: 0 .6em;
    border: 1px solid #000;
    border-radius: 2.6mm
}

.i31 .name, .i41 .name, .i14 .name {
    font-size: 1.2em;
    text-transform: uppercase
}

.i31 .ean13, .i41 .ean13, .i14 .ean13 {
    font-size: 8px
}

.i31 .barscale, .i41 .barscale, .i14 .barscale {
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform-origin: center;
    -webkit-transform-origin: center
}

.i31 .sku .dtcell, .i41 .sku .dtcell, .i14 .sku .dtcell {
    vertical-align: bottom;
    font-size: 0.7em;
    text-align: left
}

.i31 .char .dtcell, .i41 .char .dtcell, .i14 .char .dtcell {
    font-size: 0.75em;
    text-align: left
}

.i31 .char .charvalblock, .i41 .char .charvalblock, .i14 .char .charvalblock {
    width: 67%;
    padding-left: 3px
}

.i31 .char.type .charvalblock, .i41 .char.type .charvalblock, .i14 .char.type .charvalblock {
    font-size: 0.62em
}

.i31 .char.color .charvalblock, .i41 .char.color .charvalblock, .i14 .char.color .charvalblock {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    border: 1px solid #000;
    box-sizing: border-box
}

.i31 .char.icount .dtcell, .i41 .char.icount .dtcell, .i14 .char.icount .dtcell {
    font-size: 1.6em;
    font-weight: bold;
    text-align: right
}

.i31 .char.icount .chartitle, .i41 .char.icount .chartitle, .i14 .char.icount .chartitle {
    font-size: 1.1em;
    text-align: left
}

.i31 .support .dtcell, .i41 .support .dtcell, .i14 .support .dtcell {
    vertical-align: bottom
}

.i41 .support .dtcell img {
    margin-right: 5px
}

.i41 .support .mansup .dtcell {
    text-align: left;
    vertical-align: middle
}

.i31 .labelmanufacturer .dtcell, .i41 .labelmanufacturer, .i14 .labelmanufacturer .dtcell {
    text-align: left
}

.i31 .manid, .i41 .manid {
    position: absolute;
    top: 0.5mm;
    right: 1mm;
    font-size: 0.5rem
}

.i14 .manid {
    display: none
}

.tm2 .infoblock .dtcell {
    text-align: left
}

.tm2 .name {
    font-size: 1.5em;
    font-weight: bold;
    box-sizing: border-box;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000
}

.tm2 .name .dtcell {
    line-height: 1
}

.tm2 .model {
    font-size: 2.2em
}

.tm2 .colorbox {
    display: inline-block;
    border: 1px solid #000
}

.tm2 .count .countvalue {
    font-size: 2.1em;
    font-weight: bold
}

.tm2 .count .countvalue span {
    font-size: 0.8em;
    padding-left: 2mm
}

.tm2 .icount .countvalue {
    font-size: 1.5em
}

.tm2 .support {
    border-top: 1px solid #000
}

.tm2 .support .chartitle {
    padding-left: 5%
}

.tm2 .support .charvalue {
    padding-right: 5%
}

.tm2 .char .charvalue, .tm2 .char .countvalue {
    width: 43%;
    text-align: right
}

.tm2 .char .chartitle {
    width: 57%;
    font-size: 0.9em;
    font-weight: normal;
    text-align: left
}

.tm2 .c128 {
    font-size: 0.6em
}

.tm26 .c128 {
    font-size: 8px
}

.tm2 .ean13 {
    font-size: 0.75em
}

.tm2 .barscale {
    transform-origin: center;
    -webkit-transform-origin: center
}

.tm2 .c128 .barscale {
    transform: scale(0.9);
    -webkit-transform: scale(0.9)
}

.tm26 .c128 .barscale {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform-origin: top left;
    -webkit-transform-origin: top left
}

.tm2 .ean13 .barscale {
    transform: scale(0.8);
    -webkit-transform: scale(0.8)
}

.i21 .container > .dtcell, .i211 .container > .dtcell {
    border-radius: 30px
}

.i21 .container > .dtcell, .i21 .infoblock > .dtcell, .i211 .container > .dtcell, .i211 .infoblock > .dtcell {
    vertical-align: top
}

.i21 .infoblock, .i211 .infoblock {
    padding: 0 .8em
}

.i211 .green {
    background: #fff;
    border: none !important
}

.i21 .techblock, .i211 .techblock {
    border-bottom: 1px solid #000
}

.i211 .techblock {
    background: none;
    border: none
}

.i211 .techblock img {
    display: none
}

.i21 .techblock.borderrad, .i211 .techblock.borderrad {
    border-top-right-radius: 29px;
    border-top-left-radius: 29px
}

.i21 .logo, .i211 .logo {
    text-align: right
}

.i21 .sku, .i211 .sku {
    margin-bottom: 0.4mm;
    font-size: 1.1em
}

.i21 .ean13, .i211 .ean13 {
    font-size: 10px
}

.i21 .barcode, .i211 .barcode {
    transform-origin: top;
    -webkit-transform-origin: top
}

.i21 .barscale, .i211 .barscale {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: center;
    -webkit-transform-origin: center
}

.i21 .infoblock .dtcell, .i211 .infoblock .dtcell {
    text-align: left
}

.i21 .name, .i211 .name {
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase
}

.i21 .char .chartitle, .i211 .char .chartitle {
    width: 40%;
    font-weight: normal;
    font-size: 0.6em;
}

.i21 .char .charvalblock, .i21 .char.model .charvalue, .i211 .char .charvalblock, .i211 .char.model .charvalue {
    width: 60%;
    font-size: 0.7em
}

.i21 .drawingblock.dtcell, .i211 .drawingblock.dtcell {
    text-align: center
}

.i21 .drawingblock img, .i211 .drawingblock img {
    width: 90%
}

.i21 .model .chartitle, .i211 .model .chartitle {
    padding-right: 1mm;
    font-size: 0.3em
}

.i21 .icount, .i211 .icount {
    padding-left: 1.5mm;
    border-left: 1px solid #000
}

.i21 .icount .dtcell div:first-child, .i211 .icount .dtcell div:first-child {
    margin-bottom: 0.3mm;
    font-size: 0.6em
}

.i21 .icount span, .i211 .icount span {
    font-weight: bold;
    font-size: 0.9em
}

.i21 .icount span:first-child, .i211 .icount span:first-child {
    font-size: 2.2em
}

.i21 .support, .i211 .support {
    font-size: 0.5em
}

.i21 .support .dtcell, .i211 .support .dtcell {
    padding: 0 3em;
    text-align: left
}

.i21 .sertificate, .i211 .sertificate {
    line-height: 2;
    text-transform: uppercase
}

.i21 .support .manid, .i211 .support .manid {
    position: absolute;
    right: 2mm;
    top: 50%;
    font-size: 1.2em
}

.i25, .i26 {
    background: #fff
}

.i22 .container {
    border: 1px solid #000
}

.i26 .container {
    padding: .5em
}

.i26 .container > .dtcell {
    border: 1px solid #000;
    border-radius: 2.6mm
}

.i22 .infoblock .dtcell, .i25 .infoblock .dtcell, .i26 .infoblock .dtcell {
    text-align: left
}

.i26 .infoblock {
    border-left: 1px solid #000
}

.i22 .name, .i25 .name, .i26 .name {
    font-size: 1.4em;
    font-weight: bold;
    box-sizing: border-box;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000
}

.i25 .name {
    border-bottom: none
}

.i22 .name .dtcell, .i25 .name .dtcell, .i26 .name .dtcell {
    line-height: 1.1
}

.i22 .marktext em, .i25 .marktext em {
    display: inline-block;
    padding: 0 5%;
    font-style: normal
}

.i22 .marktext em:nth-child(1), .i25 .marktext em:nth-child(1) {
    font-size: 1.4em
}

.i22 .marktext em:nth-child(5), .i25 .marktext em:nth-child(5) {
    display: block;
    padding: 0.5mm 5%;
    color: #fff;
    font-weight: bold
}

.i22 .marktext em:nth-child(5) {
    background: #f00000
}

.i22 .ean13, .i25 .ean13, .i26 .ean13 {
    font-size: 9.5px
}

.i22 .barscale, .i25 .barscale, .i26 .barscale {
    transform-origin: center;
    -webkit-transform-origin: center
}

.i22 .ean13 .barscale, .i25 .ean13 .barscale, .i26 .ean13 .barscale {
    transform: scale(0.9);
    -webkit-transform: scale(0.9)
}

.i22 .char .chartitle, .i25 .char .chartitle, .i26 .char .chartitle {
    width: 50%;
    font-weight: normal;
    font-size: 0.8em;
    line-height: 1
}

.i22 .char .charvalblock, .i25 .char .charvalblock, .i26 .char .charvalblock {
    width: 50%;
    padding-left: 0.5mm;
    font-size: 0.8em;
    line-height: 1
}

.i22 .char.color .charvalue, .i25 .char.color .charvalue, .i26 .char.color .charvalue {
    padding-left: 0.5mm
}

.i22 .char.charcopy, .i25 .char.charcopy, .i26 .char.charcopy {
    font-size: 0.8em;
    line-height: 1
}

.i22 .charblock .type:not(.charcopy), .i25 .charblock .type:not(.charcopy), .i26 .charblock .type:not(.charcopy) {
    display: none !important
}

.i22 .char.icount .chartitle, .i25 .char.icount .chartitle, .i26 .char.icount .chartitle {
    font-size: 1.1em
}

.i22 .char.icount .countvalue, .i25 .char.icount .countvalue, .i26 .char.icount .countvalue {
    width: 50%;
    font-size: 1.1em;
    font-weight: bold;
    text-align: right
}

.i22 .char.icount .charvalue, .i25 .char.icount .charvalue, .i26 .char.icount .charvalue {
    font-size: 1.8em
}

.i22 .sertificate, .i25 .sertificate, .i26 .sertificate {
    text-transform: uppercase
}

.i22 .party, .i25 .party, .i26 .party {
    font-size: 0.8em
}

.i22 .party .dtcell, .i25 .party .dtcell, .i26 .party .dtcell {
    vertical-align: top
}

.i22 .party .charvalue, .i25 .party .charvalue, .i26 .party .charvalue {
    text-align: right
}

.i22 .manid, .i25 .manid, .i26 .manid {
    position: absolute;
    bottom: 1mm;
    right: 1mm;
    font-size: 0.8em
}

.i23 .container {
    background: #86b1db
}

.i23 .name {
    text-transform: uppercase
}

.i23 .name .dtcell {
    line-height: 1
}

.i23 .charblock .dtcell {
    border-bottom: 1px solid #86b1db
}

.i23 .charblock .chartitle {
    border-right: 1px solid #86b1db
}

.i23 .charblock .material {
    display: none !important
}

.i23 .material {
    padding-right: 5%
}

.i24 .container {
    background: #afc3a2
}

.i24 .name {
    text-transform: uppercase
}

.i24 .name .dtcell {
    line-height: 1
}

.i24 .charblock .dtcell {
    border-bottom: 1px solid #afc3a2
}

.i24 .charblock .chartitle {
    border-right: 1px solid #afc3a2
}

.i24 .grinord .charblock .dtcell, .i24 .grinord .iconsblock .svgicon, .i24 .barcode {
    background: rgba(228, 235, 224, 0.5)
}

.i24 .charblock .material {
    display: none !important
}

.i24 .grinord .techblock {
    background: none
}

.i24 .grinord .icount, .i24 .grinord .padright {
    padding: 0 2%
}

.i24 .barscale {
    margin-left: 0.5mm
}

.i24 .grinord .support .dtcell {
    background: none;
    color: #000
}

.i27 .container, .i33 .container {
    background: #fff
}

.i27 .container > .dtcell, .i33 .container > .dtcell {
    position: relative
}

.i27 .name, .i33 .name {
    font-size: 3em
}

.i27 .techdoc .dtcell, .i33 .model .dtcell, .i33 .name .dtcell, .i33 .techdoc .dtcell {
    text-align: left;
    padding-left: 1mm
}

.i27 .model, .i33 .model {
    font-size: 4em
}

.i27 .model .adaptext, .i33 .model .adaptext {
    line-height: 1
}

.i27 .model .dtcell, .i33 .model .dtcell {
    padding-left: 1mm
}

.i27 .charblock .char, .i33 .charblock .char {
    font-size: 1.6em
}

.i27 .charblock .adaptext, .i33 .charblock .adaptext {
    padding: 0 1mm;
    font-weight: 600;
    line-height: 1;
    border-top: 1px solid #000
}

.i27 .charblock .dtcell.chartitle, .i33 .charblock .dtcell.chartitle, .i27 .sku .dtcell.chartitle, .i33 .sku .dtcell.chartitle {
    width: 40%;
    text-align: left
}

.i27 .charblock .dtcell.charvalblock, .i27 .charblock .dtcell.countvalue, .i33 .charblock .dtcell.charvalblock, .i33 .charblock .dtcell.countvalue, .i27 .sku .dtcell.charvalblock, .i33 .sku .dtcell.charvalblock {
    width: 60%;
    text-align: left
}

.i27 .charvalblock, .i33 .charvalblock {
    padding-left: 1mm
}

.i27 .sku .dtcell, .i33 .sku .dtcell {
    padding: 0 1mm;
    font-weight: 600
}

.i27 .manid, .i33 .manid {
    background: #000;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2px;
    color: #fff;
    font-size: 1rem
}

.i27 .manid, .i33 .manid {
    font-size: 0.8rem
}

.i27 .techdoc .dtcell, .i33 .techdoc .dtcell {
    font-weight: 600
}

.i28, .i281, .i43 {
    background: #fff
}

.i44 {
    height: auto;
    background: #fff;
    padding: 0.5em
}

.i44 .container {
    
}

.i44 .container > .dtcell {
    padding: 0 1mm;
    border: 1px solid #000;
    border-radius: 2.6mm;
    margin: 1em
}

.i44 .dtcell {
    font-size: 0.77em;
}

.i44 .adaptext {
    text-align: center;
    font-size: 0.87em;
}

.i44 .infoblock .dtcell{
    font-size: 1.1em;
    line-height: 1.1em;
    
}

.i44 .char.dt {
    display: flex;
    justify-content: space-between;
   
}

.i44 .charblock.delchar {
    margin-right: 0.5em;
}

.i44 .support.dt {
    
}

.i44 .chartitle {
   
    text-align: left;
}

.i44 .charvalblock {
    text-align: right;
}

.i44 .manid {
    font-size: 0.7em;
    text-align: right;
}

.i44 .charblock {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.i44 .icount {
    display: flex;
    
}

.i44 .icount.char.dt {
    margin-bottom: 1em;
}

.i44 .icount .dtcell {
    font-size: 2em;
    font-weight: 800;
}

.i44 .checkopt.tech {
    text-align: left;
}

.i28 .container, .i281 .container, .i43 .container {
    padding: .5em
}

.i28 .container > .dtcell, .i281 .container > .dtcell, .i43 .container > .dtcell {
    vertical-align: top;
    padding: 0 1mm;
    border: 1px solid #000;
    border-radius: 2.6mm
}

.i281 .container > .dtcell {
    border: none
}

.i28 .dtcell, .i281 .dtcell, .i43 .dtcell {
    text-align: left
}

.i28 .name, .i281 .name, .i43 .name {
    font-size: 1.8em;
    font-weight: bold;
    box-sizing: border-box;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000
}

.i281 .name {
    font-weight: normal;
    border-top: none
}

.i28 .name .dtcell, .i281 .name .dtcell, .i43 .name .dtcell {
    line-height: 1
}

.i28 .model, .i281 .model, .i43 .model {
    font-size: 4em;
    border-bottom: 1px solid #000
}

.i281 .model {
    font-weight: normal
}

.i28 .char .chartitle, .i28 .char .charvalblock, .i28 .char.color .charvalue, .i281 .char .chartitle, .i281 .char .charvalblock, .i281 .char.color .charvalue, .i43 .char .chartitle, .i43 .char .charvalblock, .i43 .char.color .charvalue {
    width: 35%;
    font-size: 1.3em;
    line-height: 1
}

.i28 .char.charcopy, .i281 .char.charcopy, .i43 .char.charcopy {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1
}

.i281 .char.charcopy {
    font-size: 1.1em;
    font-weight: normal
}

.i281 .char .charvalblock {
    font-size: 1.4em
}

.i28 .char .charvalblock, .i28 .char.color .charvalue, .i281 .char .charvalblock, .i281 .char.color .charvalue, .i43 .char .charvalblock, .i43 .char.color .charvalue {
    width: 65%;
    padding-left: 1mm
}

.i28 .charblock, .i43 .charblock, .i28 .manblock, .i43 .manblock {
    font-weight: bold
}

.i28 .charblock .type:not(.charcopy), .i281 .charblock .type:not(.charcopy), .i43 .charblock .type:not(.charcopy) {
    display: none !important
}

.i28 .checkopt, .i281 .checkopt, .i43 .checkopt {
    font-weight: bold
}

.i281 .checkopt {
    font-size: 1.1em;
    font-weight: normal
}

.i28 .checkopt img, .i281 .checkopt img, .i43 .checkopt img {
    position: absolute;
    transform: translate(0, -70%);
    -webkit-transform: translate(0, -70%);
    transform-origin: center;
    -webkit-transform-origin: center;
    right: 0
}

.i28 .techblock, .i281 .techblock, .i43 .techblock {
    overflow: hidden
}

.i28 .techblock .dtcell, .i281 .techblock .dtcell, .i43 .techblock .dtcell {
    text-align: center
}

.i28 .techblock .sku .scaleimgvert, .i281 .techblock .sku .scaleimgvert, .i43 .techblock .sku .scaleimgvert {
    transform: rotate(-90deg) translate(-35%, 20%);
    -webkit-transform: rotate(-90deg) translate(-35%, 20%)
}

.i28 .techblock .icount .scaleimgvert, .i281 .techblock .icount .scaleimgvert, .i43 .techblock .icount .scaleimgvert {
    transform: rotate(-90deg) translate(0, -100%);
    -webkit-transform: rotate(-90deg) translate(0, -100%);
    transform-origin: top right;
    -webkit-transform-origin: top right;
    top: 0;
    right: 0
}

.i281 .techblock .icount .scaleimgvert {
    right: -2px
}

.i28 .techblock .barblock.dtcell, .i281 .techblock .barblock.dtcell, .i43 .techblock .barblock.dtcell {
    vertical-align: top
}

.i28 .techblock .barscale, .i281 .techblock .barscale, .i43 .techblock .barscale {
    transform-origin: left center;
    -webkit-transform-origin: left center;
    transform: scale(1.25);
    -webkit-transform: scale(1.25)
}

.i28 .techblock .ean13, .i43 .techblock .ean13 {
    font-size: 9px
}

.i281 .techblock .barscale {
    transform: scale(1.23);
    -webkit-transform: scale(1.23)
}

.i281 .techblock .barscale .bardigit span {
    bottom: -2px !important
}

.i281 .techblock .barblock {
    transform: translateX(-4px);
    -webkit-transform: translateX(-4px)
}

.i281 .techblock .ean13 {
    font-size: 8px
}

.i28 .techblock .icount, .i281 .techblock .icount, .i43 .techblock .icount {
    font-size: 10px
}

.i281 .techblock .icount .countname {
    display: none
}

.i28 .techblock .icount .countvalue, .i281 .techblock .icount .countvalue, .i43 .techblock .icount .countvalue {
    font-size: 1.2em;
    font-weight: bold
}

.i28 .techblock .icount .charvalue, .i281 .techblock .icount .charvalue, .i43 .techblock .icount .charvalue {
    font-size: 1.3em
}

.i28 .manblock, .i281 .manblock, .i43 .manblock {
    padding-top: 0.5mm
}

.i28 .manid, .i281 .manid, .i43 .manid {
    position: absolute;
    right: 0;
    top: 1mm
}

.i281 .adaptext {
    line-height: 1
}

.i281 .sku {
    font-weight: bold
}

.i281 .sku .scaleimgvert {
    font-size: 1.2em;
    transform: rotate(-90deg) translate(-50%, 0) !important;
    -webkit-transform: rotate(-90deg) translate(-50%, 0) !important
}

.i29 {
    background: #fff
}

.i29 .charblock .dtcell {
    border-bottom: 1px solid #000
}

.i29 .charblock .chartitle {
    border-right: 1px solid #000
}

.i29 .charblock .material {
    display: none !important
}

.i29 .material {
    padding-right: 5%
}

.i29 .svgicon {
    border: 1px solid #000
}

.i29 .support .dtcell {
    background: none !important
}

.tm3 {
    padding: .5em
}

.tm3 .container {
    border: 1px solid #000;
    border-radius: 2.6mm
}

.tm3 .container > .dtcell {
    position: relative;
    padding: 0 1em
}

.tm3 .container > .dtcell, .tm3 .techblock {
    vertical-align: top
}

.tm3 .name {
    text-transform: uppercase
}

.tm3 .ean13 {
    font-size: 0.7em
}

.tm3 .c128 {
    font-size: 0.5em
}

.tm3 .barscale {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform-origin: bottom;
    -webkit-transform-origin: bottom
}

.tm3 .sku .dtcell {
    vertical-align: bottom;
    font-size: 0.7em;
    text-align: left
}

.tm3 .infoblock {
    vertical-align: bottom
}

.tm3 .char .dtcell {
    font-size: 0.7em;
    text-align: left
}

.tm3 .char .charvalblock, .tm3 .char .countvalue {
    width: 60%
}

.tm3 .char.type .charvalblock {
    font-size: 0.55em
}

.tm3 .char.color .charvalblock {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    border: 1px solid #000;
    box-sizing: border-box
}

.tm3 .char .countvalue, .tm3 .char.count .chartitle {
    font-size: 1em;
    font-weight: bold
}

.tm3 .char.count .countvalue {
    font-size: 1.6em;
    font-weight: bold;
    text-align: right
}

.tm3 .support .dtcell {
    vertical-align: bottom
}

.tm3 .labelmanufacturer .dtcell {
    vertical-align: middle;
    text-align: left
}

.tm3 .manid {
    position: absolute;
    top: 0.5mm;
    right: 1mm;
    font-size: 0.7rem
}

.i31 .container, .i41 .container, .i14 .container {
    background: #fff;
    padding: .5em
}

.i31 .container > .dtcell, .i41 .container > .dtcell, .i14 .container > .dtcell {
    position: relative;
    vertical-align: top;
    padding: 0 .6em;
    border: 1px solid #000;
    border-radius: 2.6mm
}

.i31 .name, .i41 .name, .i14 .name {
    font-size: 1.2em;
    text-transform: uppercase
}

.i31 .ean13, .i41 .ean13, .i14 .ean13 {
    font-size: 8px
}

.i31 .barscale, .i41 .barscale, .i14 .barscale {
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform-origin: center;
    -webkit-transform-origin: center
}

.i31 .sku .dtcell, .i41 .sku .dtcell, .i14 .sku .dtcell {
    vertical-align: bottom;
    font-size: 0.7em;
    text-align: left
}

.i31 .char .dtcell, .i41 .char .dtcell, .i14 .char .dtcell {
    font-size: 0.75em;
    text-align: left
}

.i31 .char .charvalblock, .i41 .char .charvalblock, .i14 .char .charvalblock {
    width: 67%;
    padding-left: 3px
}

.i31 .char.type .charvalblock, .i41 .char.type .charvalblock, .i14 .char.type .charvalblock {
    font-size: 0.62em
}

.i31 .char.color .charvalblock, .i41 .char.color .charvalblock, .i14 .char.color .charvalblock {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    border: 1px solid #000;
    box-sizing: border-box
}

.i31 .char.icount .dtcell, .i41 .char.icount .dtcell, .i14 .char.icount .dtcell {
    font-size: 1.6em;
    font-weight: bold;
    text-align: right
}

.i31 .char.icount .chartitle, .i41 .char.icount .chartitle, .i14 .char.icount .chartitle {
    font-size: 1.1em;
    text-align: left
}

.i31 .support .dtcell, .i41 .support .dtcell, .i14 .support .dtcell {
    vertical-align: bottom
}

.i41 .support .dtcell img {
    margin-right: 5px
}

.i41 .support .mansup .dtcell {
    text-align: left;
    vertical-align: middle
}

.i31 .labelmanufacturer .dtcell, .i41 .labelmanufacturer, .i14 .labelmanufacturer .dtcell {
    text-align: left
}

.i31 .manid, .i41 .manid {
    position: absolute;
    top: 0.5mm;
    right: 1mm;
    font-size: 0.5rem
}

.i14 .manid {
    display: none
}

.i32 .container {
    background: #fbba05
}

.i32 .addimg {
    transform-origin: top left;
    -webkit-transform-origin: top left;
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg)
}

.i32 .model {
    font-size: 3em
}

.i32 .model .dtcell {
    padding: 0 2%
}

.i32 .grinord .name {
    font-size: 1.6em
}

.i32 .charblock {
    font-size: 0.9em
}

.i32 .grinord .icount .countvalue .charvalue {
    font-size: inherit
}

.i32 .grinord .charblock .dtcell.adaptext {
    background: none
}

.i32 .charblock .dtcell {
    border-bottom: 1px solid #fbba05
}

.i32 .grinord .charblock .chartitle {
    width: 35%;
    padding-left: 2%;
    border-right: 1px solid #fbba05
}

.i32 .grinord .charblock .charvalblock {
    width: 65%;
    padding: 0 1%
}

.i32 .color .charvalue {
    text-transform: lowercase
}

.i32 .grinord .icount {
    padding: 0
}

.i32 .charblock .type, .i32 .charblock .shrink, .i32 .charblock .shrinkdiap {
    display: none !important
}

.i32 .type.charcopy {
    vertical-align: bottom;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase
}

.i32 .techchar {
    font-size: 0.8em
}

.i32 .pad {
    padding: 3%
}

.i32 .pad:first-child {
    padding-right: 0
}

.i32 .noleft {
    padding-left: 0
}

.i32 .noright {
    padding-right: 0
}

.i32 .support .dtcell {
    text-transform: uppercase
}

.i32 .support li {
    list-style: none
}

.i32 .techdoc {
    background: #000
}

.i32 .techdoc .dtcell {
    color: #fff;
    font-size: 0.6rem
}

.tm4 {
    padding: 0.5em
}

.tm4 .container {
    border: 1px solid #000;
    border-radius: 2.6mm
}

.tm4 .container > .dtcell {
    padding: 0 1em
}

.tm4 .container > .dtcell, .tm4 .techblock {
    vertical-align: top
}

.tm4 .name {
    text-transform: uppercase
}

.tm4 .c128 {
    font-size: 0.7em
}

.tm4 .ean13 {
    font-size: 0.65em
}

.tm4 .barscale {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform-origin: bottom;
    -webkit-transform-origin: bottom
}

.tm4:first-child .barcode {
    left: 40%
}

.tm4:first-child .barscale {
    transform: scale(1);
    -webkit-transform: scale(1)
}

.tm4 .sku .dtcell {
    vertical-align: bottom;
    font-size: 0.8em;
    text-align: left
}

.tm4 .infoblock {
    vertical-align: bottom
}

.tm4 .char .chartitle {
    width: 45%
}

.tm4 .char .chartitle {
    font-size: 1.2em;
    text-align: left
}

.tm4 .char > .charvalue, .tm4 .char .countvalue {
    width: 55%;
    font-size: 1.6em;
    text-align: right
}

.tm4 .count .dtcell {
    vertical-align: bottom
}

.tm4 .count .countvalue {
    width: 100%;
    font-size: 2em;
    font-weight: bold
}

.tm4 .selmadein {
    padding-right: 10px;
    font-size: 0.8em;
    text-align: right
}

.tm4 .eacdt {
    position: absolute
}

.tm4 .eac {
    font-size: 0
}

.i31 .container, .i41 .container, .i14 .container {
    background: #fff;
    padding: .5em
}

.i31 .container > .dtcell, .i41 .container > .dtcell, .i14 .container > .dtcell {
    position: relative;
    vertical-align: top;
    padding: 0 .6em;
    border: 1px solid #000;
    border-radius: 2.6mm
}

.i31 .name, .i41 .name, .i14 .name {
    font-size: 1.2em;
    text-transform: uppercase
}

.i31 .ean13, .i41 .ean13, .i14 .ean13 {
    font-size: 8px
}

.i31 .barscale, .i41 .barscale, .i14 .barscale {
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform-origin: center;
    -webkit-transform-origin: center
}

.i31 .sku .dtcell, .i41 .sku .dtcell, .i14 .sku .dtcell {
    vertical-align: bottom;
    font-size: 0.7em;
    text-align: left
}

.i31 .char .dtcell, .i41 .char .dtcell, .i14 .char .dtcell {
    font-size: 0.75em;
    text-align: left
}

.i31 .char .charvalblock, .i41 .char .charvalblock, .i14 .char .charvalblock {
    width: 67%;
    padding-left: 3px
}

.i31 .char.type .charvalblock, .i41 .char.type .charvalblock, .i14 .char.type .charvalblock {
    font-size: 0.62em
}

.i31 .char.color .charvalblock, .i41 .char.color .charvalblock, .i14 .char.color .charvalblock {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    border: 1px solid #000;
    box-sizing: border-box
}

.i31 .char.icount .dtcell, .i41 .char.icount .dtcell, .i14 .char.icount .dtcell {
    font-size: 1.6em;
    font-weight: bold;
    text-align: right
}

.i31 .char.icount .chartitle, .i41 .char.icount .chartitle, .i14 .char.icount .chartitle {
    font-size: 1.1em;
    text-align: left
}

.i31 .support .dtcell, .i41 .support .dtcell, .i14 .support .dtcell {
    vertical-align: bottom
}

.i41 .support .dtcell img {
    margin-right: 5px
}

.i41 .support .mansup .dtcell {
    text-align: left;
    vertical-align: middle
}

.i31 .labelmanufacturer .dtcell, .i41 .labelmanufacturer, .i14 .labelmanufacturer .dtcell {
    text-align: left
}

.i31 .manid, .i41 .manid {
    position: absolute;
    top: 0.5mm;
    right: 1mm;
    font-size: 0.5rem
}

.i14 .manid {
    display: none
}

.i42 {
    background: #fff;
    padding: 0 .3em;
    box-sizing: border-box
}

.i42 .logo .dtcell, .i42 .model .dtcell, .i42 .easy {
    vertical-align: top
}

.i42 .name {
    text-transform: uppercase
}

.i42 .name .dtcell {
    vertical-align: bottom
}

.i42 .infoblock .dtcell, .i42 .support .dtcell {
    text-align: left
}

.i42 .charblock, .i42 .support {
    font-size: 0.5em
}

.i42 .charblock .chartitile {
    width: 40%
}

.i42 .charblock .charvalblock {
    width: 60%
}

.i42 .sku.dtcell {
    font-size: 0.9em;
    text-align: right
}

.i42 .techblock {
    position: relative
}

.i42 .ean13 {
    font-size: 8px
}

.i42 .barscale {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform-origin: center;
    -webkit-transform-origin: center
}

.grinord {
    font-family: "europe", Arial, Helvetica, sans-serif
}

.grinord.dtcell {
    vertical-align: bottom
}

.grinord .logo .dtcell {
    vertical-align: bottom;
    line-height: 0
}

.grinord .addimg {
    position: absolute
}

.grinord .name {
    font-size: 2em
}

.grinord .model .dtcell:first-line {
    font-size: 1.4em
}

.grinord .iconsblock .svgicon {
    background: #fff;
    display: inline-block;
    padding: .2em;
    margin: .2em;
    line-height: 0;
    border-radius: 1mm;
    cursor: crosshair
}

.grinord .charblock .dtcell {
    background: #fff;
    box-sizing: border-box
}

.grinord .charblock .chartitle {
    width: 70%;
    padding-left: 5%;
    text-align: left
}

.grinord .charblock .chartitle::first-letter {
    text-transform: capitalize
}

.grinord .charblock .charvalblock {
    width: 30%
}

.grinord .techblock {
    background: #fff;
    font-size: 0.9em;
    line-height: 1.2
}

.grinord .icount {
    padding-left: 5%
}

.grinord .icount .countvalue .charvalue {
    font-size: 1.6em
}

.grinord .ean13 {
    font-size: 8px
}

.grinord .barcode {
    transform-origin: top;
    -webkit-transform-origin: top
}

.grinord .barscale {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: top;
    -webkit-transform-origin: top
}

.grinord .sku {
    font-size: 1.1em
}

.grinord .support .dtcell {
    background: #000;
    color: #fff
}