﻿@font-face {
  font-family: 'Roboto';
  font-style: normal;
  src: url('../Fonts/Roboto/Roboto-Regular.ttf') format('ttf'), url('../Fonts/Roboto/Roboto-Regular.woff') format('woff');
  /* old browsers */
}
@font-face {
  font-family: 'Roboto-Medium';
  font-style: normal;
  font-weight: 500;
  src: url('../Fonts/Roboto/Roboto-Medium.ttf') format('ttf'), url('../Fonts/Roboto/Roboto-Medium.woff') format('woff');
  /* old browsers */
}
@font-face {
  font-family: 'Roboto-Bold';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/Roboto/Roboto-Bold.ttf') format('woff');
}
.icon {
  width: 18px;
  height: 18px;
  filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(80deg) brightness(101%) contrast(100%) drop-shadow(0 0 1px rgba(0 0 0));
}
.icon-dark {
  filter: brightness(0) saturate(100%) invert(19%) sepia(27%) saturate(821%) hue-rotate(175deg) brightness(95%) contrast(94%);
}
.icon-green {
  filter: brightness(0) saturate(100%) invert(54%) sepia(63%) saturate(465%) hue-rotate(64deg) brightness(92%) contrast(81%);
}
.arrow-icon {
  filter: brightness(0) saturate(100%) invert(65%) sepia(9%) saturate(6671%) hue-rotate(165deg) brightness(90%) contrast(91%);
}
.icon-red {
  filter: brightness(0) saturate(100%) invert(15%) sepia(54%) saturate(6268%) hue-rotate(355deg) brightness(93%) contrast(85%) !important;
}
.icon-background {
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(223deg) brightness(104%) contrast(101%);
}
.icon-xmark {
  background-image: url('/Content/Images/Icons/xmark.svg');
  background-size: 28px 28px;
}
.icon-search-plus {
  background-image: url('/Content/Images/Icons/plus.svg');
  background-size: 20px 20px;
}
.icon-search-minus {
  background-image: url('/Content/Images/Icons/minus.svg');
  background-size: 20px 20px;
}
.icon-play {
  background-image: url('/Content/Images/Icons/play.svg');
  background-size: 18px 18px;
}
.icon-backward {
  background-image: url('/Content/Images/Icons/backward.svg');
  background-size: 18px 18px;
}
.icon-externalize {
  background-image: url('/Content/Images/Icons/externalize.svg');
  background-size: 20px 20px;
}
.icon-rotate-left {
  background-image: url('/Content/Images/Icons/rotate-left.svg');
  background-size: 22px 22px;
}
.icon-rotate-right {
  background-image: url('/Content/Images/Icons/rotate-right.svg');
  background-size: 22px 22px;
}
.icon-save {
  background-image: url('/Content/Images/Icons/save.svg');
  background-size: 22px 22px;
}
.icon-orange {
  filter: brightness(0) saturate(100%) invert(56%) sepia(68%) saturate(2856%) hue-rotate(5deg) brightness(97%) contrast(101%);
}
.icon-disabled {
  filter: brightness(0) saturate(100%) invert(51%) sepia(0%) saturate(646%) hue-rotate(166deg) brightness(94%) contrast(93%) !important;
}
.dxgvControl {
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 6px;
}
tr.dxgvDataRow {
  background: #F1F4F8;
}
tr.dxgvDataRowAlt {
  background: #FFFFFF;
}
tr.dxgvFilterRow {
  background: none !important;
}
tr.dxgvDataRow.traitee,
tr.dxgvDataRow.histo {
  color: rgba(0, 0, 0, 0.66);
}
tr.dxgvDataRow.archive {
  background: white url("/Content/Images/archivee.png") repeat;
}
tr.dxgvDataRow .dxgv.validee {
  background: green !important;
}
tr.dxgvDataRow .dxgv.invalidee {
  background: red !important;
}
td.dxgv {
  border-color: #CFCFCF4F !important;
}
.dxgvFilterRow td.dxgv,
.dxgvDataRow td.dxgv {
  border-right: none !important;
}
td.dxgvHeader {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  background: none;
  background-color: #fbfbfb !important;
}
td.dxgvHeader * {
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
}
.dxgvTable ~ div.dxpcLite.dxpclW,
.dxgvTable ~ div.dxpcLite.dxpclW .dxpc-contentWrapper,
.dxgvTable ~ div.dxpcLite.dxpclW .dxpc-contentWrapper .dxpc-content {
  height: auto !important;
  width: auto !important;
}
td.dxgv.ColEtroite,
td.dxgv.ColBouton {
  width: 0 !important;
  white-space: nowrap;
}
td.dxgv.ColBouton .Texte {
  display: inline-block;
}
td.dxgv.ColBouton .Texte[onclick]:hover {
  cursor: pointer;
}
td.dxgv.ColBouton .Texte.NewText {
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
  font-weight: bold;
  color: #017501;
}
td.dxgv.ColBouton {
  padding: 0 5px !important;
  height: 33px;
}
td.dxgv.ColBouton a,
td.dxgv.ColBouton .dxbButton {
  height: 100% !important;
}
.dxgBCTC {
  height: 100%;
  align-content: center;
}
td.dxgv.ColBouton a {
  display: block;
}
td.dxgv.ColBouton .dxbButton[class*="Btn"],
#BtnShowCommentaire {
  font-size: 0 !important;
  width: 30px;
  border: none !important;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
}
td.dxgv.ColBouton .dxbButton > .dxb,
#BtnShowCommentaire > .dxb {
  background: none !important;
}
td.dxgv.ColBouton .BtnSupprimer {
  background-image: url("/Content/Images/Icons/trash-can.svg");
  background-size: 16px !important;
  background-color: transparent !important;
  filter: brightness(0) saturate(100%) invert(15%) sepia(54%) saturate(6268%) hue-rotate(355deg) brightness(93%) contrast(85%);
}
.file-lines-tiers {
  background-image: url("/Content/Images/Icons/file-lines.svg");
  width: 22px !important;
  margin-right: 3px;
}
td.dxgv.ColBouton .BtnFactures {
  background-image: url("/Content/Images/Icons/file-lines.svg");
  width: 22px !important;
  margin-right: 3px;
  filter: brightness(0) saturate(100%) invert(19%) sepia(27%) saturate(821%) hue-rotate(175deg) brightness(95%) contrast(94%);
}
td.dxgv.ColBouton .BtnFactures.NewBtn {
  background-image: url("/Content/Images/Icons/file-lines.svg");
  width: 22px !important;
  margin-right: 3px;
  filter: brightness(0) saturate(100%) invert(20%) sepia(43%) saturate(4886%) hue-rotate(97deg) brightness(106%) contrast(99%);
}
td.dxgv.ColBouton .BtnConnecteur {
  background-size: 19px !important;
  background-image: url("/Content/Images/Icons/plug.svg");
  margin-left: 2px;
  filter: brightness(0) saturate(100%) invert(19%) sepia(27%) saturate(821%) hue-rotate(175deg) brightness(95%) contrast(94%);
}
td.dxgv.ColBouton .BtnPDF,
td.dxgv.ColBouton .BtnPDFs {
  background-image: url("/Content/Images/Boutons/PDF.png");
}
td.dxgv.ColBouton .BtnTelecharger {
  background-size: 20px !important;
  background-image: url("/Content/Images/Icons/download.svg");
  filter: brightness(0) saturate(100%) invert(19%) sepia(27%) saturate(821%) hue-rotate(175deg) brightness(95%) contrast(94%);
}
td.dxgv.ColBouton .BtnFournisseur {
  background-size: 16px !important;
  background-image: url("/Content/Images/Icons/tiers.svg");
}
td.dxgv.ColBouton .BtnPlans {
  background-image: url("/Content/Images/Icons/map.svg");
  background-size: 20px !important;
}
td.dxgv.ColBouton .BtnModifier {
  background-image: url("/Content/Images/Icons/pencil.svg");
  background-size: 20px !important;
  filter: brightness(0) saturate(100%) invert(54%) sepia(63%) saturate(465%) hue-rotate(64deg) brightness(92%) contrast(81%);
}
td.dxgv.ColBouton .BtnHisto {
  background-size: 20px !important;
  background-image: url("/Content/Images/Icons/clock-rotate-left.svg");
}
td.dxgv.ColBouton .BtnTransfert {
  background-image: url("/Content/Images/Icons/circle-play.svg");
  filter: brightness(0) saturate(100%) invert(54%) sepia(63%) saturate(465%) hue-rotate(64deg) brightness(92%) contrast(81%);
}
td.dxgv.ColBouton .dxbButton.BtnEclat {
  background-image: url("/Content/Images/Boutons/Eclat.png");
}
td.dxgv.ColBouton .dxbButton.BtnDepot {
  background-image: url("/Content/Images/Icons/file-import.svg");
  background-size: 21px !important;
  filter: brightness(0) saturate(100%) invert(19%) sepia(27%) saturate(821%) hue-rotate(175deg) brightness(95%) contrast(94%);
}
td.dxgv.ColBouton .dxbButton.BtnAide {
  background-image: url("/Content/Images/Boutons/Aide.png");
}
td.dxgv.ColBouton .BtnCompletion {
  background-image: url("/Content/Images/Boutons/Completion.png");
}
tr.dxgvDetailRow {
  background-color: rgba(127, 191, 63, 0.15);
}
#EclatementGridView {
  margin-left: 1%;
  width: 98% !important;
}
td.dxgv.dxgvDetailCell {
  border: 3px solid #838383 !important;
}
tr.eclatee td.dxgv.ColBouton .dxbButton.BtnEclat {
  background-image: url("/Content/Images/Boutons/EclatOK.png") !important;
}
tr.doublon td.dxgv {
  color: #700016;
}
tr.tierNonParam td.dxgv {
  color: #700016;
}
.dxgvEditingErrorRow,
.pb {
  color: #E52621;
  background: #ffd9d9ed !important;
}
.Details {
  margin-left: 5px;
}
#FacturesEnAttenteGridView tr.progress-state td.Details {
  background-image: url("/Content/Images/spinner0.gif");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 26px;
  padding-left: 17px !important;
}
#FacturesEnAttenteGridView tr.progress0 td.Details {
  background-image: url("/Content/Images/spinner0.svg");
}
#FacturesEnAttenteGridView tr.progress25 td.Details {
  background-image: url("/Content/Images/spinner25.svg");
}
#FacturesEnAttenteGridView tr.progress50 td.Details {
  background-image: url("/Content/Images/spinner50.svg");
}
#FacturesEnAttenteGridView tr.progress75 td.Details {
  background-image: url("/Content/Images/spinner75.svg");
}
#FacturesEnAttenteGridView tr.progressinterrupt td.Details {
  background-image: url("/Content/Images/spinnerinterrupt.svg");
}
#FacturesEnAttenteGridView tr.progress100 td.Details {
  background-image: url("/Content/Images/spinner100.svg");
}
#FacturesEnAttenteGridView tr.progress99 td.Details {
  background-image: url("/Content/Images/spinnerStop.gif");
}
/*meilleur rendu chrome, ie*/
td.dxgv.ColBouton .BtnPDF,
td.dxgv.ColBouton .BtnPDFs,
td.dxgv.ColBouton .BtnConnecteur {
  /*image-rendering: optimizeSpeed; /* Legal fallback */
  /*image-rendering: -moz-crisp-edges; /* Firefox        */
  image-rendering: -o-crisp-edges;
  /* Opera          */
  image-rendering: -webkit-optimize-contrast;
  /* Safari         */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed  */
  image-rendering: crisp-edges;
  /* CSS4 Proposed  */
  image-rendering: pixelated;
  /* CSS4 Proposed  */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+           */
}
.dxgv td[class*="ColResponsive"] {
  display: none !important;
}
.dxgvHeader.SmallBtns .dxb,
.dxgv.SmallBtns .dxb,
.dxbButton.SmallBtns .dxb {
  padding: 0.25em 0.5em !important;
}
.dxgv.HideEditButton .dxeButton.dxeButtonEditButton {
  display: none;
}
@media screen and (min-width: 640px) {
  .dxgv td.ColResponsive640 {
    display: table-cell !important;
  }
}
@media screen and (min-width: 720px) {
  .dxgv td.ColResponsive720 {
    display: table-cell !important;
  }
}
@media screen and (min-width: 1024px) {
  .dxgv td.ColResponsive1024 {
    display: table-cell !important;
    word-break: break-word;
  }
}
.filename {
  word-break: break-all;
  min-width: 200px;
}
.actions {
  min-width: 400px;
}
.focusedRow,
.dxgvSelectedRow,
.dxgvFocusedRow {
  background-color: rgba(127, 191, 63, 0.35) !important;
  color: black;
}
.dxgvFocusedRow .dxgvCommandColumn a {
  color: #4c4d7d;
}
.dxgvFocusedRow .dxgvCommandColumn a:hover {
  color: #424480;
}
td.dxgv.dxgvDetailCell {
  padding: 0px;
}
td.dxgvIndentCell.dxgv.dxgvDIC {
  padding: 0px;
}
.eclatementColumnWidth,
.pisteAuditColumnWidth {
  width: 12%;
  word-break: break-all;
}
.eclatementColumnWidthSmall {
  width: 9%;
  word-break: break-all;
}
.eclatementColumnWidthLarge {
  width: auto;
  word-break: break-all;
}
#FacturesGridView div > .dxbButton > .dxb {
  font-weight: initial;
  padding: 0.5em 1em !important;
}
.animShow {
  animation-duration: 0.5s;
  animation-name: slidein;
}
@keyframes slidein {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.hidden {
  display: none;
}
.orangeRow {
  color: #E98B19 !important;
}
tr.blueBackgroundRow {
  background-color: #dbf5ff !important;
}
tr.greenBackgroundRow {
  background-color: #ebffe1 !important;
}
tr.yellowBackgroundRow {
  background-color: #fdf7d2 !important;
}
td.TVAModifier {
  background-color: rgba(255, 180, 0, 0.15);
  cursor: help;
}
.dxb {
  padding: 8px !important;
}
.dxgvPagerBottomPanel,
.dxpgBottomPager {
  border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
  padding-top: 7px;
  background-color: #fbfbfb !important;
}
.dxgvPagerBottomPanel .dxp-button,
.dxpgBottomPager .dxp-button {
  padding-top: 2px !important;
  filter: brightness(0) saturate(100%) invert(19%) sepia(27%) saturate(821%) hue-rotate(175deg) brightness(95%) contrast(94%);
}
.dxgvPagerBottomPanel a,
.dxpgBottomPager a {
  filter: brightness(0) saturate(100%) invert(19%) sepia(27%) saturate(821%) hue-rotate(175deg) brightness(95%) contrast(94%);
}
.dxgvPagerBottomPanel .dx-vam,
.dxpgBottomPager .dx-vam {
  margin-top: -1px !important;
}
.dxgvPagerBottomPanel .dxp-disabledButton,
.dxpgBottomPager .dxp-disabledButton {
  opacity: 0.4;
  cursor: not-allowed;
}
td:has(> .dxGridView_gvHeaderFilter) {
  padding-left: 5px;
  padding-bottom: 15px;
}