@charset "utf-8";
html, body{height: 100%;position: relative;padding: 0;margin: 0;-ms-touch-action: none;touch-action: none;font-size: 14px;font-family: Arial, sans-serif}

.bg-desktop{background-image: url("/jakarta.faces.resource/circles-light.png.xhtml?ln=img")!important;background-attachment: fixed;background-repeat: repeat;}
.bg-menubar{background-image: url("/jakarta.faces.resource/squared_metal.png.xhtml?ln=img")!important;background-attachment: fixed;background-repeat: repeat;}
.bg-project-paper{background-image: url("/jakarta.faces.resource/bg_project_papper.png.xhtml?ln=img")!important;background-attachment: fixed;background-repeat: repeat;}
.bg-binding-light{background-image: url("/jakarta.faces.resource/bg_binding_light.png.xhtml?ln=img")!important;background-attachment: fixed;background-repeat: repeat;}
.bg-gplaypattern{background-image: url("/jakarta.faces.resource/bg_gplaypattern_2X.png.xhtml?ln=img")!important;background-attachment: fixed;background-repeat: repeat;}
.bg-black-lozenge{background-image: url("/jakarta.faces.resource/black_lozenge.png.xhtml?ln=img")!important;background-attachment: fixed;background-repeat: repeat;}
/*.table-header-panel {display: flex;justify-content: space-between;line-height: 30px;}*/
.bg-color-unset{background-color: unset!important;}
.table-head-toolbar{padding: 0px!important;width: 100%;}
.table-head{background-color: slategray;font-weight: bold;border-bottom: black 1px solid;color: white;}
.table-foot{background-color: lightgray;font-weight: bold;border-top: black 1px solid;}

.ui-button.flat-button .ui-button-text{padding: 0rem 1rem 0rem 2rem!important;}

/*.main-content-panel{height: calc(100% - 20px);margin: 10px;overflow: auto;}*/

/*.cancelled-order{background: #e0e0e0!important;}*/
/*.column-align-left{text-align: left;}*/
/*.column-align-right{text-align: right;font-weight: bold;}*/
/*.table-cell {width:100%;display:block;}*/
/*.table-column-top{vertical-align: top;}*/
/*.table-column-bottom{vertical-align: bottom;}*/
/*.table-column-middle{vertical-align: middle;}*/
/*.table-column-label{*/
/*    font-weight: bold;*/
/*    text-align: right;*/
/*    white-space: nowrap;*/
/*    vertical-align: top;*/
/*    border-bottom: lightgray solid 1px!important;*/
/*    padding-right: 5px;*/
/*}*/
/*.table-column-label-bg{*/
/*    font-weight: bold;*/
/*    text-align: center;*/
/*    white-space: nowrap;*/
/*    vertical-align: top;*/
/*    border-bottom: lightgray solid 1px;*/
/*    background: lightslategray;*/
/*    color: white;*/
/*}*/
/*.table-column-value{*/
/*    text-align: left;*/
/*    vertical-align: top;*/
/*    border-bottom: lightgray dotted 1px!important;*/
/*}*/
/*.table-column-value-center{*/
/*    text-align: center;*/
/*    vertical-align: top;*/
/*    border-bottom: lightgray dotted 1px!important;*/
/*}*/
/*.table-column-right{text-align:right;}*/
/*.table-column-right-bottom{text-align:right;vertical-align: bottom;}*/
/*.table-column-right-bottom-black{*/
/*    text-align: right;*/
/*    vertical-align: top;*/
/*    border-bottom: black dotted 1px!important;*/
/*}*/

.cell-input-text{width:calc(100% - 2px);text-align: center;}
.cell-select-menu{width:calc(100% - 2px);}

.print-title-label{text-align: right;}
.print-title-value{font-weight: bold;margin-right: 20px;}

#storein-form\:storein-tab\:article-table .ui-datatable-scrollable-body{height:500px; }

.ui-datatable-scrollable-body table:first-child{width: calc(100% - 5px);table-layout: auto;}

/*.article-selector-table .ui-datatable-scrollable-body{height: calc(100% - 35px);}*/

.clear-header thead{visibility: collapse;}

.selector-btn:hover{opacity:0.8;}
.category-cold{text-align:center;color:white;background: darkseagreen;}
.category-freeze{text-align:center;color:white;background: cornflowerblue;}
.category-food{text-align:center;color:white;background: palevioletred;}
.category-nofood{text-align:center;color:white;background: slategray;}

.trans-row:hover{background: #e9ecef!important;}
.main-frame-tab{opacity: 1!important;}

.text-gold{color: gold;}
.required-filed{color: deeppink;font-size: 1em;}
.business-code {color: cornflowerblue;font-weight: bold;}
.private-code {color: darkorchid;font-weight: bold;}
.article-code{color: brown;font-weight: bold;}
.delivery-code{color: darkmagenta!important;font-weight: bold;font-size: 20px;}
.delivery-code-cell{font-weight: bold;width: 20px;text-align: center;display: inline-block;background: lightgray;}
.delicode-doc{font-size: 5rem;
    background: #efefef;
    height: 70px;
    line-height: 70px;
    font-weight: bold;
    min-width: 80px;
    text-align: center;
    font-family: sans-serif;
    padding: 0 10px 0 10px;}
.invoice-number{color: coral;font-weight: bold;}
.credit-quantity{color: deeppink;font-weight: bold;}
.promo-label{background: mediumvioletred;color: white;padding:1px 2px 1px 2px;border-radius: 3px;margin-left: 3px;}
.preparation-label{background: black;color: white;padding: 2px;border-radius: 3px;margin-right: 3px;}
.avatar-label{background: steelblue;color: white;padding: 2px;border-radius: 3px;margin-right: 3px;}
.line-through{text-decoration: line-through solid red;}
/*.doc-vat-code{float:left;margin-left: 3px;}*/
.toolbar-text{padding: 5px 0;font-weight: bold;}
/*.toolbar-title{font-size: 1.3em;font-weight: bold;}*/
.paid-sign{color: seagreen;margin: 0 5px;}
.invoiced-sign{color: royalblue;margin: 0 5px;}

tr[aria-selected="false"].exchange-order{background-color: #dce1e8!important;}

.dialog-bottom-btn-group{border-top: 1px solid lightgray;margin-top: 10px;padding-top: 5px;}
.calender-displayed{-webkit-box-shadow: none!important;box-shadow: none!important;border:none!important;padding: 0 !important;}
.calender-displayed:hover{background: #ffff38;}
.palette-inplace-input{width: 100px;display: block;text-align: center;text-decoration: none;}
.palette-inplace-input:hover{background: #ffff38;}

.document-title-1{border-bottom: 1px solid lightgray;font-weight: bold;display: block;}


/*.order-payment-detail *{font-size: 11px;}*/
.article-qty-alert-1 {font-weight: bold; color:deeppink;}
.article-qty-alert-2 {color:orange;}

.table-header-panel {display: flex;justify-content: space-between;}

/* Action buttons */
.action-btn-gold {background: gold!important;border: 1px solid gold!important;color:black!important;}
.action-btn-gray {background: lightgray!important;border: 1px solid lightgray!important;color: #333!important;}
.action-btn-gray:hover {background: darkgray!important;border: 1px solid darkgray!important;color: white!important;}

.client-type-1 {background: steelblue!important;border: 1px solid steelblue!important;color:white;}
.client-type-2 {color:black!important; background: yellowgreen!important;border: 1px solid yellowgreen!important;}
.client-type-3 {background: darkseagreen!important;border: 1px solid darkseagreen!important;}
.client-type-4 {background: violet!important;border: 1px solid violet!important;}
.client-type-5 {background: slategray!important;border: 1px solid grey!important;}

.dialog-btn{width:100%!important;}
.dialog-btn .ui-button-text{font-weight: bold;}

.act-select-btn.ui-button-text{}

/*.font-green{color:green;font-weight: bold;}*/
.font-royalblue{color:royalblue;font-weight: bold;}
.stock-safe{background-color: lightgreen;color: dimgray;font-weight: bold;}
.stock-warn{background-color: lightcoral;color: darkslategray;font-weight: bold;}

.timeline-event-content{text-align: left;}

.opacity-03{opacity: 0.3;}

.doc-gc-parag{font-size: 11px;margin: 3px 0;color: black;}
.doc-gc-parag::first-letter{font-weight: bold;}

.side-tabview{height: 100%;}
.side-tabview .ui-tabs-panels{height: calc(100% - 44px);}
.side-tabview .ui-tabs-panels .ui-tabs-panel.ui-widget-content{height: 100%;}

/*.ui-tabs.full-contents-tabview{height: 100%;padding: 0;}*/
.ui-tabs.full-contents-tabview .ui-tabs-panels{height:calc(100% - 43px);}
.ui-tabs.full-contents-tabview .ui-tabs-panels .ui-tabs-panel.ui-widget-content{height: 100%;padding: .5rem;}

.link-button:hover{background: dimgrey;text-decoration: none!important;}
.invisible-button{visibility: hidden;width: 0;border: 0;padding: 0;}
.invisible-button span{padding: 0;}

.recette-table *{font-size: 1.1em!important;}
.recette-table-header {font-weight: bold;border-bottom: 1px solid darkgray;background-color: lightgray;}
.recette-table-cell {border-bottom: 1px dotted darkgray;}
.recette-table-footer {font-weight: bold;border-top: 1px solid darkgray;}
.recette-title {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0;
}

#main-menu .ui-layout-unit-header{background-color: #333;}

body .ui-datatable .ui-datatable-footer{padding: 0;}
body .ui-fieldset .ui-fieldset-legend{background: #f3f3f3;padding: 0.3rem 1rem 0.3rem 1rem;}

body .ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon {
    color: #333!important;
}
/*body .ui-datatable thead th{*/
/*    background-color: #666!important;*/
/*    border: 1px solid darkgray;*/
/*    color:white!important;*/
/*}*/

.dialog-thin-header.ui-dialog .ui-dialog-titlebar{padding: 1.5rem 1.5rem 0rem 1.5rem;}

.ui-chkbox .ui-helper-hidden-accessible{position: relative!important;}

.transparent-dialog{-webkit-box-shadow: unset!important; box-shadow: unset!important;}
.transparent-dialog .ui-dialog-content{background-color: transparent!important;border: unset!important;}
.treetable-rootrow{border-top: 3px solid grey!important;}

.article-tabview{height: calc(100% - 115px)}
.article-tabview .ui-tabs-panels{height: calc(100% - 35px);}
.article-tabview .ui-tabs-panels .ui-tabs-panel{height: 100%;}
.article-tabview .ui-tabs-panels .ui-tabs-panel form{height: 100%;}

#article-dialog-footer-form\:at-mes{margin:0;}
#article-dialog-footer-form\:at-mes .ui-corner-all{padding: 5px;}

.one-letter {display:block;visibility:hidden;width: 1rem;font-weight: bold;}
.one-letter:first-letter {visibility:visible;}
body .ui-datatable .ui-paginator {padding: 5px 0 0 0;}
body .ui-paginator .ui-paginator-current{margin: 3px}
body .ui-paginator .ui-paginator-rpp-options{margin: 0;border-radius: 5px;border-color: lightgray;}
.black-header-with-border {
    border: 1px solid #333!important;
    background-color: #333!important;
    color: #fff!important;
}
.black-header {
    background-color: #333!important;
    color: #fff!important;
}
.black-header * {
    color: #fff!important;
}

/*.ui-toolbar.black-toolbar {*/
/*    border: 1px solid #3f3f3f;*/
/*    background: #3f3f3f;*/
/*    color: white;*/
/*    padding: 6px;*/
/*}*/

.powered-link{
    text-decoration: none;
    color: dimgray;
    font-family: "Montserrat", sans-serif;
}
.powered-link:hover{
    color: dodgerblue;
}

.dialog-grid.ui-panelgrid .ui-panelgrid-cell{padding:.5rem!important;}

/*.article-selector-table thead .ui-column-filter{float:right;width: calc(100% - 30px);margin: 0;}*/
/*.article-selector-table thead th{padding: 2px!important;}*/

.thin-table.ui-datatable .ui-datatable-data tr td{padding:.3rem!important;}
.thin-table.ui-datatable thead th{padding:.3rem!important;}
.thin-table .ui-datatable-scrollable-theadclone th{padding-top: 0!important;padding-bottom: 0!important;}
.thin-table.ui-datatable .ui-datatable-scrollable-body{height: calc(100% - 31px)!important;}

.ui-treetable-scrollable .ui-treetable-scrollable-body{height: calc(100% - 31px)!important;width: calc(100% + 2px);}

.deli-remark{
    display: block;
    border-bottom: 1px dashed darkgray;
    font-size: .7rem;
}
.trans-dialog{border: 0!important;box-shadow: none!important;}
.trans-dialog .ui-dialog-content{border: 0!important;background: transparent!important;}

.bg-desktop{
    background-image: url("/jakarta.faces.resource/circles-light.png.xhtml?ln=img");
    background-attachment: fixed;
    background-repeat: repeat;
}
.bg-menubar{
    background-image: url("/jakarta.faces.resource/squared_metal.png.xhtml?ln=img");
    background-attachment: fixed;
    background-repeat: repeat;
}

/* Primefaces redefined*/
.ui-sidebar-content{height: 100%;}
/*.tabmenu-auto.ui-tabmenu .ui-tabmenu-nav{overflow-x:auto!important;}*/
.tabmenu-auto.ui-tabmenu .ui-tabmenu-nav{overflow-x:auto!important;margin: 0;}
body .ui-picklist .ui-picklist-caption{padding: 4px 0;}


/* Printing Begin */

.print-only{display:none;}
@media print{
    @page {
        margin: 8mm;
        size: A4 portrait;
        page-break-after: always;
    }
    thead {display: table-header-group;}
    tfoot {display: table-footer-group;}

    .page-footer-space {height: 70px;}

    .no-print, .no-print *{display: none !important;}
    .no-print-column, .no-print-column *{width: 0 !important;}
    .document-page{
        background-color: white;
        width: 210mm;
        padding: 0!important;
        margin: 0!important;
        -webkit-box-shadow: unset!important;
        -moz-box-shadow:unset!important;
        box-shadow: unset!important;
    }
    /*.print-only{display:unset!important;}*/
    .print-table table {overflow: hidden}
    .page-footer {
        position: fixed!important;
    }
}
.page-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    border-top: 1px solid lightgray;
}
.document-page{
    background-color: white;
    width: 210mm;
    min-height: 297mm;
    padding: 8mm;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);
    box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);
}

.document-body-block{page-break-before: always;}
.document-bottom-block{page-break-inside: avoid;}


.document-block{width: 100%;page-break-inside: avoid;}
.document-top-btns{border-bottom: 1px solid grey;display: flex;justify-content: space-between;margin-bottom:10px;}
.document-header{
    background-image: url("/jakarta.faces.resource/header-logo.png.xhtml?ln=img");
    background-repeat: no-repeat;
    background-position: 10px center;
    border-bottom: 2px solid;
}
.document-header-title{
    font-size: 1.5rem;
    font-weight: bold;
    background: slategray;
    text-align: center;
    color: white;
    font-family: sans-serif;
}
.document-block-title{border-bottom: 1px dashed grey;display: block;font-weight: bold;color: grey;font-size: 12px;}
.document-column-label{text-align: right;
    white-space: nowrap;
    vertical-align: top;
    border-bottom: lightgray solid 1px!important;
    font-size: 12px;
    font-weight: bold;
    color: dimgray;
}
.document-block-info{width: 100%;background: #efefef;padding: 5px;}
.document-column-value{font-weight: bold;
    text-align: center;
    vertical-align: top;
    border-bottom: lightgray dotted 1px!important;}
.min-height-500{min-height: 500px;}


.print-table {border: 1px solid dimgray;}
.print-table *{font-size:11px!important;}
.print-table td{padding:1px!important;}
.print-table .ui-widget-content{border: 1px solid white;}
.print-table .ui-rowgroup-header{
    background: none;
    /*color:black;*/
    border-bottom: 1px solid black;
    border-left: 1px solid white;
    border-right: 1px solid white;
}
.print-table thead th{padding: 0 3px!important;background-color: #505050!important;color: white!important;}
.print-table thead .ui-column-title{font-weight: bold!important;}
body .print-table.ui-datatable .ui-datatable-header{padding: unset;}
/* Printing End */

.inv-order-header{display: flex;}
.inv-order-header .otitle{font-weight: bold;white-space: nowrap;}
.inv-tax-table *{padding: 0 .5em!important;font-size: 11px;}

.collapse-button{
    float: right;
    height: 32px;
    padding: 3px;
    color: white;
    line-height: 32px;
}

.ui-layout-unit-header-icon{margin-top: 0.2em!important;}

.login-input{text-align: center;width: 150px;border: 1px solid #cfcfcf;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}

.print-table-border .ui-widget-content{border: 1px solid grey!important;}

.stamp-duplicate{
    background-image: url("/jakarta.faces.resource/duplicate.png.xhtml?ln=img");
    background-repeat: no-repeat;
    background-position: center center;
}

.search-bar{width: 100%;height:70px;margin-bottom: 5px;}
.search-bar .ui-panelgrid-cell{padding:1px!important;background-color: dimgray!important;}
.inplace-editor{
    background: lightgoldenrodyellow!important;
    border-radius: 3px;
}

.print-title-label{text-align: right;}
.print-title-value{font-weight: bold;margin-right: 20px;}

#storein-form\:storein-tab\:article-table .ui-datatable-scrollable-body{height:500px; }

/*Article table*/
#article-tabview .ui-tabs-panels{height: calc(100% - 35px);}
#article-tabview\:article-tab{height: calc(100% - 30px);}
#body-form\:main-tab-view\:article-table .ui-datatable-scrollable-body{height: calc(100% - 26px)!important;}
.ui-datatable-scrollable-body table:first-child{width: calc(100% - 5px);table-layout: auto;}

/*.article-selector-table .ui-datatable-scrollable-body{height: calc(100% - 35px);}*/


.article-nature-header-1{border-bottom: 5px solid grey!important;color: steelblue;padding: 0!important;}
.article-nature-header-2{border-bottom: 5px solid grey!important;color: steelblue;padding: 0!important;}
.article-nature-header-3{border-bottom: 5px solid grey!important;color: steelblue;padding: 0!important;}
.article-nature-header-4{border-bottom: 5px solid grey!important;color: steelblue;padding: 0!important;}
.returned-article-header{color:white; background: black; text-align: center;padding: 0!important;}
.preparation-article-header{color:white!important;text-transform: uppercase; background: grey; text-align: center;    padding: 0!important;}

.main-frame-tab{display:none!important;}

/*.doc-placemat{width: 100%;padding: 10px;border-radius: 5px;min-height: calc(100% - 420px);}*/

.copied-order-row{border-left: 5px solid violet;}

.truck-border-1{margin:0 10px;border:5px solid darksalmon;}
.truck-border-2{margin:0 10px;border:5px solid darkseagreen;}
.truck-border-3{margin:0 10px;border:5px solid darkkhaki;}
.truck-border-4{margin:0 10px;border:5px solid darkcyan;}
.truck-border-5{margin:0 10px;border:5px solid darkred;}

.store-flag-1{color:deepskyblue;}
.store-flag-2{color:cadetblue;}
.store-flag-none{color:lightgray;}

.empty-cell{display: block;height: 20px;}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.ui-datalist.data-list-repeat .ui-datalist-content{padding: 0;border: none;}
.ui-datalist.data-list-repeat .ui-datalist-content ul{padding: 0;margin: 0;list-style-type: none;}

.dialog-footer{display: flex;justify-content: space-between;padding-top: 20px;border-top: 3px dashed lightgray;}
.dialog-footer button{min-width: 6rem}

.ui-outputlabel-rfi{color:red;}

.scene-card{
    height: calc(100% - .5rem);
    background-color: white;
    padding: .3rem;
    -webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.6);
    box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.6);
    border-radius: 4px;
    margin-right: .5rem;
}

.userlog-item-row:hover{padding-left: 7px;background: #e9e9e9;font-weight: 700;}



.thin-messages.ui-messages > div{padding: 3px;margin: 3px;}

.drag-drop-bg{overflow: auto;background-image: url("/jakarta.faces.resource/drag-and-drop-icon.png.xhtml?ln=img");  background-repeat: no-repeat;background-attachment: fixed;background-position: center;}

.black-progressbar.ui-progressbar .ui-progressbar-value{height: 2rem;background: lightgray;}
.black-progressbar.ui-progressbar .ui-progressbar-label{line-height: 2rem;font-size: 1.3rem;}
.success-progressbar.ui-progressbar .ui-progressbar-value{height: 2rem;background: limegreen;}
.success-progressbar.ui-progressbar .ui-progressbar-label{line-height: 2rem;font-size: 1.3rem;}
.warn-progressbar.ui-progressbar .ui-progressbar-value{height: 2rem;background: orange;}
.warn-progressbar.ui-progressbar .ui-progressbar-label{line-height: 2rem;font-size: 1.3rem;}
.danger-progressbar.ui-progressbar .ui-progressbar-value{height: 2rem;background: red;}
.danger-progressbar.ui-progressbar .ui-progressbar-label{line-height: 2rem;font-size: 1.3rem;}
.ui-sidebar-content{height: 100%}

.formatted-text p{margin:0;}