@charset "utf-8";

html {font-size: 14px;height: 100%;}
body {font-family: var(--font-family);background-color: var(--surface-b);color: var(--text-color);padding: 0;margin: 0;height: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;counter-reset: page;}


/*.bg-test{background-image: url("/jakarta.faces.resource/footer_lodyas.png.xhtml?ln=img");background-attachment: fixed;background-repeat: repeat;}*/
.bg-production{background-image: url("/jakarta.faces.resource/shattered.png.xhtml?ln=img");background-attachment: fixed;background-repeat: repeat;}
/*.bg-dark-honeycomb{background-image: url("/jakarta.faces.resource/dark-honeycomb.png.xhtml?ln=img");background-attachment: fixed;background-repeat: repeat;}*/
.bg-honey_im_subtle{background-image: url("/jakarta.faces.resource/honey_im_subtle.png.xhtml?ln=img");background-attachment: fixed;background-repeat: repeat;}
.bg-xcross{background-image: url("/jakarta.faces.resource/crissXcross.png.xhtml?ln=img");background-attachment: fixed;background-repeat: repeat;}
.bg-xforwarder{background-image: url("/jakarta.faces.resource/gplaypattern.png.xhtml?ln=img");background-attachment: fixed;background-repeat: repeat;}

/*#body-form\:user-menu-btn_button .ui-button-text{padding: .3rem 1rem .3rem 2rem;}*/
/*#main-menu-title{text-align: center;background-color: #333;padding: 3px 0;height: 40px;}*/

.inbound-bg{background: #6372c3!important;border-color: #6372c3!important;}
.inbound-bg .fc-event-main{background: #6372c3!important;}
.inbound-signed-bg{background: #f5f6fb!important;border-color: #f5f6fb!important;color: #6372c3!important;}
.inbound-signed-bg .fc-event-main{background: #f5f6fb!important;color: #6372c3!important;}

.outbound-bg{background: #6ebe71!important;border-color: #6ebe71!important;}
.outbound-bg .fc-event-main{background: #6ebe71!important;}
.outbound-signed-bg{background: #f6fbf6!important;border-color: #f6fbf6!important;color: #6ebe71!important;}
.outbound-signed-bg .fc-event-main{background: #f6fbf6 !important;color: #6ebe71!important;}

.operation-bg{background: #555555 !important;border-color: #555555!important;}
.operation-bg .fc-event-main{background: #555555!important;}
.operation-signed-bg{background: #fef4f7 !important;border-color: #fef4f7!important;color: #555555!important;}
.operation-signed-bg .fc-event-main{background: #fef4f7 !important;color: #555555!important;}

.shipment-id{font-weight: bold; }
.shipment-ref{color: mediumvioletred;font-family:"JetBrains Mono";}

#body-form\:sys-clock.ui-clock{padding: 0;background: none;border: none;color: whitesmoke;}
.no-style-clock .ui-clock{padding: 0;background: none;border: none;}

#left-body{height: 100%;background: #434343;}
/*#left-body .ui-menu{background: #434343;border: none;}*/
#left-body .ui-menu .ui-widget-content.ui-menu-list{background: #333;}
#left-body .ui-menu .ui-menu-list .ui-widget-header{background: grey;padding:0.1rem 0.3rem;}
#left-body .ui-menu .ui-menu-list .ui-widget-header h3{font-size: .9rem;color: lightgray;}
#left-body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link{padding: 0.6rem;}
#left-body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon{color: whitesmoke;width: 27px;text-align: center;}
#left-body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text{color: whitesmoke;font-weight: normal;font-size: .9rem;}
#left-body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-icon {color: #495057;}
#left-body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-text {color: #495057;}
#left-body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e{font-size: .7rem;margin-top: 0.1rem;color: darkgray;}
/*#left-body .ui-menu .ui-menu-list .ui-menuitem.thin-menu-side-icon .ui-menuitem-link:first-child .ui-icon-triangle-1-e{font-size: .7rem;margin-top: -1.1rem;color: darkgray;}*/
#left-body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-icon{color:#495057!important;}
#left-body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text{color:#495057!important;}
/*#left-body .ui-menu .ui-divider.ui-divider-horizontal {border-top: 1px #545c63;margin: 0;}*/

body #left-body .ui-menu .ui-divider.ui-divider-solid.ui-divider-horizontal:before {border-top-style: solid;}
body #left-body .ui-menu .ui-divider.ui-divider-horizontal:before{border-top: 1px #666;}

#content-body{
    width: calc(100% - 160px);
    height: 100%;
    overflow: auto;
    padding: 9px;
    background: white;
    border-radius: 4px 0px 0px 0px;
}

.trans-dialog{border: 0!important;box-shadow: none!important;}
.trans-dialog .ui-dialog-content{border: 0!important;background: transparent!important;}

.ui-toolbar.clear-toolbar {border: 1px solid #d9e0e7;background:#d9e0e7;padding: 6px 9px;}
.ui-toolbar.clear-toolbar .toolbar-inline-text{display: inline-block;padding: 5px 10px;border-bottom: 1px dashed grey;text-align: center;}
.ui-toolbar.black-toolbar {border: 1px solid #434343;background: #434343;color: whitesmoke;padding: 6px 9px;}
.ui-toolbar.black-toolbar .toolbar-inline-text{display: inline-block;padding: 5px 10px;border-bottom: 1px dashed grey;text-align: center;}
.shipment-toolbar {margin:0;border-radius: 4px;border: 1px solid #d9e0e7;background:#d9e0e7;padding: 6px 9px;}
.shipment-toolbar .toolbar-inline-text{display: inline-block;padding: 5px 10px;border-bottom: 1px dashed grey;text-align: center;}

.ui-tabs.main-frame-tabview{height: 100%;padding: 0;}
.ui-tabs.main-frame-tabview .ui-tabs-panels{height: calc(100% - 43px);}
.ui-tabs.main-frame-tabview .ui-tabs-panels .ui-tabs-panel.ui-widget-content{height: 100%;padding: .5rem;}

.table-cell {width:100%;display:inline-block;}
.cell-input-text{width:100%;text-align: center;}

.grid-title{padding: .3rem!important;border-bottom: 1px dotted lightgray!important;text-align: right;font-weight: 500;font-size: .875rem;}
.grid-value{padding: .3rem!important;border-bottom: 1px dotted lightgray!important;text-align: left;}

.dialog-footer{
    display: flex;
    justify-content: end;
    padding-top: 20px;
    margin-top: 10px;
    border-top: 2px dashed grey;
}
.dialog-footer button{min-width: 6rem}


/*..ui-datatable .ui-datatable-scrollable-header{width: 100% !important;}*/
/*..ui-datatable .ui-datatable-scrollable-body{max-height: calc(100% - 30px)!important;width: 100% !important;}*/

.ui-datatable table {border-collapse: collapse;}
body .ui-datatable .ui-datatable-scrollable-body {height:calc(100% - 30px);overflow: auto;}
body .ui-datatable .ui-datatable-scrollable-theadclone th {padding-top: 0!important;padding-bottom: 0!important;}

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;}

.thin-table.ui-datatable .ui-datatable-scrollable-body{max-height: calc(100% - 33px)!important;}

body .ui-fieldset .ui-fieldset-legend{background: #e5e5e5;padding: .3rem 1rem;}

.action-btn-lightgray{background:lightgray!important;border: 1px solid lightgray!important;color:#333!important;}
.action-btn-dark-toolbar{background:#434343!important;border: 1px solid #434343!important;color:white!important;}

.ui-outputlabel-rfi {color:red;}

.toolbar-title{font-size:1.3rem;}

.row-bottom-border{border-bottom: 1px dashed lightgray;}
.over-line{border-bottom: 1px dashed transparent;}
.over-line:hover{border-bottom: 1px dashed lightgray;}

.full-height-tabview {height: 100%;}
.full-height-tabview.ui-tabs.ui-tabs-top > .ui-tabs-panels {height: calc(100% - 44px);}
.full-height-tabview.ui-tabs .ui-tabs-panels .ui-tabs-panel {height: 100%;overflow: auto;padding: .5rem .5rem 0 .5rem;}

.custom-marker {
    display: flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 50%;
    z-index: 1;
}

.address-card.ui-card .ui-card-content{padding: 0;}

.ts-b2b{color: steelblue!important;font-weight: bold;}
.ts-b2c{color: lightseagreen!important;font-weight: bold;}
.ts-b2ch{color: mediumvioletred!important;font-weight: bold;}

.xe-file-uploader{width: 100%;}
.xe-file-uploader .ui-button{width: 30px;}

/*#settings-tabview .ui-tabs-nav{width: 160px!important;}*/
/*.ui-tabs .ui-tabs-panels {height: calc(100% - 10px);}*/
/*.ui-tabs .ui-tabs-panels .ui-tabs-panel{height: 100%;overflow: auto;}*/

.scene-card{
    height: 100%;
    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;
}

.remark-card.remark-card{margin-bottom: 1em;box-shadow: none;background: #f6f6f6;}
.remark-card.remark-card:hover{background: #e9e9e9;}
.remark-card.remark-card .ui-card-body{}
.remark-card.remark-card .ui-card-body .ui-card-title{
    font-size: .9rem;
    display: flex;
    justify-content: space-between;
    color: darkgray;
}
.remark-card.remark-card .ui-card-content {
    padding: 0;
}
.remark-item p{margin: 0;}
.remark-item img{width: 100%;}
.warehouse-list-block{padding: 3px;border-radius: 6px;height: 100%;overflow: auto;}
.warehouse-list-block-title{}

.xe-chronoline .ui-chronoline-event{min-height: 35px!important;}
.xe-chronoline .ui-chronoline-event .ui-chronoline-event-opposite{display: none;}
.ui-texteditor.xe-texteditor-light .ui-editor-toolbar{display: none;}


.hl-over:hover{background-color: #e5eaef!important;}
.myhover:hover{background-color: whitesmoke;}
.link-button:hover{background: dimgrey;text-decoration: none!important;}
.container-number{display: inline-block;padding:.3rem;}

.user-event-line:hover{padding-left: 7px;background: #e9e9e9;font-weight: 700;}

.trans-row:hover{background: #e9ecef!important;}
.dock-row{border-top: 1px dashed transparent;border-bottom: 1px dashed transparent;}
.dock-row:hover{border-top: 1px solid darkgray;border-bottom: 1px solid darkgray;}
.dock-time-element{display: block;height: 100%;width: 4rem;overflow: hidden;border:1px dashed lightgray;border-radius: var(--border-radius);margin-right: 0.25rem;text-align: center;font-size: xx-small!important;color: white!important;}
.dock-time-element.active-element:hover{background:transparent!important;text-decoration:none;color:dimgray!important;}

.bol{border-bottom:1px solid transparent;}
.bol:hover{border-bottom:1px solid lightgray;}

.ui-inplace-display-disabled .inplace-disabled-hide{display:none;}


.responsive-file-uploader.ui-fileupload .ui-fileupload-content{height:calc(100% - 60px);overflow: auto;background-image: url("/jakarta.faces.resource/drag-and-drop-icon.png.xhtml?ln=img");  background-repeat: no-repeat;background-position: center;background-size: 20%;}

.hide-disabled.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-disabled{display: none;}
.editable{border:1px dashed lightgray!important;}
.ui-fieldset-content{height: 100%;}
.bw-img {filter: invert(50%);}

/* Primefaces redefined*/
.ui-sidebar-content{height: 100%;}
.tabmenu-auto.ui-tabmenu .ui-tabmenu-nav{overflow-x:auto!important;margin: 0;}
body .ui-picklist .ui-picklist-caption{padding: 4px 0;}

/*.quotation-item-description p{margin:0 0 5px 0!important;}*/
.consignment-remark{
    border-left: 2px dashed lightgray;
    border-bottom: 2px dashed lightgray;
    border-right: 2px dashed lightgray;
    padding: 0 3px 3px 9px;
    border-radius: 3px;
}
.formatted-text p{margin: 0}
body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s{font-size: x-small;}
.ui-datatable .ui-column-filter{margin: 0;padding: 0.15rem;font-size: smaller;}
.filter-menu{width: 100%;}
.ui-datatable .ui-column-customfilter{margin: 0}
.filter-menu.ui-selectonemenu .ui-selectonemenu-label{padding: 0}
.field-label{font-size: 0.875rem !important;font-weight: 500 !important;margin-bottom: 0 !important;}

/* ========== Printing Begin ========== */
@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;
}

/*.bg-admin{background-image: none !important;}*/
.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!important;}
.document-bottom-block{page-break-inside: avoid!important;}


.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-title{
    font-size: 20px;font-weight:bold;
    /*padding: 5px 0px;*/
    background: slategray;
    text-align: center;
    color: white;
}
.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:14px!important;}*/
/*.print-table .ui-state-default{*/
/*border: 1px solid lightgray!important;*/
/*background: lightgray!important;*/
/*}*/
/*.print-table.big-row td{padding:5px 1px!important;}*/
.print-table-row{page-break-inside: avoid}
.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;
}

body .print-table.ui-datatable .ui-datatable-header{padding: unset;}
body .print-table.ui-datatable .ui-datatable-footer{padding: unset;}
/*.print-table thead {display: table-row-group}*/
.print-table thead th{padding: 0 .857em!important;background-color: #505050!important;color: white!important;}
.print-table thead .ui-column-title{font-weight: bold!important;}
/*.print-table tbody tr td{page-break-inside: avoid!important;}*/

/* ========== Printing End ========== */