/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./public/css/main.css ***!
  \*******************************************************************************************************************************************************************/
body {
    background: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #404040;
}
h1,
.h1 {
    font-size: 34px;
    line-height: 34px;
    margin-bottom: 25px;
    color: #00a1de; /* #00a4e0; */
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #00a1de;
}
h3red,
.h3red {
    font-family: sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #FF595E;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
}
/* Colors */
.FormWizard {
    color: #1982C4;
}

.bgc_auxzenze_gray {
    background-color: #878786 !important;
}
.bgc_auxzenze_purle {
    background-color: #6A4C93 !important;
}
.bgc_auxzenze_blue {
    background-color: #1982C4 !important;
}
.bgc_aux_alarm {
    background-color: #FF595E !important;
}
.bgc_aux_warning {
    background-color: #FFCA3A !important;
}
.bgc_aux_unknown {
    background-color: #1982C4 !important;
}
.bgc_aux_normal {
    background-color: #8AC926 !important;
}
.bgc_aux_down {
    background-color: #0a0c0a !important;
}
.bgc_aux_unimportant {
    background-color: #607d8b !important;
}
.tc_aux_highlighted {
    color: #FF595E  !important;
}
.tc_aux_checked {
    color: #8AC926  !important;
}
.tc_aux_inform {
    color: #1982C4  !important;
}
.tc_aux_unimportant {
    color:  #607d8b  !important; opacity: 0.2;
}
.my-buttons .active {
    color: #0a0c0a !important;
    background-color: #00a1de !important;
    border-color: #0a0c0a !important;
}

.b-navbar {
    margin-bottom: 40px;
    background-color: #00a1de !important;
}

.b-navbar-item {
    color: ghostwhite;
    margin-right: 16px;
}

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.row::after {
    content: '';
    clear: both;
    display: table;
}

[class*='col-'] {
    float: left;
    padding: 15px;
}

html {
    font-family: 'Lucida Sans', sans-serif;
}

.header {
    background-color: #00a1de;
    color: ghostwhite;
    /* opacity: 0.5; */
    padding: 15px;
}

.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color: #33b5e5;
    color: #ffffff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.menu li:hover {
    background-color: #0099cc;
}

.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.footer {
    background-color: #0099cc;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}

/* For mobile phones: */
[class*='col-'] {
    width: 100%;
}

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1 {
        width: 8.33%;
    }
    .col-s-2 {
        width: 16.66%;
    }
    .col-s-3 {
        width: 25%;
    }
    .col-s-4 {
        width: 33.33%;
    }
    .col-s-5 {
        width: 41.66%;
    }
    .col-s-6 {
        width: 50%;
    }
    .col-s-7 {
        width: 58.33%;
    }
    .col-s-8 {
        width: 66.66%;
    }
    .col-s-9 {
        width: 75%;
    }
    .col-s-10 {
        width: 83.33%;
    }
    .col-s-11 {
        width: 91.66%;
    }
    .col-s-12 {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {
        width: 8.33%;
    }
    .col-2 {
        width: 16.66%;
    }
    .col-3 {
        width: 25%;
    }
    .col-4 {
        width: 33.33%;
    }
    .col-5 {
        width: 41.66%;
    }
    .col-6 {
        width: 50%;
    }
    .col-7 {
        width: 58.33%;
    }
    .col-8 {
        width: 66.66%;
    }
    .col-9 {
        width: 75%;
    }
    .col-10 {
        width: 83.33%;
    }
    .col-11 {
        width: 91.66%;
    }
    .col-12 {
        width: 100%;
    }
}
@media only print and (-webkit-min-device-pixel-ratio: 3.125), only print and (min-resolution: 300dpi) {
    
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/components/BakIngredientCombo.vue?vue&type=style&index=0&id=e2ec4512&prod&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.bg-green[data-v-e2ec4512] {
    background-color: #c1e881 !important;
    color: ghostwhite !important;
}
.bg-blue[data-v-e2ec4512] {
    background-color: hwb(203 55% 7%) !important;
    color: ghostwhite !important;
}
.fontcolor[data-v-e2ec4512] {
    color: red;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/components/InpekelItemCombo.vue?vue&type=style&index=0&id=04f54710&prod&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.bg-green[data-v-04f54710] {
    background-color: #c1e881 !important;
    color: ghostwhite !important;
}
.bg-blue[data-v-04f54710] {
    background-color: hwb(203 55% 7%) !important;
    color: ghostwhite !important;
}
.fontcolor[data-v-04f54710] {
    color: red;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/components/StockLocIngredientCombo.vue?vue&type=style&index=0&id=fc4e9546&prod&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.bg-green[data-v-fc4e9546] {
    background-color: #c1e881 !important;
    color: ghostwhite !important;
}
.bg-blue[data-v-fc4e9546] {
    background-color: hwb(203 55% 7%) !important;
    color: ghostwhite !important;
}
.fontcolor[data-v-fc4e9546] {
    color: red;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/components/CameraPicture.vue?vue&type=style&index=0&id=73d83466&prod&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

body[data-v-73d83466] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.web-camera-container[data-v-73d83466] {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 500px;
}
.web-camera-container .camera-button[data-v-73d83466] {
    margin-bottom: 2rem;
}
.web-camera-container .camera-box .camera-shutter[data-v-73d83466] {
    opacity: 0;
    width: 450px;
    height: 337.5px;
    background-color: #fff;
    position: absolute;
}
.web-camera-container .camera-box .camera-shutter.flash[data-v-73d83466] {
    opacity: 1;
}
.web-camera-container .camera-shoot[data-v-73d83466] {
    margin: 1rem 0;
}
.web-camera-container .camera-shoot button[data-v-73d83466] {
    height: 60px;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 100%;
}
.web-camera-container .camera-shoot button img[data-v-73d83466] {
    height: 35px;
    -o-object-fit: cover;
       object-fit: cover;
}
.web-camera-container .camera-loading[data-v-73d83466] {
    overflow: hidden;
    height: 100%;
    position: absolute;
    width: 100%;
    min-height: 150px;
    margin: 3rem 0 0 -1.2rem;
}
.web-camera-container .camera-loading ul[data-v-73d83466] {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 999999;
    margin: 0;
}
.web-camera-container .camera-loading .loader-circle[data-v-73d83466] {
    display: block;
    height: 14px;
    margin: 0 auto;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    position: absolute;
    width: 100%;
    padding: 0;
}
.web-camera-container .camera-loading .loader-circle li[data-v-73d83466] {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    line-height: 10px;
    padding: 0;
    position: relative;
    margin: 0 0 0 4px;
    background: #999;
    -webkit-animation: preload-73d83466 1s infinite;
            animation: preload-73d83466 1s infinite;
    top: -50%;
    border-radius: 100%;
}
.web-camera-container .camera-loading .loader-circle li[data-v-73d83466]:nth-child(2) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
}
.web-camera-container .camera-loading .loader-circle li[data-v-73d83466]:nth-child(3) {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
}
@-webkit-keyframes preload-73d83466 {
0% {
        opacity: 1;
}
50% {
        opacity: 0.4;
}
100% {
        opacity: 1;
}
}
@keyframes preload-73d83466 {
0% {
        opacity: 1;
}
50% {
        opacity: 0.4;
}
100% {
        opacity: 1;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/analytics/AssesmentCombo.vue?vue&type=style&index=0&id=125b51ae&prod&lang=css&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.groups[data-v-125b51ae] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
}
.group[data-v-125b51ae] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/rapportage/PrintToPdf.vue?vue&type=style&index=0&id=28211cd0&prod&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.small[data-v-28211cd0] {
    size: 'sm';
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/preparation/CardPrepProduction.vue?vue&type=style&index=0&id=6ea35ac0&prod&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.bg-green[data-v-6ea35ac0] {
    background-color: #c1e881 !important;
    color: ghostwhite !important;
}
.bg-blue[data-v-6ea35ac0] {
    background-color: hwb(203 55% 7%) !important;
    color: ghostwhite !important;
}
.fontcolor[data-v-6ea35ac0] {
    color: red;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/stock/StockItems.vue?vue&type=style&index=0&id=029651e5&prod&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

[data-v-029651e5] .table > tbody > tr.b-table-row-selected,[data-v-029651e5] .table > tbody > tr.b-table-row-selected > td,[data-v-029651e5] .table > tbody > tr.b-table-row-selected > th {
    background-color: #00a1de;
    color: ghostwhite !important;
}
.overflow-class[data-v-029651e5] .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/recipe/RecIngredientCard.vue?vue&type=style&index=0&id=103f8639&prod&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.ingredient-type-kleur[data-v-103f8639] {
    background-color: darkblue;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/treatment/TreatmentModal.vue?vue&type=style&index=0&id=0141d9c6&prod&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.bg-coat[data-v-0141d9c6] {
    background-color: #c1e881 !important;
}
.bg-keer[data-v-0141d9c6] {
    background-color: hwb(203 55% 7%) !important;
}
.bg-coatBehandel[data-v-0141d9c6] {
    background-color: #506135 !important;
    color: ghostwhite !important;
}
.bg-keerBehandel[data-v-0141d9c6] {
    background-color: hwb(203 28% 52%) !important;
    color: ghostwhite !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/treatment/AssignTreatmentModal.vue?vue&type=style&index=0&id=69272617&prod&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.bg-coat[data-v-69272617] {
    background-color: #c1e881 !important;
}
.bg-keer[data-v-69272617] {
    background-color: hwb(203 55% 7%) !important;
}
.bg-coatBehandel[data-v-69272617] {
    background-color: #506135 !important;
    color: ghostwhite !important;
}
.bg-keerBehandel[data-v-69272617] {
    background-color: hwb(203 28% 52%) !important;
    color: ghostwhite !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/treatment/TreatmentRecipeModal.vue?vue&type=style&index=0&id=733bc11e&prod&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.bg-coat[data-v-733bc11e] {
    background-color: #c1e881 !important;
}
.bg-keer[data-v-733bc11e] {
    background-color: hwb(203 55% 7%) !important;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/production/ScaleDataSelector.vue?vue&type=style&index=0&id=edc50fd0&prod&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

[data-v-edc50fd0] .table > tbody > tr.b-table-row-selected,[data-v-edc50fd0] .table > tbody > tr.b-table-row-selected > td,[data-v-edc50fd0] .table > tbody > tr.b-table-row-selected > th {
    background-color: #00a1de;
    color: ghostwhite !important;
}
.overflow-class[data-v-edc50fd0] .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/production/CardMerkPers.vue?vue&type=style&index=0&id=f272eea6&prod&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*  
  CSS 
  Remember to use a # before the name because it's an id you're trying to reach
*/
#myButton[data-v-f272eea6] {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/outbrine/BrineIngredients.vue?vue&type=style&index=0&id=1e915d46&prod&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

[data-v-1e915d46] .table > tbody > tr.b-table-row-selected,[data-v-1e915d46] .table > tbody > tr.b-table-row-selected > td,[data-v-1e915d46] .table > tbody > tr.b-table-row-selected > th {
    background-color: #00a1de;
    color: ghostwhite !important;
}
.overflow-class[data-v-1e915d46] .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/delivery/DeliveryNoteItems.vue?vue&type=style&index=0&id=4cd142c4&prod&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.overflow-class[data-v-4cd142c4] .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/delivery/PrintNoteContent.vue?vue&type=style&index=0&id=bf232f18&prod&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

pre[data-v-bf232f18] {
    background: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #404040;
    white-space: pre-wrap; /* <-- THIS PRESERVES THE LINE BREAKS */
}
.pdf-item[data-v-bf232f18] {
    page-break-inside: avoid;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/salesorder/ProductionBatchSelector.vue?vue&type=style&index=0&id=d50d8c16&prod&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

[data-v-d50d8c16] .table > tbody > tr.b-table-row-selected,[data-v-d50d8c16] .table > tbody > tr.b-table-row-selected > td,[data-v-d50d8c16] .table > tbody > tr.b-table-row-selected > th {
    background-color: #00a1de;
    color: ghostwhite !important;
}
.overflow-class[data-v-d50d8c16] .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/salesorder/ItemStockSelector.vue?vue&type=style&index=0&id=5455c204&prod&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

[data-v-5455c204] .table > tbody > tr.b-table-row-selected,[data-v-5455c204] .table > tbody > tr.b-table-row-selected > td,[data-v-5455c204] .table > tbody > tr.b-table-row-selected > th {
    background-color: #00a1de;
    color: ghostwhite !important;
}
.overflow-class[data-v-5455c204] .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/salesorder/SalesOrderBase.vue?vue&type=style&index=0&id=5d93733e&prod&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

[data-v-5d93733e] .table > tbody > tr.b-table-row-selected,[data-v-5d93733e] .table > tbody > tr.b-table-row-selected > td,[data-v-5d93733e] .table > tbody > tr.b-table-row-selected > th {
    background-color: #00a1de;
    color: ghostwhite !important;
}
.overflow-class[data-v-5d93733e] .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/salesorder/PlanDeliveryForm.vue?vue&type=style&index=0&id=6440e195&prod&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

[data-v-6440e195] .table > tbody > tr.b-table-row-selected,[data-v-6440e195] .table > tbody > tr.b-table-row-selected > td,[data-v-6440e195] .table > tbody > tr.b-table-row-selected > th {
    background-color: #00a1de;
    color: ghostwhite !important;
}
.overflow-class[data-v-6440e195] .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/analytics/TemplateObjectEditor.vue?vue&type=style&index=0&id=166c9393&prod&lang=css&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.groups[data-v-166c9393] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
}
.group[data-v-166c9393] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/components/BakSelector.vue?vue&type=style&index=0&id=6e5e8048&prod&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

[data-v-6e5e8048] .table > tbody > tr.b-table-row-selected,[data-v-6e5e8048] .table > tbody > tr.b-table-row-selected > td,[data-v-6e5e8048] .table > tbody > tr.b-table-row-selected > th {
    background-color: #00a1de;
    color: ghostwhite !important;
}
.overflow-class[data-v-6e5e8048] .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/repair/CardZuursel.vue?vue&type=style&index=0&id=1042991b&prod&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

[data-v-1042991b] .table > tbody > tr.b-table-row-selected,[data-v-1042991b] .table > tbody > tr.b-table-row-selected > td,[data-v-1042991b] .table > tbody > tr.b-table-row-selected > th {
    background-color: #00a1de;
    color: ghostwhite !important;
}
.overflow-class[data-v-1042991b] .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}
.table-row-disabled[data-v-1042991b] {
    pointer-events: none !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/features/analytics/ListSelector.vue?vue&type=style&index=0&id=3c9c0e88&prod&lang=css&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.groups[data-v-3c9c0e88] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
}
.group[data-v-3c9c0e88] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=6f435392&prod&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}