/* ----------------------------------------- */
/* FILE: layout.css */
/* ----------------------------------------- */


.px-menulist {
min-width: 150px;
}
.dialog description {
margin-bottom: 1px;
margin-top: 1px;
}

.px-rows.dialog .px-row > label:first-child,
.px-rows.dialog .px-row > description:first-child {

}
#facture-VIEW-RUBRIQUE_ menulist {
width: 50px;
min-width: 50px;
}


.px-rows.dialog .px-row .px-field-name .px-description {
white-space: pre-wrap;
}



XXX.drop-down vbox.pre {
overflow-x: hidden;
overflow-y: scroll;
max-height: 20em;
}


.px-section-actions button {
margin-left: 1em;
}
#layout-box-actions {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.px-spacer {
flex: 1;
}

/* ----------------------------------------- */
/* FILE: stylee.css */
/* ----------------------------------------- */


#layout-box > div.px-hbox {
border: 2px inset WindowFrame;

margin-right: 5px;
}
#layout-status,
#layout-box > div.px-hbox,
#layout-box > div.px-vbox {
background-color: #EDECEB;
}

#POEXUL-Status .px-box {
border-radius: 5px !important;
border: 1px solid #0f4c81 !important;
box-shadow: 10px 10px 5px grey;
}

#USER-Message {
background-color: white;
border: 2px outset WindowFrame;
border-radius: 5px;
}

#PX-SID {
font-family: monospace;
font-size: 14px;
color: Grey;
margin-right: 6px;
}

#PX-Status {
margin-left: 6px;
}
poexul-blocker .wait {
border-radius: 5px !important;
border: 1px solid #0f4c81 !important;
}


h1 {
margin-top: 0;
margin-bottom: 0;
}
.px-caption {
font-size: 1.5em;
background-color: #EDECEB;
}
button {
overflow: hidden;
}
button:hover,
.px-toolbarbutton:hover,
label[anontype=button],
.px-image[clickable=honk]:hover,
.px-row[clickable=honk]:hover,
.px-row[clickable=honk]:hover .px-description {
cursor: pointer !important;
}


.px-rows.dialog .px-row .px-field-name {
font-weight: bold;
}
.px-field-value .title-above {
font-weight: bold;
margin-left: 0;
}


.px-listbox.zebra {
width: 600px;
}
.px-listbox.zebra .px-listheader {
background-color: transparent;
border: none;
margin: 0px;
padding: 0px;
white-space: pre;
}
.zebra_header,
.zebra_footer {
background-color: transparent;
border: none;
margin: 2px;
padding: 0px;
font-family: monospace;
font-size: 1.2em;
}
.zebra {
border: 2px inset #EDECEB;
font-family: monospace;
font-size: 1.2em;
}

.zebra-add {
font-family: monospace;
font-size: 1.2em;
}
.zebra_header .px-description,
.zebra_footer .px-description,
.zebra .px-description {
margin: 0;
}
.zebra listitem,
.zebra listcell {
margin: 0;
}
.drop-down .UP .pre {
border: 2px inset #EDECEB;

}
.zebra .line0,
.px-columns .line0 .cell {
background-color: #eeeeee !important;
}
.zebra .line1,
.px-columns .line1 .cell {
background-color: white !important;
}
.zebra .temporary {
font-style: italic;
border: 1px solid red;
}

.zebra .href {
-moz-appearance: none;
border-left: none;
border-top: 1px solid white;
border-right: none;
border-bottom: 1px solid transparent;
background-color: transparent;
}
.dialog .zebra .href:hover {
color: blue;
border-bottom: 1px solid blue;
cursor: pointer;
}
.dialog .zebra .href:hover:focus {
border-top: 1px dashed blue;
}
.zebra .href:focus {
border-top: 1px dashed black;
border-bottom: 1px dashed black;
}


span.error {
color: red;
font-size: 1.1em;
vertical-align: text-top;
}
span.message {
font-size: 0.8em;
font-style: italic;
color: #8B7652;
}


.px-description.static {
font-family: -moz-fixed;
}


.px-groupbox.drop-down .px-caption {
background-color: transparent;
}
.px-groupbox.drop-down .px-caption .px-label.widget {

font-size: 0.7em;
border: 1px solid ThreeDShadow;
border-radius: 3px;
padding: 0px 10px;
background-color: #EDECEB;
display: inline-block;
cursor: pointer;
}
.px-groupbox.drop-down .px-caption .px-label.px-rollup.widget {
font-size: 1em;
color: #0f4c81;
border: none;
padding: 0;
margin: 0;
}
.px-groupbox.drop-down .px-caption .px-button.widget {
font-size: 0.7em;
}
.px-groupbox.drop-down .px-caption button.widget .px-hbox {
padding: 0px;
}
.px-groupbox.drop-down .px-caption button.widget .px-hbox label {
padding: 0px;
}


.select-widget .inactive,
.MultiWidget_inactive {
font-style: italic;
opacity: 0.75;
 
}


.px-formated-holder .px-formated-error {
display: none; 
color: red;
font-size: 1.1em;
vertical-align: top;
}
.px-formated-holder .px-formated-message {
font-size: 0.8em;
font-style: italic;
color: #8B7652;
}
.px-search-list-explaining,
.px-search-list-explain {
font-style: italic;
color: #8B7652;
}
.px-groupbox .px-caption .px-description {
color: white;
font-weight: bold;
padding: 0px 9px 5px 9px;
margin: 0px;
border-radius: 3px;
background-color: #0f4c81;
border: 1px solid #0f4c81;
}
.px-groupbox {
border-radius: 5px;
border-color: #0f4c81;
border-style: solid;
border-width: 1px;
}
.firefox .px-groupbox {
border-color: #0f4c81;
}
.px-groupbox .px-caption {
margin-left: 0.5em;
padding: 0;
}


.columns-table td {
border-bottom: solid white 1px;
}
.href:hover td {
border-bottom: solid blue 1px;
color: blue !important;
}

.px-button1 {
height: 2.2em;
background-color: #378ce1;
color: white;
font-weight: bold;
border: 1px solid #378ce1;
border-radius: 2px;
border-top-width: 1px;
border-bottom-width: 2px;
border-bottom-color: #0f4c81;
}
.px-button1.px-down {
border-top-color: #123478;
border-top-width: 2px;
border-bottom-color: #378ce1;
border-bottom-width: 1px;
}


.px-button,
.px-button.no-border:hover {
border: 1px solid #918E8C;
border-bottom: 1px solid #918E8C;
border-radius: 3px;
background-color: #ECEBEA;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FEFEFE), color-stop(100%, #ECEBEA));
background-image: -webkit-linear-gradient(top, #FEFEFE, #ECEBEA);
background-image: -moz-linear-gradient(to bottom, #FEFEFE, #ECEBEA);
background-image: -ms-linear-gradient(top, #FEFEFE, #ECEBEA);
background-image: -o-linear-gradient(top, #FEFEFE, #ECEBEA);
background-image: linear-gradient(to bottom, #FEFEFE, #ECEBEA);
padding: 3px;
text-align: center;
text-shadow: 0 1px 0 #eeeeee;
cursor: pointer;
}
.px-button:active,
.px-button.px-down {
background-color: #dddddd;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
text-shadow: 0 1px 0 #ddd;
border: 1px solid #aaa;
border-bottom: 1px solid #888;
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #FEFEFE;
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #FEFEFE;
}
#layout-box-actions .px-button {
margin-bottom: 5px;
}
.px-button.no-border {
border-width: 1px;
border-color: transparent;
background-image: none;
background: none;
margin: 0;
padding: 0; 
/*    font-size: 1.3em;
font-weight: bold;
font-family: monospace; */
width: 24px;
height: 24px;
}
.px-button.search {
padding: 3px;
}
.px-zebra-button {
cursor: pointer;
}
.empty .zebra {
display: none;
}
option.emphasis {

color: #0f4c81;
}
.pre-formated {
font-family: monospace;
white-space: pre;
}
.pre-formated-white {
display: block;
background-color: white;
font-size: 1.1em;
padding-left: 4px;
padding-right: 4px;
}

/* ----------------------------------------- */
/* FILE: highlight.css */
/* ----------------------------------------- */

.highlight input, .highlight select {
color: inherit;
font-weight: inherit;
font-style: inherit;
}
.highlight-red {
color: red;
}
.highlight-black {
color: black;
}
.highlight-grey {
color: gray;
}
.highlight-blue {
color: blue;
}
.highlight-green {
color: green;
}
.highlight-bold {
font-weight: bold;
}
.highlight-italic {
font-style: italic;
}
.highlight-normal,
.highlight-normal td.px-field-name label {
font-weight: normal;
}

/* ----------------------------------------- */
/* FILE: skivelo.css */
/* ----------------------------------------- */
.IGDAIP-INVENT .px-columns .columns-table {
max-height: none;
overflow: auto;
}

/* ----------------------------------------- */
/* FILE: chrome/px-layout.css */
/* ----------------------------------------- */



#layout-box > .px-hbox {
width: 800px;
height: 800px;
}
#XUL-Content {
overflow-y: hidden;
overflow-x: auto;
}
#layout-box .px-groupbox {

}
/* #layout-box -> margin: 0, border: 2px, padding: 5px
.px-groupbox -> margin: 5px, padding: 5px, border: 1px */
#layout-box .px-section-actions {

}

#layout-box .px-screen > .section,
#layout-box .px-screen > .drop-down {
margin-bottom: 2em;
}
#layout-box .px-screen > .dialog > .dialog,
#layout-box .px-left-right-holder > .dialog > .dialog {
padding: 0 1em 0.25em 1em;
}
.px-field-value > .px-description {

}
.px-row:last-child {
margin-bottom: 0.5em;
}
div#layout-box-actions {
position: absolute;
width: 300px;
right: 0;
top: 0;
bottom: 0;
padding: 5px;
}
div#layout-status {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.px-field-name {
vertical-align: top;
}
.px-listbox.zebra {
width: 400px;
}
.px-tree.zebra {
width: 400px;
}
.px-vbox.zebra {

}
#ERROR pre,
#ERROR b,
#ERROR span {
width: 400px;
height: 400px;
}
.px-poexul-status {
margin: 200px auto;
}
.px-poexul-status progress {
width: 373px;  
margin: 5px 0 3px 12px;
}
.px-poexul-error {
top: 100px;
position: fixed;
left: 212px;    
}
.px-poexul-status .px-box {
width: 400px;
border: outset 2px WindowFrame;
background-color: white;
margin-left: auto;
margin-right: auto;
cursor: wait;
}
.px-box .px-description.title {
width: 300px;
cursor: wait;
}
.px-poexul-error .px-hbox.message {
width: 550px;
height: 200px;
}
.px-poexul-error .px-description.message {
padding: 0;
margin: 0;
}
.px-poexul-error .pre {
padding: 0;
margin: 0;
white-space: pre;
}

#USER-Message {
margin-bottom: 1em;
}


.px-vbox.float-message#USER-Message {
position: fixed;
left: 425px;
top: 3em;


min-height: 100px;
max-height: 600px;
padding: 0;
}
.px-vbox.float-message#USER-Message .popup {
position: static !important;
padding: 0;
width: 386px;
}

.px-vbox.float-message#USER-Message .popup .user-message-border {
overflow: auto;
min-height: 100px;
padding: 2px;
width: 100%;
}


.px-description {
margin-top: 1px;
margin-bottom: 4px;
}
label {
margin-top: 1px;
margin-bottom: 2px;
}
.px-formated-holder div {
display: inline-block;
margin-left: 0.5em;
}
.px-label.px-rollup {
display: inline-block;
float: right;
position: relative;
top: -12px;
right: 0.5em;
}
.ie .px-label.px-rollup {
top: -2px;
}
.edge .px-label.px-rollup {
top: -4px;
}
.safari .px-label.px-rollup {
top: -2px;
}
.zebra_header,
.zebra_footer,
.zebra .px-description,
.zebra_header .px-description,
.zebra_footer .px-description {
display: block;
}
div.px-hbox > div.px-box {
display: inline-block;
margin: 0 1em 0 0;
}
#layout-box div.px-right-of,
#layout-box div.px-left-of {
display: inline-block;
margin-bottom: 1em;
}
#layout-box div.px-right-of {
margin-left: 16px;
}
.px-dropdown-add > * {
display: inline-block;
vertical-align: text-top;
margin-right: 0.5em;
margin-top: 1px;
}
.px-dropdown-add textarea {
margin-top: 0;
}
textarea {
padding: 0.5em;
}
.px-table tr td:first-child {
padding-left: 0;
}
button.right-of {
margin-left: 1em;
}
.bold {
font-weight: bold;
}
.px-left-right-holder {
display: flex;
}
#layout-box .px-groupbox.flex-small {
width: 400px;
}

/* ----------------------------------------- */
/* FILE: chrome/px.css */
/* ----------------------------------------- */
body {
background-color: #EBEDEC;
color: black;
font: message-box;
}
div.DUFFUS {}
div.px-hbox {

}
div.px-vbox {

}
div.px-block {}
div.px-section-actions {}
td.px-field-name {}
td.px-field-value {}
div.px-groupbox {
padding-left: 3px;
}
td.px-field-name label,
td.px-field-name .px-description {
font-weight: bold;
}
span.px-description {}
div.px-screen {}
div#layout-box {

position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 30px;
}
div#layout-box-content {
border: 2px inset ThreeDFace;
padding-left: 3px;
padding-right: 3px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
overflow-y: scroll;
overflow-x: auto;
width: 1000px; 
}
span#PX-SID {
float: right;
}
div#PX-Content {
width: 100%;
}
.px-groupbox .px-caption {
display: inline;
position: relative;
top: -0.5em;
left: 3px;
}
div.px-screen {
margin-top: 1em;
}
div.px-screen.hidden {
margin-top: 0;
}
#USER-Message {
width: 99%;
height: 12em;
display: block;
}
input,
select {
border-width: 1px;
border-radius: 3px;
border-style: solid;
border-color: #0f4c81;
padding: 3px 5px 3px 5px;
background-color: white;
}
input:focus,
select:focus {
border-color: #1e73c8;
}
.macos select {
height: 22px;
}
.safari select {
-webkit-appearance: none;

background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+);
background-color: white;
background-position: center right;
background-repeat: no-repeat;
min-width: 150px;
}
input.px-editable-input {
border: none;
border-radius: 0;
outline: none;
padding: 0;
margin: 0 0 0 3px;
background-color: white;
}
#PX-Actions button {
display: block;
width: 100%;
text-align: left;
}
.px-label.px-rollup {
font-weight: bold;
font-size: 1.5em;
}
input::-webkit-contacts-auto-fill-button {
visibility: hidden;
display: none !important;
pointer-events: none;
position: absolute;
right: 0;
}


.px-money {
padding: 0;
margin: 0;
text-align: right;
width: 6em;
display: block;

}
.facture-ACCOMPTE .px-money,
.facture-TVQ .px-money {
border-bottom: 1px solid black;
}
.px-money .sign-money {
text-align: right;
width: 1em;
display: block;
}

/* ----------------------------------------- */
/* FILE: chrome/px-columns.css */
/* ----------------------------------------- */
.px-columns .columns-body {
display: inline-block;
border: 1px solid #918E8C;
padding: 0;
margin: 0;
}
.px-columns .columns-table {
max-height: 800px;
display: inline-block;
overflow-y: scroll;
overflow-x: hidden;
background-color: white;
margin: 0;
}
.px-columns table {
border-collapse: collapse;
table-layout: fixed;
}
.px-columns td,
.columns-cols .h,
.px-columns table tr td:first-child {

padding: 0 5px 0 5px;
margin: 0;
font-family: monospace;
font-size: 1.1em;
overflow: hidden;
}
.columns-cols {
padding: 0;
margin: 0;
border-bottom: 1px solid #918E8C;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FEFEFE), color-stop(100%, #ECEBEA));
background-image: -webkit-linear-gradient(top, #FEFEFE, #ECEBEA);
background-image: -moz-linear-gradient(to top, #FEFEFE, #ECEBEA);
background-image: -ms-linear-gradient(top, #FEFEFE, #ECEBEA);
background-image: -o-linear-gradient(top, #FEFEFE, #ECEBEA);
background-image: linear-gradient(to bottom, #FEFEFE, #ECEBEA);
}
.columns-cols .h {
display: inline-block;
overflow: hidden;
border-left: 1px solid #918E8C;
border-top-width: 0px;
border-bottom-width: 0px;
cursor: default;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
height: 20px;
padding-top: 3px;
vertical-align: middle;
position: relative;
}
.columns-cols .h:first-child {
border-left-color: transparent;
}
.px-columns-sorter {

position: absolute;
right: 0;
color: grey;
}

/* ----------------------------------------- */
/* FILE: chrome/px-efficom.css */
/* ----------------------------------------- */
.facture .px-field-name {
width: 150px;
}
.facture.px-groupbox {
display: inline-block;
margin-bottom: 1em;
}
XXX.client .px-field-name {
width: 145px;
}
XXX.client .px-field-value {
width: 330px;
}

XXX.client .px-formated-menulist {
width: 300px !important;
overflow: hidden;
}
.client .px-field-value .px-formated-menulist .px-message,
.client .px-field-value .px-formated-menulist .px-description {
width: 175px;
}
XXX.client .ADRESSE_ {
width: 330px;
}
.px-field-name {
width: 200px;
}
.px-field-value {
}
.px-table {
width: 100%;
}
.px-money {
}
.efficom-image-holder {
position: absolute;
bottom: 0;
}
.efficom-image-holder .px-image {
display: block;
}
.efficom-image-holder .px-description {
display: block;
}

/* ----------------------------------------- */
/* FILE: chrome/formated.css */
/* ----------------------------------------- */
.px-formated-menulist {
vertical-align: top;
}
.px-formated-menulist > select,
.px-formated-menulist > div {
display: inline-block;
}

textarea {
resize: none;
overflow: hidden;
}
.px-search-list select {
width: 500px;
}
.px-search-list-input,
.px-multi-keypress-input {
margin-right: 0.5em;
}
.firefox .px-search-list-input,
.firefox .px-multi-keypress-input {
height: 19px;
}

/* ----------------------------------------- */
/* FILE: chrome/popup.css */
/* ----------------------------------------- */


.px-groupbox.popup,
.px-field-value .box-popup {
border: 2px outset ThreeDFace;
background-color: ThreeDFace;
box-shadow: 10px 10px 5px grey;
z-index: 9;
margin: 0;
}
.px-field-value .box-popup > * {
margin: 0;
}
.popup .px-caption {
background-color: rgb( 30, 67, 118 );
color: white;
}
.popup .px-caption .px-description {
background-color: rgb( 30, 67, 118 );
}
.popup .px-caption .button {
padding: 0px 2px;
margin-top: 4px;
margin-bottom: 4px;
overflow: auto;
border: 2px solid transparent;
border-radius: 3px;
font-size: 15px;
}
.popup .px-caption .button:hover {
border: 2px outset ThreeDFace;
background-color: ThreeDFace;
color: black;
border-radius: 3px;
}
.popup.px-groupbox .px-caption,
.px-field-value .popup .px-caption {
display: block;
position: static;
padding: 0 0 0 0.5em;
margin: 0;
}
.popup.px-groupbox .px-caption .px-description,
.px-field-value .popup .px-caption .px-description {
padding: initial;
display: inline-block;
}
#layout-box .dialog .popup {
position: fixed;
left: 100px;
top: 100px;
max-width: 600px;
padding: 1px;
overflow: auto;
}
.popup .body {
background-color: white;
overflow: auto;
max-width: 598px;
max-height: 240px;
}
.px-draggable,
.draggable .header:hover {
cursor: grab;
}
.px-draggable.px-dragging {
cursor: grabbing;
}
.popup .px-caption {
padding: 0 0 0 0.5em;
margin: 0;
}
.popup .px-caption .closer {
display: inline-block;
float: right;
cursor: pointer;
margin-right: 3px;
margin-top: 1px;
}

/* ----------------------------------------- */
/* FILE: chrome/px-calendar.css */
/* ----------------------------------------- */
.px-calendar {

height: 197px;
overflow-x: hidden;
overflow-y: scroll;
-moz-box-orient: vertical;

font-family: sans-serif;
background-color: #EBEDEC;
z-index: 1;
}
.px-calendar table {
border-spacing: 0;
}
.px-calendar .month {
background-color: white;
text-align: center;
}
.px-calendar tr.month td {
border-bottom: 2px solid #0f4c81;
padding-top: 0;
padding-bottom: 0;
margin: 0;
}
.px-calendar tr.month td {
text-align: center;
}
.px-calendar td.today {
font-weight: bold;
background-color: #ffa !important;
}
.px-calendar tr.current td {
background-color: yellow;
}
.px-calendar tr.current td.empty {
background-color: transparent;
}
.px-calendar td.day {
cursor: pointer;
}
.px-calendar td {
font-family: monospaced, sans-serif;
width: 20px;
text-align: right;
margin: 0;
padding-left: 2px !important;
padding-top: 0;
padding-bottom: 0;
padding-right: 2px;
}
.px-calendar .empty {
width: 20px;
}
.px-calendar td.day0,
.px-calendar td.day6,
.px-calendar td.closed {
color: grey;
}

/* ----------------------------------------- */
/* FILE: chrome/edge.css */
/* ----------------------------------------- */
::-ms-clear { display: none; }
::-ms-reveal { display: none; }

