@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;
}
#content {
  background-color: white;
  margin: 10px;
  padding: 15px;
  border-radius: 6px;
}
.block {
  display: flex;
  flex-flow: column nowrap;
  background-color: white;
  border-radius: 6px;
  padding-block: 15px;
  padding-inline: 15px;
  gap: 10px 10px;
}
.block-title {
  display: flex;
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
  font-size: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding-bottom: 3px;
}
.block-title .blue {
  color: #29a7dc;
  margin-inline-start: 5px;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.block-title .end {
  margin-left: auto;
  font-size: 16px;
}
.block-title * {
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
}
.block-content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  height: 100%;
  gap: 7px 10px;
}
.top-block-content {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
  gap: 10px;
}
.section {
  display: flex;
  flex-flow: column nowrap;
  gap: 6px;
}
.section-title {
  font-size: 13px;
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-title * {
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
}
.section-content {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  display: flex;
  flex-flow: column nowrap;
  padding: 10px;
  gap: 10px;
}
.section-row {
  display: flex;
  flex-flow: row wrap;
  gap: 7px 7px;
  width: fit-content;
  justify-content: space-between;
  align-items: center;
}
#double-panel {
  display: flex;
  flex-flow: row nowrap;
  margin: auto;
  width: 100%;
  height: 100%;
  gap: 10px 10px;
}
.pdf-view {
  display: flex;
  flex-flow: column;
  border: 1px solid #000000;
  width: 45% !important;
  flex-grow: 1;
  background-color: #1c293a;
}
#PdfIframe {
  flex-grow: 1;
  border: none;
}
.separator {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
}
.vertical-separator {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  height: 100%;
}
.checkbox-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 2px;
}
.checkbox-container :hover {
  cursor: pointer;
}
span:has(input[disabled]) {
  filter: opacity(40%);
}
.link {
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
  font-weight: 600;
  text-decoration: underline;
}
.input {
  border: 1px solid rgba(0, 0, 0, 0.25);
  height: 22px;
}
.button,
button,
.dxeCalendarButton {
  font-size: 13px;
  width: fit-content;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  text-shadow: 0 0 2px black;
  font-weight: 600 !important;
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
  padding-inline: 15px;
  padding-block: 10px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 5px;
  justify-content: center;
  text-align: center;
  min-height: 36px;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));
  white-space: nowrap;
}
.button > *,
button > *,
.dxeCalendarButton > * {
  font-weight: 600 !important;
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
}
.button-icon {
  padding-inline: 0;
  justify-content: space-between !important;
}
.button-icon span {
  width: 100%;
  margin-right: 16px;
}
.button-icon img {
  margin-left: 10px;
}
.button-small {
  margin-left: 10px;
  padding: 0px;
  height: 16px;
  min-height: 0;
}
.button-small img {
  width: auto;
  height: 16px;
  margin: 0px;
  padding: 0px;
}
.button-transparent {
  background: none;
  border: none;
}
.button-thin {
  font-size: 12px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  text-shadow: 0 0 2px black;
  font-family: Roboto, Tahoma, sans-serif;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
  padding-block: 12px !important;
  justify-content: center;
  height: 22px !important;
  min-height: 0 !important;
}
.button-thin .icon {
  width: 13px;
  height: 13px;
}
.button-thin > div {
  padding: 0px 3px !important;
  font-size: 12px !important;
}
.dxbButton {
  padding: 0 !important;
  font-size: 13px;
  width: fit-content;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  text-shadow: 0 0 2px black;
  font-weight: 600 !important;
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 5px;
  justify-content: center;
}
.dxbButton span {
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
  font-weight: 600 !important;
}
.gradient-btn {
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));
}
button:hover,
.button:hover,
.dxbButton:hover {
  cursor: pointer;
  filter: brightness(80%);
}
button:disabled:hover,
button[disabled]:hover,
.dxbDisabled {
  cursor: not-allowed !important;
  filter: brightness(100%) !important;
}
button:disabled,
button[disabled],
.dxbButton.dxbDisabled {
  border: 1px solid #999999;
  background-color: #cacaca !important;
  opacity: 0.6;
  color: #666666 !important;
  cursor: not-allowed;
  text-shadow: none;
}
button:disabled .icon,
button[disabled] .icon,
.dxbButton.dxbDisabled .icon {
  filter: brightness(0) saturate(100%) invert(41%) sepia(0%) saturate(1138%) hue-rotate(241deg) brightness(94%) contrast(89%) !important;
}
.btn-disabled {
  border: 1px solid #999999;
  background-color: #cacaca !important;
  opacity: 0.6;
  color: #666666 !important;
  cursor: not-allowed;
  text-shadow: none;
}
.btn-disabled .icon {
  filter: brightness(0) saturate(100%) invert(41%) sepia(0%) saturate(1138%) hue-rotate(241deg) brightness(94%) contrast(89%) !important;
}
.btn-blue,
.BtnAction,
.BtnNouveau,
.dxucBrowseButton,
.buttonInvitation,
#BtnAjouterVariableLibelle,
#BtnTypeTVA,
#BtnValiderLogin1 {
  color: white !important;
  background-color: #29a7dc;
}
.btn-blue a,
.BtnAction a,
.BtnNouveau a,
.dxucBrowseButton a,
.buttonInvitation a,
#BtnAjouterVariableLibelle a,
#BtnTypeTVA a,
#BtnValiderLogin1 a {
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
}
.btn-red,
.BtnSupprimer,
#BtnRemiseAZero,
#BtnStop {
  color: white !important;
  background-color: #DB2420 !important;
}
.btn-grey,
.BtnBrouillon,
#BtnEffacerCompositionLibelle,
#BtnAnnulEclat,
#FacturesGridView_DXHFP_TPCFCm1_C,
#SyntheseDossierPivotGridView_DXHFP_TPCFCm1_C {
  color: white !important;
  background-color: #9d9d9d !important;
}
.btn-light-grey {
  color: black !important;
  background-color: #f0f0f0 !important;
  text-shadow: none !important;
}
.btn-light-grey .icon {
  filter: brightness(0) saturate(100%) !important;
}
.btn-orange {
  color: white !important;
  background-color: #FF8F00 !important;
}
.btn-green,
.BtnEnregistrer,
.BtnValider,
.BtnTransferer,
#FacturesGridView_DXHFP_TPCFCm1_O,
#SyntheseDossierPivotGridView_DXHFP_TPCFCm1_O {
  color: white !important;
  background-color: #59b448 !important;
}
.btn-purple,
.BtnSync {
  color: white;
  background-color: #8400EB !important;
}
.btn-white,
.dxeCalendarButton {
  color: black !important;
  text-shadow: none !important;
}
.btn-white .icon,
.dxeCalendarButton .icon {
  filter: brightness(0) saturate(100%) !important;
}
.btn-plus {
  min-height: 0px;
  height: 20px;
  width: 20px;
  padding: 12px;
  padding-left: 13px;
}
.btn-plus img {
  width: 16px !important;
  height: 16px !important;
}
.btn-link {
  all: unset;
  color: green;
  text-decoration: underline;
  cursor: pointer;
}
.btn-link:hover,
.btn-link:focus {
  text-decoration: none;
}
input[type="checkbox"],
.checkbox {
  accent-color: #1f99cc !important;
  width: 16px !important;
  height: 16px !important;
}
.checkbox-img {
  background-repeat: no-repeat;
  background-size: cover;
}
*[class*="CheckBox"] [class*="Readonly"],
*[class*="CheckBox"] [class*="Disabled"] {
  filter: opacity(40%);
}
.alert {
  font-size: 13px;
  padding-block: 10px;
  padding-inline: 8px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 5px 8px;
  border: 1px solid gray;
  flex-grow: 1;
}
.alert span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.validation-style {
  color: #89b00b;
  background-color: #e3f1b8;
}
.warning-style {
  color: #a86c00;
  background-color: #ffe4a1;
}
.danger-style {
  color: #ce2121;
  background-color: #ffd1d1;
}
.info-style {
  color: Highlight;
  background-color: #d3f0ff;
  border-color: #0078d721 !important;
}
#save-container {
  display: flex;
  flex-flow: row nowrap;
  gap: 10px 10px;
  justify-content: center;
}
#save-container button {
  min-width: 100px;
}
.gridview-container {
  width: 100%;
}
.cf-gridview-container {
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: center;
}
.bold {
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
}
.medium-size {
  font-size: 16px;
}
.field {
  display: flex;
  flex-flow: column nowrap;
  margin-top: 5px;
}
.field input {
  margin-top: 3px;
  height: 24px;
}
a {
  text-shadow: none !important;
  color: green;
}
.relief {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px !important;
}
.dxeCalendarFooter {
  display: flex;
  justify-content: space-evenly;
}
.information {
  margin-top: 10px;
}
.background-colored {
  background-color: #e9e9e9 !important;
}
.nb-indicator {
  vertical-align: middle;
  padding-left: 3px;
  padding-right: 3px;
  padding-block: 2px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 70px;
  background-color: white;
  color: #1c293a;
  font-size: 0.8em;
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
}
.NbSoloPageIndicator {
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 6px;
  border-radius: 70px;
  background: #9d9d9d95;
  color: white;
  padding-block: 2px;
}
.NbPageIndicator {
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 6px;
  border-radius: 70px;
  background: #59b448;
  color: white;
  padding-block: 2px;
}
.flex {
  display: flex;
  align-items: center;
}
.type-fournisseur {
  color: green !important;
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
  font-weight: 600;
}
.type-client {
  color: #006efb !important;
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
  font-weight: 600;
}
.defaultTab * {
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
}
h3,
strong,
#PPContact {
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
}
.font-green {
  color: #017501;
}
.display-none {
  display: none !important;
}
.select-not-options {
  display: flex;
  align-items: center;
  min-width: 130px;
}
.select-not-options img {
  margin-right: 10px;
  margin-left: 10px;
}
.select-not-options .select-text {
  width: auto;
  user-select: none;
  max-width: 200px;
  min-width: 55px;
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: none !important;
  outline: none;
}
.select-not-options .select-angle {
  cursor: pointer;
}
.select-options {
  background-color: white;
  font-size: 14px;
  z-index: 3;
  position: fixed;
  top: 42px;
  border: 1px solid grey;
  padding: 2px;
  border-radius: 6px;
  visibility: hidden;
  overflow-y: auto;
  text-overflow: ellipsis;
  max-height: 256px;
  min-height: 16px;
  cursor: pointer;
}
.select-options .selected-option {
  background-color: #29a7dc;
  color: white;
}
.select-options .select-option {
  padding-inline: 5px;
  padding-block: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-options .select-option:hover {
  background-color: #cacaca;
}
.red-font {
  color: #E52621 !important;
}
.blue-font {
  color: Highlight !important;
}
.orange-font {
  color: #ea8300 !important;
}
.green-font {
  color: #59b448 !important;
}
.space-block {
  margin-block: 10px;
}
.scroll-zoom-cursor {
  cursor: url("/Content/Images/Cursors/search-zoom.svg"), auto !important;
}
.iframe-browser {
  margin-top: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 8px;
  width: 70vw;
  height: 70vh;
}
.disabled,
.disabled * {
  cursor: not-allowed;
}
.dxeTextBoxSys,
.dxeButtonEdit,
.dxeMemoSys {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  background-color: #fbfbfb !important;
  margin-block: 1px;
}
.dxeMemoEditArea {
  border-radius: 5px;
}
.dxeEditArea {
  background-color: #fbfbfb !important;
}
.dxeButtonEditButton,
.dxeCalendarButton,
.dxeSpinIncButton,
.dxeSpinDecButton,
.dxeSpinLargeIncButton,
.dxeSpinLargeDecButton,
.dxeColorEditButton,
.dxeButtonEditButtonHover,
.dxp-dropDownButton,
.dxp-hoverDropDownButton {
  border: none !important;
  background: none !important;
}
.end-plus-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white !important;
  background-color: #29a7dc;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  background-color: #29a7dc !important;
  width: 24px;
  height: 26px;
  min-height: 0 !important;
  padding: 0 !important;
}
.end-plus-btn a {
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
}
.end-plus-btn img {
  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));
  height: 16px;
}
.end-plus-btn:hover {
  cursor: pointer;
  filter: brightness(80%);
}
.end-plus-btn-mini {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white !important;
  background-color: #29a7dc;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  background-color: #29a7dc !important;
  width: 24px;
  height: 26px;
  min-height: 0 !important;
  padding: 0 !important;
}
.end-plus-btn-mini img {
  width: 17px !important;
  height: 14px !important;
}
.end-plus-btn-mini a {
  font-family: Roboto-Bold, Tahoma, sans-serif !important;
}
.end-plus-btn-mini img {
  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));
  height: 16px;
}
.end-plus-btn-mini:hover {
  cursor: pointer;
  filter: brightness(80%);
}
.end-plus-dxbtn {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  background-color: #29a7dc !important;
}
.end-plus-dxbtn .dxb {
  padding: 0 !important;
}
.end-plus-dxbtn img {
  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));
  width: 17px;
  height: 17px;
  vertical-align: middle;
}
.end-plus-dxbtn.BtnDisabled {
  border: 1px solid #999999;
  background-color: #cacaca !important;
  opacity: 0.6;
  color: #666666 !important;
  cursor: not-allowed;
  text-shadow: none;
}
.end-plus-dxbtn.BtnDisabled .icon {
  filter: brightness(0) saturate(100%) invert(41%) sepia(0%) saturate(1138%) hue-rotate(241deg) brightness(94%) contrast(89%) !important;
}
.end-plus-dxbtn.BtnDisabled img {
  text-shadow: none;
}
.dxp-comboBox,
.dxeListBox,
.dxdd-list,
.dxeCalendar,
.dxdd-cal,
.dxpc-content {
  border-radius: 5px;
}
.dxtc-content {
  border: none !important;
  padding-inline: 0 !important;
}
.dxflGroupCell {
  padding-inline: 5px !important;
}
.dxtc-stripContainer {
  margin-inline: 15px !important;
}