a, abbr, acronym, address, applet, area, article, aside, audio, b, base, basefont, bdi, bdo, big, blockquote, body, br, button, canvas,
caption, center, cite, code, col, colgroup, data, datalist, dd, del, details, dfn, dialog, dir, div, dl, dt, em, embed, fieldset,
figcaption, figure, font, footer, form, frame, frameset, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, kbd,
label, legend, li, link, main, map, mark, menu, menuitem, meta, meter, nav, noframes, noscript, object, ol, optgroup, option, output, p,
param, picture, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, small, source, span, strike, strong, style, sub, summary,
sup, table, tbody, td, template, textarea, tfoot, th, thead, time, title, tr, track, tt, u, ul, var, video, wbr {
    font-family: 'roboto', 'Calibri', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    font-weight: normal;
    color: #333333;
    position: relative;
}

a, .a {
    color: #0D4C86;
    cursor: pointer;
}

/*---------------------------------------------------------*/
html {
    scroll-behavior: smooth;
    height: 100%;
}
/*---------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, th {
    font-family: futura,Arial,Helvetica,sans-serif;
    margin: 1px 0px 1px 0px;
    padding: 0px;
    border-radius: 5px;
    /*font-weight: bold;*/
    line-height: 1.156em;
    font-weight: 500;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-family: futura,Arial,Helvetica,sans-serif;
}
h1 {
    font-size: 3.2rem;
}
h2 {
    font-size: 2.2rem;
}
h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter, h5:first-letter, h6:first-letter, th:first-letter {
    text-transform: capitalize;
}
/*---------------------------------------------------------*/
table {
    width: 100%;
}
/*---------------------------------------------------------*/

th {
    border-radius: 0px;
}

fieldset {
    border-radius: 5px;
}

select:first-letter {
    text-transform: capitalize !important;
}

p {
    padding: 5px;
}

strong {
    font-weight: bolder!important;
}

/*---------------------------------------------------------*/

.font_1 {
    font-size: 19px;
}

.font_2 {
    font-size: 16px;
}

.font_3 {
    font-size: 14px;
}

.font_4 {
    font-size: 12px;
}

.font_5 {
    font-size: 7px;
}

body {
    padding: 0px;
    margin: 0px;
    /*background-color: #8E9CB2;*/
    background-color: #d6d6d6;
    overflow: auto;
    overflow-y: scroll;
    height: 100%;
}

/*---------------------------------------------------------*/
.tr {
    text-align: right;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tb {
    font-weight: bold;
}

.vt {
    vertical-align: top;
}

.wb {
    white-space: normal !important;
    word-break: normal !important;
}

.uc {
    text-transform: uppercase !important;
}

.w1 {
    width: 1%;
}

.ob {
    font-weight: bolder;
    font-size: 20px;
    line-height: 1px;
}

.ob_button {
    font-weight: bolder !important;
    font-size: 18px !important;
    line-height: 1px !important;
    padding: 2px 10px 5px 10px !important;
}

.w100 {
    width: 100%;
}

.min125 {
    min-width: 125px !important;
}

.min100 {
    min-width: 100px !important;
}

.min75 {
    min-width: 75px !important;
}


.max50 {
    overflow: hidden;
    max-width: 50px;
    text-overflow: ellipsis;
}

.max75 {
    overflow: hidden;
    max-width: 75px;
    text-overflow: ellipsis;
}


.max300 {
    overflow: hidden;
    max-width: 300px;
    text-overflow: ellipsis;
}

.max600 {
    overflow: hidden;
    max-width: 600px;
    text-overflow: ellipsis;
}

.bb {
    border-bottom: 1px solid #333333;
}

.bl {
    border-left: 1px solid #bbbbbb;
}

.br {
    border-right: 1px solid #bbbbbb;
}

.dbl {
    border-bottom: 3px double #333333;
}

.hide {
    display: none !important;
}

.pr {
    padding-right: 3px;
}

.pl {
    padding-left: 3px;
}

.mb {
    margin-bottom: 3px;
}

.rounded > thead > tr:first-child > td:first-child {
    border-top-left-radius: 5px !important;
}

.rounded > thead > tr:first-child > td:last-child {
    border-top-right-radius: 5px !important;
}

.rounded > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px !important;
}

.rounded > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px !important;
}

.border {
    border-radius: 4px;
    /*background-color: #fbfbfb;*/
    border: 1px solid #e5e5e5;
    padding: 3px;
    /*margin: auto;*/
    margin-top: 1px;
}

/*---------------------------------------------------------*/
label {
    color: inherit;
    pointer-events: none;
}

.label {
    white-space: nowrap;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
}

label:first-letter,
.label:first-letter {
    text-transform: capitalize!important;
}

div.label,
button.label,
.button.label,
td.label {
    padding-left: 5px;
    padding-right: 5px;
}


/*-- Message ------------------------------------------------ */

.gray {
    background-color: #dfdfdf !important;
    color: #6f6f6f !important;
    border-color: #6f6f6f !important;
}

.gray_text {
    color: #6f6f6f !important;
}


.gray_border {
    border-top: 1px solid #dfdfdf !important;
    border-bottom: 1px solid #dfdfdf !important;
}

.gray_border:first-child {
    border-left: 1px solid #dfdfdf !important;
}

.gray_border:last-child {
    border-right: 1px solid #dfdfdf !important;
}

.light_gray {
    background-color: #ececec !important;
    color: #6f6f6f !important;
    border-color: #bababa !important;
}


.white {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}

.white_text {
    color: #ffffff !important;
}

.blue {
    background-color: #3B4E9C !important;
    color: #ffffff !important;
    border-color: #3B4E9C !important;
}

.green, .greenish {
    /*background-color: #00825C !important;*/
    background-color: #00abcc !important;
    color: #ffffff !important;
    border-color: #00abcc !important;
}

.green_text {
    color: #00825C !important;
}

.yellow {
    background-color: #E7AE13 !important;
    color: #000000 !important;
    border-color: #E7AE13 !important;
}
.yellow_text {
    color: #E7AE13 !important;
}

.yellowish {
    background-color: #ffff77 !important;
    color: #000000 !important;
    border-color: #E7AE13 !important;
}

.red {
    background-color: #e7433e !important;
    color: #ffffff !important;
    border-color: #e7433e !important;
}

.red_text {
    color: #e7433e !important;
}

.red_font {
    color: #e7433e;
}

.warning {
    background-color: rgb(255, 195, 197) !important;
}

.message {
    display: block;
    /*border: 1px solid rgba(0, 0, 0, 0.0);*/
    border-radius: 0px;
    padding: 35px 35px 40px 35px;
    margin: 0px;
    box-sizing: border-box;
    /*background-color: #f1f1f1;*/
}

.message.blue {
    background-color: #acd7ff !important;
    color: #333333 !important;
    border-color: #3B4E9C !important;
}

.message.green {
    background-color: #a9ffb9 !important;
    color: #333333 !important;
    border-color: #74b482 !important;
}

.message.yellow {
    background-color: #fff2c3 !important;
    color: #333333 !important;
    border-color: #b9b08d !important;
}

.message.red {
    background-color: #ffc8c5 !important;
    color: #333333 !important;
    border-color: #b25c5d !important;
}

.message:empty {
    display: none;
}

/*-- /Message ------------------------------------------------ */

.popup {
    /*top: -180px!important;*/
    /*bottom: 0;*/
    /*left: -250px;*/
    position: absolute;
    /*border-radius: 4px;*/
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
    z-index: 1000000;
    /*padding: 5px;*/
    display: none;
    box-shadow: 0px 0px 5px #000;
}

.popup:empty {
    display: none;
}

.popup.right {
    left: -350px;
    bottom: -250px;
}
.popup.left {
    top: -20px !important;
}
.ifempty:empty,
.if_empty:empty {
    display: none;
}

xmp {
    word-break: break-all;
}

.doc {
    width: 95vw;
    height: 97vh;
    padding: 10px;
    box-sizing: border-box;
    overflow: auto;
    position: fixed;

}

.icon {
    background-repeat: no-repeat;
}

.icon.x24 {
    background-position: center center;
    width: 24px;
    height: 24px;
}

.icon.x24.visit {
    background-image: url("/bin/img/icon_24.png");
}

.visible {
    display: table !important;
}


.icon {
    background-repeat: no-repeat;
    background-position: center;
}

.icon.x24 {

    min-width: 24px;
}

.icon.x24.trashcan {
    background-image: url("/bin/img/icon/24/trashcan.png");
}

.icon.x24.plus {
    background-image: url("/bin/img/icon/24/plus.png");
}

.icon.x24.minus {
    background-image: url("/bin/img/icon/24/minus.png");
}

.customer-delivery-list-container > tbody > tr > td:nth-child(1),
.customer-delivery-list-container > tbody > tr > td:nth-child(5),
.customer-delivery-list-container > tbody > tr > td:nth-child(6) {
    display: table-cell;
}

.company-logo {

    /*width: 125px;*/

}


.flick-tbody.label {
    cursor: pointer;
}

h2 {
    padding: 4px 5px 4px 5px !important;
}

.min50 {
    min-width: 50px;
}

.min65 {
    min-width: 65px;
}


.machine_pick_list {
    padding: 5px 5px 5px 10px;
}

.common-machine-search-multiple-result {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.common-machine-search-multiple-result.popup {
    box-shadow: none;
}

.customer-shop-basket-total {
    width: 300px;
}

.creditcard {
    padding: 5px;
    background-color: rgba(251, 251, 251, 0.82);
    text-align: center;
    margin-top: 10px;
    border-radius: 5px;
}


.machine-pick-category:hover,
.machine-pick-make:hover,
.machine-pick-model:hover,
.machine-pick-type:hover {
    background-color: rgba(251, 237, 127, 1);
}


.HashSearch {
    background-color: rgb(213, 232, 251);
}

.thumb {
    width: 100px;
    border: 1px solid #ebebeb;
    padding: 3px;
    margin: 3px;
    border-radius: 3px;
}

.dashboard-billboard-left {
    min-width: 250px;
}

.dashboard-billboard-left div {
    left: 5px;
    top: 0px;
}


.dashboard-navigation.common {
    width: 100%;
    height: 1px;
}

.product-thumb {
    height: 40px;
}

.customer-logo {
    max-height: 44px;
}

.catalog-image-thumb {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.pagetop {
    border-radius: 100px;
    padding: 10px;
    width: 38px;
    font-size: 30px;
    color: #999999;
    border: 1px solid #bbbbbb;
    position: fixed;
    bottom: 30px;
    cursor: pointer;
}


.sortiment-product-list:hover {
    background-color: #f8f8f8 !important;
    cursor: pointer;
}

.machine_search_by_hint_click:nth-child(odd) {
    background-color: #fbfbfb;
}

.machine_search_by_hint_click {
    padding: 5px;
}

.machine_search_by_hint_click:hover {
    background-color: #efefef;
}

/*.machine-search-by-hint {*/
/*    text-indent: 29px;*/
/*}*/

/*.machine-search-by-hint.machine-search-by-plate {*/
/*    position: absolute;*/
/*    top: 0px;*/
/*    left: -2px;*/
/*    right: auto;*/
/*    background-color: #f1f1f1;*/
/*    width: 30px;*/
/*    height: 100%;*/
/*    background-image: url('/bin/img/icons.png');*/
/*    background-position: -4px -36px;*/
/*    border-right: 1px solid #bbbbbb;*/
/*    border-radius: 4px;*/
/*    border-top-right-radius: 0px;*/
/*    border-bottom-right-radius: 0px;*/
/*    box-sizing: border-box;*/
/*}*/


@media all and (max-width: 1300px) {
    .dashboard-billboard-left > div {
        display: none;
    }
}

.customer-belladd {
    margin: 0px 0px 5px 0px !important;
    padding: 2px 2px 2px 8px !important;
    background-color: #00abcc !important;
    width: 100% !important;
}

.customer-belladd.box {
    background-color: #00abcc !important;
}

.customer-belladd-container {
    position: fixed !important;
    /*right: auto !important;*/
    /*left: auto !important;*/
    left: 15vw !important;
    max-width: 800px !important;
    width: 800px !important;
    height: 70vh;
    top: 15vh;
    /*margin-left: 18vw;*/
}

.customer-belladd-container-holder > div {
    width: 100%;
}

.customer-belladd-container-holder {
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    height: 65vh;
    bottom: 5px;
    position: absolute;
    right: 5px;
    width: 99% !important;

}

.belladd-logo {
    height: 25px;
}

.customer-belladd-click {
    background-color: #fff;
    /*background-image: url('/bin/img/Belladd.png');*/
    background-position: 11px 2px;
    background-size: 67px;
    background-repeat: no-repeat;
    border-radius: 0;
    color: #000!important;
    font-weight: bold;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 10px;
    /*padding-top: 2px;*/
    text-transform: capitalize;
    text-indent: 8px;
}

.icon {
    background-position: center center;
    background-repeat: no-repeat;
}

.icon.x24 {
    width: 24px;
    height: 24px;
}

.knob {
    cursor: pointer;
}

.knob.icon.x24 {
    height: 21px;
}

.icon.x24.basket {
    background-image: url("/bin/img/icon/24/basket.png");
}

.icon.x24.pen {
    background-image: url("/bin/img/icon/24/pen.png");
}

.icon.x24.sortiment {
    background-image: url("/bin/img/icon/24/sortiment.png");
}

.icon.x24.email {
    background-image: url("/bin/img/icon/24/email.png");
}

.icon.x24.hamburger {
    background-image: url("/bin/img/icon/24/hamburger.png");
}

.icon.x24.close {
    background-image: url("/bin/img/icon/24/close.png");
}

.icon.x24.phone {
    background-image: url("/bin/img/icon/24/phone.png");
}

.icon.x24.doller {
    background-image: url("/bin/img/icon/24/doller.png");
}


input:disabled {
    background: #dddddd !important;
}


.techdescription {
    background-color: #fff;
    background-image: url('/bin/img/icon/tegning.png');
    background-position: 5px center;
    background-size: 18px;
    background-repeat: no-repeat;
    border-radius: 0;
    color: #000!important;
    font-weight: bold !important;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 10px;
    text-indent: 23px;
}

.AllGone * {
    display: none !important;
}

.machine_extended_description {
    padding: 5px;
}

.machine-multiple-choice {
    padding: 5px;
}

.customer-shop-direct {
    white-space: normal!important;
    min-height: 50px;
}


.CommonMessageBoxContainer {
    padding: 5px;
}


.demo-print-button {
    display: none;
}

.dashboard-content > .box .demo-print-button {
    display: none !important;
    position: absolute;
    top: 0px;
    right: 2px;
    color: #222;
    background-color: #00c9ee !important;
    padding: 3px 20px 2px 0px !important;
    border-radius: 5px !important;
    margin: 0px!important;
}


.machine-capacity-labels *,
.machine-capacity-labels a {
    color: #000!important;
    cursor: default;
}


.capacity-missing,
.capacity-missing * {
    display: none!important;
}


.promesiter-box {
    display: grid;   grid-template-areas: 'pop-cover pop-thumbs pop-description-label'
        'pop-cover pop-thumbs pop-description'
        'pop-cover pop-thumbs pop-specification-label'
        'pop-cover pop-thumbs pop-specification'
        'pop-pdf pop-pdf pop-pdf' ;
}



.dashboard-content.common {
    height: 800px;
}


.fail {
    outline: 2px dashed #f00;
    background-color: #ffcab8!important;
}