/* -- This file is used to custom the css of Avalon & Unishop template */

/*

 * Custom Unishop
 */

/* Title */
.h1, .h2, .h3,
.h4, .h5, .h6 {
    display: block;
}

 .my--5{margin:-5px 0}
 
  :root {
 	--btn-hover:#606975;
	--primary: #00A4FF;
	--primary-hover: #0a87bf;
	--bg-secondary: #f5f5f5;
	--txt-secondary: #606975;
	
	--success:#43d9a3;
	--success-hover:#27c28a;
	--info:#23b7e3;
	--info-hover:#50c6e9;
	--warning:#ffb74f;
	--warning-hover:#ffa21c;
	--danger: #ff1f1f;
	--danger-hover:#ff5252;
	--white: #fff;
	--gray: #f5f5f5;
	--gray-dark: #374250;
	--dark: #343a40;
 }

p {
    margin: 0;
}

.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.nowrap { white-space: nowrap !important; }
.title2 {
    color: #374250;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 8px;
    text-transform: none;
}

.title3 {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 8px;
    text-transform: none;
}

/* Header */
.toolbar .search > .fa, .toolbar .account > .fa, .toolbar .cart > .fa {
    line-height: 41px;
}

.cart::after {
	display: block;
    position: absolute;
    top: 100%;
    width: 100%;
    height: 18px;
    margin-top: -10px;
    content: '';
}

/* Remove top border from shopping cart */
.toolbar-dropdown-group {
	border-top: none !important;
	overflow: hidden;
    white-space: nowrap;
}

.count {
    font-size: 14px;
}
.toolbar-dropdown {
    min-width: 200px;
    width: auto !important;
    
}
.toolbar-dropdown>li>a {
    white-space: nowrap;
}
.toolbar .account>.toolbar-dropdown {
    margin-left: inherit;
    margin-right: -95px;
    left: inherit;
    right: -50%;
    margin-top: 12px!important;  
}

.toolbar .cart>.toolbar-dropdown {
	 margin-top: 12px!important;
	}

.toolbar-dropdown.no-cart{
	margin-right:20px !important;
}



/* Link */
a.title-color {
    color: #374250;
}
a:hover.title-color {
    color: #0da9ef;
}
/* Input */
.form-control {
    padding: 0 18px 3px; /* It's override by Primefaces.css */
}

input.form-control::-ms-clear {display: none;} /* Remove "clear field" X button on search inputs in IE */
input.ui-inputfield::-ms-clear {display: none;} /* Remove "clear field" X button on inputs in IE */
/*
 * Custom Primefaces Component
 */

/* -- Font Family -- */
@import url("https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900"); /* Not load correctly by the Theme.css -> need to find the problem */
.ui-widget,.ui-widget .ui-widget{
    font-family:"Maven Pro",Helvetica,Arial,sans-serif;
}
.ui-widget .fa, .ui-wiget .ui-widget .fa {
		font-family:"Font Awesome 5 Free";
}

span.ui-icon {
	font-family:'Font Awesome 5 Free' !important;
	font-weight: 900 !important;
}

@font-face{
    font-family:feather;
    src:url("/aio/javax.faces.resource/fonts/feather-webfont.eot.jsf?ln=template/generixcustomer");
    src:url("/aio/javax.faces.resource/fonts/feather-webfont.eot.jsf?ln=template/generixcustomer#iefix") format("embedded-opentype"),
    	url("/aio/javax.faces.resource/fonts/feather-webfont.woff.jsf?ln=template/generixcustomer") format("woff"),
    	url("/aio/javax.faces.resource/fonts/feather-webfont.ttf.jsf?ln=template/generixcustomer") format("truetype"),
    	url("/aio/javax.faces.resource/fonts/feather-webfont.svg.jsf?ln=template/generixcustomer#feather") format("svg");
    font-weight:400;font-style:normal
}
/* -- Real Class -- */
.width-auto, .ui-fluid .width-auto {
    width: auto;
}
.underline {
    text-decoration: underline;
}

.ui-selectonemenu.form-control-rounded {
    border-radius: 5px;
}
/* Button */
.btn-primary.active {
    background-color: #0a87bf;
}
/* Datatable */
.datatable-max-height .ui-datatable-scrollable-body {
    max-height: 300px;
}
td.disabled-row {
    opacity: .55;
}
/* Datalist */
.horizontal UL {margin: 0;padding: 0;}
.horizontal UL LI {display: inline;margin-right: 10px;}
/* Panel Grid */
.ui-panelgrid .ui-panelgrid-cell {padding: 4px;}
/* -- Portlet -- */
.ui-widget-content {
    border: none;
}
.ui-datalist-content.ui-widget-content {
    width: 100%;
}
/* -- Header -- */
.ui-breadcrumb {
    width: 100%;
    height: 40px;
    padding-bottom: 9px!important;
    border-bottom: 1px solid #e1e7ec;
    background-color: #f5f5f5;
}
.toolbar .cart {
    width: auto!important;
    padding: 0 16px!important;
    border-radius: 22px!important;
}
.ui-breadcrumb ul {
    position: absolute;
    margin:0 30px;
    top: 8px;
}


.ui-breadcrumb ul li:first-child a.ui-icon-home span {
    display: block;
}
.ui-breadcrumb ul li:first-child, .breadCrumb ul li a, .text-muted, .ui-breadcrumb ul li:first-child a.ui-icon-home, .ui-breadcrumb ul li.ui-breadcrumb-chevron, .ui-breadcrumb ul li .ui-menuitem-link {
    color: #374250;
    font-family: "Maven Pro",Helvetica,Arial,sans-serif;
    font-size: 20px!important;
    font-weight: normal;
    line-height: 1.25;
    margin-top: 0;
}
.my--5, .text-muted{
	top: -1px;
}
.ui-breadcrumb ul li:first-child a.ui-icon-home {
    width: inherit;
}
.ui-breadcrumb ul li:last-child .ui-menuitem-link {
    color: #9da9b9;
}
.ui-breadcrumb ul li:first-child a.ui-icon-home:hover, .ui-breadcrumb ul li:last-child .ui-menuitem-link:hover {
    color: #0da9ef;
}
.ui-breadcrumb ul li:first-child a.ui-icon-home:before {
    content: none;
}
.ui-breadcrumb ul li.ui-breadcrumb-chevron {
    margin-top: -4px;
}
.ui-breadcrumb ul li.ui-breadcrumb-chevron:before {
    content: '>';
    font-size: 0.8em;
}
.text-headband{
    display: none;
}
.task-title {
    color: #374250;
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.3;
    text-align: left;
    text-transform: none;
}
.ui-widget-header {
    color: #606975;
}

.offcanvas-container.active { z-index: 200;}

.site-menu>ul>li>a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .05em;
}

.site-menu>ul>li>a>span {
    display: table-cell;
    vertical-align: middle;
    text-transform: none;
}

.site-menu>ul {
	margin-left: 140px;
}

.site-menu .ul__menu .sub-menu{
	left: unset;
}

.site-menu {
	width: 53%;
	height: 90px;
}

.site-branding {
	top: -10px;
}

.iconPagesPartner {
	margin-right: 54px;
}

.iconPagesCustomer {
	 margin-right: 217px;
}

.iconPagesBasket {
	margin-right: 230px;
}

.iconPagesMessage {
	margin-right: 104px;
}

.iconPages {
	margin-right: -3px;
}

.notIconChild {
    margin-left: 11px;
}

#menuRefreshFormId .navbar {
	height: 90px;
}

.site-branding .inner { margin-left: 40px;}

.sub-menu, .toolbar-dropdown {
    padding: 20px 0 !important;
    top: 75%;
}

#clientPartnerForm .ui-widget-header {
    background: #fff;
    border: none;
    margin-bottom: 10px;
}
#clientPartnerForm .ui-widget-header .ui-inputfield {
	border-radius: 5px;
	height: 44px;
	padding-left: 35px;
}

/* NEW SEARCH-COMPONENT */

.confirmOverrideFilterAdvSearch .btn-yes {
	background-color: #00a4ff;
	color: #fff;
} 

.pAdvSearch .form-control {
	border-radius: 5px;
}

.pAdvSearch .dropdown-toggle::after, .dropup .dropdown-toggle::after {
	content: none;
}

.pAdvSearch .fcs-search .panel-default {
    top: 44px !important;
    transform: none !important;
    margin-bottom: 10px;
}

.pAdvSearch .fcs-search .input-group-btn .btn-default {
    padding: 0 12px;
}

.pAdvSearch .card-header {
	height: 50px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.pAdvSearch .card-header .close {
	float: right;
}

.pAdvSearch .row {
	margin-left: auto;	
}

.pAdvSearch .card-footer {
	background-color: white;
}

.pAdvSearch .btn-secondary:hover {
	background-color: #dcdbdb;
	border-color: #0062cc;
}

.pAdvSearch .btn-secondary:focus {
	outline: none;
}

.pAdvSearch input.btn-secondary {
	margin-top: 0px;
}

.pAdvSearch input.btn-secondary {
	margin-top: 0px;
}

.pAdvSearch .search-row .col-md-1 {
	flex: inherit;
}

.pAdvSearch .btn {
	font-size: 12px;
 }
.pAdvSearch .card-footer .btn-primary {
	margin-top: 0px;
 }
 
.pAdvSearch .card-footer .btn-secondary {
	margin-top: -8px;
 }
 
.pAdvSearch .card-footer input.btn-secondary {
	margin-top: 0px;
 }

.pAdvSearch .card-footer .input-count .input-count-btn {
	display: flex;
    width: 100%;
    left: 0;
}

.pAdvSearch .card-footer .input-filter {
    max-width: 570px;
    padding-bottom: 5px;
	display: inline-block;
}

.pAdvSearch .card-footer .input-filter .form-control {
	border-radius: 5px 0 0 5px;
}

.pAdvSearch .card-footer .input-filter .input-filter-btn {
    padding-bottom: 2px;
    display: flex;
    width: 100%;
    top: 50%;
    left: 100%;
}

.pAdvSearch .card-footer .input-count .input-count-btn .btn-secondary {
	border-radius: 5px 0px 0px 5px;
}

.pAdvSearch .card-footer .input-filter .input-group-btn .btn-secondary {
	margin-right: 1px;	
	border-radius: 0;
}

.pAdvSearch .card-footer .input-filter .input-group-btn .btn-secondary.btn-filter-delete {
	border-radius: 0 5px 5px 0;
}

.pAdvSearch .card-footer .input-count .input-count-btn .btn-secondary {
  margin-top: 4px;
}


.pAdvSearch .card-footer .input-group .btn-group .btn-secondary .multiselect-selected-text, .pAdvSearch .card-header .input-group .btn-group .btn-secondary .multiselect-selected-text {
   font-weight: 500 !important;
}

.pAdvSearch .card-footer .input-filter input.form-control {
	padding-left: 18px;
	width: 100%;
}

.pAdvSearch .card-footer .input-filter .input-filter-btn button.btn-default {
 	border: 1px solid #dbe2e8;
    border-radius: 0px 5px 5px 0px;
    margin-top: auto;
    margin-left: -3px;
}

.pAdvSearch .multiselect-item.filter .inner-addon .glyphicon {
    text-align: right;
    padding-right: 20px;
    padding-top: 14px;
}

.pAdvSearch .dropdown-menu .dropdown-item {
	padding-right: 0px;
	padding-left: 0px;
}

.pAdvSearch .dropdown-menu>li>a {
	color: #333;
	padding: 3px 20px;
}

.pAdvSearch .dropdown-menu>li:hover {
    background-color: #f5f5f5;
}

.pAdvSearch .fcs-search .suggestions li:hover {
	background-color: #f5f5f5;
    color: #333;
}

.pAdvSearch .dropdown-menu>li.multiselect-item:hover {
    background-color: #fff;
}

.psOrderResponseDetails .ui-datalist-data {
	margin-bottom: 0px;
}

.pAdvSearch .multiselect-container.dropdown-menu {
	min-width: 210px;
} 

.advSearch-group{
	width:99%;
}

.daterangepicker .ranges .range_inputs .applyBtn {
	background-color: #00a4ff;
}

.panel-default>.panel-heading {
    border: 0 !important;
    background-color: white!important;
    color: #484848!important;
}

/* -- Status Dialog - Loading -- */ 
.statusDialog.ui-dialog {
    border: none;
    box-shadow: none;
    text-align: center;
    width: 20%;
}
.statusDialog.ui-dialog .ui-dialog-titlebar {
    background: none;
    background-color: transparent !important;
    border-bottom: none;
    color: transparent;
    background-color: transparent !important;
}
.statusDialog.ui-dialog .ui-dialog-content {
    background: none;
}
/* -- Dialog -- */
.ui-dialog .ui-dialog-titlebar {
	background-color: #fff!important;
    border-bottom: 1px solid #e9ecef;
    padding: 1rem 1.25rem;
}
.ui-dialog .ui-dialog-content {
    background-color: #fff;
    overflow: hidden;
}
.ui-dialog .ui-dialog-footer {
    border-top: 1px solid #e9ecef;
    width: 100%;
}
/* Changed password notification dialog */
.passwordChangedDialog .ui-dialog-title {
    font-size: 24px !important;
    font-weight: normal !important;
}

.passwordChangedDialog .ui-dialog-footer {
	text-align: right;
}
/* Dialog: Order Tracking */
.order-tracking-dlg .ui-dialog-titlebar {
	text-align: left;
	background-color: #fff;
	font-weight: bold;
}
.order-tracking-dlg .ui-dialog-content {
	padding-top: 10px;
	padding-bottom: 3px;
	font-weight: bold;
	text-align: center;
	
}
.order-tracking-dlg ul {
	list-style: none;
}
/* -- Growl -- */
.ui-growl {
    min-width: 301px;
    top: 100px;
    transition: all 1s ease 0s;
    width: auto;
    z-index: 10000 !important;
}
.ui-growl .ui-growl-item-container.ui-state-highlight {
    box-shadow: none;
}
.ui-growl .ui-growl-item-container.ui-state-highlight .ui-growl-item {
    display: flex;
}
.ui-growl .ui-growl-item-container.ui-state-highlight .ui-growl-message {
    margin: 5px 5px 0 0;
    min-width: 220px;
    padding: 0;
    width: auto;
}
.ui-growl .ui-growl-item-container.ui-state-highlight .ui-growl-message .ui-growl-title {
    padding: 0;
    white-space: nowrap;
}
.ui-growl .ui-growl-item-container.ui-state-highlight .ui-growl-image {
    background-image: none;
    font-family: feather;
    font-size: 20px;
}
div[id$="infoIEGrowl_container"].ui-growl .ui-growl-item-container.ui-state-highlight {
    background-color: #e6f7fc;
    border: 1px solid rgba(80,198,233,0.3);
    color: #39bfe6;
}
div[id$="infoIEGrowl_container"].ui-growl .ui-growl-item-container.ui-state-highlight .ui-growl-image-info:before {
    content: "\e006";
}
div[id$="warnIEGrowl_container"].ui-growl .ui-growl-item-container.ui-state-highlight {
    background-color: #fff6e8;
    border: 1px solid rgba(255,183,79,0.3);
    color: #ffb140;
}
div[id$="warnIEGrowl_container"].ui-growl .ui-growl-item-container.ui-state-highlight .ui-growl-image-warn:before {
    content: "\e108";
}
div[id$="infoGrowl_container"].ui-growl .ui-growl-item-container.ui-state-highlight {
    background-color: #e6f7fc;
    border: 1px solid rgba(80,198,233,0.3);
    color: #39bfe6;
}
div[id$="infoGrowl_container"].ui-growl .ui-growl-item-container.ui-state-highlight .ui-growl-image-info:before {
    content: "\e006";
}
div[id$="warnGrowl_container"].ui-growl .ui-growl-item-container.ui-state-highlight {
    background-color: #fff6e8;
    border: 1px solid rgba(255,183,79,0.3);
    color: #ffb140;
}
div[id$="warnGrowl_container"].ui-growl .ui-growl-item-container.ui-state-highlight .ui-growl-image-warn:before {
    content: "\e108";
}
div[id$="errorGrowl_container"].ui-growl .ui-growl-item-container.ui-state-highlight {
    background-color: #ffebeb;
    border: 1px solid rgba(255, 82, 82, 0.3);
    color: #ff5252;
}
div[id$="errorGrowl_container"].ui-growl .ui-growl-item-container.ui-state-highlight .ui-growl-image-error:before {
    content: "\e107";
}

.popover {
    z-index: 2060 !important; /*default value is 1060 and in some cases it's not visible (z-index for dialogs increases dynamically and the popover is hidden)*/
}
/* -- Input Field -- */
/* Input Number, Calendar */
.ui-inputfield.form-control {
    padding-left: 18px;
    padding-right: 18px;
}
.ui-inputnumber.form-control .ui-inputfield,
.ui-inputNum.form-control .ui-inputfield,
.ui-calendar.form-control .ui-inputfield {
    background-color: transparent;
    border: none;
    padding: 0 18px;
    height: 100%;
    width: 100%;
}
.ui-inputnumber.form-control,
.ui-inputNum.form-control,
.ui-calendar.form-control {
	padding: 0;
}
.ui-inputnumber.form-control .ui-inputfield.ui-state-error,
.ui-inputNum.form-control .ui-inputfield.ui-state-error,
.ui-calendar.form-control .ui-inputfield.ui-state-error {
 	border: 1px solid #a94442;
}
.ui-inputnumber.form-control .ui-inputfield.ui-state-focus,
.ui-inputNum.form-control .ui-inputfield.ui-state-focus,
.ui-calendar.form-control .ui-inputfield.ui-state-focus {
    border: none;
    box-shadow: none;
}
.ui-inputnumber.form-control:hover,
.ui-inputNum.form-control:hover,
.ui-calendar.form-control:hover {
    border-color: #80bdff;
}
.pe-inputNumber {
    text-align: right;
}
.ui-spinner, .ui-spinner .ui-spinner-input {
    width: 100%;
}
.ui-spinner-button.ui-button {
    margin-right: 4px;
}
.ui-spinner-button.ui-spinner-up .ui-icon-triangle-1-n {
    margin-top: -4px;
}
.ui-spinner-button.ui-spinner-up .ui-icon-triangle-1-s {
    margin-bottom: -4px;
}
/* FileUpload */
.custom-file-label.lang-en::after {
    content: 'Browse';
}

.custom-file-label.lang-fr::after {
    content: 'Parcourir';
}
.custom-file-label, .custom-file-label::after {
	border-radius: 5px;
}
.custom-file-label.form-control-rounded::after {
    border-radius: 5px;
}

.jqsHiddenUpload .ui-fileupload-buttonbar, .jqsHiddenUpload .ui-fileupload-files {
	display: none;
}
/* -- Select One Radio -- */
.ui-outputpanel.form-group .ui-selectoneradio {
    display: inline-table;
    vertical-align: bottom;
}
.ui-outputpanel.form-group .ui-selectoneradio .ui-radiobutton {
    margin-left: 20px;
}
.ui-outputpanel.form-group .ui-selectoneradio .ui-radiobutton-box.ui-state-active {
    position: relative;
}
.ui-outputpanel.form-group .ui-selectoneradio .ui-radiobutton-box.ui-state-active span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.grid-radio td {
    padding: .5rem;
}
.grid-radio tbody tr td label {
    font-size: 18px;
}

.grid-radio-datatable tbody tr td label {
    font-size: 14px;
    !important;
}

.grid-radio div div label {
    font-size: 18px;
}

.calendarLocal {
    font-size: 14px;
}
.calendarLocal.dialogCalender input {
    font-size: 17px;
    width: 120px;
}

.calendarLocal.calenderInDatatable input {
    font-size: 13px !important;
    width: 120px;
}

.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only{
    background-color: #00a4ff;
}
.title4 {
    font-size: large
}
.dialogCalender > .ui-datepicker-trigger.ui-button-icon-only .ui-button-text {
    padding: 7.4px;
}

.calenderInDatatable > .ui-datepicker-trigger.ui-button-icon-only .ui-button-text {
    padding: 0.3em;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-shadow.ui-datepicker-multi
{
    left: 20% !important;
}

/* -- Button -- */
.ui-button.ui-button-text-only .ui-button-text {
    padding: 0 22px;
}
.ui-button {
    margin-right: 12px;
}
/* -- Select One Menu -- */
.site-logo {
    width: 130px;
}
.ui-selectonemenu {
    background-color: #fff;
    border-color: #dbe2e8;
    color: black;
}
.ui-selectonemenu .ui-selectonemenu-label {
    background-color: transparent;
    color: #606975;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    text-transform: none;
}
.ui-selectonemenu .ui-selectonemenu-trigger {
    padding: 0 20px;
}
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-error {
    border-left: none;
}
/* -- Select One List Box -- */
.ui-selectonelistbox, .ui-selectmanymenu, .ui-multiselectlistbox-listcontainer {
    padding: 0;
    width: 100%;
}
.ui-selectonelistbox .ui-selectlistbox-list .ui-selectlistbox-item {
    border: 1px solid #e1e7ec;
    padding: .87rem 1.25rem;
}
.ui-selectonelistbox .ui-selectlistbox-list .ui-selectlistbox-item:first-child {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.ui-selectonelistbox .ui-selectlistbox-list .ui-selectlistbox-item:last-child {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.ui-selectonelistbox .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-disabled {
    background-color: #0da9ef;
    color: #fff;
    opacity: 1;
}
.ui-selectonelistbox .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight {
    background-color: #f7f7f9;
    color: #1d1e1f;
}
/* -- Accordion -- */
.ui-accordion .ui-accordion-header{
    color: #606975;
    padding: .75rem 1.25rem;
    border-radius: 7px;
    margin-top: 8px;
}
.ui-accordion .ui-accordion-header:first-child{
    margin-top: 0;
}
.ui-accordion .ui-accordion-header.ui-state-active{
    border-radius: 7px 7px 0 0;
}
.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e, .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s {
    position: absolute;
    top: 50%;
    right: 0;
    left: inherit;
    width: 0;
    height: 0;
    margin-top: -2px;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    border-right: 5px solid transparent;
    border-top: 5px dashed;
    border-left: 5px solid transparent;
    content: '';
    margin-right: 20px;
}
.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.ui-accordion .ui-accordion-content {
    border-radius: 0 0 7px 7px;
    border: 1px solid #e1e7ec !important;
}
/* -- Datatable -- */
.ui-datatable-scrollable-theadclone { /*TODO: why ?*/
    display: none;
}
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    border-left-width: 0;
    border-right-width: 0;
}
.ui-datatable tbody tr:hover td{
    border-bottom-color: #ddd;
}
.ui-datatable thead th {
    border-bottom-width: 2px;
    color: #606975;
    white-space: pre-wrap;
}
.ui-datatable thead th.ui-state-active, .ui-datatable thead th.ui-state-focus, .ui-datatable thead th.ui-state-active.ui-state-focus {
    background-color: #fff;
    border-color: #ddd;
    color: #606975;
}
.ui-datatable thead th .ui-sortable-column-icon {
    display: none;
}
.ui-datatable thead th.ui-state-active .ui-sortable-column-icon {
    display: inline-block;
}
.ui-datatable-data .ui-commandlink.ui-state-disabled {
    opacity: 1;
}
.ui-datatable .ui-datatable-data>tr:hover {
    background-color: #f9f9f9;
}
.ui-datatable .ui-datatable-data>tr.ui-datatable-even, .ui-datatable .ui-datatable-data>tr.ui-state-highlight {
    background-color: #fff;
}
.ui-datatable .ui-datatable-data>tr.ui-state-highlight {
    border-color: #ddd;
    color: #606975;
}
.ui-datatable .ui-datatable-data>tr.ui-datatable-even:hover, .ui-datatable .ui-datatable-data>tr.ui-datatable-odd:hover {
    background-color: #f9f9f9;
}
.ui-datatable .ui-datatable-data>tr td.idx-col-enum, .ui-datatable .ui-datatable-data>tr td.idx-col-date {
    text-align: center;
}
.ui-datatable .ui-datatable-data>tr td.idx-col-number {
    text-align: right;
}
.datatable-hide-filters .ui-column-filter { display: none;}
/* Datatable -> Button */
.ui-datatable .ui-datatable-data>tr td.actions-column, .ui-datatable thead th.actions-column {
    height:32px;
    width:50px !important;
}
.ui-datatable .ui-datatable-data>tr td.actions-column button, .ui-datatable thead th.actions-column button {
    background-color: white;
    color: #212529;
    margin: 0;
    width: 100%;
}

/* Status OrderHistory */

/* VALIDATED  */
  .order-tracking-dlg .label-status_orderlist_green {
    color: #00b050 !important;
}

/* IN_VALIDATION */
.order-tracking-dlg .label-status_orderlist_blue {
    color: #00b0f0 !important;
}

/* IN_PREPARATION / IN_DELIVERY */
 .order-tracking-dlg .label-status_orderlist_yellow {
    color: #ffc000 !important;
}

/* PARTIALLY_ACCEPTED */
.label-status_partially_accepted {
	color: #75c1ea !important;
}

/* PARTIALLY_ACCEPTED_WITH_AMENDMENTS */
.label-status_deep_blue {
	color: #0a90b5 !important;
}

/* INVOICED */ 
.order-tracking-dlg .label-status_green{
	color: #00b050 !important;
}

/* Datatable -> Label */
.ui-datatable .label-info {
    color: #50c6e9 !important;
}
.ui-datatable .label-status_green {
    color: #43d9a3 !important;
}
.ui-datatable .label-status_yellow {
    color: #ffb74f !important;
}
.ui-datatable .label-status_orange {
	color: #ff7a07;
}
.ui-datatable .label-status_red {
    color: #ff5252 !important;
}

/* Datatable -> Label -> OrderList */

/* VALIDATED / INVOICED */
.ui-datatable .label-status_orderlist_green {
    color: #00b050 !important;
}

/* IN_VALIDATION */
.ui-datatable .label-status_orderlist_blue {
    color: #00b0f0 !important;
}

/* IN_PREPARATION / IN_DELIVERY */
.ui-datatable .label-status_orderlist_yellow {
    color: #ffc000 !important;
}
/* Datatable -> Link */
.ui-datatable .ui-datatable-data>tr td a {
    color: #606975;
    font-weight: 500;
}
.ui-datatable .ui-datatable-data>tr td a:hover {
    color: #0da9ef;
}
/* Datatable -> Paginator */
.ui-datatable .ui-paginator {
    padding: 10px;
}
.ui-datatable .ui-paginator.ui-paginator-bottom {
    border: none;
}
.ui-datatable .ui-paginator .ui-paginator-rpp-options {
    border-radius: 18px;
    color: #606975;
    font-size: 12px;
    font-weight: 500;
    height: 36px;
    line-height: 34px;
    padding-bottom: 0;
    padding-top: 0;
    vertical-align: middle;
}
.ui-datatable .ui-paginator .ui-paginator-rpp-options:focus {
    outline: none;
}

.ui-datatable .ui-paginator .ui-paginator-first, .ui-datatable .ui-paginator .ui-paginator-last {
    background-color: #fff;
    border: 1px solid #e1e7ec;
    border-radius: 18px;
    color: #606975;
    font-size: 12px;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    height: 36px;
    line-height: 34px;
    margin: 0;
    padding-bottom: 0;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 0;
    text-decoration: none;
    transform: translateZ(0);
    vertical-align: middle;
}

.ui-datatable .ui-paginator .ui-paginator-prev, .ui-datatable .ui-paginator .ui-paginator-next {
    border: 1px solid #e1e7ec;
    border-radius: 18px;
    color: #606975;
    font-size: 10px;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    height: 36px;
    line-height: 34px;
    margin: 0;
    padding-bottom: 0;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 0;
    text-decoration: none;
    vertical-align: middle;
}
.ui-datatable .ui-paginator .ui-paginator-prev.ui-state-disabled, .ui-datatable .ui-paginator .ui-paginator-next.ui-state-disabled {
    background-color: #fff;
}
.ui-datatable .ui-paginator .ui-paginator-pages .ui-paginator-page, .ui-datatable .ui-paginator .ui-paginator-pages .ui-paginator-page:last-child {
    border: 1px solid transparent;
    border-radius: 50%;
    color: #606975;
    height: 36px;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 36px;
}
.ui-datatable .ui-paginator .ui-paginator-pages .ui-paginator-page:hover {
    border-color: #e1e7ec;
    background-color: #f5f5f5;
}
.ui-datatable .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active, .ui-datatable .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active:last-child {
    color: #fff;
}
.ui-datatable .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active:hover {
    border-color: #0da9ef;
    background-color: #0da9ef;
    color: #fff;
}
.ui-datatable .ui-paginator.ui-paginator-bottom select {
	-webkit-appearance: none;
	-moz-appearance: none;
    background: url("/aio/javax.faces.resource/generixcustomer/images/drop-down-arrow.png.jsf?ln=template");
    background-size: 8px 8px;
    background-position: 80% !important;
    background-repeat: no-repeat;
    border: 1px solid #e1e7ec;
    border-width: 100% !important;
}
.ui-datatable .ui-paginator.ui-paginator-bottom select::-ms-expand {
    display: none;
}

/* comma seperated list */
.commaList * {
	border: none !important;
	margin:0 !important;
	padding:0 !important;
}

.commaList ul li { 
	display: block;
	float: left;
	_display: inline;
	_float: none;
}

.commaList ul li::before { 
	content: ", ";
	white-space: pre;
}

.commaList ul li:first-child::before { 
	content: "";
}

/* .commaList ul li:last-child::before { content: " & ";white-space: pre;} */
.commaList ul+* { 
	clear: left;
}

/* -- Tooltip -- */
.ui-tooltip {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 7px;
    border: 1px solid #e1e7ec;
    font-family: "Maven Pro",Helvetica,Arial,sans-serif;
    margin: 1.25rem;
    max-width: 650px;
    padding: .5rem .75rem;
}

.tooltip-info-category.ui-tooltip:after, .tooltip-info-category.ui-tooltip:before {
	border: none;
}

.ui-tooltip:not(.pf-tooltip):after, .ui-tooltip:not(.pf-tooltip):before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ui-tooltip:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}
.ui-tooltip:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #e1e7ec;
    border-width: 12px;
    margin-left: -12px;
}
.ui-tooltip.l-4 {
    left: 4% !important;
}
.ui-tooltip.l-40 {
    left: 40% !important;
}

.pf-tooltip, .bs-tooltip-container .popover {
    text-align: justify !important;
}

.bs-tooltip-container .popover {
	max-width: 650px;
	width: 650px;
}

.info-icon {
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: sub;
    background: url("/aio/javax.faces.resource/generixcustomer/images/info-simple.svg.jsf?ln=template") no-repeat;
}

.img-info-category {
	height:17px; 
	margin-left:10px;
}
/* -- Query Component -- */
.search-container[data-mode="basic"] .form-inline>li>input {
    width: 100% !important;
}
.search-container[data-mode="basic"] .form-inline li.input-group {
    margin-top: 20px;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}
.search-container[data-mode="basic"] .form-inline span {
    height: 15px;
}
.search-container[data-mode="basic"] .form-inline input {
    margin-bottom: 14px;
}
.search-container[data-mode="basic"] .form-inline .bootstrap-touchspin {
    width: 100%;
}
.search-container[data-mode="basic"] .form-inline .bootstrap-touchspin>input[name=touchspin] {
    height: 44px;
}
.search-container[data-mode="basic"] .form-inline .input-group-addon {
    position: static;
}
.search-container[data-mode="basic"] .form-inline .caret {
    display: none;
}
.search-container[data-mode="basic"] .form-inline .show a {
    color: #212529;
}
.search-container[data-mode="basic"] .form-inline .btn-group {
    width: 100%;
    margin:0px;
}
.search-container[data-mode="basic"] .form-inline .multiselect {
    border: 1px solid #dbe2e8;
    border-radius: 4px;
    font-weight: 400;
    padding-left: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.search-container[data-mode="basic"] .form-inline .form-control {
    border-radius: 4px;
}

.search-container[data-mode="basic"] .form-inline .search:hover {
	background-color: #0a87bf;

	}
.search-container[data-mode="basic"] .form-inline .search {
    background-color: #00a4ff;
	color: #fff;
	transform: translateZ(0);
    transition: all .4s;
    border: 1px solid transparent;
    border-radius: 22px;
    margin-left: 0px;
}


.search-container[data-mode="basic"] .form-inline .multiselect.dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: 15px;
}
.search-container>li, .search-container .ul-search-criteria ,.search-container .ul-search-criteria>li {
    padding: 0;
    width: 100%;
}
.search-container[data-mode="quickSearchOnly"] {
    margin-bottom: 0 !important;
    width:100%;
}
.search-container[data-mode="quickSearchOnly"] .li-basic-mode {
    width:100%;
}
.search-container[data-mode="quickSearchOnly"] .ul-search-criteria input {
    border-radius: 4px;
    width:100% !important;
}
.search-container[data-mode="quickSearchOnly"] .ul-search-criteria .fa.fa-search.textSearch {
    position: absolute;
    top: 13px;
    right : 15px;
    z-index: 2;
    color: #aaa;
}

/* overriding unishop */
.portal-layout{
    float: left;
}

dt{
	padding-top: 0;
}

.portal-layout > div{
	min-width:0px;/*min-width value is bigger than the iframe*/
}

@media (max-width: 768px) {
    .search-container[data-mode="quickSearchOnly"] .ul-search-criteria .fa.fa-search.textSearch {
        position: absolute;
        top: 13px;
        right : 15px;
        z-index: 2;
        color: #aaa;
    }
    .search-container .ul-search-criteria .field {
        width: 100%!important;
    }
    
    .site-logo > img {
    margin-left: 0px!important;
}

/* overriding unishop */
.portal-layout{
	max-width:100% !important;
}
	div.dataGridErr .col-sm-5 {
		float: none;
		max-width: 100%!important;
		text-align: left;
	}

}
/* TODO: remove fix fields & title -> Do it in JS */
.search-container .input-group.more .disabled, .search-container .input-group.more .multiselect-group-clickable, .search-container .input-group.more .filter {
    display: none;
}

.search-container .input-group .dropdown-menu {
    max-width: none !important;
    width: 100%;
}

@media (max-width: 1070px){
.ui-tabs.ui-tabs-top .ui-tabs-nav li a {
    line-height: 1.25;
    padding: 10px 15px;
    border-color: #e1e7ec #e1e7ec #fff;
    color: #94a1b3;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li a:hover {
    color: #0da9ef;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li a i{
	padding-right: 3px
}	
	
.ui-datatable thead th.customer-column {
	text-align: left;
}

.ui-fileupload .ui-fileupload-buttonbar {
    background: transparent none;
    border: none;
}
.fileUploadContainer .ui-fileupload-buttonbar {
    background-color: #fff !important;
    padding: 15px 0px !important; 
}
.fileUploadContainer .fileUploadButtons td:last-child > div {
    background-color: #fff;
    padding: 15px 10px !important; 
}
.fileUploadContainer .ui-fileupload-choose {
    color: #fff !important;
    border-radius: 5px!important;
}
.fileUploadButtons .btn-gnx-default {
	color: #fff !important;
	border-radius: 5px!important;
}
}

.form-group label {
	cursor: default;
}
.user-info-wrapper .info-label {
	cursor: default;
}
.psAgreementDialog {
	width: 1000px!important;
	height: 650px!important;
}

/* SWITCH */
.switch-user {
    background-color: rgb(243, 243, 243);
    border: 1px solid #cccccc;
    color: #000;
    text-align: center;
    padding: 2px;
    /* top: 0; */
    position: fixed;
    z-index: 2000;
    margin: 3.45% 0 0;
    width: 339px;
    bottom: 38px;
    right: 0;
}
.switch-user A {
    text-decoration: none;
    font-weight: bold;
}
.switch-user A:HOVER {
    color: grey;
}

.no-overflow {
	overflow-x : hidden !important;
	overflow-y : hidden !important;
}

/*===================
----LOGIN PAGE-----
===================
*/

tr td {
    font-size: 14px!important;
}


tr td a  {
    font-size: 14px!important;
}

.logo {
        width: 259px;
    height: 207px;
    margin: 22px auto;
    background-size: 260px!important;
    background:url("/aio/javax.faces.resource/generixcustomer/images/logo.svg.jsf?ln=template") no-repeat;
}
#loginForm {
    width: 60%;
}
.ui-panelgrid .ui-panelgrid-cell {border: 0px;}
#login-loginForm  .ui-widget-content {border : 0px;}
#login-loginPanel_content table {width:100%; margin: 0 auto;}
#loginForm {width: auto; max-width: 400px;}
.bgLogin{
	background: url("/aio/javax.faces.resource/generixcustomer/images/background.jpg.jsf?ln=template");
	background-size: cover;
	background-repeat: no-repeat;
    background-position-y: 62%;
	}

#login-loginForm, #login-pwdPanel, .captchaPnl {
	box-shadow: none;
    position: absolute;
    top: 50%;
    right: 10%;
    width: 500px;
    transform: translateY(-50%);

}
.ui-chkbox .ui-chkbox-box.ui-state-active {
    border: 1px solid #0ca9ef;
    background-color: #0ca9ef;
}
.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { font-size: 12px;}
.ui-chkbox .ui-chkbox-box, .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {display: block!important;}
div#forgottenPasswordDialog {background-color: white;}
#forgottenPasswordDialogForm .ui-widget-content{
	border:0;
}
.alert-danger {
    background-color: rgb(255, 205, 205);
    color: #ff5252;
}

input::placeholder {font-size: 14px!important;
}

#login-forgottenPasswordDialog {
    background-color: white;
}

#login-pwdPanel_content table {
    width: 100%;
}

.offcanvas-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 210px;
    height: 100%;
    background-color: #374250;
    box-shadow: inset -4px 0 17px 0 rgba(0,0,0,0.35);
    visibility: hidden;
    z-index: 1;
    overflow-y: auto;
}

.site-logo > img {

    display: block;
    width: 100%;
    margin-left: -42px;

}

.offcanvas-toggle{display:none}
/*===================
----RESPONSIVE-----
===================*/
/*--LARGE SCREEN--*/
@media (min-width: 1070px) and (max-width: 2000px) {
	.offcanvas-toggle .cats-toggle {
		display:none!important;
	}
	
	.toolbar .search, .toolbar .account, .toolbar .cart {
    display: inline-block!important;
    position: relative;
    width: 44px;
    height: 44px;
    margin-left: 6px;
    transition: background-color .35s;
    border: 1px solid #e1e7ec;
    border-radius: 50%;
    color: #606975;
    font-size: 17px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
	}
	.customer-dialog{
	   position:absolute;
	   top: 0% !important;
     margin-top: 170px;
	}
	 .captchaPnl > div{
	  height: 500px;
	 }
	.barcode-popin {
		height: 425px;
	}
	.barcode-button{
		text-align: left !important;
	}
	.modal-xl {
    	max-width: 1180px !important;
    	width: 100% !important;
	}
	/* UploadPdf */
	.product-card.product-list .step-info-description {
	    position: relative;
	    width: 450px;
	    padding: 20px 18px;
	    border-right: 1px solid #e1e7ec;
	    max-width: 450px;
	}
	.product-card.product-list .product-info, .product-card.product-list .step-info-description {
	    display: table-cell;
	    vertical-align: middle;
	}
	.search-container[data-mode="basic"] .form-inline .input-group .btn-group {
        width: 75%;
    }
	
}
/*--TABLETTE--*/
@media (min-width: 655px) and (max-width: 1070px) {
  #login-loginForm, #login-pwdPanel {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 500px;
    margin-right: -250px;
	}
	.site-logo > img {
	    margin-left: -12px!important;
	}
	.toolbar .cart {
	    width: auto!important;
	    padding: 0 16px!important;
	    border-radius: 22px!important;
	}
	
	.toolbar .search, .toolbar .account {
	    display: inline-block!important;
	    position: relative;
	    width: 44px;
	    height: 44px;
	    margin-left: 6px;
	    transition: background-color .35s;
	    border: 1px solid #e1e7ec;
	    border-radius: 50%;
	    color: #606975;
	    font-size: 17px;
	    cursor: pointer;
	    vertical-align: middle;
	    text-align: center;
	    text-decoration: none;
	}
	
	.site-menu {
		display:none;
		font-size: 1.25em;
	}
	
	.offcanvas-toggle.cats-toggle {
	    display: block!important;
	    height: 70%;
	    padding: 32px 0;
	}
	
	.toolbar .search>a, .toolbar .account>a, .toolbar .cart>a {
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    border-radius: 50%;
	}
	
	.offcanvas-toggle.cats-toggle {
    	display: block!important;
    	height: 98%;
    	padding: 72px 0px;
    	padding-right: 40px;
	}

	.responsive-dialog{
		  padding:15px;
	    top: 0!important;
	    bottom: 0!important;
	    width: 100%!important;
	    left: 0;
	    height: auto;
	}
	
	.responsive-popup{
	    width: 100%!important;
	    height: auto;
	}
		
	.customer-dialog{
		position:absolute;
		top: 80px !important;
	}
	
	.responsive-orderValidation {
		top: 0!important;
	    bottom: 0!important;
		width: 100%!important;
		transform: none!important;
	}
	input::placeholder {
 		font-size: 14px!important;
	}
	.barcode-button{
		text-align: left !important;
	}
	.invoiceItemEditon .dialog-inputs{
		max-height:400px !important;
	}
	.modal-xl {
    	max-width: 1000px !important;
    	width: 100% !important;
	}
	#taskUserMessages_container button {
		margin-left: -16%;
	}
	/* Use vertical scroll to be able to see the whole text and the 'remove' button when the growl message is too large */
	#taskUserMessages_container .ui-growl-item-container {
		overflow: auto;
		max-height: 300px;
		overflow-x: hidden;
		min-width: 318px !important;
	}
	.inv-type-data-list{
        min-width: 320px;
    }
	.product-card.product-list .product-thumb {
	    position: relative;
	    width: 400px !important;
	    padding: 20px 18px;
	    border-right: 1px solid #e1e7ec;
	}
}
/*--PHONE--*/
@media (min-width: 0px) and (max-width: 655px) {
  #login-loginForm, #login-pwdPanel, #login-registerForm-selfRegisterDialog, .captchaPnl {
    position: absolute;
    top: 0;
    right: 80px;
    width: 100%;
    left: 0;
    height: 100%;
    transform: translateY(0);     
	}
	
	.control-label {
	max-width: 30% !important;
	}
	
	.site-logo>img {
	    display: block;
	    width: 70%;
	    margin-top: -7px;
	    margin-left: -30px;
	}
	#login-registerForm-selfRegisterDialog {
			overflow: auto;
		}
	div#login-loginPanel {
	    height: 100%;
	}
	
	.btn-center{
		width:150px;
		margin:0 auto;
		display:block
	}
	
	#login-pwdPanel {
	    position: absolute;
	    left: 0;
	    top:0;
	    width: 100%;
	    height:100%;
	    transform: none;
	}
	
	
	div#login-captchaPanel, div#login-captchaSoundPanel{
	    height: 100%;
	}
	
	.offcanvas-container {
		right:0!important;
		left:none;
	}
	
	.offcanvas-toggle.cats-toggle {
	    display: block!important;
	    height: 100%;
	    padding: 72px 0px;
        padding-right: 33px;
	}
	
	.navbar>.toolbar .search>a, .toolbar .account>a, .toolbar .cart>a {
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    border-radius: 50%;
	}
	
	.toolbar .search, .toolbar .account {
	    display: inline-block!important;
	    position: relative;
	    width: 44px;
	    height: 44px;
	    margin-left: 6px;
	    transition: background-color .35s;
	    border: 1px solid #e1e7ec;
	    border-radius: 50%;
	    color: #606975;
	    font-size: 17px;
	    cursor: pointer;
	    vertical-align: middle;
	    text-align: center;
	    text-decoration: none;
	}

	.ui-breadcrumb ul {
        align-items: center;
        display: flex;
        margin:0;
        justify-content: center;
        max-width: 100% !important;
        width:100% !important;
    }
    .responsive-dialog{
		padding:5px;
	    top: 0!important;
	    bottom: 0!important;
	    width: 100%!important;
	    left: 0!important;
	    height: auto;
	}
	
	.responsive-popup{
	    width: 100%!important;
	    height: auto;
	}
	
	.responsive-dialog .steps .step  {
	    margin-bottom: 25px;
	}
	.responsive-dialog .steps .step .step-icon {
	    width: 40px;
	    height: 40px;
	    line-height: 41px;
	}
	.responsive-dialog .steps .step .step-icon-wrap {
		height: 40px;
	}
	
	.responsive-popup .steps .step  {
	    margin-bottom: 25px;
	}
	.responsive-popup .steps .step .step-icon {
	    width: 40px;
	    height: 40px;
	    line-height: 41px;
	}
	.responsive-popup .steps .step .step-icon-wrap {
		height: 40px;
	}
	
	.responsive-buttons > button{
		width: 100%
	}
	.responsive-buttons > button > span{
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
	}
	.customer-dialog{
		top: 79px !important;
		position:absolute;
		overflow: auto;
	}
	.ui-datalist-nobullets {
    	display: inline-grid;
	}
	.responsive-orderValidation {
		top: 0!important;
	    bottom: 0!important;
		width: 100%!important;
		transform: none!important;
	}
	input::placeholder {
		font-size: 14px!important;
	}
	.pAdvSearch .card-body {
		padding-top: 50px;
    }
    .captcha-input input {
		margin-left: 24px !important;
		width: 66% !important;
    }
    .doc-counter-container{
    	width:100%!important;
    }
    label.txt-compteur{
    	width:100%!important;
    }
    .doc-counter-footer{
    	width:100%!important;
    	padding-top: 6px;
    }
	.barcode-popin {
		height: auto;
	}
	.barcode-button{
		text-align: right !important;
	}
	.barcode-button button{
		margin-left: 12px;
	}
	.barcode-button-panel button{
		width:100%;
	}
	.inv-type-data-list{
        min-width: 160px;
    } 
	.modal-xl {
		max-width: 600px !important;
		width: 100% !important;
	}
	.fieldsEditCollection label {
		padding-left: 0;
	}
	#taskUserMessages_container button {
		margin-left: -16%;
	}
	/* Use vertical scroll to be able to see the whole text and the 'remove' button when the growl message is too large */
	#taskUserMessages_container .ui-growl-item-container {
		overflow: auto;
		max-height: 300px;
		overflow-x: hidden;
		min-width: 318px !important;
	}
}

/*RESPONSIVE BOOTSTRAP 4*/	
/* between col-md and col-xl*/
@media (min-width: 768px) and (max-width: 1200px) {

	.pAdvSearch .card-footer .input-filter {
	     width: 65%; 
	}
	
	.pAdvSearch .card-footer .content-footer {
	     display: inline-flex;
	}
	
	.search-container[data-mode="basic"] .form-inline .input-group .btn-group {
    	width: 75%;
	}
}
/*.offcanvas-container { left: -290px;}*/	

.inner {
    position: relative;
    left: 0;
}
/****/
.page-title {
	padding:0;
    height: 40px;
}

.column h1 {
    float: right;
    font-size: 14px;
}
/****/
.offcanvas-container {
    left: -290px;
    }
    
.navbar {
	height: 165px;
	min-height: 90px;}

.breadcrumb-list li {
    display: inline-block;
}

.breadcrumb-title-active {
	color: #00a4ff;
}

.portal-breadcrumb .ui-breadcrumb>ul>li>a span {
	font-size: 14px !important;
    letter-spacing: .05em;
}
.portal-breadcrumb .ui-breadcrumb .ui-breadcrumb-chevron {
	font-size: 14px !important;
	top: 2px;
}
.portal-breadcrumb .ui-breadcrumb ul {
	top: 11px;
}

.orderValidation {
    border: 1px solid #e1e7ec;
    padding: 40px;
    width: 74%;
    transform: translateX(17%);
}

/*Step custom*/

.step .ui-datalist {
    min-width: auto;
}


 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   
    .ui-datatable .ui-datatable-data > tr td.actions-column button, .ui-datatable thead th.actions-column button {
		background-color: white !important;
    	color: #212529 !important;
	}

}

/*FOOTER*/
.site-footer{
	background-color: #f3f3f3;
}

.widget-light-skin .widget-title {
    border-color: #6D6D6D;
    color: #6D6D6D;
}

.footer__logo {
    padding-top: 20px;
    margin-left: 15px;
}

.footer__img {
    width: 150px;
    padding: 15px;
    margin: 0 auto;
    display: block;
    
}

.footer__blc{
	padding: 31px;
}


.toolbar .tools {
    position: fixed;
    right: 0;
    top: 22px;
}

/* Firefox text positioning issue if using other overflow values */
@-moz-document url-prefix() /*hack Firefox*/
{
    .ui-fileupload-choose {
    	overflow: visible !important ;
	}
}


.title-order, .search-container li ul li span{
	font-size: 14px;
	color: #374250!important;
	font-weight: 500;
}

span.multiselect-selected-text {
    margin: 0!important;
    font-weight: 300!important;
}

/* Warning messages in orderLinesSection */
.dialogMessages {
	width: 75% !important;
	top: 10% !important;
	background-color: #fff6e8 !important;
}

.dialogMessages .ui-dialog-content {
	background-color: #fff6e8 !important;
	color: #ffb140 !important;
}

.dialogMessages .ui-dialog-content .messages .ui-messages-warn {
	border: none !important;
	overflow-y: scroll;
    height: 150px;
    color: #ffb140 !important;
}

.dialogMessages .ui-dialog-titlebar {
	background-color: #fff6e8 !important;
	border: none !important;
}

.dialogMessages .ui-dialog-title {
	color: #ffb140;
}

.customer-viewer-navbar > span {
	display: inline-block;
    vertical-align: middle;
    margin-left: 3em;
    margin-top: .25em;
}
.customer-viewer-navbar > button {
	position:absolute;
	top:0;
	left:0;
	border:none;
	padding:15px;
	width:4em; 
	height:100%; 
	background-color:#e8e8e8;
}

.customer-viewer-navbar{
	margin-left: 1px;
 	height: 2em;
 	background-color: #f5f5f5;
 	font-size: 20px;
 	color:#007bff
}

.document-viewer, .document-viewer-stdInvoice {
	width: 100%;
	margin-bottom: 20px; 
	height: 3em
}

.document-viewer-stdInvoice {
	height: 0em;
}

blockquote::before {
    content: none; !important
}

blockquote {
    font-size: 15px;
}

/* CAROUSEL */

/* BACK */
.carousel-edit-row{
	max-height: 150px;
}
.carousel-edit-row img {
	height: 100px;
}

/* FRONT */
.customer-carousel-container{
	width: 670px;
    height: 490px;
    margin:auto;
}
.customer-carousel-container img{
	width: auto;
    height: 490px;
}

.carousel-item{
	display:block;
	position: relative;
}

.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.customer-carousel-container .ui-carousel .ui-carousel-header{
	 background: none;
}
.customer-carousel-container .ui-carousel .ui-carousel-page-links{
	border: none;
    background: none;
    position: absolute;
    bottom: 0;
    left: 303px;
    margin-left: auto;
    margin-right: auto;
}
.customer-carousel-container .ui-carousel {
	position: relative;
    padding-bottom: 40px;
}
.customer-carousel-container .ui-carousel .ui-carousel-button{
	position: absolute;
	bottom: 250px;
	background: #e9e9e9;
    color: black;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.3;
    cursor: pointer !important;
    display: block;
    width: 44px;
    height: 44px;
    margin-top: -42px;
    transition: opacity .3s;
    border: 1px solid #e1e7ec;
    border-radius: 50%;
    color: #374250;
    line-height: 40px;
    text-align: center;
    overflow:auto;
}
.customer-carousel-container .ui-carousel .ui-carousel-button.ui-carousel-next-button:hover{
	 opacity: 1;
}
.customer-carousel-container .ui-carousel .ui-carousel-button.ui-carousel-prev-button:hover{
	 opacity: 1;
}

.customer-carousel-container .ui-carousel-prev-button{
	left: -60px;
}
.customer-carousel-container .ui-carousel-next-button{
	right: -60px;
}
.customer-carousel-container .ui-carousel .ui-carousel-button.ui-carousel-next-button:before {
    content: "\f061";
}
.customer-carousel-container .ui-carousel .ui-carousel-button.ui-carousel-prev-button:before {
    content: "\f060";
}
.carousel-datatable .ui-resizable-column{
	text-align: left;
}

/* if IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .customer-dialog {
    min-width: 30% !important;
    width: auto !important;
  }
  
  .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    float: left;
  }
}

#tskForm-freeTextView-freeTextEditorDlg-ftxTextEdt iframe {
	width: 100% !important;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev{
	top: 9px;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.supportedDays{
	font-weight: bold;
}

.pointer-cursor .ui-commandlink.ui-state-disabled {
	cursor:pointer!important;
}
.widget-light-skin.widget-categories ul>li>a, .widget-light-skin.widget-links ul>li>a {
    color: #5c6873;
    font-weight: 300;
}

.ui-timepicker-div dl dt {
	height: 40px;
}

.ui_tpicker_hour_slider.ui-slider-horizontal {
	margin-top:22px;
}

.ui_tpicker_minute_slider.ui-slider-horizontal {
	margin-top:28px;
}

.ui_tpicker_second_slider.ui-slider-horizontal {
	margin-top:28px;
}

.customizer-toggle {
    position: absolute;
    top: 0;
    left: -56px;
    width: 56px;
    height: 50px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    background-color: #374250;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 1.7em;
    padding: 6px 0px 2px 7px;
}

.customizer-body {
    width: 260px;
    padding: 25px;
    text-align: center;
    border-bottom-left-radius: 7px;
    color: white;
    background-color: #374250;
    box-shadow: 1px 6px 10px #0000007d;
}

.customizer-body>.btn {
    margin: 15px 0 0 0;
    transform: scale(0.85);
}
.customizer {
    position: fixed;
    top: 164px;
    right: -260px;
    z-index: 9030;
}

#gnxSwitchBar {
	z-index: 20;
}

.lbl {
    display: block;
    position: relative;
    margin-top: 8px;
    margin-right: 12px;
    margin-bottom: 8px;
    padding: 0 22px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: all .4s;
    border: 1px solid transparent;
    border-radius: 22px;
    background-color: transparent;
    background-image: none;
    color: #606975;
    font-family: "Maven Pro",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .07em;
    line-height: 30px;
    white-space: nowrap;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lbl-info {
    color: #0da9ef;
}
#ptlPageColumnsPnl_list > dt{
	border-top:0px;
	padding-top: 0;
}

.cog-right {
	display: block;
	text-align: right;
	margin-bottom: 7px;	
}

.cog-txt {
	font-family: "Maven Pro",Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: 700;
	margin-left: 5px;
}

.ui-datatable .ui-datatable-header{
	text-align: right;
}

#tskForm-elisAdvanceShipmentNoticeView-createASNPlaceOfDelivery_panel .ui-selectonemenu-items-wrapper {
    height: auto !important;
    max-height: 300px !important;
}

#tskForm-elisAdvanceShipmentNoticeView-orderNumberSelect_panel .ui-selectonemenu-items-wrapper {
    height: auto !important;
    max-height: 335px !important;
}

#tskForm-elisAdvanceShipmentNoticeView-orderNumberSelect_panel .ui-selectonemenu-items-wrapper {
    height: auto !important;
    max-height: 335px !important;
}
#tskForm-elisAdvanceShipmentNoticeView-deliveryDates .multiselect-container.dropdown-menu.show {
	height: auto !important;
    max-height: 335px !important;
    overflow: auto !important;
}

.blcMention {
    font-size: 17px;
    color: #56484f!important;
}
.blcGrey {
    background-color: #eeeeee !important;
}
.paddingMention {
    padding: 60px 170px;
    width: 100%;
}


/* -- OVERRIDEN ORDER CSS -- these classes are used in generix template as well */
.globalActionsButton {
}

.individualActionsButton {
}

/* disable row expansion datalist borders */
.ui-datagrid-column {
	border-style: none !important;
}

.idx-column .ui-commandlink.ui-state-disabled {
    opacity: 1;
    background-color: transparent;
    text-decoration: none;
}
/* !important is used to keep these column widths and table scrollable when screen size is small */
.idx-column .ui-commandlink {text-decoration: underline;}
.idx-col-number { width: 100px !important; text-align: center;}
.idx-col-number-medium { width: 125px !important; text-align: center;}
.idx-col-date { width: 120px !important;}
.idx-col-date-big { width: 180px !important;}
.idx-col-text-xs { width: 100px !important; text-align: center;}
.idx-col-text { width:180px !important; text-align:center}
.idx-col-text-big { width:230px !important; text-align:center}
.idx-col-bool { width: 80px !important;}
.idx-col-enum { width: 120px !important;}
.idx-col-any { width: 150px !important;}

<!-- PHONE -->
@media (min-width: 0px) and (max-width: 655px) {
	.ui-column-p-1 {width: 60px;}
}

.requestedDeliverByDate input{
	width: 110px !important;
	text-align: center;
}

.idx-col-number-medium input {
	width:115px !important; text-align:center
}
.idx-col-date-big input {
	width: 170px !important;
}

/* SELECT ALL / UNSELECT ALL */
.multiSelectMenu {
	width:inherit; 
	border-style:none !important;
	height:100%;
	margin-left:-40px;
}
.multiSelectMenu .ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
	border: none;
}
.multiSelectMenu .ui-selectonemenu-trigger.ui-state-default.ui-corner-right.ui-state-focus {
	outline: none;
}
.multiSelectMenu.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.ui-state-focus {
	outline: none;
}
.multiSelectMenu.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all LABEL {
	opacity: 0;
}
.multiSelectMenu .ui-selectonemenu-trigger.ui-state-default.ui-corner-right { 
    left: 61% !important;
}
.multiSelectColumn .ui-chkbox.ui-chkbox-all.ui-widget {
	position: relative !important;
}
.multiSelectColumn .ui-outputpanel{
	position:absolute;
	height:20px; 
	width:100%;
}
.multiSelectColumn .ui-chkbox:hover{
	cursor: pointer;
}
.ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
	padding-left: 6px;
}

/* Override progress bar */
.displayGenerixTemplate {
	display: none;
}

.fail input {
	border-color: #ff5252 !important;
}

.fail {
	color: #ff5252 !important;
}

.ui-messages-error{
	background-color: #ffebeb !important;
	color: #ff5252 !important;
}

.ui-messages-error-icon{
	color: #ff5252 !important;
}

.ui-icon-close{
	color: #ff5252 !important;
}

.staggerRowToggler .ui-row-toggler {
	visibility: hidden !important;
}

.rowTimesIcon:hover  {
	color: #ff5252 !important;
}

.rowTimesIcon  {
	color: #ff5252 !important;
}

.infoMsgIcon {
	color: #3a87ad !important;	
}

.warnMsgIcon {
	color: #8a6d3b !important;
}

#tskForm-taskMsgTop .ui-messages-info .ui-icon-close, #tskForm-taskMsgBot .ui-messages-info .ui-icon-close ,.dialogMessage .ui-messages-info .ui-icon-close {
	color: #3a87ad!important;
}
	
#tskForm-inventoryReportView-dlgMessageTop .ui-messages-info .ui-icon-close, #tskForm-inventoryReportView-dlgMessageDown .ui-messages-info .ui-icon-close {
	color: #3a87ad!important;
}
		   
#tskForm-taskMsgTop .ui-messages-warn .ui-icon-close, #tskForm-taskMsgBot .ui-messages-warn .ui-icon-close, .dialogMessage .ui-messages-warn .ui-icon-close {
	color: #8a6d3b!important;
}

.cacher-size {
	 height: 25px;
	 width: 25px;
}

#tskForm-standardOrderEditionView-stOrderEditionInfoMsg .ui-messages-info .ui-icon-close {
	color: #3a87ad !important;
}

#tskForm-standardOrderEditionView-stOrderEditionWarnMsg .ui-messages-warn .ui-icon-close {
	color: #8a6d3b !important;
}

.dataListStyle{
	font-weight: 400!important; 
	color:#606975;
}

.dataListLabelStyle{
	font-weight: 500!important; 
	color:#606975;
}

.psAdvanceShipmentNoticeDetails .ui-datatable-header {
    border: none;
    background: #fff;
} 

.psConfirm .ui-confirm-dialog-message {
	font-family: "Maven Pro",Helvetica,Arial,sans-serif !important;
    font-size: 15px!important;
}

/* remove datalist border */
.blockquote, dt {
	border: none !important;
}

.leftRightMargins {
	margin-left: 10px;
	margin-right: 10px;
}

#ptlPageColumnsPnl_list > dt{
	border-top:0px;
	padding-top: 0;
}

.capthaButtons > .fa-volume-up, .capthaButtons > .fa-refresh, .capthaButtons > .fa-image{
	color: black;
}

.captcha-input{
	display:flex;
}
.captcha-input button {
    height: 44px;
    background-color: white;
    margin-right: 2px;
    margin-top: 4px;
}
.captcha-input input {
	width:49%;
	font-size:1.4em;
	margin-left: 85px;
	margin-bottom:10px;
	margin-right: 2px;
}
.deliveryDatesPanel {
	text-align: left;
	padding: 0;
	margin-top: 0px;
}

.elisAdvanceShipmentNoticeView-deliveryDates {
	border: 1px solid #dbe2e8;
    border-radius: 5px;
    background-color: #fff;
    height: 44px;
    color: #606975;
    text-align: left;
    padding-left: 20px;
}

.elisAdvanceShipmentNoticeView-deliveryDates.dropdown-toggle::after {
	color: #292b2c;
	position: sticky;
    left: 99%;
    top: 45%;
}

.elisAdvanceShipmentNoticeView-deliveryDates.disabled {
	background-color: #f5f5f5;
}

.elisAdvanceShipmentNoticeView-deliveryDates.disabled.dropdown-toggle::after {
	color: #606975;	
}

.elisAdvanceShipmentNoticeView-deliveryDates .multiselect-selected-text {
	font-family: "Maven Pro",Helvetica,Arial,sans-serif;
	font-size: 14px;
    font-weight: 400;
    letter-spacing: .07em;
}

.elisAdvanceShipmentNoticeView-deliveryDates .caret {
    display: none;
}

.deliveryDatesPanel .multiselect-container>li>a>label {
	color: #333;
	padding: 3px 20px;
}

.deliveryDatesPanel .multiselect-container>li:hover {
    background-color: #f5f5f5;
}

.deliveryDatesPanel .multiselect-container .multiselect-search {
	border-radius: 5px;
}

.deliveryDatesPanel .multiselect-container.dropdown-menu {
	right: 0px;
	overflow:scroll;
    height:400px;
}

.deliveryDatesPanel .btn-group.show {
	border: 1px solid #80bdff;
	border-radius: 5px;
}

.deliveryDatesPanel .multiselect-container .multiselect-item .fa-search {
	text-align: right;
    margin-top: -2px;
}

.deliveryDatesPanel .multiselect-container .multiselect-item .form-control.multiselect-search {
	height: 30px;
}

#tskForm-elisAdvanceShipmentNoticeView-orderNumberSelect_panel .ui-selectonemenu-filter-container {
	width: 100%;
}
.multiselect.elisAdvanceShipmentNoticeView-deliveryDates {
	width: 100% !important;
}
#tskForm-elisAdvanceShipmentNoticeView-deliveryDates_input {
	width: 100% !important;
}
.deliveryDatesPanel .btn-group {
	width: 100% !important;
} 
@-moz-document url-prefix() /*hack Firefox*/
{
	.elisAdvanceShipmentNoticeView-deliveryDates.dropdown-toggle::after {
		color: #292b2c;
		position: sticky;
    	left: 99%;
    	top: 0;
	}	
} 

/*hack IE*/
 @media screen and (min-width:1200px) and (-ms-high-contrast: active), (min-width:1200px) and (-ms-high-contrast: none) {
	.elisAdvanceShipmentNoticeView-deliveryDates.dropdown-toggle::after {
		color: #292b2c;
		position: absolute;
    	left: 98%;
    	top: 45%;
	}
}

@media screen and (min-width:600px) and (max-width:1200px) and (-ms-high-contrast: active), (min-width:600px) and (max-width:1200px) and (-ms-high-contrast: none) {
	.elisAdvanceShipmentNoticeView-deliveryDates.dropdown-toggle::after {
		color: #292b2c;
		position: absolute;
    	left: 96%;
    	top: 45%;
	}
}

@media screen and (min-width:300px) and (max-width:600px) and (-ms-high-contrast: active), (min-width:300px) and (max-width:600px) and (-ms-high-contrast: none) {
	.elisAdvanceShipmentNoticeView-deliveryDates.dropdown-toggle::after {
		color: #292b2c;
		position: absolute;
    	left: 94%;
    	top: 45%;
	}
}

.doc-counter-container{
    color: rgb(96, 105, 117);
    display: flex;
    height: 208px;
    text-align: center;
    padding:0px;
    width: 555px;
    border: 1px solid rgb(225, 231, 236);
    border-radius: 11px 11px 8px 8px;
    flex-flow: column nowrap;
    padding: unset!important;
    background-color:rgb(245, 245, 245) !important;
    overflow:hidden;
    
}

.icon-counter {
    display:none;
}

.counter-icon{
	font-size:310%;
	padding-right: 10px !important;
    margin-left: 10px !important;
}
.doc-counter-footer{
    height: 47px;
    text-align: right;
    width: 553px;
    background-color:rgb(245, 245, 245) !important;
    border-top: 1px solid rgb(225, 231, 236);
    border-radius: 0 0 7px 7px;
    padding: 12px 20px;
    margin:auto;
    padding-top: 6px;
    padding-left: 5px;
    padding-right: 5px;
}

.doc-counter-panel{
	flex-direction: column-reverse;
    display: flex;
}
label.txt-compteur{
    height: 49px;
    width: 553px;
    background: rgb(245, 245, 245) none repeat scroll 0% 0% / auto padding-box border-box;
    border-bottom: 1px solid rgb(225, 231, 236);
    border-radius: 7px 7px 0 0;
    padding: 12px 20px;
    overflow:hidden;
}
.counterNumber {
	height: 45px !important;
}
.val-compteur{
    text-align: center;
    font-size:310%;
    line-height: 1.15;
}
.val-compteur-legend {
	text-align: center;
    font-size:160%;
    line-height: 1.15;
}

.psLinkHidden{
	display:none;
}

.doc-counter-container td.ui-panelgrid-cell{
	padding:0px;
}

.doc-counter-container > div{
	margin: auto;
    width: 100%;
}

.doc-counter-panel div:first-child{
	height:96px;
}

.ctn-counter{
    width:100%!important;
}

.val-compteur:HOVER{
	cursor: pointer;
}

.hidden {
    display: none;
}

.multiSelectMenu div.ui-selectonemenu-trigger{
	position: relative;
	top:auto;
}

/* Center dropdown arrow for Select All / Unselect All functionality */
.multiSelectMenu div.ui-selectonemenu-trigger span{
	position: relative;
    top: 0px;
    left: 18px;
}

.multiSelectMenu > label{
	display:none!important;
} 

.multiSelectMenu.ui-state-focus{
	box-shadow: none;
}

ul.operators-dropdown label{
	padding-left:0px;
	cursor:pointer;
}

.query-operator-dropdown button{
	margin-bottom: 12px !important;
}

.uploadFile .ui-fileupload-choose {
    background-color: #00a4ff !important;
}

.deadTable .ui-datatable-header{
	visibility:hidden;
}

#reportForm .dialog-header{
	height: 50%;
    padding: 10px 10px 10px 10px;
}

#reportForm > img{
	height:10px;
}

.input-group.bootstrap-touchspin .input-group-btn{
	right:-35px;
}

.input-group.bootstrap-touchspin input.form-control{
	padding-left:10px;
	width:150px;
	padding-right:40px;
}
.small-centered-column {
	width : 40px !important;
	text-align : center;
}
.multiSelectColumn{
	width : 50px !important;
	text-align : center;
}


.ui-state-active .asnTabHeader{
	padding: 10px 20px;
    transition: color .3s;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Maven Pro",Helvetica,Arial,sans-serif;
    border-color: #e1e7ec #e1e7ec #fff;
    color: #94a1b3;
    
}

.asnTabHeader, .stdInvoiceTabHeader {
	padding: 10px 20px;
    transition: color .3s;
    color: #606975;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Maven Pro",Helvetica,Arial,sans-serif;
}

.stdInvoiceTabHeader {
	padding: 10px 0px;
}

.ui-tabs-panels{
	border-right: 1px solid #e1e7ec;
    border-bottom: 1px solid #e1e7ec;
    border-left: 1px solid #e1e7ec;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.partiesTitle{
	font-size: 15px;
}
.left-full {
    text-align: left !important;
    width:100%;
}

.left-full input {
	margin-left: -18px;
	height: 43px;
    width: 100% !important;
    position: absolute;
}

.right-full {
    margin-top: -2px;
    margin-left: 10px;
}

.ui-state-hover:not(.ui-state-active) .asnTabHeader{
	color: #00a4ff;
	font-size: 15px;
}
.outputTextAsInputText{
	line-height: 3;
}
.datatable-no-underline .idx-column .ui-commandlink {
    text-decoration: none;
}
.CodeMirror {
	height: inherit!important;
	overflow: inherit!important;
}
.CodeMirror-scroll {
    height: auto !important;
    min-height: 100%;
    overflow: visible;
    overflow-y: hidden !important;
}
.asn-row-expansion .ui-datatable-tablewrapper{
	overflow-x: hidden;
}

.counterInfo{
	margin-bottom: -50px;
	margin-top: 2px;
}

.refreshCounterStyle:hover{
	background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}
.portletContentMargin{
	margin-top :15px;
}

.portletCarouselPartnerContentMargin{
	margin-top :-25px;
}

.portletFAQPartnerContentMargin{
	margin-top :-20px;
}

.portletContactUsPartnerContentMargin{
	margin-top :-15px;
}

.formPageDialog{
	width: 700px !important;
}

@media (min-width: 0px) and (max-width: 655px) {
	.iframeFormPageViewClass{
		width: 325px !important;
	}
	
	.formPageDialog{
		width: 330px !important;
	}
}

.dataPrivLink{
	text-decoration:underline; 
	font-size:x-small;
}

.psInvoiceEdit .ui-datatable-tablewrapper{
	min-height:1px;
}
.portletPosition{
	position: relative;
	top: -71px;
}

.apply-activity-button{
	font-size: 0.8em !important;
    background: #D4D4D4;
    color: #525252;
    border-radius: 0px;
    height: 24px;
}

.hide-for-fo{
	display: none;
}

 .activity-select-menu + div button{
    border-top-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
    border-radius: 0px;
    height: 40px;
    font-size:12px;
} 

.activity-select-menu + div button b{
	    display: none;
}

.activity-date{
	height: 40px !important;
    border-radius: 0px;
}

.activity-input-text{
	height: 40px !important;
}

.visibility {
	display: inline !important;
}

.display-statistics{
	display: flex !important;
}

.jqplot-table-legend {width: auto;}
table.jqplot-table-legend {display: block; max-height: 245px; overflow-y: auto;}

.packCard {
	color: rgb(96, 105, 117);
    display: flex;
    height: 230px;
    text-align: center;
    width: 350px;
    border: 1px solid rgba(0,0,0,0.125);;
    border-radius: 7px;
    flex-flow: column nowrap;
    background-color: #fff;
    overflow:hidden;
    margin-right: auto;
    margin-left: auto;
  }

.packSummary-header {
	height: 47px;
	text-align: center;
    background-color: #f5f5f5;
    border-radius: 7px 7px 0 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgb(225, 231, 236);;
    padding: 11px 20px;
}
.packSummary-header label{
	font-size:16px;
}
.packSummary-body{
	flex: 1 1 auto;
    padding: 48px;
    text-align: center;
} 
.packSummary-footer{
    height: 47px;
    text-align: center;
    width: 348px;
    background-color: rgb(245, 245, 245);
    border-top: 1px solid rgb(225, 231, 236);
    border-radius: 0 0 7px 7px;
    padding: 12px 20px;
    color: #9da9b9;
    margin-top: -48px;
    margin-right: auto;
    margin-left: auto;
}

.pack-body-title{
	margin-bottom: 12px;
    margin-top: -28px;
    font-weight: 500 ;
    color: #374250;
    font-family: inherit;
    font-style: normal;
    font-weight: 500;
    font-size:1.55em;
    text-transform: none;
}

.pack-body-subtitle{
	font-size: 14px; 
	margin-bottom: 8px; 
    font-weight: 500;
}

.pack-panel {
    flex-direction: column-reverse;
    width: 350px;
}

.margin-bottom-1x {
    margin-bottom: 24px;
}

.pack-progress-number {
    display: flex;
    justify-content: center;
    
}
.pack-progress-number>div{
    margin-left: 4px;
}

/* CARREFOUR INVOICE*/
.type-and-nature > div{
	display:inline-flex;
}

.psInvoiceHeader .form-group{
   display: flex;
}

.psInvoiceReferences .form-group{
   display: flex;
}

.invoiceHeaderSectionEdition >table{
	width: 100%;
}

.psInvoiceReferences .inputs-group{
	display: flex;
}

.psInvoiceHeader .inputs-group{
	display: flex;
}

.invoiceHeaderSectionEdition .form-group >span >input{
    width: 150%;
}

.psInvoiceReferences .inputs-group > div >span >input{
	height:auto;
}

/* PAYMENT*/

.invoicePaymentSectionEdition .custom-error{
	width:auto !important;
}
.invoicePaymentSectionEdition >table{
	width: 100%;
}

.invoicePaymentSectionEdition .inputs-group{
	display: flex;
}

.invoicePaymentSectionEdition .form-group{
	display: flex;
	margin-bottom: 17px !important;
}

.invoicePaymentSectionEdition .form-group > label{
    width: 24%;
    margin-top: 4px;
}
.invoicePaymentSectionEdition .selectonemenu-resize{
	width: 76%;
    height: 35px;
    margin-left: 38px;
}
.invoicePaymentSectionEdition .selectonemenu-resize  > label{
	padding-left: 25px;
    padding-top: 6px;
}


.invoicePaymentSectionEdition .form-group > input{
	width: 100%;
    height: 35px;	
}

.invoicePaymentSectionEdition .form-group > span > input{
	width: 65%;
    height: 35px;	
}

.invoicePaymentSectionEdition .ui-selectonemenu-trigger{
	margin-top: 7px;
}

/* PARTIES */

.invoicePartiesSectionEdition .form-group >input{
	width: 100%;
    height: 35px;	
}
.invoicePartiesSectionEdition .form-group{
	margin-bottom: 17px !important;
}
.invoicePartiesSectionEdition > table{
	width: 100%;
}

.invoicePartiesSectionEdition .inputs-group{
	display: flex;
}

.invoicePartiesSectionEdition .form-group > span{
	width:100%;
}

.invoicePartiesSectionEdition .form-group > span > input{
	width:100%;
	height:35px;
}
/* LINES */
.product-autocomplete >input{
	width: 40%;
	height: 35px;
}

.invoiceItemEditon .label-input{
	display:flex;
	 margin-bottom: 20px !important;
}

.invoiceItemEditon >input{
	height: 35px;
}
 .invoiceItemEditon .form-group > div > input {
	height:35px;
	width:97%;
}

 .invoiceItemEditon .form-group > div >div >span > input {
	height:35px;
	width:97%;
}

.invoiceItemEditon .selectonemenu-resize{
	height: 35px;
    width: 97%;
}

.invoiceItemEditon .ui-selectonemenu-trigger{
	padding-top: 6px;
}
.invoiceItemEditon .ui-selectonemenu > input{
	padding-top: 6px;
 	padding-left: 5px;
}
.invoiceItemEditon .psSctTax{
	min-width:0px !important;
}
.invoiceItemEditon .psSctTax > label{
	padding-top: 6px;
    padding-left: 6px;
}

/* HEADERS */
.invoiceHeaderSectionEdition .form-group >label{
	padding-top: 8px;
	width: 32%;
}
.invoiceHeaderSectionEdition .form-group >span{
	width: 62%;
}
.invoiceHeaderSectionEdition .type-and-nature{
	height: 55px;
}
.invoiceHeaderSectionEdition .type-and-nature .ui-datalist-item{
	display: block;
}
.invoiceHeaderSectionEdition .form-group >input{
	width: 62%;
	 height: 35px !important;
}
.invoiceHeaderSectionEdition .form-group{
	 margin-bottom: 18px !important;
}
.invoiceHeaderSectionEdition .form-group >span > input{
	width: 100%;
    height: 35px !important;
}
/* VALIDATION */
.psSummary .form-group{
	display:flex;
}
.psSummary .form-group > div > span > input{
    width:73%;
    height:35px;	
}

/*GENERAL */
.carrefour-invoice-tabView > ul >li {
	pointer-events: none;
}
.carrefour-header-text >div {
	font-size:24px;
}
.lightboxPnlGrd .custom-error{
	width: 95%;
}
.summary-tab >div >img{
	height:25px;
}
.summary-tab .error{
    color: white;
    height: 100px;
    width: 100px;
    margin: 40px auto;
    background-image: url(/gnx/javax.faces.resource/template/generix/images/rederrorcircle.png.jsf);
    background-size: contain;
}
.summary-tab .check{
	color: white;
    height: 100px;
    width: 100px;
    font-size: 4em;
    border-radius: 50%;
    margin: 40px auto;
    background-image: url(/gnx/javax.faces.resource/template/generix/images/greencheckcircle.png.jsf);
    background-size: contain;
}
/* TAB VIEW */
.ui-tabs.ui-tabs-top .ui-tabs-nav li a {
    line-height: 1.25;
    padding: 10px 15px;
    border-color: #e1e7ec #e1e7ec #fff;
    color: #94a1b3;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li a:hover {
    color: #0da9ef;
}
.logsTableWidth{
	width: 100%;
}

/* ANNOUNCEMENTS */

#taskUserMessages_container {
	width: 50%;
}

#taskUserMessages_container .ui-growl-item-container {
	background-color: #d9edf7;
}

#taskUserMessages_container .ui-growl-title {
	color: #31708f;
}

#taskUserMessages_container p {
	color: #31708f;
}

#taskUserMessages_container .ui-growl-icon-close.ui-icon.ui-icon-closethick {
	color: #31708f;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.ui-growl-icon-close.ui-icon.ui-icon-closethick {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

#taskUserMessages_container .ui-growl-message {
	width: 100%;
	word-break: break-word;
	word-wrap: break-word;
}

#taskUserMessages_container {
	top: 220px !important;
}

/* Display Announcement growl message behind menuUser */
#taskUserMessages_container {
	z-index: 8000 !important;
}

/* Use vertical scroll to be able to see the whole text and the 'remove' button when the growl message is too large */
#taskUserMessages_container .ui-growl-item-container {
	overflow: auto;
	overflow-x: hidden;
	min-width: 318px !important;
}

/* Announcements growl item icons (info, warn, error)*/
div[id$="taskUserMessages_container"].ui-growl .ui-growl-item-container.ui-state-highlight .ui-growl-image {
    color: #31708f;
}
div[id$="taskUserMessages_container"].ui-growl .ui-growl-item-container.ui-state-highlight .ui-growl-image-info:before {
    content: "\e031"
}
div[id$="taskUserMessages_container"].ui-growl .ui-growl-item-container.ui-state-highlight .ui-growl-image-warn:before {
	content: "\e006";
}
div[id$="taskUserMessages_container"].ui-growl .ui-growl-item-container.ui-state-highlight .ui-growl-image-error:before {
    content: "\e107";
}

/* Announcement growl message on Phone landscape */
@media (min-height: 0px) and (max-height: 375px) {
	#taskUserMessages_container .ui-growl-item-container {
		overflow: auto;
		height: 150px !important;
		overflow-x: hidden;
		min-width: 318px !important;
	}
}

/* Display FO switch user dialog on top of Announcement growl message */
div[id$=hdaSwitchUserDlg] {
	z-index: 8100 !important;
}
#menuRefreshFormId-fformtoto-swuUser_panel {
	z-index: 8100 !important;
}

.message-pad-top-1{
	padding-top: 1%;
}

.message-pad-top-2{
	padding-top: 2%;
}

.message-calendar-width-96{
	width: 96%;
}
div[id$="openDialogButtonId_dlg"]{
	position:absolute;
	 top: 0% !important;
     margin-top: 170px !important;
}
div[id$="openDialogButtonIdMail_dlg"]{
	position:absolute;
	top: 0% !important;
    margin-top: 170px !important;
}
div[id$="openDialogButtonIdGeneral_dlg"]{
	position:absolute;
	top: 0% !important;
    margin-top: 170px !important;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-active a {
    line-height: 1.25;
    padding: 10px 15px;
    border-color: #e1e7ec #e1e7ec #fff;
    color: #94a1b3;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li a:hover {
    color: #0da9ef;
}
.psDlgTax  .form-group {
	display: flex;
}
.psDlgTax .tax-percent{
	border-radius: 5px;
	height: 36px;
}
.psProductTable .ui-grid-row .ui-datagrid-column{
	display: flex;
}
.psProductTable .ui-selectonemenu{
	padding: 0px;
    margin-bottom: 15px;
    width: 50%; 
    min-width: 138px!important;
    border-radius: 5px; 
    height: 36px;
}
.psProductTable .unitOfMeasurementType{
    padding-left: 0px;
    display: flex;
    height: 36px
}
.psProductTable .ui-selectonemenu > label{
    padding-top: 5px;
    padding-left: 12px;
}
.psProductTable .ui-selectonemenu-trigger> span{
	    padding-top: 6px;
}

.psProductTable .ui-autocomplete-input.ui-autocomplete-dd-input {
    padding-right: 8px;
}
.psDlgInvoiceParameter .ui-selectonemenu{
	width:100%;
	height: 36px;
}
.psDlgInvoiceParameter .ui-selectonemenu > label, .psDlgTax  .ui-selectonemenu > label{
    padding-top: 5px;
    padding-left: 12px;
}
.psDlgInvoiceParameter .ui-selectonemenu-trigger> span, .psDlgTax .ui-selectonemenu-trigger> span{
	    padding-top: 6px;
}
.psDlgInvoiceParameter  .col-sm-12{
	padding-left: 0px;
}
.psDlgInvoiceParameter .description{
	display:flex;
}
.banner-referential{
	display:none;
}
.import-dialog{
	top:200px! important;
}
.unitOfMeasurementType{
	padding-left: 0px;
    padding-right: 0px;
}
.unitOfMeasurementType >input{
	width:100%;
}
.unitOfMeasurementType >button{
	margin-right: 0px;
} 
div[id*='unitOfMeasurement'] > table > tbody > tr{
	border: snow !important;
}
.ui-dialog-buttonpane{
	margin:auto !important;
}

.banner-referential{
    display:none;
 }
 
.psDlgAddress, .psDlgPack{
	background-color: #fff;
	border: 1.5px solid #e1e7ec;
	border-radius: 7px;
}

.psDlgAddress .ui-dialog-titlebar{
	padding: 18px;
}

.psDlgAddress .ui-dialog-titlebar .ui-dialog-title{
    font-size: 20px;
    font-weight: 500;
    color: #374250
}

.psDlgAddress .ui-dialog-content{
   border-bottom: 1px solid rgba(0,0,0,0.2);
   border-color: #e1e7ec;
   border-radius: 9px;
}

.dialog-body{
	padding-right: 30px;
    padding-left: 30px;
}

.address-table table {
	table-layout: fixed;
    margin-top: 15px;
    overflow: auto;
}

.contacts-table table{
    table-layout: fixed;
    margin-top: 20px;
    overflow: auto;
}

.address-tabs, .contacts-table{
	 width:100%;
}

.address-table thead th, .contacts-table thead th {
   width: 155px !important;
   text-align:center;
   position: relative;
   white-space: nowrap;
   padding: 0.55rem;
}

.address-table tbody >tr td, .contacts-table tbody >tr td {
	text-align: center;
	vertical-align: center;
	padding: 0.55rem;
}

.address-input{
	height: 36px;
	border-radius: 3px;
    padding: 0 18px 3px;
    border: 1px solid #dbe2e8;
    background-color: #fff;
    color: #606975;
    font-size: 14px;
    display: block;
    width: 100%;
    min-width: auto !important;
}

.address-input label{
	margin-left: -11px;
    margin-top: 8px;
}

.address-input span{
	padding-top: 7px;
}

.address-labels{
	white-space: nowrap;
}

.address-link span input{
    padding: 0 18px 3px;
    height: 36px;
    border-radius: 3px;
    border: 1px solid #dbe2e8;
    background-color: #fff;
    color: #606975;
    font-size: 14px;
    display: block;
    width: 100%;
}
.address-link span{
	width: 100%;
}

.panel-referential-address .ui-widget .ui-tabs ul{
	padding: 0px;
}

.panel-referential-address .ui-widget .ui-tabs ul li a{
	color: #606975;
}

.address-rows{
	width:74px;
}

.address-rows .ui-row-editor {
    margin-top: 11px;
    margin-left: 3px;
    float: left;
}

.ui-datatable .ui-datatable-data>tr td.address-rows, .ui-datatable thead th.address-rows {
    height:32px;
    width:55px !important;
}

.ui-datatable .ui-datatable-data>tr td.address-rows button {
    width: 15%;
    left: 1px;
    color: #606975 !important;
    top: 3px
}

.ui-datatable thead th.address-rows button {
    background-color: white;
    color: #212529;
    margin: 0;
    width: 100%;
}

.addressActionBtn {
    position: relative;
    height: 100%;
    margin-top: -3px;
    margin-bottom: -4px;
    border: none !important;
}

.address-buttons {
	margin-right: -22px;
    text-align: right;
    margin-top: 10px;
    margin-bottom: -17px;
}

.info-address-search {
	height: 18px;
    margin-top: -36px;
    float: right;
    margin-right: -40px;
}

.address-search:first-child {
	padding-right: 70px;
}

.stop-scrolling {
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}
.displayOnGenerixTemplate {
	display: none !important;
}

.collectionDialog {
	max-height: 650px !important;
}

.fieldsEditCollection {
	height: 300px !important; 
	overflow-y: auto; 
	overflow-x: hidden;
	margin-bottom: 7px;
	width: 100% !important;
}

.collectionDialogContent {
	height: auto !important;
}

/* Override gnxeditor for Collection portlet */
.psFileExtensionContent {
	margin-top: 35px !important;
}

.psFileExtensionContent .cm-s-cobalt {
	background: white !important;
	color: black !important;
}

.psFileExtensionContent .cm-s-cobalt .CodeMirror-gutter {
	background: white !important;
	border-right: 0;
}

.splitButtonDropdownToggle span {
	display: none !important;
}

.fileExtensionDetailNav {
	min-height: unset;
    height: 70px !important;
    z-index: 10;
}

.enregistrementHeaderText {
	color: #9da9b9 !important;
	font-size: 20px;
	position: absolute;
	bottom: 0;
}

.tabViewCollection ul {
	padding-left: 0px !important;
}

.tabViewCollection .ui-tabs-panels {
	padding-right: 0px !important;
}

.tabViewCollection .CodeMirror.cm-s-cobalt {
	overflow-x: hidden !important;
}

.tabViewCollection .ui-tabs-panels .ui-tabs-panel {
 	padding-bottom: 1px !important;
}

/* Collection portlet tab footer display*/
.collectionTabFooter {
	text-align: right;
}
.collectionTabFooter label {
	padding-left: 10px;
	font-style: italic;
	padding-right: 2.8px !important;
}

.psFileExtensionContent .ui-tabs-panel {
	padding-right: 0px !important;
}

.psFileExtensionContent .ui-tabs-panel.ui-widget-content.ui-corner-bottom {
	padding-right: 0px !important;
}

.psFileExtensionContent .ui-tabs-panel.ui-widget-content.ui-corner-bottom .ui-outputpanel.ui-widget {
	overflow-y: hidden !important;
}

.fileExtensionDetailNav .btn-group.show {
	margin-right: 0px !important;
}

.splitBtnGroup {
	text-align: right !important;
}

.modal-xl {
	max-width: 1140px !important;
	width: 100% !important;
}

.collectionInputCalendar {
	padding-left: 0;
	padding-right: 0;
}

.collectionInputCalendar input {
	width: inherit !important;
}

/* BARCHART, LINECHART, PIECHART CSS */

.panelGridChart tbody td {
	padding: 0px !important;
}

.panelGridChart {
	width: 100% !important;
	margin-top: 15px;
}

.panelGridChart .headerChart {
    height: 52px;
    background-color:rgb(245, 245, 245) !important;
    border-radius: 9px 9px 0 0;
    padding: 12px 20px;
    margin:auto;
    border: 1px solid rgb(225, 231, 236) !important;
    font-size: 14px!important;
    text-align:center;
}
 
.panelGridChart .contentChart {
	padding: 0 4% 0 4%;
}
 
.panelGridChart .footerChart {
    height: 52px;
    text-align: right;
    background-color:rgb(245, 245, 245) !important;
    border-radius: 0 0 9px 9px;
    padding: 12px 20px;
    margin:auto;
    border: 1px solid rgb(225, 231, 236) !important;
}

.panelGridChart .contentChartWrapper {
	border-left: 1px solid rgb(225, 231, 236) !important;
    border-right: 1px solid rgb(225, 231, 236) !important;
    padding-top: 1% !important;
}

.messageBanner {
	display: none !important;
}

/* StandardInvoiceEdition  */
.inputTextDisplayFull{
	width:100%
}

.inputTextDisplayFull .ui-inputfield{
	width:100%
}
/* added this because "Taxable amount", "VAT" and "Total" summary when modifying an invoice need to be put inside an outputPanel(in order to be able to 
have color on them) will result that this ".psSummary .form-group > div > span > input" style classes will be applied to them, in which
the width is 73% and height is 35px. */
.inputTextDisplayFullSummary .ui-inputfield{
	width: 100% !important;
	height: 30px !important;
}

.tabelHeaderHeight{
height: 40px;
}

/* Document counter */
.documentPercentLabel {
	padding-right: 20px !important;
    text-align: left;
    flex: 33%; 
}

.updatedTimeLabel {
	flex: 66%;
	text-align: right;
}  

.counterContentHeight {
	
}

.fixedTableLayout {
	table-layout: fixed;
}

.update-btn-generix{
	display:none;
}

.import-invoice, .invoiceHistoryDlg{
	width: 700px !important;
}

.import-invoice .ui-fileupload-content, .invoice-attachment .ui-fileupload-content {
	margin-top: -13px;
}

.invoice-attachment{
	width: 800px !important;
}

.invoice-attachment .form-group{
	margin-top: 10px;
}

.invoice-add-comment div{
	text-align: right;
	margin-top: 4px;
}

.invoice-add-comment span{
    height: 14px;
    vertical-align: baseline;
}

.invoice-add-comment textarea{
	overflow-y: hidden !important;
}

.invoice-read-attachment{
	margin-top: 85px;
}

.invoice-read-attachment .btn-group{
	top: -75px;
    margin-bottom: -30px;
    margin-left: -20px;
    position: absolute;
}

.invoice-read-comment{
	margin-left:10px;
	margin-bottom: 15px;
    margin-top: 9px;
	word-break: break-word;
}

.psHistoryPanel .ui-datatable-tablewrapper{
	margin-top: 25px;
}

.psHistoryPanel tbody tr{
	text-align: center;
}
   
/* UploadPdf Customer */
.pdf-template-panel {
	height: 450px !important;
}

.uploadpdf .templateLabelWrapper {
	font-size: 20px !important;
    font-weight: normal;
    line-height: 1.25;
    width: 100%;
}

.uploadpdf .templateName {
	color: #606975;
	font-size: 1.8em;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

.uploadpdf .inplace-template-edit {
	width: 100% !important;
}

.uploadpdf .template-editor {
	font-size: 20px !important;
}

.uploadpdf .ui-inplace-display.ui-state-highlight {
	color: black !important;
	background-color: unset !important;
}

.uploadpdf .ui-inplace-save, .ui-inplace-cancel, .ui-button-icon-only.delete-template {
	background-color: unset;
    color: black;
}

.uploadpdf .ui-inplace-save.ui-state-hover {
	background-color: unset !important;
}

.uploadpdf .ui-inplace-cancel .ui-icon-close::before {
	color: #ff5252 !important;
}
.uploadpdf .ui-inplace-save .ui-icon-check::before {
	color: #43d9a3 !important;
}
.uploadpdf .ui-inplace-cancel.ui-state-hover .ui-icon-close::before {
	background-color: unset !important;
}

.uploadpdf .ui-button.ui-inplace-cancel.ui-state-hover {
	background-color: unset !important;
}

.uploadpdf .autocomplete-panel span {
    padding-right: 45px !important;
    padding-left: 35px !important;
}

.uploadpdf .select-item-custom.psTemplate {
	text-align: right;
}

.uploadpdf .add-template-btn .ui-fileupload-files {
	display: none !important;
}

.uploadpdf .autocomplete-partner-column {
	font-size: 17px;
}
.uploadpdf .autocomplete-partner-fullname-column {
	font-size: 17px;
}

.drag-drop-section.add-template-btn {
	height: 100px !important;
}

.customer-template-fileupload-btn {
	padding: 5px 20px;
	margin-right:50px !important;
	margin-top: 100px !important;
}

.uploadpdf .ui-fileupload-content .ui-messages {
	margin-left: 130px !important;
}

/* UploadPdf Partner */
.flatStyle.lightboxPnlGrd.portletContentMargin {
	width: 100% !important;
	border: 1px solid #e1e7ec;
	border-radius: 9px 9px 9px 9px;
	border-collapse: separate;
}

.title-label {
    color: #374250;
    font-family: inherit;
    font-weight: 500;
    margin-bottom: 6px;
    font-size: 25px;
    line-height: 1.4;
    overflow-wrap: break-word;
}

.description-label {
	overflow-wrap: break-word;
	margin: 0 0 16px;
	font-size: 16px;
}

.spaceHeight {
	height: 16px;
}

/* override theme.css */
@media (min-width: 576px) {
	.product-card.product-list .product-thumb {
	    width: 400px !important;
	}
}

/* UploadPdf Partner - Wizard Steps */
.wizardSteps ul > .ui-wizard-step-title {
	display: block;
    position: relative;
    width: 25%;
    height: 55px;
    transition: color .3s;
    background-color: white !important;
    color: #606975;
    font-size: 14px;
    font-weight: 500;
    line-height: 53px;
    text-decoration: none;
    text-align: center;
}

.ui-wizard-step-title div {
	height: 50px !important;
}

.lightboxPnlGrd .wizardStep {
	font-family: "Maven Pro",Helvetica,Arial,sans-serif !important;
}

.btn-arrow-right {
   position: relative;
   padding-left: 18px;
   padding-right: 18px;
   padding-left: 36px;
   padding-top: 2px !important;
   border-radius: unset !important;
   display: flex;
   top: -12px !important;
   margin-right: -30px !important;
}

.btn-arrow-right:before,
.btn-arrow-right:after {
   /* make two squares (before and after), looking similar to the button */
   content: "";
   position: absolute;
   top: 6px;
   /* move it down because of rounded corners */
   width: 35px;
   /* same as height */
   height: 35px;
   /* button_outer_height / sqrt(2) */
   border: 1px solid #e1e7ec;
   /* use parent border */
   border-left-color: transparent;
   /* hide left border */
   border-bottom-color: transparent;
   /* hide bottom border */
   border-radius: 0px 4px 0px 0px;
   /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
   -webkit-border-radius: 0px 4px 0px 0px;
   -moz-border-radius: 0px 4px 0px 0px;
}

.btn-arrow-right:before,
.btn-arrow-right:after {
   transform: rotate(45deg);
   /* rotate right arrow squares 45 deg to point right */
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
}

.btn-arrow-right:before {
   left: -19px;
   background-color: white;
}

.btn-arrow-right:after {
   right: -19px;
   z-index: 1;
}

.btn-arrow-right-start::before {
	display:none !important;
}

.btn-arrow-right-final {
	margin-right: -10px !important;
}

.btn-arrow-right-final::after {
	display: none !important;
}

.ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
	border: 0px !important;
	border-right: 0px !important;
	border-left: 0px !important;
}

.step-indicator.icon-circle-check {
    display: inline-block;
    margin-top: 10px;
    margin-right: 7px;
    color: #43d9a3;
    font-size: 18px;
}

/* UploadPdf Partner - Steps - content */
.step-buttons-panel {
	margin-top: 15px !important;
}

.ellipsis-list {
    display: inline-block;
    padding: 0 5px;
    max-width: 800px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* UploadPdf Partner - Step 1 - title */
.step-one-active {
	z-index:4;
	background-color: #00a4ff !important;
	border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
.step-one-inactive {
	z-index:4;
	background-color: white !important;
	border: 1px solid #e1e7ec !important;
	color: grey !important;
	border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
.step-one-active::after {
	background-color: #00a4ff !important;
}
.step-one-inactive::after {
	background-color: white !important;
}
/* UploadPdf Partner - Step 1 */
.uploadpdf .select-item-custom {
    border: 2px solid lightgrey;
    border-radius: 10px;
    margin-top: 22px;
    margin-right: 25px;
    width: 220px;
    background-color: white !important;
    color: #7d7878 !important;
    height: 140px !important;
}
.uploadpdf .select-item-custom-hover {
    border-radius: 5px;
    background-color: rgb(223, 223, 223) !important;
    color: white;
    transition: 2.7s;
}
.uploadpdf .list-item-custom ol {
    display: flex;
    flex-wrap: wrap;
    background-color: white;
    justify-content: center;
    overflow: auto;
    list-style-type: none;
}
.uploadPdfChooseTemplate {
	overflow: auto;
	height: 350px;
	position: relative;
    border-bottom: 1px solid #e1e7ec;
}
/* UploadPdf Partner - Step 2 - title */
.step-two-active {
	z-index:3;
	background-color: #00a4ff !important;
}
.step-two-inactive {
	z-index:3;
	background-color: white !important;
	border: 1px solid #e1e7ec !important;
	color: grey !important;
}
.step-two-active::before, .step-two-active::after {
	background-color: #00a4ff !important;
}
.step-two-inactive::before, .step-two-inactive::after {
	background-color: white !important;
}

/* UploadPdf Partner - Step 2 */
.uploadpdf .ui-messages .ui-messages-error .ui-messages-error-icon:before, .ui-messages .ui-messages-fatal .ui-messages-fatal-icon:before {
    content: "\f05e";
    font-size: 18px !important;
}

.uploadpdf .ui-button-icon-left.ui-icon.ui-c.ui-icon-close::before {
	content: "\f00d";
}
.uploadpdf .ui-fileupload-files {
	width: 100%;
}

.uploadpdf .ui-fileupload-files tr {
	border-top:1px solid #ddd;
}

.uploadpdf .ui-fileupload-files td {
    padding: 15px 4px;
}

.uploadpdf .uploadPdfFileUploadPanel {
	height: 350px;
	border-bottom: 1px solid #ddd;
}

/* UploadPdf Partner - Step 3 - title */
.step-three-active {
	z-index:2;
	background-color: #00a4ff !important;
}

.step-three-inactive {
	z-index:2;
	background-color: white !important;
	border: 1px solid #e1e7ec !important;
	color: grey !important;
}

.step-three-active::before, .step-three-active::after {
	background-color: #00a4ff !important;
}

.step-three-inactive::before, .step-three-inactive::after {
	background-color: white !important;
}

/* UploadPdf Partner - Step 3 */
.uploadpdf .list-itemInvoice-custom li {
    display: table;
    margin: 10px auto;
    padding: 6px 4px 6px;
    width: 98%;
    text-align: left;
    border-top:1px solid #ddd;
}
.uploadpdf .list-itemInvoice-custom ol {
    margin: 30px;
    -webkit-padding-start: inherit;
    height: 319px;
    overflow: auto !important;
    margin-bottom: 0px !important;
}

.uploadpdf .uploadedFileName {
	font-size:14px !important;
}

.uploadpdf .uploadPdfDownloadPanel {
	height: 323px;
	border-bottom: 1px solid #ddd;
}

.uploadpdf .uploadPdfDownloadPanel .btn-ok-process-list {}

/* UploadPdf Partner - Step 4 - title */
.step-four-active {
	z-index:1;
	background-color: #00a4ff !important;
	border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
.step-four-inactive {
	z-index:1;
	background-color: white !important;
	border: 1px solid #e1e7ec !important;
	color: grey !important;
	border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
/* UploadPdf Partner - Step 4 */
.uploadpdf .ui-datalist-item.ko {
	border-color: #ff5252 !important;
    border: 1px solid;
}

.uploadpdf .ui-datalist-item.ok {
	border-color: #43d9a3 !important;
    border: 1px solid;
}

.process-list {
	display: inline-flex;
    float: right;
    margin: 0 20px;
    background-repeat: no-repeat;
    height: 30px !important;
    width: 30px !important;
    font-size: 14px!important;
}

.btn-ok-process-list {
    background-image: url("/aio/javax.faces.resource/template/generixcustomer/images/icon-check.png.jsf");
}

.uploadpdf .btn-ko-process-list {
    background-image: url("/aio/javax.faces.resource/template/generixcustomer/images/icon-close.png.jsf");
}

.uploadpdf .ui-datalist-data {
    margin-left: 0!important;
    margin-right: 0!important;
}

.uploadpdf .ui-widget-content {
    padding-left: 0!important;
    padding-right: 0!important;
}

.uploadpdf .uploadPdfSendPanel {
	height: 350px !important;
	border-bottom:1px solid #ddd;
}

/* File Upload Choose UploadPdf */
.uploadpdf .drag-drop-panel {
	position:absolute;
	top:58%;
	left:40%;
	text-align: center;
	padding-bottom: revert;
}

.uploadpdf .drag-drop-custom {
    margin: 5px 0;
}

.uploadpdf .drag-drop-custom .ui-fileupload-cancel {
	background-color: white;
}

.uploadpdf .drag-drop-custom .ui-progressbar {
	background-color: #43d9a3 !important;
	border-radius: 10px !important;
}

.uploadpdf .ui-fileupload-content {
    background: none;
    height: 225px !important;
    overflow-y: auto;
}

.uploadpdf .ui-fileupload-buttonbar {
	display: none;
}

.uploadpdf .iconFileAddPanel {
	font-size: 50px;
}

.uploadpdf .ui-icon.ui-icon-close::before {
	color: #606975;
}

.uploadpdf .dtlTemplatesList ol {
	height: 335px !important;
}

.uploadpdf .dtlTemplatesList .ui-datalist-empty-message {
	margin-left: 25px;
}

.uploadpdf .autocomplete-center {
	margin-top: 20px;
}

/* Firefox */
.uploadpdf .download-text {
	background: none;
}

.uploadpdf .psDeployState .filename-col {
	width:60%;margin:0; padding:0;
} 
.uploadpdf .psDeployState .progress-col {
	width:60%;margin:0; padding:0;
} 
.uploadpdf .psDeployState .state-col {
	width:60%;margin:0; padding:0;
} 

.advRecap-dematFile-Panel .ui-panel-content{
	border: 1px solid #dce1e7 !important;
	border-top: none !important;
}

.advRecap-dematFile-Panel .ui-panel-titlebar{
	padding: 13px;
}

.advRecap-dematFile-Panel.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before {
    content: "\f0d8";
}

.advRecap-dematFile-Panel.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before {
    content: "\f0d7";
}

.advRecap-dematFile-info div:first-child{
	font-weight: bold;
	vertical-align: middle; 
	font-size: 120%;
}

.advRecap-dematFile-info div:last-child{
	vertical-align: middle; 
	font-size: 120%;
}

.workflowUsers.btn-danger{
	border-color: red;
	background-color: white;
}

.workflowUsers > span{
	color: gray;
}

.workflowStandardInvPT{
	height: 44px;
	padding-top: 10px;
	padding-left: 15px;
	width: 100% !important;
}

.workflowStandardInvPT.ui-state-error, .workflowStandardInvPT.ui-widget.ui-state-error{
	border-color: red;
}

.workflowStandardInvPT > .ui-selectonemenu-trigger{
	padding-top: 10px;
}

.timelineActions{
	border: 1px solid;
	border-radius: 5px;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
}

.timelineActionIcon{
	display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid #e1e7ec;
    border-radius: 50%;
    background-color: #f5f5f5;
    color: #374250;
    font-size: 30px;
    line-height: 41px;
    z-index: 5;
}

.timelineBorder{
	border: 1px solid;
	border-radius: 5px;
	min-height: 1141px;
}

.timeline:before {
	content: '';
	position: absolute;
	top: -15px;
	bottom: -20px;
	width: 3px;
	background: black;
	margin-left: 20px;
	border-radius: 2px;
}

.timelineComment {
	word-break: break-word;
}

.timelineCustomAction {
	word-break: break-word;
    white-space: break-spaces;
}

.timelineUsername{
	color: #00a4ff !important;
}

.btn-primary span.multiselect-selected-text {
	font-weight: 500!important;
}

.btn-margin-top {
	margin-top: 8px !important;
}

.psPackTable tbody >tr td {
	text-align: center !important;
}

.psPackDetail .ui-panel-titlebar{
	display: none;
}
.pack-style input, .pack-style .ui-selectonemenu {
	height: 36px !important;
    border-radius: 3px;
    padding: 0 15px 3px;
    border: 1px solid #dbe2e8;
    background-color: #fff;
    color: #606975;
    font-size: 14px;
    display: block;
}

.pack-style label {
	top: 7px;
	padding: 0px;
    left: 15px;
}

.pack-style .ui-outputpanel .autocomplete-center input{
	width: 867px;
}

.pack-input-style, .psPackDateStart input {
	width: 240px;
}

.psPackDateStart input{
	border-right: 1px solid #dbe2e8 !important;
}

.pack-input-style input, .psPackDateEnd input{
	width: 285px;
	margin-left: 43px;
}

.pack-input-style label{
	 margin-top: 5px;
}

.psPackActions{
	margin-right: -10px;
}

.psPackDetail{
	padding-left: 0px;
    padding-right: 0px;
}

.pack-import{
	width: 700px !important;
}

.psPackDateStart .ui-button-icon-only{
    background: transparent;
    top: -32px;
    left: 205px;
    box-shadow: none;
    border-color: transparent;
    color: black;
}
.psPackDateStart .ui-button-icon-only:focus{
	outline:0;
}

.pack-import-dlg .custom-file{
	margin-top: -14px;
}

.psDlgPack{
    width: 1110px !important;
}

.psPackViewPnl{
	min-height: 530px;
}

.psWorkflowCreationPnl .selectonemenu-resize{
	padding-left: 10px;
}

.changeQueryMode{
	height: 30px;
}

.changeQueryMode button{
	top: -20px;
}

.psCarDialog .ui-selectonemenu{
    width: 123%; 
}
.psCarDialog .ui-selectonemenu > label{
    padding-top: 5px;
    padding-left: 12px;
}
.psCarDialog .ui-selectonemenu-trigger> span{
	padding-top: 6px;
}

.add-or-edit-product-dialog {
	max-height: 600px;
}

.add-or-edit-product-dialog .ui-dialog-content.ui-widget-content {
	max-height: 530px;
	overflow-y: scroll;
}

.psDlgAddress .ui-dialog-content.ui-widget-content {
	max-height: 630px;
	overflow-y: scroll;
}

.psDlgAddress {
	max-height: 700px;
}

.actions-button .ui-button-text{
    display: inline;
}
.actions-button{
    padding-top: 0px;
    padding-right: 12px;
    padding-bottom: 0px;
    padding-left: 12px;
}
.fa-bars-invoice:before{
	font-size: 22px;
}
.timelineBorder > .ui-outputpanel > .document-viewer{
	display: none;
}

.fileTable .ui-datatable-tablewrapper{
	min-height: 0px;
}

/* OCR Rate */
.ocr-rate-orange {
	border: 1px solid orange!important;
	padding-left: 2px;
	padding-right: 2px;
	border-radius: 4px !important;
}
.ocr-rate-red {
	border: 1px solid red!important;
	padding-left: 2px;
	padding-right: 2px;
	border-radius: 4px !important;
}

/* OCR warning icon when fields not visible on row must be checked*/
.ocr-warning span {
	height: 18px !important;
    padding-top: 2px;
}

.ocr-warning {
	background-color: transparent;
    color: red;
    opacity: 0.5 !important;
}

.ocr-rate-orange span input{
	border: 0px;
}
.ocr-rate-red span input{
	border: 0px;
}

.psReadWkfActions .ui-datagrid-column span,
.psReadWkfUsers .ui-datagrid-column span{
    display: block; 
    line-height: 32px;
    text-align: center;
    width: 65%;
    margin-left: 94px;
    margin-right: 76px;
}

.psReadWkfActions, .psReadWkfUsers{
	margin-top: -36px;
}


.psReadWkfActions .ui-datagrid-column, .psReadWkfUsers .ui-datagrid-column{
	 max-width:268px;
}

.psReadWkfActionsRem {
	padding-bottom: 2rem!important;
}

.psReadWkfActions .psReadWkfActionsEmpty{
	width:268px !important;
}

.psReadWorkflow .ui-datagrid-content{
	 background-color: transparent;
}

.psDlgReadWorkflow .ui-dialog-titlebar{
	padding: 25px;
}

.psReadWkfActions table, .psReadWkfSteps table {
	table-layout: auto !important;
}

.psReadWkfSteps {
    margin-top: -46px;
    margin-bottom:-50px;
}

.psReadWkfActions .ui-datagrid-row, .psReadWkfSteps .ui-datagrid-row,
.psReadWkfUsers .ui-datagrid-row{
    display: flex;
    justify-content: center;
}

.psReadWkfSteps .steps .step .step-icon-wrap::before {
    width: 100%;
    margin-left: -103px;
    display: block;
}
.psReadWkfSteps .step-icon {
    margin-left: 130px;
    margin-right: 23px;
}

.psReadWkfSteps .steps .step:last-child .step-icon-wrap::after {
    display: none;
}

.wkfRows {
    line-height: 32px;
}

.psReadWkfTable{
	margin-right: -16px;
    margin-left: -16px;
}

.psReadWkfTable table{
	table-layout: fixed;
	margin-bottom: -16px;
}

.xcbltask-tieredmenu .ui-menuitem-text {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	display: block;
    width: 100%;
    clear: both;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

#tskForm-standardInvoiceEditionView-invoiceTabs-psListOfPartyCustomer > ul > .last-party-tab > a { 
	font-size: 25px;
    padding: 2px 15px; 
}

/* Timeline for DematPartner File Portlet */
.timelineDematFile {
    position: relative;
    padding: 21px 0 10px;
    margin-top: 4px;
    margin-bottom: 30px;
}

.timelineDematFile .line {
    position: absolute;
    width: 4px;
    display: block;
    background: currentColor;
    top: 0;
    bottom: 0;
    margin-left: 30px;
}

.timelineDematFile .separator {
    border-top: 1px solid currentColor;
    padding: 5px 5px 5px 40px;
    font-style: italic;
    font-size: .9em !important;
    margin-left: 30px;
}

.timelineDematFile .line::before {
    top: -4px;
}

.timelineDematFile .line::after {
    bottom: -4px;
}

.timelineDematFile .line::before, .timelineDematFile .line::after {
    content: '';
    position: absolute;
    left: -4px;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background: currentColor;
}

.timelineDematFile .panelDematFile {
    position: relative;
    margin: 10px 0 21px 70px;
    clear: both;
}

.timelineDematFile .panelDematFile::before {
    position: absolute;
    display: block;
    top: 8px;
    left: -24px;
    content: '';
    width: 0;
    height: 0;
    border: 12px transparent;
    border-right-color: inherit;
}

.timelineDematFile .panelDematFile .panelDematFile-heading.icon * {
    font-size: 20px;
    vertical-align: middle;
    line-height: 40px;
}

.timelineDematFile .panelDematFile .panelDematFile-heading.icon {
    position: absolute;
    left: -59px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    float: left;
}

.timelineDematFile .panelDematFile-outline {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.timelineDematFile .panelDematFile-outline .panelDematFile-body {
    padding: 10px 0;
}

.timelineDematFile .panelDematFile-outline .panelDematFile-heading:not(.icon), .timelineDematFile .panelDematFile-outline .panelDematFile-footer {
    display: none;
}

.timelineDematFile .text-muted { 
	font-size: 13px !important; 
}

.timelineDematFile .ui-widget { 
	font-family: 'Segoe UI',Verdana,Arial,Helvetica,sans-serif; 
}

/* FO edit columns */
.editColumnsFOButton{
	background-color: transparent;
	color: #606975;
	font-size: 1.3em;
	border-radius: 20px;
	border-color: transparent;
	margin-top: 15px;
}

.editColumnsFOButton:hover{
	background-color: transparent;
	color: #606975;
	border-color: transparent;
}

.crossEditColumnsFo{
	background-color: transparent;
    color: red;
}

.crossEditColumnsFo:hover{
	background-color: transparent;
    color: red;
    border-color: transparent;
}

.unishopColumnFo{
	background-color: transparent;
	color: #00a4ff;
	margin-left: -15px;
}

.unishopColumnFo:hover{
	background-color: transparent;
	color: #00a4ff;
	border-color: transparent;
}

.notSortByColumnFO{
	background-color: transparent;
	color: grey;
}

.notSortByColumnFO:hover{
	background-color: transparent;
	color: grey;
	border-color: transparent;
}

.counterManagement{
    margin-top: -36px;
    float: right;
}

.counterManagementText{
    text-align: center;
    font-size: 20px!important;
    cursor: pointer !important;
    margin-right: 15px;
    margin-left: 15px;
}

.vertical {
	border-left: 3px solid #00a4ff;
    height: 25px;
    position: absolute;
    margin-left: 8px;
    margin-top: 3px;
}

.counterManagementButton{
	margin-left: 5px;
	margin-top: 3px;
	height: 25px;
	background-color: #f5f5f5;
	color: gray;
}

.counterManagementButton:hover{
	background-color: #f5f5f5;
	color: gray;
	border-color: white;
}

.counterDateRangeButton{
	margin-left: 5px;
	margin-top: -148px;
	height: 25px;
	background-color: transparent;
	color: gray;
}

.counterDateRangeButton:hover{
	background-color: transparent;
	color: gray;
	border-color: transparent;
}

.addOrEditDateRangeDialog{
	width:90% !important;
	height:auto !important;
}

.addOrEditDateRangeDialog .ui-dialog-titlebar{
	display:none;
}

.dateRangeRolling{
	margin-left: 15px;
}

.rollingCheckbox{
	margin-left: 35px;
}

.dateRangeSelection{
	margin-top: 10px;
}

.panelDematFile {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panelDematFile-success {
    border-color: #d6e9c6;
    border-top-color: rgb(214, 233, 198);
    border-right-color: rgb(214, 233, 198);
    border-bottom-color: rgb(214, 233, 198);
    border-left-color: rgb(214, 233, 198);
}

.panelDematFile-success>.panelDematFile-heading {
    color: #3c763d;
    background-color: #0da9ef;
    border-color: #d6e9c6;
}

.panelDematFile-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panelDematFile-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panelDematFile-body {
    padding: 15px;
}

.flatStyle.panel-default img{
	height:10px
}

.large-text {
    font-size: x-large !important;
    font-weight: bold;
}

.disabledOutputText{
	line-height: 3;
	background-color: #f5f5f5;
}

.ui-panelgrid-cell.grey-column {
	vertical-align: top;
    padding-left: 20px;
}

.dataGridErr .col-sm-5 {
	float: left;
}
.dataGridErr .control-label{
	text-align: right;
	padding-top:7px;
}
.dataGridErr .form-control{
	height: 34px;
	padding: 6px 12px;
}
.panelGrd-body{
	width: 100%;	
}

.comment-box{
	border: 1px solid #ddd;
    min-height: 120px;
    padding: 20px;
    border-radius: .25rem;
    margin-top: 40px;
}

.file-details{
    position: relative;
    bottom: -40px;
}

.simple-column{
	cursor: default;
}

.attach-banner{
	color: #9da9b9 !important;
	font-size: 20px;
	position:relative;
	text-transform: uppercase;
}


.psInvoiceTable .ui-row-toggler:before{
	content:"\f0c6";
}

.psInvoiceTable .ui-row-toggler:focus{
	outline-width:0px;
}

.actionSubmenu ul{
	width:250px!important;
}

.small-column{
	width:30px!important;
}

.partnersAndPerimeters ul{
	border-radius: 5px;
    min-height: 44px;
    max-height: 110px;
    margin-top: 8px;
    border-color: #dbe2e8;
}

.partnersAndPerimeters .img-info-category {
	margin-top: -37px;
}

.partnersAndPerimeters .ui-icon-close {
	color: white !important;
}

.partnersAndPerimeters .ui-autocomplete-token {
	background: #3399FF;
	padding: 0;
    margin: 1px !important;
}

.partnersAndPerimeters .ui-autocomplete-multiple-container{
	width: 463px;
	overflow: auto;
}

.paddingDocumentViewerStd {
	padding-right: 0;
	padding-left: 0;
}

.reconciliation-criteria .criteria-value >input{
	height: 37px;
    width: 90px;
    text-align: right;
}

.reconciliation-criteria .criteria-label{
	padding-top: 11px;
	padding-left:8px;
}
.reconciliation-criteria .pe-inputNumber{
	padding-right: 5px;
}
.reconciliation-criteria .criteria-checkbox{
	padding-top: 11px;
}
.paddingStdInvoiceForm {
	padding-right: 0;
	padding-left: 15px;
}
.invoice-lines-criteria{
	padding-left: 18px;
    padding-top: 30px;
}
.psReconciliationTable span.active-status {
	color: #00b050 !important;
}
.psReconciliationTable span.inactive-status {
	color: #ff5252 !important;
}
.reconciliation-separator{
	margin-top: 0px !important;
}
.reconciliation-title{
    margin-bottom: 5px !important;
}

.reconciliation-filter-title{
    padding-left: 0px !important;

}
.rec-more-div .dropdown-toggle::after{
	display:none;
}
.reconciliation-tile .changeQueryMode >button{
    top: -28px;
}

.payment-tooltip-rendered {
	display: inline;
}

.currency-select-one-menu > label {
	margin-left: 10px;
    margin-top: 10px;
}

.invoiceBillToText {
	display: block;
	margin-right: -32px;
	margin-left: -24px;
    margin-top: 7px;
} 

.invoiceSummaryGrid {
	width: 102%;
	margin-left: -7px;
}

.invoiceSummaryGrid td{
	width: 49%;
	white-space: nowrap;
}

.invoiceSummaryText {
	margin-left: 149px;
    display: block;
    text-align: end;
}

.invoiceTva:before {
	 content: '(';
}

.invoiceSiren:after {
	content: ')';
}

.psDlgConfirmation .mb-2{
	margin-left: -39px;
    width: 490px;
}

.ocrMsg {
	margin-left: -24px;
    margin-bottom: 12px;
    color: #e98e4d;
}

.psDlgBankAccount .ui-message-error-icon{
 	padding-top: 3px;
}

.menuText{
	margin-left: 24px;
    display: block;
    margin-top: -21px;
}

.menuUserText{
    margin-left: 21px;
    display: block;
    margin-top: -20px;
}

.lockIcon {
	margin-left: 3px;
}

.profileMenu .list-group-item li, .list-group-item ol, .list-group-item p,
.list-group-item span, .list-group-item ul{
  font-weight: 500 !important;
}

.reconciliation-header{
	font-size: 14px; 
	font-weight: bold;
	display: contents;
}

.reconciliation-rows{
	padding: 4px;
}

.reconciliation-gaps{
	width: 50%;
	display: grid;
    align-items: center;
}

.reconciliation-items{
	display: grid;
    align-items: center;
    word-break: break-all;
}

.reconciliation-footer{
	width: 103%;
}

.reconciliation-items label, .reconciliation-items span {
	display: contents;
	vertical-align: middle;
}

.reconciliation-tables-header {
	min-height:30px; 
	padding: 4px 10px;
}

.more-lines-tabel >tbody >tr > td{
	padding-bottom: 4px!important;
    padding-top: 4px!important;
}

.more-lines-tabel {
	display: contents;
}

.exchange-doc-kind >button{
	margin-right: 0px;
}

.exchangeDirection >tbody>tr>:nth-child(3){
	padding-left:150px;
}

.exch-part-list, .exch-part-list>input{
	width: 100%;
}

.psRecParameter{
    margin-top: -5px;
    margin-left: -21px;
}

.ui-messages-info-icon::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.ui-messages-error-icon::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.psInvoiceTable.ui-datatable table {
    width: auto !important;
}


.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child, .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
	top:-22px;
}

.icon-position {
    display: inline;
    margin-left: 110px;
}

.actionSubmenu a:first-child{
	height:40px !important;
}

.ui-icon-circle-triangle-e {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.centerSelectionMode {
	width:40px;
	text-align:center;
}

.centerSelectionMode2
{
	text-align:center;
}

.changeBorder .ui-chkbox .ui-chkbox-box .ui-chkbox-icon{
	background-image: none !important;
}

.ui-icon-circle-triangle-s {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.ui-messages-warn-icon::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.ui-icon-pencil:before {
    content: "\f303";
}

.triggersProcessClass .caret {	
	display:none;
}

.activityButtons .ui-button, .activityButtons .ui-inputswitch-on, .activityButtons .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
	background-color: #00a4ff;
}

.calendarPanel .ui-dateperiod i {
	bottom: 13px;
}

span.ui-message-error-icon
{
	font-family:'Font Awesome 5 Free'!important;
	font-weight:900!important; 
	
}

.psUploadAutoTstFile .ui-widget-header {
	border: none;
	background: none;
}

.user-login-user {
	margin-top: 14px !important;
}

.psUploadPnl{
	border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 30px;
    width: 95%;
    margin-left: 35px;
    margin-right: 28px;
}

.psUploadAutoTstFile {
	margin-top: -38px;
    min-height: 99px;
    margin-bottom: -18px;
    margin-left: -20px;
    margin-right: -20px;
}

.psUploadAutoTstFile .ui-fileupload-progress, .psUploadAutoTstFile .ui-fileupload-cancel,
.psUploadAutoTstFile .ui-fileupload-choose {
	display: none;
}

.psUploadPnl .icon-cloud-upload {
    transform: scale(3); 
    margin-top: 19px; 
    display: block;
    text-align: center;
}

.uploadText {
	margin-top: 26px;
    text-align: center;
    margin-bottom: -35px
}

.uploadText label {
	color: #0da9ef;
    text-decoration: underline;
}

.tstResultDlgHeader{
	margin-top: -42px;
    position: fixed;
    font-size: 16px;
}

.tstResultDlgHeader span{
    text-transform: uppercase;
}

.tstResultDlgContent {
	max-height: 500px; 
	overflow: auto;
}

.ui-datatable .statusAutoTestRed, .statusAutoTestRed {
	color: #ff5252;
}

.ui-datatable .statusAutoTestGreen, .statusAutoTestGreen {
	color: #43d9a3;
}

.ui-datatable .statusAutoTestOrange, .statusAutoTestOrange {
	color: #ff7a07;
}

.portal-child{
	display:flex;
	padding-left:20px;
}

.portal-child >div >a{
	color: #606975;
	font-size: 14px;
	font-weight: 500;
}

.portal-child >div >a:hover{
    color: #00a4ff;
}

.portal-child >div:nth-of-type(1){
  	width: 95%;
	padding-top: 5px;
    padding-bottom: 5px;
}

.portal-child >div:nth-of-type(2){
	padding-top: 5px;
}
.portal-child >div:nth-of-type(2) > span{
  display: contents;
}
 .ui-carousel-header .ui-carousel-page-links .ui-icon-radio-off::before {
    content: "\f111";
    font-family:'Font Awesome 5 Free' ;
	font-weight: 400; 
}

.ui-carousel-header .ui-carousel-page-links .ui-icon-radio-off.ui-icon-radio-on::before{
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f111";
}  

.psInstructionsAcc .ui-button {
	background-color: #43d9a3;
}

.border-control .ui-autocomplete-input.ui-autocomplete-dd-input{
	width:108.5%;
	height:108%;
	margin-left:-18px;
	border-color:white;
}
.border-control .ui-autocomplete-dropdown .ui-icon-triangle-1-s
{
	margin-top:-50px;
}

.psArchInvoiceMultiSelect .ui-selectonemenu {
	min-width: 98px !important;
}

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

.invoice-header-type-field {
	min-width: 50px !important;
}

.addressMinMaxInputNumber input{
	max-width: 200%;
}

.addressMinMaxInputNumberLeft input{
	max-width: 200%;
	margin-left: 25px;
}

.addressTimePicker{
	max-width: 200%;
	width: 109px !important;
}

.moveLeft{
	margin-left: -1%;
}

.addressDate{
	margin-left: 0px;
}

.ui-timepicker-table {
    background-color: #fbfcfd !important;
    border: 1px solid #c0c5c7 !important;
    padding: 2px !important;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3) !important;
}

body .pe-timepicker .pe-timepicker-input{
    width: 62px;
}

body .ui-timepicker .ui-timepicker-minutes {
    padding-left: .4em;
}
                    
body .ui-timepicker table td a {
    min-width: 28px;
    min-height: 28px;
    display: inline-block;
    text-align: center;
    color: #292B2C;
    padding: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

body .ui-timepicker table td a.ui-state-hover{
    background-color: #f5f5f5;
}

body .ui-timepicker table td a.ui-state-active {
    color: #ffffff;
    background-color: #337ab7;
}

body .ui-timepicker .ui-timepicker-buttonpane .ui-timepicker-deselect,
body .ui-timepicker .ui-timepicker-buttonpane .ui-timepicker-close {
    color: #ffffff;
    border: 1px solid transparent;
    padding: .35em .7em .4em .7em;
    font-size: 14px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

body .ui-timepicker-buttonpane .ui-timepicker-deselect {
    background-color: #d9534f;
    border-color: #d43f3a;
}

body .ui-timepicker-buttonpane .ui-timepicker-deselect:hover {
    background-color: #c9302c;
    border-color: #ac2925;
}

body .ui-timepicker-buttonpane .ui-timepicker-close  {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

body .ui-timepicker-buttonpane .ui-timepicker-close:hover {
    background-color: #449d44;
    border-color: #398439;
}

.task-freetext{
	display:block;
}

.invoiceFooterProperties .ui-column-title {
	display: block;
	margin-left: -16px;
	margin-right: -17px;
}

.psProductTable .pe-inputNumber {
	width: 100%;
}

.psProductTable .ui-selectonemenu-label {
	width: 100% !important;
}

.psProductTable .psPanelProduct{
	max-width: 200px!important;
}

.psProductTable .pDate .ui-inputfield {
	width: 100%
}

.productDataGrid .ui-datagrid-content {
	border: none;
}

.psDlgProduct {
	left: 25% !important;
	right: 25% !important;
}

.productPanel .ui-selectonemenu-list {
    max-width:150px;
}

.product-table .ui-datatable-tablewrapper {
    min-height: 530px;
}

.logistics-content {
    max-height: 325px;
    padding-right: 30px;
}

.logistics-content .ui-selectonemenu label.ui-selectonemenu-label {
	margin-bottom: 0px;
    margin-top: 5px;
}

.logistics-content .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
	margin-top: 10px;
}

.logistics-content .imagePreview {
	width: 50px;
	height:50px;
	padding: 5px 5px 5px 5px;
	background-color: aquamarine;
}

.logistics-content label {
	font-weight: 400;
	font-size: 14px;
}

.media-content label {
	font-weight: 400;
	font-size: 14px;
}

.previewContainer {
	padding-left: 15px;
    padding-bottom: 10px;
    padding-bottom: 0;
    text-align:center;
}

.stInvoiceSelectOne .ui-selectonemenu-label{
    padding-top: 3px;
    margin-bottom: 5px;
    padding-left: 5px;
}

.product-logistics-uom input {
	padding-left: 18px;
}
.brandStyle, .familyStyle {
	border: 1px solid #dbe2e8; padding-left: 18px; padding-right: 18px;
}

.minOrder input {
	border: 1px solid #dbe2e8;
    padding-left: 18px;
    padding-right: 18px;
    height: 36px;
}	

.maxOrder input {
	border: 1px solid #dbe2e8;
    padding-left: 18px;
    padding-right: 18px;
    height: 36px;
}

.stepOneAddressTooltip{
	max-width: 180px;
}

.ordStepsPnl{
	margin-bottom: 10px;
}
.ordStepsPnl .ui-paginator-pages{
	margin-bottom: -11px;
}

.stepProgressPanel{
	position: sticky;
	float: right;
	width: 17%;
	margin-right: -15px;
	box-shadow: 0 7px 22px -5px rgb(47 56 68 / 20%);
}

.stepProgressPanel > .ui-tabs{
	height: 640px;
}

.stepProgressPanel > .ui-tabs > .ui-tabs-panels{
	height: 589px;
}

.stepProgressPanel > .ui-tabs > .ui-tabs-nav{
	padding: 0;
}

.stepProgressPanel > .ui-tabs > .ui-tabs-nav > .ui-state-default{
	width: 49%;
}

.stepProgressPanelDraft > .ui-tabs > .ui-tabs-nav > .ui-state-default{
	width: 32%!important;
}

.stepProgressPanel > .ui-tabs > .ui-tabs-nav > .ui-state-default > a{
	padding-left: 45%!important;
}

.indicatorsField{
	font-weight: 500;
}

.indicatorGreen{
	color: #43d9a3;
}

.indicatorWarn{
	color: orange;
}

.indicatorError{
	color: #ff5252;
}

.progressPanelIcon:before {
	content: '';
	position: absolute;
	width: 3px;
	background: black;
	margin-left: 75px;
	border-radius: 2px;
	height: 75px;
}

.stepTitle{
	margin-top: 20px;
}

.stepOneIcon:before {
	bottom: 30px;
	background: #00a4ff;
}

.stepTwoIcon:before {
	top: -45px;
	height : 160px;
}

.stepThreeIcon:before {
	top: -46px;
}

.stepTwoIconComplete:before {
	top: -45px;
	height : 160px;
	background: #00a4ff;
}

.stepThreeIconComplete:before {
	top: -46px;
	background: #00a4ff;
}

.stepIcon {
    display: inline-block;
    position: relative;
    width: 70px;
    height: 70px;
    border: 1px solid #e1e7ec;
    border-radius: 50%;
    background-color: #f5f5f5;
    color: #374250;
    font-size: 30px;
    line-height: 65px;
    margin-left: 40px;
}

.progressPanelIcon{
	height: 160px;
}

.progressPanelButtons {
	margin-top: -60px;
    margin-left: 10px;
}

.stepIconComplete{
	background: #00a4ff;
	color: #ffffff;
}

.floatRight{
	float: right;
}

.numberOfDrafts{
	margin-left: 5px;
}

.draftProperty{
	width: 30%;
	margin-left: 15px;
}

.draftValue{
	width: 50%;
}

.draftRemove{
	float: right;
	background-color: white;
	background: transparent;
	color: red;
	border: white;
}

.draftRemove:hover{
	background-color: white;
	background: transparent;
	border: white;
}

.draftList{
	height: 520px;
    overflow-x: hidden;
    overflow-y: visible;
    width: 105%;
}

div[id*="invoiceParafiscalTaxItems_panel"] {
	left: 487px;
	width: 40%;
}  

.lineColumn{
	border-width: 0px!important;
    padding: 4px!important;
}

div[id*="invoiceParafiscalTaxItems_panel"] .ui-selectonemenu-filter-container {
	width: 100%;
}

.psListOfParafiscalTaxSummary {
   margin-top: 12px;
}

.psAllowOrChargeActions {
	width: auto;
}

.psInvoiceAllowOrChargeDesc input {
	margin-top: 0px;
    padding-bottom: 0px;
	height: 23px !important;
	display: block;
}

.psAddParafiscalTaxTooltip {
	display: block;
}

.prafiscalTooltipMsg {
	display: block;
    margin-top: 12px;
}

.disabled {
    color: #999999d6;
}

.logistics-content .ui-spinner-up, .logistics-content .ui-spinner-down {
	margin-right: 0px !important;
}

.addUserDropDown.ui-selectonemenu
{
	min-width:210px!important;
	margin-right:0px;
}
.addUserPanel .ui-selectonemenu-list
{
	max-width:210px;
}

.displayErrorMessagesDialog{
	max-height: 700px;
	overflow-y: auto;
}

.reasonExemption{
	min-width: 20%!important;
}

.psValidationActionBtnPnl .ui-datagrid-data {
	width: auto;
    margin: auto;
}

.idx-col-qty {
	width:130px!important;
}

.idx-col-draft-old-value{
	width: 30px!important;
}

.idx-col-draft-old-value > .row{
	margin-left: 0px;
}

.draftOldValue{
	color: orange;
	text-decoration: line-through;
}

.orangeParanthesis{
	color: orange;
}

.stepFourIcon {
    font-size: 30px;
}

.psUploadFile .ui-fileupload-progress, .psUploadFile .ui-fileupload-cancel,
.psUploadFile .ui-fileupload-choose, .psUploadFile .ui-fileupload-files{
	display: none;
}
.psUploadFile{
	margin-top: -38px;
    min-height: 99px;
    margin-bottom: -18px;
    margin-left: -20px;
    margin-right: -20px;
}

.timelineStyleClass .ui-datatable .ui-datatable-data>tr td{
	border:0px;
	padding: 0px;
}

.timelineStyleClass thead {
    display: none;
}

.timelineStyleClass .ui-datatable-data tr:first-child .form-group.row{
	margin-top:20px
}

.fileHistoryUploadTitle{
	margin-top: 15px;
    font-size: medium; 
    color:darkgrey
}
.psFileName{
	width: 20%; 
	text-align:center
	}

.psDiscountAnnualRate input{
	font-size: large;
	margin-left: 11px;
	width: 20%;
    text-align: left;
}

.no-hover.ui-datatable .ui-datatable-data>tr:hover {
    background-color: #ffffff!important;
}

.wkfChoosePartnerSelectOneMenu	{
	margin-top: 13px;
	height:45px;
	min-width:220px!important;
	max-width:220px;	
}
.wkfChoosePartnerSelectOneMenu .ui-selectonemenu-label	{
	text-align: center;
    margin-top: inherit;
    font-size: small;
}
.wkfChoosePartnerSelectOneMenu.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: 15px;
}
.wkfChoosePartnerPanel	{
	overflow-y: scroll;
    max-height: 250px;
	width:100px;
}
.removeButton {
	float: right;
	background-color: white;
	background: transparent;
	color: red;
	border: white;
}

.removeButton:hover {
	background-color: white;
	background: transparent;
	border: white;
}

.groupColumn {
	height:63px;
	padding-top:22px;
}


.psDlgConn {
	min-height:600px;
	max-height:100px;
	overflow-y: scroll;
}
.hide-table {
	display: none!important;
}

.GroupAsignPnl {
	display:flex;
	margin-top:20px;
}

.connectionColumn {
	width:192px;
	text-align: center;
}

.relationColumn {
	width:210px;
	text-align: center;
}

.psDlgAsignGroup .ui-selectonemenu-label {
    padding-top: 3px;
    margin-bottom: 5px;
    padding-left: 5px;
}
.addConnectionInput {
height:35px!important;
}

.psAddConnFields {
	height:50px;
}
.addConnSelectonemenu.ui-selectonemenu .ui-selectonemenu-label {
	margin-left:15px;
	margin-top:5px;
}
.addConnSelectonemenu {
	width:725px;
	margin-left:15px;
 	height:37px;
 }

.user-info-wrapper .user-info .cName span {
    color: black!important;
    font-size: 20px!important;
}

.no-margin{
	margin:0px!important;
}

.psConnectionRulesFormat label {
	padding-right: 20px;
	padding-left: 5px;
	margin-top: 9px;
}

.psParafiscalTaxDescription {
	width: 100%;
	min-width: unset !important;
	vertical-align: middle;
}

.psListOfTaxSummary .ui-datatable-header {
	text-align: center;
}

div[id*="invoiceParafiscalTaxEditItems_panel"] {
	left: 487px;
	width: 27%;
}  

div[id*="invoiceParafiscalTaxEditItems_panel"] .ui-selectonemenu-filter-container {
	width: 100%;
}

.fullWidth{
	width:100%!important;
}

.fontSizeInvoicePayment {
	font-size: 26px;
}

.psDlgReadWorkflow .p-4
{
  padding: 1rem !important;
  margin-top: -10px!important;
} 
.psReadWkfTable .form-group.row
{
  margin-bottom: 0px!important;
}
.wkfRows.card-body
{
  padding-top: 0.5rem!important;
  padding-bottom: 0.5rem!important;
}
.psReadWkfTable .card-body
{
  padding-bottom: 2rem!important;
}
.wkfRows {
    line-height: 25px!important;
}

.validationButtons {
   margin-top: 10px;
}

.validationButtonsDlg {
	margin-top: 5px;
}

.psPreviewTemplateBtn img {
    width: 27%;
    margin-left: 12px;
}

.wkfTemplates { 
	max-width: 300px;
	min-width: 200px !important;
}

.wkfReminderParameters {
	position: absolute;
	margin-left: 700px;
}

.wkfDropdown{
	height: 44px;
}

.wkfDropdown label{
    line-height: 42px;
}

.wkfDropdown span{
    line-height: 42px !important;
}

.invoice-life-cycle-dlg .steps .step  {
    margin: 0px;
}

.steps .step.error .step-icon-wrap::after,.steps .step.error .step-icon-wrap::before {
    background-color: #ff5252
}

.steps .step.error .step-icon {
    border-color: #ff5252;
    background-color: #ff5252;
    color: #fff
}

.steps .step.warning .step-icon-wrap::after,.steps .step.warning .step-icon-wrap::before {
    background-color: #ff7a07
}

.steps .step.warning .step-icon {
    border-color: #ff7a07;
    background-color: #ff7a07;
    color: #fff
}

.invoice-life-cycle-dlg .ui-dialog-content {
    padding-top: 10px;
    padding-bottom: 15px;
    font-weight: bold;
    text-align: center
}

.invoice-life-cycle-dlg .ui-panel .ui-panel-titlebar-icon .ui-icon-plusthick:before{
	content:"\25BC"!important;
}

.invoice-life-cycle-dlg .ui-panel .ui-panel-titlebar-icon .ui-icon-minusthick:before{
	content:"\25B2"!important;
}

.invoice-life-cycle-dlg .timelineStyleClass{
	max-height: 300px;
}

.uploadText label {
    color: #0da9ef;
    text-decoration: underline;
    cursor: pointer;
}

.timelineStyleClass .ui-datatable-data .row .timelineActions a.ui-commandlink {
    font-weight: bold;
}

.psFileAttachement .dbErrors {
    padding-bottom: 20px;
}

.timelineStyleClass .ui-datatable-data .row .timelineActions a.ui-commandlink {
    font-weight: bold;
}

.psFunctionUserTable .ui-column-filter {
    display: none;
}

.psFunctionUserTable .ui-datatable-header {
    border: none;
    background: none;
}

.wkfFunctionEntities {
    margin-top: 13px;
    height: 35px;
    margin-bottom: 25px;
    width: 100%;
}

.wkfFunctionEntities .ui-selectonemenu-label {
    padding-top: 6px;
    margin-bottom: 6px;
    padding-left: 6px;
}

.wkfChoosePartnerPanel .ui-state-disabled, .wkfFunctionEntityPanel .ui-state-disabled {
    display: none;
}

.psDlgPopulateFunction {
    max-height: 600px;
}

.psDlgPopulateFunction .ui-dialog-content.ui-widget-content {
    max-height: 530px;
    overflow-y: overlay;
}

.psDeleteFunctionPnl .fa-exclamation-triangle {
    width: 20px !important;
    color: #f0db70;
    margin-right: 5px;
}

.deleteFunctionWarn {
    white-space: pre-wrap;
    width: 530px;
    display: inline-flex;
    margin-bottom: 10px;
    word-break: break-all;
}

div[id$="tskForm-workflowManagementView-workflowTabs-searchWorkflow-searchComponent-panel"] {
    width: 110% !important;
}

.reconciliationExclusionPartsPanel .multiselect-container.dropdown-menu {
    right: 0px;
    overflow: scroll;
    height: 200px;
}

.reconciliationExclusionPartsPanel .multiselect-container .multiselect-search {
    border-radius: 5px;
}

.reconciliationExclusionPartsPanel .multiselect-container .multiselect-item .fa-search {
    text-align: right;
    margin-top: -2px;
}

.multiselect.recButton {
    width: auto;
    height: 33px;
    border: 1px solid #dbe2e8;
    border-radius: 5px;
    background-color: #fff;
    color: #606975;
    text-align: left;
    margin-top: -10px;
}

.recButton.dropdown-toggle::after {
    color: #292b2c;
    position: sticky;
    width: 9px;
    height: 50px;
    margin-top: -14px;
    margin-left: 272px;
}

.recButton.disabled {
    opacity: .4;
}

.recButton .caret {
    display: none;
}

.reconciliationExclusionPartsPanel {
    height: 35px !important;
}

.reconciliationStatus.ui-selectonemenu .ui-selectonemenu-label {
    width: 265px;
}

.changeQueryMode .ui-button {
    margin-right: 0px !important;
}

.recButton span.multiselect-selected-text {
    margin-left: -5px !important;
}

.recSelectOneMenuPanel {
    width: 265px;
}

.psRecRelations tr {
	background-color: transparent !important;
}
.psRecRelations thead tr {
	display: none;
}
.psRecRelations tbody tr td {
	border: none;
	word-break: break-word;
}

.psRecRelations {
	margin-top: -9px;
}

.recLineColumn {
	width:14%;
}

.rec-footer-labels{
	width: 17%;
}

.actionsGrid .ui-datagrid-column {
    padding: 0px;
}

.psCommunicationLanguage {
    margin-top: 10px;
}

.overflow-y-auto {
    overflow-y: auto!important;
}