/* Minification failed. Returning unminified contents.
(707,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(708,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(709,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(718,20): run-time error CSS1039: Token not allowed after unary operator: '-c'
(723,21): run-time error CSS1039: Token not allowed after unary operator: '-h'
(726,63): run-time error CSS1039: Token not allowed after unary operator: '-b'
(726,88): run-time error CSS1039: Token not allowed after unary operator: '-h'
(726,108): run-time error CSS1039: Token not allowed after unary operator: '-h'
(726,124): run-time error CSS1039: Token not allowed after unary operator: '-b'
(727,37): run-time error CSS1039: Token not allowed after unary operator: '-c'
(727,70): run-time error CSS1039: Token not allowed after unary operator: '-h'
(727,81): run-time error CSS1039: Token not allowed after unary operator: '-b'
(727,96): run-time error CSS1039: Token not allowed after unary operator: '-h'
(727,107): run-time error CSS1039: Token not allowed after unary operator: '-b'
(727,123): run-time error CSS1039: Token not allowed after unary operator: '-h'
(727,132): run-time error CSS1039: Token not allowed after unary operator: '-h'
(732,54): run-time error CSS1039: Token not allowed after unary operator: '-b'
(732,76): run-time error CSS1039: Token not allowed after unary operator: '-h'
(732,96): run-time error CSS1039: Token not allowed after unary operator: '-h'
(732,109): run-time error CSS1039: Token not allowed after unary operator: '-b'
(733,37): run-time error CSS1039: Token not allowed after unary operator: '-c'
(733,70): run-time error CSS1039: Token not allowed after unary operator: '-h'
(733,81): run-time error CSS1039: Token not allowed after unary operator: '-b'
(733,100): run-time error CSS1039: Token not allowed after unary operator: '-h'
(733,111): run-time error CSS1039: Token not allowed after unary operator: '-b'
(733,123): run-time error CSS1039: Token not allowed after unary operator: '-h'
(733,136): run-time error CSS1039: Token not allowed after unary operator: '-h'
 */
@font-face {
  font-family: 'dadhriregular';
  src: url('data:application/font-woff;base64,d09GRk9UVE8AAAWAAAsAAAAAB0AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAADOAAAAgoAAAIKBy+9pkZGVE0AAAVcAAAAHAAAAByB6yfkR0RFRgAABUQAAAAYAAAAHAAVABRPUy8yAAABaAAAAEgAAABgWYZikmNtYXAAAALoAAAAOAAAAUIADQPqaGVhZAAAAQgAAAA2AAAANhCzFOdoaGVhAAABQAAAAB8AAAAkB7ID9WhtdHgAAAV4AAAACAAAAAgIUP/EbWF4cAAAAWAAAAAGAAAABgACUABuYW1lAAABsAAAATUAAAIN4XJxbnBvc3QAAAMgAAAAFgAAACD/hgAzAAEAAAABAACQZtqdXw889QALA+gAAAAA1ug/jwAAAADW6ZEV/8T/ygP+A5QAAAAIAAIAAAAAAAB4nGNgZGBgnvL/FEMUi8b/I0D2PwagCApgAgCR0gWvAAAAUAAAAgAAeJxjYGHRYJzAwMrAwNTFtJuBgaEHQjPeZzBkZAKKMrByMsAAIwMSCEhzTWFoYHBhcGFW+G/BEMU8hcEMoQbIUwBCRgAjHQrLeJx1jr1qAkEUhc/4syEgwS7tDaSIoMvoWhjLKBIsVSSWiy6zC7IjoxYW6fIIKfMMeaY8Ss7oBFIkC5f77Z17zj0AbvAJhct3j2lghQivgSu4wnvgKu7wFbiGSDUD19FUj4Ejzl+4qWrX/Hs+qzwrNGADV3j3LXAVT/gIXENDVQLXIeo2cMT5FCPqdzjBoYBBjgMED1ijxd6DRhcDtMkJ5lixBAtkfM9RUrllGSozYGR3J1eY/CAP65b0dHfQlmS+mssiW+el3VpTcGuMFBuK/TmM003u2GfUGxzplvIBs8wctylhQveSiXx33MjOmWKmEgxZv80ukwQd9Fk/yTGx5WFincmkF2sZyuUkIen0Oz7kP5GWPOaw58hHENp5w/jc/XksM7cvbClad2Ottfzt8w2Ck0zzAAAAeJxjYGBgZoBgGQZGBhCwAfIYwXwWBgUgzQKEIL7L//8Q8v9eqEoGRjYGGJMiQA0zBgoAAIEJBvd4nGNgZgCD/80MRkCKkQENAAAoVQG5AAABAAQEAAEBAQdEYWRocmkAAQIAAQAt+A8A+BsB+BwC+B0D+BgEjAwBT1T6kvooBRwAfw8cAAAQHACCERwAHBwB7hIAAwIAAQAlACsAMUNvcHlyaWdodCAoYykgMjAxOCwgM1NZUyBUZWNobm9sb2dpZURhZGhyaURhZGhyaQAAAAAlAAICAAEAIgFki734Rb0Bvb359L0DvRb6WPip/lgGvfx3FfhF+fT8RQcO///JjkD/AJRxwPiUptz3XgH6M+oD+FH5WRWEgYeFhoU/LT4sQSxPPlA+VDtwZXxei1sIegeOX512toapiKmJqYuTi/8AB45A////jkD/AAe0AIv/AAPaQIv/AAPjgP8AAByAj/8AAFVA9y2W9yiz9yHJ9xrG9wnf3/cPCL3Un9iL1Ivkbd5gxVXVPKg2nQj7QpwFSYtJhEl/IXgjcitaYHRpbH1cg3CEcIdwiYKKgouDi2ybe6mLCJOLk4yVjdab1Z/VnY6MjoyOjY6OkpCKkIuRhY6GjHiOeYt4jAhmBoqOi42Ljumv7J71lAj7bPz7FXyLd454kHCRfJmLoIuUjZSQlZOclZ6Xmu73Fe73FO33Fp+llqqbqQiPkpOWkIvlh+WH4W7ibLdWi0WLboRrfGloOktUQ1/7Li37O1j7TIIIDvq8FIsVd5/6KIsGiwwK9ygKpvcNwQwM6gvqDA0AAHicY2BkgAAeBhEGFiDNBMSMEAwAAssAKgAAAAEAAAAA1BlXPwAAAADW6D+PAAAAANbpkRUEKAAABCj/xA==') format('woff');
}
@font-face {
  font-family: oxygenmono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Oxygen Mono'), local('OxygenMono-Regular'), url(https://fonts.gstatic.com/s/oxygenmono/v7/h0GsssGg9FxgDgCjLeAd7hjWx-6_Pg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: oxygenmono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Oxygen Mono'), local('OxygenMono-Regular'), url(https://fonts.gstatic.com/s/oxygenmono/v7/h0GsssGg9FxgDgCjLeAd7hjYx-4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body,
td,
th,
p {
  margin: 0;
  font-family: sans-serif;
  user-select: none;
}
select.dateLiv {
  font-family: oxygenmono,monospace;
  font-size: 11pt;
}
html {
  height: 100%;
}
body {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 100%;
  background-color: #f1f1f1;
  width: 100%;
  overflow-y: hidden;
}
.ui-page {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0;
  padding: 0;
  min-height: 100%;
  margin-top: 0;
  z-index: 5;
}
.wrap {
  top: 40px;
  bottom: 25px;
  left: 0;
  right: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
}
.no-header .wrap {
  top: 0;
  bottom: 0;
}
.no-header .ui-content {
  padding: 0;
}
/*** HEADER ***/
.ui-header,
.ui-footer {
  z-index: 10;
}
.ui-header .ui-title {
  margin: 0;
}
.ui-header {
  width: 100%;
  height: 40px;
  margin: 0 auto;
  color: #002b55;
  border-bottom-style: groove;
  border-bottom-color: #333333;
}
/*** CONTENT ***/
.ui-content {
  height: auto;
  margin: auto;
  padding: 0.5%;
}
h2 {
  text-align: center;
}
h3 {
  text-align: center;
}
div .row {
  width: 100%;
  margin: auto;
  height: auto;
}
/*** FOOTER ***/
.ui-footer {
  position: fixed;
  bottom: 0;
  height: 20px;
  left: 0;
  right: 0;
  clear: both;
  font-size: 10px;
  color: #002b55;
  border-top: 4px solid #cbe6f2;
}
.ui-footer p {
  float: left;
  display: block;
  width: 33.3%;
  line-height: 20px;
  min-height: 20px;
  margin: auto;
  box-sizing: border-box;
}
.ui-footer p.footer-left {
  text-align: left;
  padding-left: 10px;
}
.ui-footer p.footer-middle {
  text-align: center;
}
.ui-footer p.footer-middle .connexion a {
  font-weight: normal;
  text-decoration: none;
}
.ui-footer p.footer-middle .connexion a:hover {
  text-decoration: underline;
}
.ui-footer p.footer-right {
  text-align: right;
  padding-right: 10px;
}
.link,
.clientdata a {
  color: blue;
  cursor: pointer;
  text-decoration: none;
}
.link:hover,
.clientdata a:hover {
  text-decoration: underline;
}
.ui-datepicker-trigger {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 25px;
  height: 100%;
}
.ui-input-text input::placeholder,
.ui-input-search input::placeholder,
textarea.ui-input-text::placeholder {
  color: #008;
  opacity: 0.4;
}
.datepicker,
.ui-input-text input.datepicker {
  background: white url('data:image/gif;base64,R0lGODlhEAAQAPcAAAAAAG2taG6vam+va3GwbHKxbnOxb3Syb3WzcHi0c3m1dHq1dVKEw1SGxFWGxlaHx16KxVyKxl+MxlmKyFuKyV+NyF6Oy2OSzmSTzmmW0W+b1HSd1HWh13ei2Hyh0Hqk2X2l3H6o3f99O/9/Pf+EQv+LR/+QTf+UUv+VVP+WVP+YV/+ZWP+aWv+dXP+eXf+fX/+nVP+rWv+gYP+hYf+iYv+jZP+kZP+kZf+wYf+zaP+4bf+5cf+7df+9eYCp3YKq35K034Ss4Ieu4Yiv4oyx44yy5I+05ZC15pO355W24ZS355a66Zi66Zq8652+656/7JXSjpvUlJ/A7abD6anE6KrG6ajF76zH6KzG6azH6q7I6K7J6a7J6qzH8LDI6LDJ6bDJ6rPL6bLL6rPM6rXM6LXN6rfO6rrP6rrQ673R677S68DT68jW6svY68zZ683Z7Nji8Nvk8dzl8t3m8t7n8+Lq9Obt9urw9+3y+O7y+fDz+fDz+vD0+vH2+vL2+/T3+////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAQABAAAAjoAP8JHEiw4MAuUpw0WYLkSJEhQXyASCLQyp+LGDNe7CDwyZ8bNWS4WJHCRAkSI/5oENjkj40ePHboyIEjBgwRfzIIZPKxBo0ZL1qwUIHixB8MApX8mQKICqAqgK4A8gLojgWBRvpUwZIFy5YvBAQEIDNngkAifbgAAgMoDCADUAYAiuNAoBA+YsYsUJDADIIDBbSwaSDwRx4zgBZEUQDojJ89beZUEBgiDxo0CzKnKcPHTRw+EQR+yKMGUOk1gLK8iaMnjwSBHPDcsVOHThw4bOTw0cMHgkAgGzJcsEDhAYPjyD0YXE4wIAA7') /*images/calendar.gif*/ no-repeat scroll 5px center;
  padding-left: 25px;
}
#ui-datepicker-div {
  z-index: 130 !important;
}
.ui-datepicker {
  width: 22em;
  font-size: 16px;
}
.ui-datepicker table {
  font-size: 1.1em;
}
.ui-datepicker table.ui-datepicker-calendar {
  margin-top: -1px;
}
/*** COMMANDE ***/
#commande {
  clear: both;
}
#prixBase {
  background-color: #B8B9BC;
  width: 120px;
}
.infos {
  width: 100%;
  display: table;
}
.infos label {
  font-size: 0.9em;
  display: inline;
}
.infos .lblInfos {
  font-weight: bold;
  padding-left: 3px;
}
.infos > div {
  display: table-cell;
  text-align: center;
}
.infos #ddEntrepot {
  float: none;
  display: inline-block;
  margin-top: -20px;
  position: relative;
  top: 10px;
}
#client-command-page {
  overflow: hidden;
}
/*.mode-client {*/
.infos {
  line-height: 42px;
  width: calc(100% - 360px);
  float: left;
}
.gridcontainer.move {
  margin-top: 60px;
}
/*}

.mode-rep {
    .gridcontainer.move {
        margin-top: 100px;
    }
}*/
.search {
  float: right;
  width: 29%;
}
.grid-header {
  clear: both;
}
/*** DROPDOWN ***/
#divMenuComm {
  clear: both;
  margin: auto;
  display: none;
}
#divAffComm,
#divImpComm {
  float: right;
}
#filtres {
  margin: auto;
  float: left;
  clear: both;
}
.lblDropdown {
  float: left;
  margin: auto;
  min-width: 175px;
  padding: 0;
}
.dropdown {
  width: 100%;
  font-size: 0.8em;
}
.ui-btn-f.ui-btn-f {
  background-image: none !important;
  background-color: #e02700 !important;
  color: white;
  text-shadow: none;
}
.ui-btn-f:after {
  background-color: rgba(128, 0, 0, 0.3);
}
.inputQte .ui-select > div {
  padding-top: 7px;
  padding-bottom: 7px;
}
#QteEntrepot option[disabled] {
  display: none;
}
#grille-statistiques .grid-header {
  text-align: center;
}
#grille-statistiques fieldset {
  margin: 0;
}
.loader {
  background: transparent url('images/ajax-loader-small.gif') no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
}
button .loader,
.ui-btn .loader {
  display: inline-block;
  position: relative;
  top: 3px;
  margin: -8px 0 0 4px;
}
.slick-headerrow-column {
  font-size: 13px;
  color: black;
}
.grid_total,
.grid_average {
  height: 20px;
}
.symbol {
  font-style: italic;
  font-family: times new roman;
  display: inline-block;
  width: 10px;
  font-weight: bold;
  font-size: 14px;
}
.symbol.avg::after {
  text-decoration: overline;
  content: "\a0\a0";
  position: relative;
  left: -0.45em;
  top: 4px;
}
.symbol.sum {
  position: relative;
  top: -1px;
}
.symbol.cnt {
  position: relative;
  font-weight: normal;
  font-size: 15px;
}
.gridblock {
  display: none;
}
#page-paiements .form-group {
  width: 100%;
  margin-top: 360px;
  background: none;
}
#page-paiements .ui-controlgroup-controls {
  width: 100%;
}
#page-paiements .ui-radio {
  min-width: 33.3%;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
  width: 16px;
}
::-webkit-scrollbar:horizontal {
  height: 12px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}
#creerNouveau .commentaire {
  max-height: 75px;
  min-height: 75px;
  resize: none !important;
}
.total-commande .ttopic {
  float: left;
  clear: left;
  font-size: 15px;
  min-width: 260px;
}
.total-commande .tvalue {
  float: left;
  clear: right;
  font-size: 15px;
  min-width: 80px;
  text-align: right;
}
.total-commande .tsplain {
  float: left;
  clear: left;
  font-size: 14px;
  margin-top: 10px;
  text-align: justify;
}
.total-commande .tsplain.nbp {
  font-size: 12px;
  margin-top: 20px;
}
.commentaire-commande {
  padding-top: 10px;
  clear: both;
}
.commentaire-commande .commentaire {
  max-height: 60px;
  height: 60px;
}
table.clientdata {
  border-collapse: collapse;
}
table.clientdata tr.document th,
table.clientdata tr.document td {
  border-bottom: 1px solid #ccc;
  min-height: 50px;
  padding: 8px;
}
table.clientdata tr.document th {
  text-align: left;
  vertical-align: top;
  border-right: 1px solid #ccc;
}
table.clientdata tr.document:last-child th,
table.clientdata tr.document:last-child td {
  border-bottom: 0;
}
#client-vente-page .grid-header label {
  line-height: 1.3;
}
#client-vente-page .grid-header input {
  padding: 0.4em;
  font-size: 1em;
}
#client-vente-page .grid-header .ui-input-text input {
  border: 1px solid #888;
  font-size: 14px;
  margin: 0;
  padding: 0.5em 0.4em;
}
#client-vente-page .grid-header.ui-field-contain > div {
  float: left;
  margin-right: 6px;
}
#client-vente-page .grid-header .ui-controlgroup-controls {
  width: auto;
}
#client-vente-page .grid-header .ok {
  margin-top: 9px;
}
#client-vente-page .grid-header #marge img {
  display: none;
}
#client-vente-page .grid-header #inputQteUm .ui-select {
  margin-top: 10px;
}
#client-vente-page .grid-header #inputQteUm fieldset {
  margin-top: 9px;
}
#client-vente-page .grid-header #infoproduit {
  height: 42px;
}
#client-vente-page .grid-header #infoproduit > div {
  display: none;
}
#client-vente-page .grid-header .poids {
  display: none;
}
.ui-autocomplete {
  max-height: 545px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 1em;
}
.ui-autocomplete .ui-menu-item {
  padding-right: 18px;
  white-space: nowrap;
}
.ui-autocomplete .ui-menu-item:last-child {
  margin-bottom: 0 !important;
}
.ui-autocomplete .ui-menu-item a {
  display: block;
  line-height: 25px;
  font-size: 0.8em;
}
.ui-autocomplete tt {
  width: 65px;
  display: inline-block;
}
#lotdiv .ui-serverautocomplete-wrap::after {
  cursor: pointer;
}
#prisephys-code-div div {
  margin: 2px 0;
}
#prisephys-block {
  display: table;
  margin-top: -3px;
  width: 100%;
}
#prisephys-block > div {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  max-height: 46px;
  width: 0;
}
#prisephys-block > div .ui-input-text {
  margin: 0;
}
#prisephys-block #dernierscan {
  position: relative;
  width: 100%;
}
#prisephys-block #dernierscan > div {
  position: absolute;
  top: 0;
  height: 46px;
  display: table;
  font-size: 12px;
}
#prisephys-block #dernierscan > div > div {
  display: table-cell;
  vertical-align: middle;
}
#prixman[readonly] {
  background: #ddd;
}
.showinactive,
.showdfbloc {
  float: right;
  margin-top: -2px;
}
.showinactive > div,
.showdfbloc > div {
  height: 44px;
}
.obj_demande.standalone {
  padding: 40px;
}
.obj_demande .formcontain {
  float: left;
}
.prodadd {
  position: relative;
}
.prodadd .buttons {
  float: left;
  margin: 5px;
}
.prodadd .buttons button {
  margin: 0;
  border-radius: 3px !important;
  padding: 1px !important;
}
.prodadd .field {
  float: left;
  width: 300px;
}
.ui-input-text.ui-mini {
  margin-left: 0;
}
input[type=text][readonly],
input[type=number][readonly],
textarea[readonly] {
  background-color: #f0f0f0;
}
.ui-input-search.readonly {
  background-color: #f0f0f0;
}
.ui-input-search.readonly input[type=text][readonly] {
  background-color: transparent;
}
textarea.ui-input-text.ui-textinput-autogrow[readonly] {
  overflow: auto;
}
.oblig label {
  color: darkred;
  font-weight: bold;
}
.oblig label:after {
  content: " *";
}
.demandedata {
  width: 550px;
}
.demandedata > div {
  float: left;
  width: 180px;
  margin-left: 5px;
}
.demandedata > div:last-child {
  clear: both;
  float: none;
  margin: 0;
}
.demandedata > div:first-child {
  margin: 0;
}
.minicontain .ui-mini:first-child {
  margin-left: 0;
}
.archive-status-S .slick-cell,
.archive-status-R .slick-cell {
  color: #888;
  text-decoration: line-through;
}
.archive-status-N .slick-cell {
  font-weight: bold;
}
.archive-status-C .slick-cell {
  color: #668;
}
td {
  font-size: 11px;
}
.slick-cell-checkboxsel .prettycheckbox {
  display: block;
  width: 18px;
  height: 18px;
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 0.1875em;
  position: absolute;
  top: calc(50% - 9px);
}
.slick-cell-checkboxsel.selected .prettycheckbox {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.25);
}
.importComm {
  margin-left: 4px;
}
.importComm br {
  display: none;
}
.importComm span {
  display: none;
}
.dropfile .importComm {
  margin-top: -12px;
}
.dropfile .importComm br {
  display: block;
}
.dropfile .importComm span {
  display: inline;
}
#dropHere {
  display: none;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  align-items: center;
  background-color: #4080FF;
  outline: 2px white dashed;
  outline-offset: -20px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  transition: opacity 0.5s, visibility 0.5s linear;
}
#dropHere div {
  text-align: center;
  width: 100%;
  font-size: 30px;
  color: white;
  text-shadow: none;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
}
.is-dragover #dropHere {
  opacity: 0.8;
  visibility: visible;
  pointer-events: all;
}
.cursor {
  display: none;
  position: absolute;
  background: black;
  height: 1.075em;
  width: 1px;
  margin: 0.54em 0.5em;
  pointer-events: none;
}
.measureText {
  visibility: hidden;
  position: absolute;
  pointer-events: none;
}
#btn-chat {
  right: 100px;
}
.controlgroup-textinput {
  float: left;
  clear: none;
}
.controlgroup-textinput input {
  background: white;
}
.ui-input-text input[type=time] {
  max-width: 75px;
}
.tooltip {
  --b: 20px;
  --h: 10px;
  --c: #0060DF;
  color: #FFF;
  font-size: 16px;
  max-width: 30ch;
  text-align: center;
  font-family: sans-serif;
  z-index: 1;
  padding: 1em;
  border-radius: 1.2em;
  background: var(--c);
  position: absolute;
  cursor: pointer;
  line-height: initial;
  text-shadow: none;
  margin: calc(var(--h));
}
.tooltip.right {
  clip-path: polygon(100% 100%, 0 100%, 0 0, calc(100% - var(--b)) 0, calc(100% + var(--h)) calc(-1 * var(--h)), 100% var(--b));
  border-image: conic-gradient(var(--c) 0 0) 999 999 0 0 / calc(var(--h) + var(--b)) calc(var(--h) + var(--b)) 0 0 / var(--h) var(--h) 0 0;
}
.tooltip.left {
  padding: 1em;
  border-radius: 1.2em;
  clip-path: polygon(0 100%, 100% 100%, 100% 0, var(--b) 0, calc(-1 * var(--h)) calc(-1 * var(--h)), 0 var(--b));
  border-image: conic-gradient(var(--c) 0 0) 999 0 0 999 / calc(var(--h) + var(--b)) 0 0 calc(var(--h) + var(--b)) / var(--h) 0 0 var(--h);
}
.grid-help {
  display: none;
  padding: 1px 3px 1px 2px;
  margin: 0 0px 0 2px;
  border: 1px solid #888;
  line-height: 100%;
}
.grid-help:hover {
  background: #ccc;
  border: 1px solid #888;
}
#loginForm {
  width: 320px;
  margin: auto;
}
#loginForm div .form-group {
  margin: auto;
}
#loginForm input.form-control {
  color: black;
}
#loginForm div.placeholder {
  width: 304px !important;
  margin: auto;
}
#loginForm input[type=text],
#loginForm input[type=password] {
  text-transform: uppercase;
}
.lang {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
#CreationClient {
  width: 500px;
  margin: auto;
}
#CreationClient fieldset > div {
  width: 500px;
}
#CreationClient .ui-input-text input {
  color: black;
}
#CreationClient div.placeholder {
  margin: auto;
}
#CreationClient .text-danger.field-validation-error {
  color: #f00;
  display: block;
  text-align: right;
  margin-top: -4px;
  margin-bottom: 12px;
  font-size: smaller;
  font-style: italic;
}
#CreationClient .ville {
  float: left;
  margin-top: -8px;
  width: 200px;
}
#CreationClient .codepostal {
  float: left;
  margin: -8px 0 0 10px;
  width: 120px;
}
#CreationClient .codepostal input {
  text-transform: uppercase;
}
#CreationClient .creationfooter {
  clear: both;
  padding-top: 20px;
}
#CreationClient .creationfooter > div {
  font-style: italic;
}
#selectMode a {
  opacity: 1;
}
.login {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0, #eeeeee 145px, #fafafa 100%);
  border: 1px solid black;
  border-radius: 5px;
  width: 778px;
  padding: 10px 10px 60px;
  margin: 40px auto;
  box-shadow: #aaa 0 0 40px, #aaa 5px 5px 5px;
  position: relative;
}
.login .nomdivision {
  margin: 10px;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  font-size: 20px;
  max-width: 410px;
}
.login .branding {
  float: right;
  text-align: right;
  margin: 10px;
}
.login .product {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: -3px;
}
.login .product::first-letter {
  font-family: dadhriregular;
  color: peru;
}
.login .version {
  font-size: 12px;
}
.login .tsys {
  font-weight: bold;
  font-size: 15px;
}
.login .tsys img {
  height: 20px;
  position: relative;
  top: 3px;
}
.login > img {
  height: 100px;
  border: 1px solid black;
  border-radius: 5px;
}
.login .row > .form-group {
  text-align: center;
}
.login .form-group.creation {
  margin: 20px 0;
  text-align: center;
}
.login .row .creationheader {
  margin: 30px 80px;
}
@media (max-height: 500px) and (min-width: 820px) {
  .row > .form-group {
    float: left;
    width: 240px;
    text-align: right;
  }
  .login {
    padding-bottom: 20px;
    margin: 20px auto;
    box-shadow: #aaa 0 0 20px, #aaa 5px 5px 5px;
  }
  #loginForm {
    margin-left: 270px;
    width: 500px;
  }
  #loginForm fieldset > .form-group {
    float: left;
  }
  #loginForm fieldset > .form-group:last-child {
    margin-left: 30px;
    margin-top: -54px;
  }
}
@media (max-width: 820px) {
  .login {
    width: 678px;
  }
  .login .nomdivision {
    max-width: 310px;
  }
}
@media (max-width: 720px) {
  .login {
    width: 578px;
  }
  .login .nomdivision {
    max-width: 210px;
    font-size: 18px;
  }
}
@media (max-width: 620px) {
  .login {
    width: 478px;
  }
  .login > img {
    height: 75px;
  }
  .login .nomdivision {
    max-width: 180px;
    font-size: 16px;
  }
  .login .product {
    font-size: 25px;
  }
  .login .version {
    font-size: 10px;
  }
  .login .tsys {
    font-size: 12px;
  }
}
@media (max-width: 520px) and (min-width: 480px) {
  .login {
    width: 458px;
    height: 298px;
    margin: 0 auto;
    padding: 10px;
    top: 0;
  }
  .login .nomdivision {
    max-width: 170px;
    font-size: 16px;
  }
  .login .product {
    font-size: 22px;
  }
  .login .branding {
    margin-left: -20px;
  }
  .login #selectMode {
    margin-bottom: 0;
  }
}
@media (max-width: 479px) {
  .login {
    width: 300px;
    margin: 20px auto;
    box-shadow: #aaa 0 0 20px, #aaa 5px 5px 5px;
    padding: 10px;
    top: 0;
  }
  .login #loginForm div.placeholder {
    width: 264px !important;
  }
  .login #loginForm {
    width: 280px;
  }
  .login > img {
    height: 75px;
    float: right;
  }
  .login .nomdivision {
    max-width: 218px;
    margin-right: -5px;
    float: left;
  }
  .login .branding {
    float: none;
    text-align: center;
    margin: 0;
    padding: 10px;
    clear: both;
  }
}